@CHARSET "ISO-8859-1";

body {
	font: 62.5% Verdana;
	color: #000;
	line-height: 1.5em;
	letter-spacing: normal;
}

a { line-height: 1.6em; }

body { background: #F2F3ED url(../img/bg2.gif) repeat-y center 0; }
body.intro { background: transparent none; }

.floatleft, .left { float: left; }
.floatright, .right { float: right; }
.clear { clear: both; }
.hidden { display: none; }

/*  */
h1 { font-size: 1.6em; line-height: 1.7em; font-weight: bold; margin-bottom: 15px; }
h2 { font-size: 1.4em; line-height: 1.6em; font-weight: bold; margin-bottom: 12px; }
.pagequote p { font-size: 1.3em; line-height: 1.3em; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px; }
#content_left, #content_full { font-size: 1.2em; line-height: 16px; color: #666666; text-align: justify; }
#content_left p, #content_full p { }
#content_left p+*, #content_full p+*, #content_left ul+*, #content_full ul+*, #content_left ol+*, #content_full ol+* { margin-top: 15px; }
#content_left p+ul, #content_full p+ul { margin-top: 5px; }
#content_left ul, #content_full ul { list-style-type: disc; list-style-position: outside; margin-left: 25px; }
#content_left ul ul li, #content_full ul ul li { list-style-type: circle; margin-bottom: 0px; }
#content_left ol, #content_full ol { list-style-type: decimal; list-style-position: outside; margin-left: 25px; }

/* kleuren */
#page_margins.wheelclean h1 { color: #6ea612; border-bottom: 1px dotted #6ea612; }
#page_margins.jetclean h1 { color: #2f61c3; border-bottom: 1px dotted #2f61c3; }
#page_margins.boforce h1 { color: #666666; border-bottom: 1px dotted #666666; }

#page_margins.wheelclean h2 { color: #6ea612; }
#page_margins.jetclean h2 { color: #2f61c3; }
#page_margins.boforce h2 { color: #666666; }

#page_margins.wheelclean .pagequote p { color: #6ea612 !important; border-bottom: 1px dotted #6ea612; }
#page_margins.jetclean .pagequote p { color: #2f61c3 !important; border-bottom: 1px dotted #2f61c3; }
#page_margins.boforce .pagequote p { color: #666666 !important; border-bottom: 1px dotted #666666; }

hr { border: 0; width: 100%; margin: 20px 0 10px 0; }

#page_margins.wheelclean hr { color: #6ea612; border-bottom: 1px solid #6ea612; }
#page_margins.jetclean hr { color: #2f61c3; border-bottom: 1px solid #2f61c3; }
#page_margins.boforce hr { color: #666666; border-bottom: 1px solid #666666; }
#page_margins.wheelclean div.hr { color: #6ea612; border-bottom: 1px dotted #6ea612; }
#page_margins.jetclean div.hr { color: #2f61c3; border-bottom: 1px dotted #2f61c3; }
#page_margins.boforce div.hr { color: #666666; border-bottom: 1px dotted #666666; }

/* footer */
p#footer { text-align: center; color: #999; padding-bottom: 15px; }
p#footer a { color: #666; }
p#footer a:link { color: #666; text-decoration: none; }
p#footer a:visited { color: #666; text-decoration: none; }
p#footer a:active { color: #666; text-decoration: none; }
p#footer a:hover { color: #888; text-decoration: underline; }

/* links */
a {  }
#page_margins.wheelclean a { color: #6ea612; }
#page_margins.jetclean a { color: #2f61c3; }
#page_margins.boforce a { color: #666666; }

a:link { color: inherit; text-decoration: underline; }
a:visited { color: inherit; text-decoration: underline; }
a:active { color: inherit; text-decoration: underline; }
a:hover { color: inherit; text-decoration: none; }

div#pagelayout_middle_left p.quote { font: Arial, Verdana; text-align: center; color: #fff; font-size: 16px; padding: 45px 15px 0 15px; line-height: 22px; }

/**
 intro layout 
 */
#introlayout_wrapper { width: 999px; height: 632px;	margin: 0 auto; }
	#introlayout_navtop { width: 100%; height: 31px; background: transparent url(../img/intro_navtop.jpg) no-repeat 0 0; }
		#introlayout_navtop #taalswitch { position: absolute; right: 58px; width: 108px; height: 31px; padding: 7px 0 0 11px; }
	
	#introlayout_body { width: 100%; height: 561px; padding-top: 40px; background: transparent url(../img/intro_bg.jpg) no-repeat 0 0; }
		#introlayout_body_inner { width: 920px; margin: 0 auto; }
			#introlayout_body_inner #kolom_wc { width: 35%; display: inline; float: left; height: 396px; position: relative;
				 background: transparent url(../img/intro_wc.png) no-repeat center 68px; text-align: center; }
				#introlayout_body_inner #kolom_wc img { margin-top: 25px; }
				#introlayout_body_inner #kolom_wc #kolom_wc_inner { position: absolute; top: 280px; left: 60px; width: 210px; }
			#introlayout_body_inner #kolom_jc { width: 35%; display: inline; float: left; height: 396px; position: relative;
				 background: transparent url(../img/intro_jc.png) no-repeat center 68px; text-align: center; }
				#introlayout_body_inner #kolom_jc img { margin-top: 15px; }
				#introlayout_body_inner #kolom_jc #kolom_jc_inner { position: absolute; top: 280px; left: 60px; width: 210px; }
			#introlayout_body_inner #kolom_bf { width: 30%; display: inline; float: right; height: 396px; position: relative;
				 background: transparent url(../img/intro_bf.png) no-repeat center 68px; text-align: center; }
				#introlayout_body_inner #kolom_bf img { margin-top: 20px; }
				#introlayout_body_inner #kolom_bf #kolom_bf_inner { position: absolute; top: 215px; left: 70px; width: 140px; }
				
	#introlayout_body h1 { text-align: center; color: #fff; font: 1.4em Arial, Verdana; font-weight: bold; }
	#introlayout_body p { text-align: center; color: #fff; font: 1.3em Arial, Verdana; padding-bottom: 10px; }
	
	#introlayout_body a { color: #fff; font: 1.3em Verdana, Arial; }
	#introlayout_body a:link { text-decoration: underline; }
	#introlayout_body a:visited { text-decoration: underline; }
	#introlayout_body a:active { text-decoration: none; }
	#introlayout_body a:hover { text-decoration: none; }


/**
 index layout 
 */
	#headerlayout_wrapper { overflow: visible; width: 100%; height: 31px; background: #transparent url(../img/header_alfabet.gif) repeat-x; }
		#navtop { width: 1026px; height: 31px; margin: 0 auto; }
		#page_margins.wheelclean #headerlayout_wrapper { background: transparent url(../img/navtop_wc.jpg) repeat-x 0 0; }
		#page_margins.jetclean #headerlayout_wrapper { background: transparent url(../img/navtop_jc.jpg) repeat-x 0 0; }
		#page_margins.boforce #headerlayout_wrapper { background: transparent url(../img/navtop_bf.jpg) repeat-x 0 0; }
			#navtop_left { display: inline; float: left; width: 250px; }
				#navtop_left a {  display: block; margin-left: 39px; }
				#introlayout_navtop #navtop_left a { margin-left: 40px;  }
			#navtop_center { display: inline; float: left; width: 615px; }
			#navtop_right { display: inline; position: relative; float: right; width: 180px; height: 31px; }
				#navtop #taalswitch { position: absolute; right: 61px; width: 108px; height: 31px; 
					padding: 9px 0 0 12px; background: transparent url(../img/navtop_taalswitch.jpg) no-repeat 0 0; }
			
	#pagelayout_wrapper { text-align: left; width: 1026px; margin: 0 auto; } 
		#page_margins.wheelclean #pagelayout_wrapper { background: transparent url(../img/header_wc.jpg) no-repeat 0 0; }
		#page_margins.jetclean #pagelayout_wrapper { background: transparent url(../img/header_jc.jpg) no-repeat 0 0; }
		#page_margins.boforce #pagelayout_wrapper { background: transparent url(../img/header_bf.jpg) no-repeat 0 0; }
		
		#pagelayout_top { width: 100%; height: 145px; }
		#pagelayout_middle { width: 100%; padding-top: 25px; }
			#pagelayout_middle_left { width: 224px; }
		
		#navigation_left { float: left; display: inline; width: 210px; }
		
		#page { float: left; display: inline; width: 530px; padding: 90px 25px 0 15px; }
			#navigation { width: 100%; border-bottom: 1px solid #23408F; padding-bottom: 4px; }
			#content_title { height: 2.8em; width: 18.2em; background: #23408F url(../img/logowit.png) no-repeat right center; }
			#breadcrumbs { height: 30px; }
			#content_wrapper { width: 100%; padding: 0 0 15px 0; }
				#content_left { width: 530px; float: left; text-align: left; position: relative; }
				#content_right { width: 215px; float: right; padding-left: 25px; }
				#content_full { width: 530px; text-align: justify; position: relative; }
		
		#navigation_right { float: right; display: inline; width: 240px; }

/* breadcrumbs */
#breadcrumbs { color: #666666; font-size: 1.1em; }
#breadcrumbs img { vertical-align: middle; }
#breadcrumbs a, #breadcrumbs a:link { text-decoration: underline; color: #666666; }
#breadcrumbs a:visited { text-decoration: underline; color: #666666; }
#breadcrumbs a:active { text-decoration: underline; color: #666666; }
#breadcrumbs a:hover { text-decoration: none; color: #444; }

/* taalswitch */			
#taalswitch a { display: block; width: 27px; height: 30px; float: left; margin-right: 8px; }

#taalswitch a.nl { background: transparent url(../img/nl.jpg) no-repeat; margin-right: 0; display: none; }
#taalswitch a.fr { background: transparent url(../img/fr.jpg) no-repeat; }
#taalswitch a.en { background: transparent url(../img/en.jpg) no-repeat; display: none; }

#taalswitch a:link { background-position: 0 0; }
#taalswitch a:visited { background-position: 0 0; }
#taalswitch a:active { background-position: 0 -31px; }
#taalswitch a:hover { background-position: 0 -31px; }
#taalswitch a.selected { background-position: 0 -31px; }

/* navigatie */
#navigation_left img { padding-left: 50px; }

#nav_wrapper { width: 195px; margin-top: 10px; }
#nav_top { width: 100%; height: 20px; background: transparent url(../img/nav_top.png) no-repeat;  }
#nav_middle { width: 169px; padding: 0 13px 0 13px; background: transparent url(../img/nav_middle.png) repeat-y; }
	ul.nav li { width: 169px; }
	ul.subnav li { width: 169px; height: 29px; background: transparent url(../img/navitem_bg_hover.gif) no-repeat; }

#nav_bottom { width: 100%; height: 20px; background: transparent url(../img/nav_bottom.png) no-repeat;  }

#nav_wrapper ul.nav a { padding: 8px 0 0 25px; width: 149px; height: 21px; font: 1.2em Arial, Verdana; display: block;
	text-decoration: none; background: transparent url(../img/nav_arr_f.gif) no-repeat 0px 5px; font-weight: normal; }
#nav_wrapper ul.subnav a { padding: 8px 0 0 30px; width: 139px; height: 21px; font: 1.1em Arial, Verdana; display: block;
	text-decoration: none; background: transparent url(../img/nav_arr_s.gif) no-repeat 7px 5px; font-weight: normal; }

#nav_wrapper ul a:link { color: #777; }
#nav_wrapper ul a:visited { color: #777; }
#nav_wrapper ul a:active { color: #777; }
#nav_wrapper ul a:hover { color: #777; font-weight: bold; }
#nav_wrapper ul a.selected { color: #4b4b4b; font-weight: bold;  }

/* content titel */
#content_title h1 { padding: 5px 0 0 4px; font: 1.6em Trebuchet MS; color: #fff; font-weight: bold; letter-spacing: normal; }
	
/* right */
#navigation_right h3 { padding: 15px 20px 0 10px; font-weight: bold; font-size: 1.2em; line-height: 19px; text-align: center; }
#page_margins.wheelclean #navigation_right h3 { color: #6ea612; }
#page_margins.jetclean #navigation_right h3 { color: #2f61c3; }
#page_margins.boforce #navigation_right h3 { color: #666; }

	
#navigation_right .rightTop { width: 229px; height: 35px; }
#page_margins.wheelclean #navigation_right .rightTop { background: transparent url(../img/righttop_wc.jpg) no-repeat; }
#page_margins.jetclean #navigation_right .rightTop { background: transparent url(../img/righttop_jc.jpg) no-repeat; }
#page_margins.boforce #navigation_right .rightTop { background: transparent url(../img/righttop_bf.jpg) no-repeat; }
#navigation_right .rightTop h3 { padding: 13px 0 0 20px; font-weight: bold; font-size: .9em; color: #fff !important; text-align: left; }
#navigation_right .rightMiddle { width: 193px; background: transparent url(../img/right_middle.jpg) repeat-y; padding: 5px 18px 5px 18px; }
#navigation_right .rightBottom { width: 229px; height: 15px; background: transparent url(../img/right_bottom.jpg) no-repeat; }

#navigation_right .news p.newsAl { padding: 5px 0 5px 0; border-bottom: 1px dotted #999; }
#navigation_right .news span { color:#fff; padding: 2px; margin-right: 5px; }
#page_margins.wheelclean #navigation_right .news span { background: transparent url(../img/datebg_wc.gif) repeat-x; }
#page_margins.jetclean #navigation_right .news span { background: transparent url(../img/datebg_jc.gif) repeat-x; }
#page_margins.boforce #navigation_right .news span { background: transparent url(../img/datebg_bf.gif) repeat-x; }

#navigation_right .newsAl a { color: #444; font-size: 1.1em; }
#navigation_right .newsAl a:link { color: #666; text-decoration: none; }
#navigation_right .newsAl a:visited { color: #666; text-decoration: none;  }
#navigation_right .newsAl a:active { color: #666; text-decoration: none; }
#navigation_right .newsAl a:hover { color: #666; text-decoration: underline; }
	
#navigation_right .newsletter input { width: 185px; margin-left: 2px; color: #444; border: 1px solid #999; font-size: 1.2em; background: #efefef none; }
#navigation_right .newsletter .submit { width: auto; float: right; margin: 5px 4px 0 0; font-size: 1.1em; cursor: pointer; }	
	
/* news */
.newsitem { width: 100%; padding-top: 15px; }
.newsitem h2  { font-size: 1.2em; line-height: 16px; color: #666; padding-top: 4px; }
.newsitem span { font-size: 12px; color:#fff; padding: 4px; margin-right: 5px; }
#page_margins.wheelclean .newsitem span { background: #97CB01 url(../img/datebg_wc.gif) repeat-x; }
#page_margins.jetclean .newsitem span { background: #003EB1 url(../img/datebg_jc.gif) repeat-x; }
#page_margins.boforce .newsitem span { background: #808080 url(../img/datebg_bf.gif) repeat-x; }
	
.newsitem .newsfull { padding: 12px 0 15px 0; }
.newsitem .newsfull .withloop { margin-top: 0; margin-left: 0; }	
	
/* referenties */
.referenceitem h2 { font-size: 1.2em; line-height: 16px; color: #666; padding-bottom: 4px; }
.referenceitem .referenceleft { padding: 0 0 15px 0; width: 170px; float: left; }
.referenceitem .referenceright { padding: 0 0 15px 0; width: 350px; float: right; }
.referenceitem .referencefull { padding: 0 0 15px 0; }
	
/* image met loop */ 
a.withloop { display: block; cursor: pointer; margin: 10px; position: relative; }
a.withloop .loop { 
	position: absolute; 
	background: transparent url(../img/loop.gif) no-repeat 0 0; 
	left: 2px; 
	bottom: 2px; 
	width: 26px; 
	height: 22px;
}
a.withloop img { border: 2px solid #bbb; }
a.withloop img:hover { border: 2px solid #ddd; }

/* pagination */
div#pagination { padding-top: 10px; }
div#pagination .pagination_prev{ float: left; }
div#pagination .pagination_next{ float: right; }

/* products */
#product_left { float: left; width: 315px; margin-top: 15px; }
#product_right { float: right; width: 215px; margin-top: 15px; }
#content_full .product { margin-bottom: 15px; }
#content_full .product img {  }
#content_full .product .infoarr { margin: 0px; vertical-align: middle; padding: 0 5px 0 0; }
#content_full .product .productimgkader { margin: 0 6px 5px 0px;  padding: 11px; width: 158px; height: 119px;
	background: transparent url(../img/productimg_kader.jpg) no-repeat 0 0; }
#content_full .product div.productimgkader+p { margin-top: 5px; }
#content_full .product h3 { font-size: 1.1em; padding-left: 8px; }

#content_full #prodarr { height: 47px; width: 154px; float: left; }
#content_full #prodarr p { padding: 13px 0 0 15px; color: #fff; font-weight: bold; }
	#page_margins.wheelclean #content_full #prodarr { background: transparent url(../img/alleprod_left_wc.jpg) no-repeat; }
	#page_margins.jetclean #content_full #prodarr { background: transparent url(../img/alleprod_left_jc.jpg) no-repeat; }
	#page_margins.boforce #content_full #prodarr { background: transparent url(../img/alleprod_left_bf.jpg) no-repeat; }
#content_full #prodarrright { float: right; width: 28px; height: 47px; margin: 0; }
	#page_margins.wheelclean #content_full #prodarrright { background: #fff url(../img/alleprod_right_wc.jpg) no-repeat; }
	#page_margins.jetclean #content_full #prodarrright { background: #fff url(../img/alleprod_right_jc.jpg) no-repeat; }
	#page_margins.boforce #content_full #prodarrright { background: #fff url(../img/alleprod_right_bf.jpg) no-repeat; }
#content_full #prodprods { float: right; width: 70%; }
#page_margins.jetclean #content_full #prodprods { margin-top: 12px; }

#content_full #product_left h3 { margin-bottom: 15px; }

#content_full.product img.slimbox { border: 2px solid #ccc; margin: 0 0 25px 25px; }

#content_full .imgpdf { vertical-align: bottom; }

/* slideshow */
#slideshow { margin-left: 8px; width: 207px; margin-top:32px; }
#slideshow_top { width: 207px; }
	#page_margins.wheelclean #slideshow_top { background: transparent url(../img/ss_header_wc.jpg) no-repeat; }
	#page_margins.jetclean #slideshow_top { background: transparent url(../img/ss_header_jc.jpg) no-repeat; }
	#page_margins.boforce #slideshow_top { background: transparent url(../img/ss_header_bf.jpg) no-repeat; }
	#slideshow_top h3 { color: #fff; padding: 5px 15px 5px 15px; }
#slideshow_container { width: 187px; height: 140px; }
#slideshow_placeholder { width: 187px; height: 140px; }
#slideshow_nav { width: 177px; background-color: #808080; padding: 4px 5px 5px 5px; }
#slideshow_middle { width: 187px; padding: 10px; background-color: #efefef;  -moz-border-bottom-radius: 5px; -webkit-border-bottom-radius: 5px; }
#slideshow_description p { padding: 10px 0 0 0; display: none; text-align: left; }
#slideshow_description .active p { display: block; }

#slideshow_nav a { font: inherit; font-weight: bold; }
#slideshow_nav a:link { color: #fff; text-decoration: none; }
#slideshow_nav a:visited { color: #fff; text-decoration: none;  }
#slideshow_nav a:active { color: #fff; text-decoration: none; }
	#page_margins.wheelclean #slideshow_nav a:hover,
	#page_margins.wheelclean #slideshow_nav a.active { color: #6ea612; text-decoration: none; }
	#page_margins.jetclean #slideshow_nav a:hover,
	#page_margins.jetclean #slideshow_nav a.active { color: #2f61c3; text-decoration: none; }	
	#page_margins.boforce #slideshow_nav a:hover,
	#page_margins.boforce #slideshow_nav a.active { color: #666; text-decoration: none; }

/* contact form */
#content_full  form.contact p { margin: 0 0 6px 0; }
form.contact label { width: 114px; display: inline-block }
form.contact input { width: 390px; font: 12px Verdana, Arial; }
form.contact { background-color: #efefef; padding: 8px 7px 7px 7px; }
form.contact textarea { width: 390px; height: 80px; font: 12px Verdana, Arial; }
form.contact input.submit { width: auto; }
form.contact #recaptcha { margin-left: 114px; width: 318px; height: 134px; }
div#contactFormErr {
	margin-top: 20px;
	border: 1px dotted #D21313;
	padding: 5px;
	float: left;
	clear: both;
}
div#contactFormErr.ok{ border: 1px dotted #44D117; }
div#contactFormErr p{ margin: 0; color: #D21313; }
div#contactFormErr p.ok{ color: #44D117; }

/* footer */
.footer p { text-align: center; font: 1.1em Arial; color: #666; }
.footer p span.blauw { color: #23408F; }

.footer a { font: inherit; font-weight: bold; }
.footer a:link { color: #666; text-decoration: underline; }
.footer a:visited { color: #666; text-decoration: underline;  }
.footer a:active { color: #666; text-decoration: none; }
.footer a:hover { color: #666; text-decoration: none; }

/* wmw_footer */
#wmw_footer p { text-align: center; text-align: center; font: 1.1em Arial; color: #666; }
#wmw_footer p a:link { color: #666; text-decoration: underline; }
#wmw_footer p a:visited { color: #666; text-decoration: underline;  }
#wmw_footer p a:active { color: #666; text-decoration: none; }
#wmw_footer p a:hover { color: #666; text-decoration: none; }

/**/
h3 a { text-decoration: none !important; font-size: inherit !important; }