@charset "utf-8";
/* CSS Document hoi */

html , body  				{ width:100%; height:100%;}
html						{ background-color: #fff; }
body						{ font-family: Arial, Helvetica, sans-serif; color: #545454; font-size: 12px; }
a							{ text-decoration:none;color: #545454;}
.clear						{ clear: both;}

h1 							{ color: #e51a13; font-weight: bold; font-size: 14px; margin-bottom: 15px; }
h2 							{ color: #595959; font-weight: bold; font-size: 14px; }
h3 							{ color: #fff; font-weight: bold; font-size: 14px; }
h4							{ color: #595959; font-weight: bold; font-size: 12px; }
H5							{ font-size: 18px; line-height: 34px;}
h6							{ font-size: 12px; font-weight: bold; color: #e51a13; }

input						{ border: 1px solid #b2b2b2; }
textarea					{ border: 1px solid #b2b2b2; }

input.small					{ width: 115px; }
input.medium				{ width: 330px; }
input.routeadres			{ width: 290px; }
.button						{ cursor:pointer; background-image: url(../images/knop_bg.gif); width: 85px; height: 23px; padding-top: 5px; text-align: center; font-weight: bold; color: #e51a13; }
.button2					{ cursor:pointer; background-image: url(../images/knop2.gif); width:124px; height: 26px; padding-top: 5px; text-align: center; font-weight: bold; color: #e51a13; }


#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; }


#titel 						{ background-image: url(../images/titel_bg.gif); height:20px; background-position: 0px 5px; background-repeat: repeat-x; } 

#titel .tekst   			{ display: table; width: 1px; height:20px; background-color: #FFFFFF; white-space:nowrap; }
#titel .tekst  > div 		{ display: table-cell; }


#container								 { width: 1000px; margin: 0 auto; } 
#websiteheader							 { position:relative; }
#websiteheader .logo 					 { float: left; padding-bottom: 5px;}
#websiteheader .hoofdmenu 				 { float: right; padding-top: 50px; padding-bottom: 10px; }
#websiteheader .hoofdmenu .hoofdmenuitem { float: right; padding-left: 40px; color:#545454;  text-decoration: none;  font-weight: bold; font-style: italic; }
#websiteheader .hoofdmenu .selected		 { color: #e51a13; text-decoration: underline; }

#websiteheader .fotoheader 	 	         { position:relative; margin: 0 auto; background-image: url(../images/header.jpg); background-repeat: no-repeat; width: 1000px; height: 201px; }
#websiteheader .fotoheadersmall	 		{ margin: 0 auto; background-image: url(../images/header_small.jpg); background-repeat: no-repeat; width: 1000px; height: 136px; }
#websiteheader .fotoheader .tekstinfoto { color: #bababa; text-align:center; position: absolute; width: 455px; height: 150px; left: 520px; top: 35px;  }
#websiteheader .fotoheader .leesmeer	{ position: absolute; bottom: 1px; right: 0px; }

#websiteheader .language				{position: absolute; right: 10px; top: 20px; }
#websiteheader .language .vlag			{ float: left; padding-right: 5px;  }
#websiteheader .language .selected		{ border: 1px solid #cccccc; padding: 1px; }
#websiteheader .language .notselected	{ margin:2px; }


#websiteheader .dienstenmenu { margin: 0 auto; background-image: url(../images/dienstenmenubg.gif); background-repeat: no-repeat; height: 29px; width: 1000px; }
#dienstenitem 				 { cursor: pointer; padding-top: 4px; padding-left: 20px; float: left; font-weight: bold; color: #225627; }
#dienstenitem .l 			 { float: left; height: 22px; width: 12px; background-image: url(../images/knpdiensten_l.gif)}
#dienstenitem .m 			 { float: left; padding-top: 2px; background-image: url(../images/knpdiensten_m.gif); background-repeat: repeat-x; height: 22px; }
#dienstenitem .r 			 { float: left; height: 22px; width: 14px; background-image: url(../images/knpdiensten_r.gif)}

#dienstenitemoff 			 { cursor: pointer; padding-top: 4px; padding-left: 20px; float: left; font-weight: bold; color: #8f8f8f; }
#dienstenitemoff .l			 { float: left; height: 22px; width: 12px; background-image: url(../images/knpdienstenoff_l.gif)}
#dienstenitemoff .m			 { float: left; padding-top: 2px; background-image: url(../images/knpdienstenoff_m.gif); background-repeat: repeat-x; height: 22px; }
#dienstenitemoff .r			 { float: left; height: 22px; width: 14px; background-image: url(../images/knpdienstenoff_r.gif)}

#midden 					{ padding-top: 20px;}
#links 						{ width: 490px; float: left;  }
#rechts						{ width: 490px; float: left; padding-left: 16px;  overflow-x:hidden;}

#maincontent 				{ float: left; width:750px; }
#submenu					{ float: left; width: 245px; } 
.submenuitem				{  color: #8f8f8f; cursor: pointer;  width: 232px; height: 23px; padding-left: 15px; padding-top: 2px; margin-top: 10px; background-image:url(../images/submenu_bg.gif); font-size: 12px; font-weight: bold; } 
.submenuitem_on				{  cursor: pointer;  width: 232px; height: 23px; padding-left: 15px; padding-top: 2px; margin-top: 10px; background-image:url(../images/submenu_bg_active.gif); font-size: 12px; font-weight: bold; color: #565656; } 

.tekstholder a				{ text-decoration: underline; }
		
#mod_nieuws	{}
#mod_nieuws .titel 			{ float:left; color: #e51a13; font-weight: bold; font-size: 14px; }
#mod_nieuws .line 			{ float:left; height:13px; margin-left:5px; width: 430px; border-bottom: 1px solid #e6e6e6;}

#mod_nieuws span			{ color: #b2b2b2; font-style: italic; }
#mod_nieuws a				{ color: #545454; font-weight: bold; }

.nieuwsitem					{ color: #8f8f8f; font-weight: bold; font-size: 12px;}
.nieuwsitemsel				{ color: #e51a13; font-weight: bold; font-size: 12px;}

#nieuwsitem_small			{ cursor:pointer; position:relative; overflow: hidden; border: 1px solid #f2f2f2; padding: 7px; margin-bottom: 4px; font-weight: bold; }
#nieuwsitem_small .leesmeer { cursor:pointer; position: absolute; right: 10px; top: 8px; }

#btnwide					{ cursor: pointer; width: 474px; height: 28px; padding-right: 15px; padding-top: 10px; font-weight:bold; background-image: url(../images/btnwide.gif); text-align: right; color: #e51a13;}


#mod_testimonials				{  }
#mod_testimonials .titel 		{ float:left; color: #ee801b; font-weight: bold; font-size: 14px; }
#mod_testimonials .line 		{ float:left; height:13px; margin-left:5px; width: 382px; border-bottom: 1px solid #e6e6e6;}

#testimonialitem				{ padding: 10px; background-color: #f2f2f2; background-image: url(../images/testimonialbg.gif); background-repeat:no-repeat; min-height: 75px; }	
#testimonialitem .bedrijf  		{ color: #b2b2b2 }
#testimonialitem a				{ color: #545454; font-weight: bold; }

.testimonialitem				{ padding: 10px; height: 110px; overflow: hidden; background-color: #f2f2f2; background-image: url(../images/testimonialbg.gif); background-repeat:no-repeat; }	
.testimonialitem .bedrijf  		{ color: #b2b2b2 }
.testimonialitem a				{ color: #545454; font-weight: bold; }

#contactformulier input			{ width: 400px; }
#contactformulier textarea		{ width: 400px; }
#contactformulier h2			{ font-weight: bold; padding: 5px; margin: 0px; font-size: 12px;} 

#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; }


.banner						{position: absolute; padding: 5px; width: 228px; height: 128px; background-image: url(../images/banner_bg.gif);}
.bannerroute				{position: absolute; padding: 5px; width: 228px; height: 128px; background-image: url(../images/banner_route.gif);}

#banners					{ position: relative; height: 135px;}
#banner1 					{ left: 3px;  }
#banner2 					{ left: 250px;  } 
#banner3					{ left: 508px; }
#banner4					{ left: 755px; }

#banner	a					{ font-weight: bold; }
#bannerroute a				{ font-weight: bold; }
.line						{ border-bottom: 1px solid #e6e6e6; height: 13px; width:100% } 
 

#footer 					{ color: #b2b2b2; font-size: 11px;  padding:5px 10px 10px 10px; } 
#footer a 					{ color: #b2b2b2; font-size: 11px; text-decoration: none;  } 
	 
