/* yahoo css reset - version: 2.7.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/** Sterc CSS **/
html, body { background: #fff url(/assets/images/design/bg.png) 0 0 repeat-x; }
* { font-family: tahoma, "Lucida Grande", arial, verdana, sans-serif; font-size: 12px; line-height: 1.7em; }

#wrap { width: 980px; position: relative; margin: 0 auto; }
#top { position: relative; width: 980px; height: 174px; }
	#top #logo { position: absolute; left: 20px; top: 29px; }
	#top #maak-een-afspraak { position: absolute; right: 50px; top: 0; }
	#top #quote { position: absolute; top: 30px; left: 365px; width: 250px; padding: 0 0 0 35px; background: transparent url(/assets/images/design/quote-open.png) 0 0 no-repeat; }
		#top #quote div { width: 250px; padding: 0 20px 0 0; background: transparent url(/assets/images/design/quote-close.png) 100% 100% no-repeat; text-align: left; }
	#top #telefoon-top { position: absolute; right: 0; top: 112px; }
	#menu { position: absolute; top: 130px; }
		#menu li { display: block; float: left; padding: 0 20px 0 20px; }
		#menu a { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #5a5a5a; display: block; padding: 5px 0; text-decoration: none; }
		#menu-home a { border-bottom: 1px solid #8caab5; }
		#menu-stijlen a { border-bottom: 1px solid #56c2eb; }
		#menu-service a { border-bottom: 1px solid #cac002; }
		#menu-apparatuur a { border-bottom: 1px solid #f42300; }
		#menu-webshop a { border-bottom: 1px solid #fd7f00; }
		#menu-contact a { border-bottom: 1px solid #b807ae; }
		#menu a.active { border-bottom-width: 3px; }

#header { position: relative; width: 980px; height: 350px; background: url(/assets/images/design/header-bg.png) no-repeat; }
	#hl { position: absolute; top: 5px; right: 0; width: 280px; }
	#hl * { color: #fff; }
	#hl p { letter-spacing: 1px; }
	#hl h2 { font-size: 20px; letter-spacing: 1px; }
	#header #hl h3 { position: absolute; top: 270px; font-size: 15px; width: 200px; letter-spacing: 1px; line-height: 1.4; color: #fff; }
	#hl img { position: absolute; top: 280px; right: 20px; }
	#header a { text-decoration: underline; color: #000; font-weight: bold; }
		#apparatuur #header a { color: #fff; }
			#apparatuur #header a:hover { color: #F42300; }
		#header a:hover { color: #645F01; }
	
	#hl-price { position: absolute; top: 110px; right: 185px; width: 200px; }
	#hl-price .hlp-1 { font-size: 15px; font-weight: bold; color: #5a5a5a; display: block; }
		#hl-price .hlp-1 strike { text-decoration: line-through; }
	#hl-price .hlp-2 { color: #fd7f00; font-size: 24px; font-weight: bold; display: block; }
	#hl-price .hlp-3 { font-weight: bold; color: #666; display: block; width: 100px; }
	
	#hl-picture { position: absolute; top: 76px; right: 0; width: 305px; text-align: center; height: 190px; }
		#hl-picture .cta-orange { position: absolute; top: 80px; right: 90px; z-index: 3; }
	#hl-pic-product { padding: 15px 25px 0 0; }
	#hl-pic-brand { position: absolute; bottom: 5px; right: 0; z-index: 2; }
	
#main { position: relative; height: 320px; }

	#m-left1 { position: absolute; left: 30px; width: 270px; padding-right: 30px; border-right: 1px solid #ddd; height: 295px; }
		#m-left1 p { padding: 0; margin: 0; }
		#m-left1 h2, #m-left2 h2 { color: #01344c; font-size: 16px; padding: 5px 0; }
		#m-left1 ul { list-style-type: none; padding: 0 0 15px 0; }
			#m-left1 ul li { padding: 0 0 0 16px; background: url(/assets/images/design/bullet.png) 2px 8px no-repeat; }
	#m-left2 { position: absolute; left: 360px; width: 280px; }
		#m-left2 div { position: absolute; left: 140px; top: 0; width: 260px; }
		#m-left2 .cta-blue { margin: 10px 0 0 20px; }
		#m-left2 p { font-size: 13px; }
	#m-right { position: absolute; left: 674px; border-left: 1px solid #e3e3e3; padding: 0 0 0 35px; height: 295px; }
		#m-right .product-list a { text-decoration: none; color: #373737; }
		#m-right .product-list a:hover { text-decoration: underline; }
			#m-right .product-list li { padding-top: 10px; }
			#m-right .product-list li strong { font-size: 15px; font-weight: bold; }
			#m-right .product-list li span { color: #999; }
				#m-right .product-list li span.orange { color: #fd7f00; }
			#m-right .cta-orange { margin-top: 10px; }

/** c-items / carousel **/
#carousel {
	position: relative;
	width: 565px;
	padding: 12px 0 0 31px;
}
#c-wrap { width: 504px; height: 308px; overflow: hidden; position: relative; }
#c-prev { position: absolute; top: 135px; left: 0; }
#c-next { position: absolute; top: 135px; right: 31px; }
	#c-prev, #c-next { cursor: pointer; }
#c-items { display: block; position: relative; }
#c-items li { float: left; position: relative; height: 308px; width: 504px; overflow: hidden; }
	#c-items a { position: absolute; bottom: 5px; right: 20px; }
#c-items-descs { position: absolute; bottom: 10px; left: 542px; height: 25px; overflow: hidden; display: none; }
	#c-items-descs li { width: 140px; height: 20px }
	#c-items-descs p { color: #fff; font-size: 20px; font-weight: normal !important; font-family: arial, sans-serif !important; }
	#c-items h2 { display: none; }


#footer-wrap { position: relative; width: 100%; background: #4f4f4f url(/assets/images/design/footer-bg.png) center 0 repeat-y; border-top: 5px solid #ababac; clear: both; }
	#footer { width: 940px; position: relative; margin: 0 auto; padding-top: 15px; height: 170px; }
	#footer * { color: #fff; }
	#footer h3 { color: #fff; font-size: 20px; position: absolute; top: 15px; left: 0; }
	#footer ul { padding-top: 10px; }
	#footer img { position: absolute; }
	#footer ul li { position: absolute; margin-top: 45px; }
	
	.fl-1 { left: 0; border-right: 1px solid #949494; padding-right: 40px; }
		.fl-1 p { padding: 0 0 0 50px; }
	.fl-2 { left: 260px; border-right: 1px solid #949494; padding-right: 40px; }
		.fl-2 span, .fl-3 span { padding: 3px 0 7px 40px; display: block; }
	.fl-3 { left: 450px; }
	
	.f_tel, .f_mob { top: 0px; left: 0; }
	.f_fax,.f_mail { top: 30px; left: 0; }
	.f_mail { top: 35px; }
	.f_mob { left: 5px; }
	.f_brands { position: absolute; top: -20px; right: 0; }
	.discopy { display: block; clear: both; text-align: center; padding: 135px 0 0 0; }
		.discopy, .discopy a { font-size: 11px; color: #eee; text-decoration: none; }
			.discopy a:hover { text-decoration: underline; }

/** cta's **/
.cta-yellow, .cta-yellow span, .cta-blue, .cta-blue span, .cta-orange, .cta-orange span { text-decoration: none !important; }
.cta-yellow {
	background: url(/assets/images/design/cta-yellow-l.png) 0 0 no-repeat;
	text-decoration: none;
	display: inline-block;
}
	.cta-yellow span {
		background: url(/assets/images/design/cta-yellow-r.png) 100% 0 no-repeat;
		color: #fff;
		text-decoration: none;
		height: 33px;
		line-height: 33px;
		display: inline-block;
		padding: 0 15px;
		font-size: 13px;
		font-weight: bold;
		letter-spacing: 1px;
		margin-right: -15px;
		cursor: pointer;
	}
	.cta-yellow:hover span { text-decoration: underline !important; }
.cta-blue { background: url(/assets/images/design/cta-blue-l.png) 0 0 no-repeat; text-decoration: none; display: inline-block; }
	.cta-blue span { background: url(/assets/images/design/cta-blue-r.png) 100% 0 no-repeat; color: #fff; text-decoration: none; height: 33px; line-height: 33px; display: inline-block; padding: 0 15px; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin-right: -15px; cursor: pointer; }
	.cta-blue:hover span { text-decoration: underline !important; }
.cta-orange { background: url(/assets/images/design/cta-orange-l.png) 0 0 no-repeat; text-decoration: none; display: inline-block; }
	.cta-orange span { background: url(/assets/images/design/cta-orange-r.png) 100% 0 no-repeat; color: #fff; text-decoration: none; height: 33px; line-height: 33px; display: inline-block; padding: 0 15px; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin-right: -15px; cursor: pointer; }
	.cta-orange:hover span { text-decoration: underline !important; }

	/*.cta-orange {
		display: block;
		float: left;
		background: transparent url(/assets/images/design/cta-orange-r.png) no-repeat scroll top right;
	}

		.cta-orange span {
			height: 33px;
			line-height: 33px;
			display: block;
			background: transparent url(/assets/images/design/cta-orange-l.png) no-repeat;
			padding: 0 0 0 18px;
			margin-right: 18px;
		}*/
	
/* p, h1, h2, h3, h4 */
p { padding: 0 0 20px 0; }
h4 { font-size: 16px; font-weight: bold; color: #fd7f00; }
.clearboth { clear: both; height: 0px; overflow: hidden; }

/* headers */
#header h1, #header h2 { color: #fff; font-size: 24px; line-height: 1.2; }
#header h3 { color: #756f05; font-size: 20px; line-height: 1.2; }
	#service #header { color: #4b4701; }
	#service #header p { padding: 7px 0 15px 0; }
	#service #header ul { padding: 0 0 0 20px; }
	#service #header li { list-style-type: disc; color: #4b4701; }

/* service */
#service #header { background: url(/assets/images/design/service-bg.png) 100% 0 no-repeat; height: 369px; position: relative; }
	#s-left { float: left; width: 420px; padding: 20px; }
		#s-left p { color: #fff; }
	#s-right { float: right; width: 510px; padding: 8px 3px; }
		#s-right a { position: absolute; right: 25px; bottom: 10px; }
	#stijlendiv #s-left { width: 400px; }
	#stijlendiv #s-right { width: 450px; padding: 20px; }
	#stijlendiv #s-right { color: #fff; }
	#stijlendiv #s-left, #stijlendiv #s-right h2 { color: #fff !important; }
	#stijlendiv #s-right ul { padding: 20px 0 0 20px; }
		#stijlendiv #s-right ul li { list-style-type: disc; color: #fff; }
		#stijlendiv #s-right ul li a { position: static; bottom: auto; right: auto; color: #fff; text-decoration: none;  }
			#stijlendiv #s-right ul li a:hover { text-decoration: underline; }
	
#services { position: relative; padding: 10px 0; }
	#services h1 { color: #beb100; font-size: 24px; font-weight: normal; }
	#services li { height: 530px; width: 170px; padding: 0 13px; overflow: hidden; float: left; }
	#services li#services-uitleg { width: 366px; }
	#services li h4 { font-size: 14px; color: #beb100; font-weight: normal; height: 50px; }
/* 	#services li p { font-size: 11px; line-height: 1.4; } */
/* 	#services #services-uitleg p { font-size: 12px; } */
	
/* shop */
#shop #header { background: url(/assets/images/design/shop-bg.png) 100% 0 no-repeat; height: 200px; }
	#shop #header h1 { font-size: 24px; color: #fff; }
	#shop #header h2 { font-size: 20px; color: #ba5e00; }
	#shop-left { width: 440px; padding: 20px 30px 0 20px; }
	#shop-right { width: 440px; padding: 20px 30px 0 20px; }
	#shop-left, #shop-right { float: left; }
	#shop-right *, #shop-left * { color: #fff; }
	#shop-right h2 { color: #fff !important; padding: 0 0 20px 0; }
	
	#shop-right ul { padding: 0 0 0 20px; }
	#shop-right li { list-style-type: disc; color: #fff; }
	.shop-ideal { position: absolute; right: 20px; top: 20px; }
	
.shop-li, .shop-li-even, #stijlen li {
	border: 1px solid #c2bdbd;
	background: url(/assets/images/design/li-bg.png) repeat-x;
	width: 453px;
	height: 310px;
	float: left;
	padding: 15px;
	margin: 0 10px 15px 0;
	position: relative;
	display: block;
}
#stijlen { margin: 0; clear: both; }
	/** rechts=even -> 2, 4, 6 **/
	.shop-li-even { margin-right: 0; }
	.shop-li h3, .shop-li h3 a { font-size: 18px; color: #fd7f00; font-weight: normal; text-decoration: none; }
		.shop-li h3 a:hover { text-decoration: underline; }
	.product-nr { color: #fd7f00; font-size: 13px; }
	.product-nr span { font-weight: bold; color: #a5b401; padding: 0 0 0 5px; }
	
	.product-pic { position: absolute; top: 9px; right: 9px; border: 1px solid #fd7f00; z-index: 3; }
	.zoom-pic { position: absolute; z-index: 4; top: 2px; right: 2px; }
	.shop-li-content { width: 255px; color: #666; }
	.shop-li-content ul { padding: 0 0 0 20px; }
		.shop-li-content ul li { list-style-type: disc; color: #666; }
		.shop-li-content a { color: #FD7F00; }
	.shop-li-brand { position: absolute; bottom: 10px; left: 180px; }
	.shop-li .cta-blue { position: absolute; bottom: 5px; left: 10px; }
	.shop-li .shop-li-price { position: absolute; display: block; right: 5px; bottom: 5px; width: 121px; height: 121px; background: url(/assets/images/design/price-bg.png) no-repeat; }
		.sl_price1, .sl_price2 { width: 121px; text-align: center; display: block; font-size: 16px; font-weight: bold; }
		.sl_price1 { color: #d26a00; font-size: 16px; padding: 4px 0 0 0; }
		.sl_price2 { color: #fff;  font-size: 18px; padding: 10px 0 0 0; }
		
#stijlendiv #header { background: url(/assets/images/design/stijlen-bg-klein.png) 100% 0 no-repeat; height: 200px; }
	#stijlendiv #header h1 { font-size: 24px; color: #fff; }
	#stijlendiv #header h2 { font-size: 20px; color: #ba5e00; }
	
#stijldiv #header { background: url(/assets/images/design/stijlen-bg.png) 100% 0 no-repeat; height: 369px; }
	#stijldiv #header h1 { font-size: 24px; color: #fff; }
	#stijldiv #header h2 { font-size: 20px; color: #ba5e00; }	
	#stijldiv #s-left * { color: #fff; }
	
	
#apparatuur #header { background: url(/assets/images/design/apparatuur-big.png) 100% 0 no-repeat; height: 369px; }
	#apparatuur #header h1 { font-size: 24px; color: #fff; }
	#apparatuur #header h2 { font-size: 20px; color: #ba5e00; }
	#apparatuur #shop-right { float:right; padding:8px 3px; width:510px; }
	#apparatuur #shop-left { float:left; padding:20px; width:420px; }
	#apparatuur #shop-right a { float: right; margin: 4px 20px 0 0; }
		
#shop-detail { width: 948px; /*height: 500px;*/ height: auto; min-height: 400px; }
	#shop-detail .shop-li-content { width: 700px; }
	#shop-detail .shop-li-brand { bottom: 10px; right: 10px; left: auto; }
	.shop-li-price { position: absolute; right: 10px; bottom: 170px; }
	#shop-detail .service-block, #shop-detail .price-block { padding: 5px 10px; border: 1px solid #ddd; width: 200px; position: absolute; right: 10px; background-color: #fff; }
	#shop-detail .service-block { bottom: 54px; }
		#shop-detail .service-block p { padding: 0; }
	#shop-detail .price-block { bottom: 110px; height: 80px; }
		.pb-van { color: #ccc; font-weight: bold; font-size: 12px; text-align: center; width: 100%; display: block; }
		.pb-voor { font-weight: bold; font-size: 20px; color: #fd7f00; padding: 0 0 0 5px; }
		#shop-detail .cta-blue { margin: 10px 28px 0 38px; }

/** contact **/
#contact #header { position: relative; width: 980px;  background: url(/assets/images/design/contact-bg.png) no-repeat; }
	#c-left { float: left; width: 400px; padding: 15px 0 0 20px; }
		#c-left h1 { font-size: 26px; color: #fff; }
		#c-left h2 { font-size: 26px; color: #756f05; }
		#c-left table { margin: 10px 0 50px 0; color: #fff; }
		#c-left p { padding-left: 1px; }
	#c-right { float: right; width: 481px; }
		#c-right h3 { padding-top: 72px; }

/** stijlen **/
#stijlen li.alt { margin-right: 0; }
	#stijlen li h2, #stijlen li h2 a { color: #56C2EB; font-size: 20px; text-decoration: none; }
	#stijlen li h2 a:hover { text-decoration: underline; }
	
/*content */
#content { padding: 10px 13px; }
	#content h1, #shop-detail h1 { color:#BEB100; font-size:24px; font-weight:normal; }
	#content h2, #shop-detail h2 { color:#BEB100; font-size:18px; font-weight:normal; }
.thumbs li { padding: 10px; }

/* form */
.row { display: block; padding: 20px 0 0 0; font-size: 13px; clear: both; }
.row label { font-weight: bold; display: block; float: left; width: 120px; text-align: right; padding: 0 10px 0 0; }
.row input, .row select { font-size: 12px; float: left; }
	.row input { width: 200px; }
	.row select { width: 205px; }
	#shop-detail .row .cta-blue { position: static; bottom: none; margin: 10px 0 10px 130px; }
	.row .error { color: #f00; clear: both; padding: 0 0 0 130px; font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
#ideal-button {
	width: 300px;
	height: 145px;
	background: url(/assets/images/ideal.png) no-repeat;
	border: 0;
	cursor: pointer;
	margin: 5px 0 20px 0;
}

#map {
	background-color: #f1f1f1;
	width: 470px;
	height: 280px;
	margin: 10px 0 0 0;
}
#route-plannen { margin: 15px 0 0 330px; }

#contentmain {
	padding: 10px 10px 25px 10px;
}

	#contentmain h1 { font-size: 24px; }
	#contentmain h2 { font-size: 18px; }
	#contentmain p { padding: 0 0 20px 0; }
	#contentmain ul { list-style-type: none; padding: 0 0 15px 0; }
	#contentmain ul li { padding: 0 0 0 16px; background: url(/assets/images/design/bullet.png) 2px 8px no-repeat; }
	#contentmain a { color: #BA5E00; text-decoration: none; }
		#contentmain a:hover { text-decoration: underline; }
		
.star { padding: 0 0 0 10px; }
.row textarea { width: 300px; }
table td a { color: #fff !important; }
	table td a:hover { color: #756F05 !important; }
	
	
#contact #c-left h3, #contact #c-right h3 { color: #D7CD3F !important; }
#apparatuur #contentmain h2, #apparatuur #contentmain h1 { color: #F42300 !important; }
#apparatuur #shop-left h2 { color: #fff; }
#apparatuur #shop-left ul { padding: 20px 0 0 20px;}
#apparatuur #shop-left li { padding: 0; list-style-type: disc; }

/** route maps **/
#routemap { width: 550px; height: 550px; float: left; }
#whereto-wrap { padding: 0 0 10px 0; }
	#whereto { margin: 0 5px 0 4px; width: 250px; }
	#whereto-wrap span { font-weight: bold; }
	#whereto-submit { }
#routemap-directions-wrap { width: 378px; height: 530px; float: right; border: 1px solid #ddd; padding: 10px; overflow-y: auto }
	#routemap-directions-wrap h2 { }
	#routemap-directions { }


.jcarousel-clip {
	height:308px;
	overflow:hidden;
	position:relative;
	width:504px;
}

#m-left2 p a { color: #FD7F00; text-decoration: none; }
	#m-left2 p a:hover { text-decoration: underline; }