body.subnav{
	/*Deze zou eigenlijk in de common moeten om de selectors van de body bij mekaar te houden */
	background: 		url('../images/background_body_subnav.jpg') repeat-x;
}



/* HEADER CSS --> dient nog aan de common toegevoegd te worden */
/* Erik 23/4/2008 */

div#block_header.extended{
	height: 			375px;
}


#block_header .logo{
	background: 		url('../images/background_logo.png') no-repeat;
	float: 				left;
	height: 			50px;
	margin: 			0px 0px 0px 15px;
	padding: 			10px 0px 0px 0px;
	position: 			relative;
	width: 				245px;
}

#block_header .logo img{
  margin-left: 52px; 
}

#block_header ul{
	float: 				left;
	list-style-type: 	none;
	margin-left: 		0px;
	padding: 			0px;
}
#block_header ul li{
	margin-bottom: 		8px;
	padding: 			0px;
}

#block_header ul li a{
	color: 				#000;
	display: 			block;
	text-decoration: 	none;
}



#block_header .login{
	left: 				860px;
	position: 			absolute;
	top: 				10px;
	width: 				135px;
}

#block_header .login a{
  font-size: 10px;
  color: #666;
  text-decoration: none;
}
#block_header .login a:hover{
  color: #000;
  text-decoration: underline;
}

#block_header .login input{
	border: 			1px solid #CCC;;
	color:				#333;
	font-size: 			9px;
	margin-bottom: 		5px;
	padding: 			3px;
	width: 				129px;
}
#block_header .login .button_login,
#block_header .login .button_login_h{
	background: 		url('../images/background_button_grey_normal.gif') repeat-x;
	color: 				#333;
	cursor: 			pointer;
	display: 			block;
	font-size: 			10px;
	height: 			18px;
	padding: 			5px 0px 0px 2px;
	text-align: 		center;
	width: 				135px;
  margin-bottom: 8px;
}
#block_header .login .button_login_h{
	background: 		url('../images/background_button_grey_hover.gif') repeat-x;
	color: 				#EFEFEF;
}


#block_header .menu_main{
	clear: 				left;
	float: 				left;
	margin: 			40px 0px 0px 0px;
	padding: 			0px;
	position: 			relative;
	width: 				1000px;
}



/* @group MENU_MAIN ITEMS LEFT */


#block_header .menu_main .items_left{
	float: 				left;
	margin: 			0px 0px 0px 15px;
	position: 			relative;
	width: 				150px;
}

#block_header .menu_main .items_left ul{
	margin: 			0px;
	padding: 			0px;
	width: 				150px;	
}
#block_header .menu_main .items_left ul li a{
	opacity:.50;
    filter: alpha(opacity=50); 
    -moz-opacity: 0.5;
    
    background-color: 	#FFF;
	height: 			14px;	
	padding: 			6px 15px 4px 15px;
	width: 				105px;
}
#block_header .menu_main .items_left ul li a.active{
	opacity:1.0;
    filter: alpha(opacity=100); 
    -moz-opacity: 1.0;
    
	background: 		url('../images/menumain_item_hover.png') no-repeat;
	color: 				#004BE0;
	font-size: 			13px;
	height: 			28px;
	margin-right: 		0px;
	margin-bottom: 		0px;
	padding: 			13px 15px 0px 15px;
	width: 				120px;
}
#block_header .menu_main .items_left ul li a:hover{
	opacity:1.0;
    filter: alpha(opacity=100); 
    -moz-opacity: 1.0;
}
#block_header .menu_main .items_left ul li.title{
	opacity:1.0;
    filter: alpha(opacity=100); 
    -moz-opacity: 1.0;
    
    background: 		url('../images/menumain_title.png') no-repeat;
	color: 				#FFF;
	font-size: 			12px;
	height: 			14px;
	margin-bottom: 		8px;
	padding: 			5px 15px 5px 15px;
	width: 				120px;
}

/* @end */




/* @group MENU_MAIN ITEMS RIGHT */

#block_header .menu_main .items_right{
	float: 				left;
	margin-top: 		32px;  
	position: 			relative;
}

#block_header .menu_main .items_right{
	background: 		url('../images/menumain_subblock.png') no-repeat;
	background-position: top right;
	padding: 			15px 0px 25px 0px;
	height: 			176px;
	
}
#block_header .menu_main .items_right ul li{
	margin-right: 		25px;
}

#block_header .menu_main .items_right ul li a{
	background-color: 	#FFF;
	color: 				#333;
	height: 			7px;	
	margin: 			0px 0px 0px 30px;
	padding: 			3px 0px 3px 0px;
  font-size: 10px;
}
#block_header .menu_main .items_right ul li a.active,
#block_header .menu_main .items_right ul li a:hover{
	color: 				#004BE0;
}

/* @end */





#block_header .tabs{
	left: 				390px;
	height: 			25px;
	padding: 			0px;
	position: 			absolute;
	top: 				249px;
	width: 				605px;
}

#block_header .tabs ul{
	margin: 			0px;
	padding: 			0px;
	width: 				100%;
}
#block_header .tabs ul li{
	display: 			inline;
	float: 				right;
	margin-left: 		15px;
	margin-bottom: 		0px;
	text-align: 		center;
}
#block_header .tabs ul li a{
	color: 				white;
	display: 			block;
	font-size: 			11px;
	height: 			19px;
}
#block_header .tabs ul li.large a{
	background: 		url('../images/tab_large_blue.gif') no-repeat;
	padding: 			7px 0px 0px 0px;
	width: 				122px;
}
#block_header .tabs ul li.large a.active,
#block_header .tabs ul li.large a:hover{
	background: 		url('../images/tab_large_white.gif') no-repeat;
	color: 				#333;
}
#block_header .tabs ul li.small a{
	background: 		url('../images/tab_small_blue.gif') no-repeat;
	padding: 			7px 0px 0px 0px;
	width: 				63px;
}
#block_header .tabs ul li.small a.active,
#block_header .tabs ul li.small a:hover{
	background: 		url('../images/tab_small_white.gif') no-repeat;
	color: 				#333;
}




#block_header .tabs_sub{
	float: 				left;
	height: 			32px;
	margin-bottom: 		15px;
	margin-left: 		15px;
	position: 			relative;
	top: 				25px;
	width: 				980px;
}
#block_header .tabs_sub .items{
	float: 				right;
	margin-top: 		11px;
	position: 			relative;
}
#block_header .tabs_sub ul{
	margin: 			0px;
	padding: 			0px;
	width: 				100%;
}
#block_header .tabs_sub ul li{
	display: 			inline;
	float: 				right;
	margin-left: 		15px;
	text-align: 		center;
}
#block_header .tabs_sub ul li a{
	color: 				#333;
	display: 			block;
	font-size: 			11px;
	height: 			19px;
}
#block_header .tabs_sub ul li a.active,
#block_header .tabs_sub ul li a:hover{
	color: 				#004BE0;
}




#block_header .searchbar{
	height: 			25px;
	left: 				15px;
	padding: 			0px;
	position: 			absolute;
	top: 				245px;
	width: 				375px;
}
#block_header .searchbar .button_search,
#block_header .searchbar .button_search_h{
	background: 		url('../images/button_search_blue.gif') no-repeat;
	display: 			block;
	float: 				right;
	height: 			20px;
	position: 			relative;
	width: 				100px;	
}
#block_header .searchbar .button_search_h{
	background: 		url('../images/button_search_blue_h.gif') no-repeat;
	cursor: 			pointer;
}


#block_header .searchbar input{
	border: 			1px solid #000B79;
	color: 				#333;
	float: 				left;
	font-size: 			11px;
	height: 			15px;
	padding: 			2px 2px 2px 6px;
	position: 			relative;
	width: 				250px;
}
	
/* Einde van header.css */