/* 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%;}

* {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #fff;
}

html { background: #30291F url(../images/design/bg.jpg) 50% 0 repeat; }
body { position: relative; }
h1 { font-size: 24px; line-height: 1; color: #fff; padding: 10px 0 0 0; font-weight: bold; }
h2 { font-size: 18px; line-height: 1; color: #e96f2f; padding: 0 0 5px 0; font-weight: normal; letter-spacing: 1px; }
h3 { font-size: 16px; font-weight: normal; color: #fff; padding: 0 0 25px 0; }
h4, h4 a { font-size: 20px; font-weight: bold; color: #e96f2f; }
p { padding: 0 0 15px 0; font-family: arial, sans-serif; font-size: 13px; }
span.tel { font-size: 20px; padding: 5px 0; display: block; }
.email { background: url(../images/design/pixel-black-trans.png); padding: 5px; }

#content h1, #content h2, #content h3 { padding: 1em 0 5px 0; }
#content ul { padding: 0 0 15px 14px; }
#content ol { padding: 0 0 15px 20px; }
#content ul li { list-style-type: disc; }
	#content ul.pros li { list-style-type: none; }
#content ol li { list-style-type: decimal; }
#content a, #content a:link, #content a:visited, #content a span { color: #E96F2F; text-decoration: none; }
	#content a:hover { text-decoration: underline; }
#content em { font-style: italic; }
#content strong { font-weight: bold; }

.cta1 { background: url(../images/design/cta1.png) no-repeat 0 0; display: block; width: 224px; height: 19px; overflow: hidden; padding: 7px 0 7px 10px; text-decoration: none; }
	.cta1:hover { background-position: 0 100%; }
.page-row { clear: both; }

.col { float: left; padding: 15px 0; }
.cols3 .col { width: 326px; }
.cols3 .waaier { width: 405px; }
.cols3 .geenwaaier { width: 257px; height: 280px; position: relative; padding: 15px; }
	.geenwaaier h2 { color: #fff; font-size: 24px; font-weight: bold; }
	.geenwaaier h2 em { color: #5d96be; font-size: 24px; font-weight: normal; }
	.geenwaaier .cta1 { position: absolute; bottom: 15px; }
.cols2 .cta1 { position: relative; bottom: auto; margin-bottom: 20px; }

#wrap { width: 980px; margin: 0 auto; position: relative; z-index: 5; }
#header { height: 190px; }
	#header #logo { padding: 30px 0 0 0; width: 435px; border-right: 4px solid #fff; }
	#header #top-desc { position: absolute; top: 0; right: 5px; widht: 525px; padding: 25px 0; }
		#top-desc p { font-size: 15px; }
		#top-desc a { color: #ff6100; text-decoration: underline; background-color: #211b16; padding: 6px; }
			#top-desc a:hover { text-decoration: none; }
	#nav { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; margin-top: 10px; }
		#nav li { display: inline; }
		#nav li a { font-size: 18px; padding: 0 8px 0 8px; border-right: 1px solid #fff; text-decoration: none;  }
		#nav li.last a { border-right: 0; }
		#nav li.active a { color: #5d96be; }
		#nav li a:hover { text-decoration: underline; }

#subheader { height: 290px; }
	#sh-left { float: left; width: 490px; height: 280px; background: url(../images/design/pixel-black-trans.png); text-align: center; }
		#sh-left h1 { padding: 90px 0 0 0; font-size: 40px; font-weight: normal; }
		#sh-left h2 { padding: 10px 0 0 0; font-size: 24px; font-weight: normal; color: #5d96be; }
	#sh-right { float: right; width: 490px; height: 280px; }
	
#content { width: 600px; padding: 25px; margin-top: 10px; float: left; background: url(../images/design/pixel-black-trans.png); margin-right: 75px; }

#footer { clear: both; padding: 15px 0; }
	#footer ul { background: url(../images/design/pixel-black-trans.png); padding: 15px 10px; text-align: right; }
	#footer ul#sub-footer { text-align: center	; }
		#footer ul li { display: inline; }
		#footer ul li a { padding: 0 8px 0 5px; border-right: 1px solid #fff; line-height: 1; text-decoration: none; }
		#footer ul li a:hover { text-decoration: underline; }
		#footer li.last a { border-right: none; }
#footer-pic { position: absolute; bottom: 0; /*width: 980px; margin-left: -400px; */left: 50%; z-index: 1; text-align: right; }
	#footer-pic img { margin: 0 0 -5px 0; }

#home-voordelen-wrap { background: url(../images/design/showroom-thuis.jpg) no-repeat; width: 980px; height: 323px; }
	#home-voordelen { width: 300px; position: absolute; right: 15px; }
	#home-voordelen a { margin: 0 0 0 38px; }
	ul.pros { padding: 0 0 7px 0; }
		ul.pros li { background: url(../images/design/list-pro.png) no-repeat; padding: 0 0 0 40px; line-height: 35px; font-size: 14px; font-style: italic; }
		ul.pros li em { font-size: 24px; margin: 0 0 0 10px; }
		ul.pros li small { line-height: 1.3 !important; display: block; }
#inspiratie-waaier { padding: 15px 0 0 0; }

/** bel mij terug popup **/
#bmt-wrap { width: 400px; height: 300px; position: absolute; left: 50%; top: 25%; margin: 0 0 0 -200px; z-index: 10; background-color: #fff; padding: 20px; border: 2px solid #999; }
#bmt-close { float: right; margin: -10px -10px 0 0; color: #666; cursor: pointer; font-weight: bold; }
	#bmt-close:hover { color: #f00; }
#bmt-wrap h2 { width: 100%; font-size: 24px; color: #000; }
#bmt-wrap p { color: #333; padding: 10px 0; }
#bmt-wrap label { color: #333; font-weight: bold; display: block; margin: 10px 0 0 0; }
#bmt-naam, #bmt-telefoon { border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #f5f5f5; padding: 3px; color: #333; width: 250px; letter-spacing: 1px; }
	#bmt-telefoon { width: 100px; }
#bmt-wrap #bmt-naam-error, #bmt-wrap #bmt-telefoon-error { padding: 4px 0 0 20px; color: #f00; background: url(../images/design/arrow.png) no-repeat 3px 3px; display: none; }
#bmt-submit { border: 0; height: 33px; margin-top: 15px; cursor: pointer; }
.error { color: #f00; font-weight: bold; }

a { outline: none; }
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

/* ------------ contact form ----------------------------------------------- */

.contact_form {  }
.contact_form .row { clear: both; padding: 3px 0;}
.contact_form label {float: left; width: 180px; text-align: right; padding: 3px 0; margin-right: 5px; font-weight: normal; }
.contact_form select, .contact_form option {color: #5D96BE; width: 262px; }
.contact_form input, .contact_form textarea { float: left; width: 260px; border: 1px solid #cccccc; color: #5D96BE; text-indent: 2px; padding: 2px 0; }
.contact_form input[type="submit"]{position: relative; color: #ffffff; height: 33px; border: 0px solid #cccccc; width: 225px; }
.contact_form input[type="submit"]:hover{ font-weight: bold; cursor: pointer; }
.contact_form .vericode { width: 224px;}
.contact_form input.cta,
.contact_form input.cta:hover { width: auto; background: #6e6e6e; color: #fff; border: 0; padding: 2px 5px; margin: 2px 100px; cursor: pointer; text-align: center !important; text-decoration: none;}
.contact_form input.cta:hover { background-color: #000000;}
.contact_form .error { clear: both; margin: 0 0 0 100px; padding: 5px 0 5px 0; color: #f00; font-weight: bold; padding-top: 3px; background-position: 0 6px;}
.contact_form .star { height: 16px; width: 20px; margin-left: 4px; }
.errors, .errors strong {color: #E96F2F;}

/** ----------- Maxi Gallery ------------------------------------------------ */

.managecontainer {
    background: url("../images/design/bg.jpg") repeat scroll 50% 0 #30291F;
    border: 16px solid #E96F2F;
    height: 85%;
    left: 43px;
    overflow: auto;
    padding: 16px;
    position: absolute;
    top: 20px;
    width: 850px;
    z-index: 1002;
}

