@charset "utf-8";

/* Begin Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* End reset */

body { line-height: 1em; font: 12px Arial, Georgia, Arial, Helvetica, sans-serif; color: #626262; background: #fff; }
html {overflow-y: scroll !important;}

h2 {color: #e32118; font-size: 48px; margin-bottom: 20px;}

h4 {color: #005fa8; font-size: 28px; margin-bottom: 10px;}

a {color: #e32118; text-decoration:underline;}
a:hover { text-decoration:none;}

#wrap{width: 960px; position: relative; overflow: visible; margin: 0 auto;}

.clear { clear:both;}
#logo { width:300px; height: 150px;  margin-top: 30px; float:left; }
#bereikbaar { width: 400px; height: 150px; margin-top: 20px; margin-right: 2px; float: right;}

#nav { float:right; margin-top: 28px; margin-right:110px;}	
	#nav ul { float:left; margin-left: 35px; color:#e32118;}
		.menuHolder ul {display: none; }
		a.menuHolder {margin-left: -4px;}
		a.menuHolder {background-position: 0px 2px; background-image: url('../gfx/toggle-expand-dark.png'); padding-left: 20px; background-repeat: no-repeat;}
		a.expanded {background-position: 0px 2px; background-image: url('../gfx/toggle-collapse-dark.png'); padding-left: 20px; background-repeat: no-repeat;}
		#nav ul li a{ color:#575757; text-decoration:underline; line-height:20px; float:left; clear:both;}
		#nav ul li a:hover{ color:#0b0b0b; text-decoration:none;}
		.fixedwidth {width: 170px;}
			#nav ul li ul { margin-left: 0px; float:left; clear:both;}

/*Submenu*/
.the_menu_particulier {	display:none;	border: 1px solid #d3d3d3;	position:absolute;	top: 63px; 	background-color: #f6f6f6; z-index:500;} 	
	.the_menu_particulier li {	}
		.the_menu_particulier li a {	color:#FFFFFF; 	text-decoration:none; 	padding:5px 0 5px 5px;	display:block;	width:203px; }
		.the_menu_particulier li a:hover {	padding:5px 0 5px 5px;	font-weight:normal;	color: #F00880;	background-color: #d3d3d3;	width:203px;}
/*Einde Submenu*/

/*Submenu*/
.the_menu_zakelijk {	display:none;	border: 1px solid #d3d3d3;	position:absolute;	top: 63px; 	background-color: #f6f6f6; z-index:500;} 	
	.the_menu_zakelijk li {	}
		.the_menu_zakelijk li a {	color:#FFFFFF; 	text-decoration:none; 	padding:5px 0 5px 5px;	display:block;	width:203px; }
		.the_menu_zakelijk li a:hover {	padding:5px 0 5px 5px;	font-weight:normal;	color: #F00880;	background-color: #d3d3d3;	width:203px;}
/*Einde Submenu*/

#headerfoto {margin-top: 20px; width: 518px; height:232px;}

#navBar {width: 960px; float: left; margin: 10px 0 0 0;display: table;}
	


#content {float:left; width:518px; margin-right:10px;}
	#tekst { padding-left: 15px; margin-top: 34px; line-height:20px; font-size: 14px;width:500px;}
	#tekst p { margin-bottom: 20px;}
		#tekst ul{margin-left:0px; margin-top:10px; margin-bottom:30px;}
		#tekst ul li.pdf {background: url("/gfx/ico-pdf.gif") no-repeat 0px 6px; padding-left:28px; height:20px;}
			#tekst ul li.pdf a { color:#000; text-decoration:none;}
			#tekst ul li.pdf a:hover { color:#e42219; text-decoration:none;}
			
	#hulpnodig {background: url("/img/hulpnodig.png"); width:192px; height: 112px;  float:left; margin-top: 20px;}
		#hulpnodig h3 {color: #e42119; font-size: 30px; margin-bottom: 5px; margin-top: 12px; margin-left:26px;}
		#hulpnodig p {color: #005fa8; font-size: 38px; margin-bottom: 5px; margin-left:26px;}
	/*#offerteaanvragen {background: url("/img/offerteaanvragen.png"); width:192px; height: 153px;  float:left; margin-top: 20px;}
		#offerteaanvragen h3 {color: #e42119; font-size: 30px; margin-bottom: 5px; margin-top: 12px; margin-left:26px;}
		#offerteaanvragen a {color: #005fa8; font-size: 38px; margin-bottom: 5px; margin-left:26px;}*/
	#meerinfo {background: url("/img/offerteaanvragen.png"); width:192px; height: 141px;  float:left; margin-top: 20px; padding-top:12px;}
		#meerinfo h3 {color: #e42119; font-size: 30px; margin-bottom: 5px; margin-top: 5px; margin-left:26px;}
		#meerinfo a {color: #005fa8; font-size: 38px; margin-bottom: 5px; margin-left:26px; margin-top: 20px;}
		
	#vca {background: url("/img/cert.png"); width:192px; height: 330px;  float:left; margin-top: 20px; padding-top:20px;}
		#vca h3 {color: #e42119; font-size: 30px; margin-bottom: 5px; margin-top: 5px; margin-left:26px;}
		#vca a {color: #005fa8; font-size: 38px; margin-bottom: 5px; margin-left:11px; margin-top: 20px;}
		
	#offerteaanvragen {background: url("/img/offerteaanvragen.png"); width:192px; height: 141px;  float:left; margin-top: 20px; padding-top:12px;}
		#offerteaanvragen h3 {color: #e42119; font-size: 30px; margin-bottom: 5px; margin-top: 5px; margin-left:26px;}
		#offerteaanvragen a {color: #005fa8; font-size: 38px; margin-bottom: 5px; margin-left:26px; margin-top: 20px;}	
	
	#downloads {background: url("/img/downloads.png"); width:192px; height: 213px;  float:left; margin-top: 20px;}
		#downloads h3 {color: #e42119; font-size: 30px; margin-bottom: 5px; margin-top: 12px; margin-left:26px;}
		#downloads ul{margin-left:26px; margin-top:15px; width:150px;}
		#downloads ul li.pdf {background: url("/gfx/ico-pdf.gif") no-repeat 0px 3px; padding-left:27px; margin-bottom:10px; }
			#downloads ul li.pdf a { color:#000; text-decoration:none;}
			#downloads ul li.pdf a:hover { color:#e42219; text-decoration:none;}
	
	#telefoonnummers {background: url("/img/telefoonnummers.png"); width:191px; height: 580px; text-indent:-9000px; float:left; margin-top: 20px; margin-right: 47px;}

/* Forms         */

form {  }
	form p {}
		form label, span.label { display: block; font-size: 12px; font-weight: bold; padding: 2px 0 2px 0; float:left; width:270px; }
			form label.check, label.radio { display: inline; font-weight: normal; border-bottom: 1px dotted #000000; padding: 0; margin: 0 4px 0 0; vertical-align: top; }
			
		form input.text { width: 180px; padding: 2px; font-family:Arial, Georgia, "Times New Roman", Times, serif; }
		form input.password { width: 200px; padding: 2px; border: 1px solid #172981;  }
		form input.checkbox { margin: 4px; float:left; display:block; }
		form input.radio { margin: 4px; }
		form select { width:187px; font: 12px Arial, Georgia, "Times New Roman", Times, serif;}
			form select option { padding: 0 20px 0 0; }
		form textarea { width: 450px; height: 100px; padding: 2px;  font-size: 12px; font-family:Arial, Georgia, "Times New Roman", Times, serif; }
			
		form input.submit { padding: 4px 10px 4px 10px;  font-weight: bold;font-family:Arial, Georgia, "Times New Roman", Times, serif;}
		form button { padding: 4px; background: #e2001a; color: #FFFFFF; font-weight: bold; }
		form .captcha { font-size: 10px; margin-left:270px; }
		

/* /Forms        */

/* adressen */
.adressImg {float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #626262;}
map area {cursor: pointer;}
#adressenList {float: left;}
#adressenList .show {display: block;}
#adressenList .hide {display: none;}
.adres {width: 200px;}
.vestigingenTekst {margin-bottom: 10px;}

/* Tooltips */
#v-tooltip { max-width: 300px; position:absolute; background:#f0f0f0; border: 1px solid #626262; padding:3px 5px; font-size: 11px; margin-left: -10px; display: none;}

/* general */
.hidden {display: none;}
.error { color:#e32219;}
.vca {margin-left: 40px; margin-top:9px;}