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

html , body  					{ width:100%; height:100%;}
html							{ background-color: #1a171b; }
body							{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #404040; font-size: 12px; background-image: url(../images/bg.gif); background-repeat:repeat-x; }
a								{ text-decoration:none;color: #808080;}
.clear							{ clear: both;}
.fltright						{ float:right; }

h1								{ color: #2f89db; font-size:20px; font-weight: normal; padding-bottom: 30px; }			
h2 								{ color: #2f89db; font-size:20px; font-weight: normal; padding: 0px; margin: 0px; }	
h3 								{ font-weight: bold; font-size: 12px; }
h4								{ font-weight: bold; font-size: 12px; }

.button2						{ cursor:pointer; background-image: url(../images/knop2.gif); width:124px; height: 26px; padding-top: 5px; text-align: center; font-weight: bold; color: #2f89db; }

input							{ border: 1px solid #b2b2b2; }
textarea						{ border: 1px solid #b2b2b2; }

a.leesmeer						{ font-weight: bold; color: #2f89db; font-size:12px; background-image: url(../images/arrow_leesmeer.gif); background-repeat: no-repeat; background-position: right; padding-right: 10px; }			
								
								
#errormessage 					{ background-color: #ffffcc; border: 1px solid Red; color: red; font: 11px Arial, Helvetica, sans-serif; font-weight:bold; padding: 5px; margin: 5px 2px 10px 2px; }

#container 						{ width: 969px; margin: 0 auto; padding-top: 78px; background-image: url(../images/bg_header.gif); background-repeat: no-repeat; min-height: 500px;}

#websiteholder 					 {margin: 0px 5px 0px 5px;  }

#websiteheader 					{ position: relative; background-repeat: no-repeat; height: 182px; }

#hoofdmenu	{}
#hoofdmenu .menuitem 		  	{ float: right; padding: 10px 15px 0px 15px; height: 54px;}
#hoofdmenu .menuitem .padding 	{ color:#000000; padding-top:6px; font-size:16px;line-height:17px;		position:relative;}
#hoofdmenu .menuitem a 		  	{ color:#cccccc; display:block;left:0;	font-size:16px;line-height:24px;margin-top:4px;padding:0px;position:absolute;top:0;}

#hoofdmenu .selected 		  	{ position:relative; background-image: url(../images/menuselected_mid.gif); background-repeat: repeat-x;}
#hoofdmenu .selected a 			{ color: #fff; }
#hoofdmenu .selected .left		{ position:absolute; left:0px;top:0px; width: 1px; height: 54px; background-image: url(../images/menuselected_left.gif); }
#hoofdmenu .selected .right		{ position:absolute; right:0px;top:0px; width: 3px; height: 54px; background-image: url(../images/menuselected_right.gif); }

#headercontent					{ background-image:url(../images/bgheadercontent.gif); height: 20px;}
#websitecontent					{ background-image:url(../images/bgcontent.gif); background-repeat: repeat-y; min-height:300px; }

#left							{ float:left; width: 300px;  padding: 0px 10px 10px 10px; }
#right							{ float:left; width: 595px; padding: 10px 15px 15px 15px; }


#subcontent 						{ margin-left: 5px; padding-top: 5px; width: 296px; }
#subcontent #tab					{ height: 26px; width: 100%; }
#subcontent #tab .l					{ float:left; width: 9px; height:26px; background-image:url(../images/tab_left.gif); }
#subcontent #tab .m	 				{ float:left; height:26px; padding-right: 5px;  background-image:url(../images/tab_mid.gif); background-repeat: repeat-x; }
#subcontent #tab .r					{ float:left; width: 11px; height:26px;  background-image:url(../images/tab_right.gif); }
#subcontent .top					{ height:4px; overflow:hidden;  background-image: url(../images/subcontent_top.gif); background-repeat:no-repeat; } 
#subcontent .mid					{ padding: 4px 10px 4px 4px; background-image: url(../images/subcontent_repeat.gif); background-repeat: repeat-y; } 
#subcontent .bottom					{ height:11px; background-image: url(../images/subcontent_bottom.gif); background-repeat: no-repeat; } 

#project_small						{ width: 283px; height:37px; margin-bottom: 5px; }
.prjfoto1							{ background-image: url(../images/projectbg1.jpg); }
.prjfoto2							{ background-image: url(../images/projectbg2.jpg); }
.prjfoto3							{ background-image: url(../images/projectbg3.jpg); }

#project_small						{ cursor: pointer; }
#project_small .projectnaam 		{ height: 17px; padding-left: 5px; padding-right: 5px; margin-top: 20px; float:left; background-color: #fff; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
#project_small .projectnaam .tekst	{ float: left; padding-right: 10px; }
#project_small .projectnaam .arrow 	{ float: left; margin-top: 2px;  background-image:url(../images/arrow_lgray.gif); height: 12px; width: 8px; }
#project_small .projectnaam a 		{ color: #808080; font-weight: bold; }
				
#submenu							{ cursor: pointer; float:left; 
									  height: 17px;
									  padding-left: 5px; 
									  padding-right: 5px; 
									  margin-top: 5px; 
									  margin-bottom: 5px; 
									  background-color: #f5f5f5;  }
#submenu .tekst						{ float: left; padding-right: 10px; }
#submenu .arrow 					{ float: left; margin-top: 2px;  background-image:url(../images/arrow_lgray.gif); height: 12px; width: 8px; background-repeat:no-repeat; }
#submenu a 							{ color: #808080; font-weight: bold; }

#submenu_selected				{ cursor: pointer; 
									background-image: url(../images/submenu_selected.gif);
									 height: 21px;
									  padding-left: 4px; 
									  padding-top: 4px;
									 width: 280px;
									 margin-left: -4px;
									  margin-top: 1px; 
									  margin-bottom: 1px;  }
#submenu_selected .white		{ background-color: #FFFFFF; color:#4185d8; float: left; padding-left: 3px; }
#submenu_selected .tekst		{ float: left; padding-right: 10px; padding-left: 2px; }
#submenu_selected .arrow 		{ float: left; margin-top: 2px; padding-right: 5px;  background-image:url(../images/arrow_blauw.gif); height: 12px; width: 8px; background-repeat:no-repeat;}
#submenu_selected a 			{ color: #4185d8; font-weight: bold; }

 
#afbeeling_browser 				{ position:relative; width: 293px;  background-image:url(../images/afbeelding_repeat.gif); background-repeat: repeat-y; }
#afbeeling_browser .top			{ background-image:url(../images/afbeelding_top.gif); width:293px; height: 21px; }
#afbeeling_browser .bottom 		{ background-image:url(../images/afbeelding_bottom.gif); background-repeat:no-repeat; overflow: hidden; width:293px; height: 11px; }
#afbeeling_browser .img			{   padding-top: 2px; text-align:center } 
#afbeeling_browser .knp_left  	{ position: absolute; cursor:pointer; background-image: url(../images/afbeelding_left.gif); height:35px; width: 28px; top: 50%; left: -21px; margin-top: -14px; } 
#afbeeling_browser .knp_right 	{ position: absolute; cursor:pointer; background-image: url(../images/afbeelding_right.gif); height:34px; width: 29px; top: 50%; right: -23px; margin-top: -15px;} 

#contactformulier				{ } 	
#contactformulier input			{ width: 350px; }				
#contactformulier textarea		{ width: 348px; }	
#contactformulier .button2		{ cursor:pointer; font-weight: bold; color: #2f89db; font-size:12px; background-image: url(../images/arrow_leesmeer.gif); background-repeat: no-repeat; background-position: right; padding-right: 10px; }			

#vacatures .titel 				{ cursor: pointer; background-color: #f5f5f5; padding-left: 5px; background-image: url(../images/arrowdown_lgray.gif); background-repeat: no-repeat; background-position: right; }
#vacatures .titel a 			{ color: #7d7d7d;font-weight: bold; }
#vacatures .selected 			{ cursor: pointer;  background-image: url(../images/arrowdown_blauw.gif); background-repeat: no-repeat; background-position: right;    }
#vacatures .selected a 			{ color: #4185d8; font-weight: bold;  }								
		
#mod_routebeschrijving_holder 	{ width:450px;  background-image: url(../images/maps_bg_repeat.gif);  }
#mod_routebeschrijving 			{ width:450px; padding-left:10px; min-height: 333px; background-repeat:no-repeat;  background-image: url(../images/maps_bg.gif);  }
#mod_routebeschrijving .inputbox { height: 40px; padding-top: 10px; }	
input.routeadres			{ width: 290px; }

#websitebottom					{ background-image:url(../images/bgcontent_bottom.gif); height: 21px;}

#footer							{ color: #666666; font-size:12px; padding-bottom: 20px; padding-top: 5px; }	
#footer .right					{ float:right; }
#footer	a						{ color: #666666; }