@charset "utf-8";
/* CSS Document 

*/

@import url('PackagingMenu.css');

body{
    margin: 0;
    padding: 0;
    height: 100%;
    max-height: 100%;
    /*overflow: hidden;*/
	background-image:url(layout/layout_background2.gif); background-repeat:repeat-x;
	background-color:#d8d0c3;
}

.clear{
        clear:both;
        height:1px;
        overflow:hidden;
}

h3 {
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin: 30px 10px 10px 0px;
	padding-left:20px;
	padding-top:8px;
	height:18px;
}

h4 {
	background-image:url(layout/h4_bg.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 30px 10px 10px 0px;
	padding-left:20px;
	padding-top:8px;
	height:25px;
}

h5 {
	background-image:url(layout/h5_bg.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 30px 10px 10px 0px;
	padding-left:20px;
	padding-top:8px;
	height:25px;
}


#template {
	width:100%;
	height:100%; 
}
#mainheader{
	position: absolute;
	width: 100%; 
	height: 125px;  
   	/*background-image:url(layout/layout_background.gif);*/
	overflow:hidden;
}

#header{
	width:1000px; 
	margin: 0 auto;
	background-color:#e1e2e4;
	height:125px;
}

#container{
	position:fixed; 
	margin:0; 
	padding:0; 
	overflow:hidden; 
	bottom:40px; 
	top:125px; 
	left:0; 
	right:0;
    min-width:1000px;
}

#navigatiebackground{
 		position: absolute; 
		width: 190px; 
		margin-left: -500px; 
		left: 50%; 
		top: 0; 
		bottom: 0px;
		overflow: hidden;
		background-image:url(layout/layout_menu_bg.gif); 
		background-repeat:no-repeat;
        background-color:#060000;
		z-index:0;
}

#navigatie{
 		position: absolute; 
		width: 190px; 
		margin-left: -500px; 
		left: 50%; 
		top: 0; 
		bottom: 0px;
		overflow: hidden;
		/*background-image:url(layout/layout_menu_bg.gif); 
		background-repeat:no-repeat;
        background-color:#060000;*/
}

#content{
	position: absolute;
	margin-left: -310px; 
	width: 765px; 
	top: 0; 
	bottom: 0; 
	left: 50%; 
    overflow: auto; 
	padding:5px 5px 5px 40px ;
    background-image:url(layout/layout_content_bg.gif); 
	background-repeat:no-repeat; 
	background-color:#cac2b7;
}

#mainfooter{
	position: absolute; 
	width: 100%; 
	height: 45px; 
	background-color: 
	black; bottom: 0px;
    background-image:url(layout/layout_footer_bg.gif); 
	background-repeat:repeat-x;
}

#footer{
	background-image:url(layout/layout_footer.gif);
    width:1000px; 
	height:40px; 
	margin:0 auto;
}

#footer #adres {
	float:right; 
	width:500px; 
	margin-top:20px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-align:right; 
	margin-right:20px;
}
.taalselectie{
	margin-top:13px; 
	width:94px; 
	text-align:center;
	float:left;
}
.taalselectie a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
}


/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0px; margin:0px; }
.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane
{
    padding: 0px 50px 0px 20px;
    width: 20%;
    margin: 0px;
}


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}