/* -------------------- Resets --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0;
	padding: 0;
}

img {
	border: 0; /* kills Gecko bug when img's are placed inside links */
	vertical-align: bottom; /* set vertical align to bottom for IE */
}
/* --------------- Document Defaults -------------- */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #F9FCFE;
}

/* ------------------ Typography ------------------- */
p, ul, ol {
	font-size: 1em;
}

/*p { margin: 1em 0; }*/

ul {
	margin:0 0 1em 25px;

}
ul ul { /* fixes nested lists */
	font-size: 100%;
	font-weight: normal;
}
/* -------------------- Forms ---------------------- */
form :focus {
	outline: 0; /* removes Safari's blue border */
}
input, label {
	vertical-align: middle;
}
label {
	cursor: default;
}
input, select, textarea {
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input, textarea {
	padding: 2px 4px;
}
textarea { /* removes scrollbar from IE when none is needed */
	overflow: auto;
}

/* ------------------- Links ---------------------- */
a {
	text-decoration: none;
	outline: 0; /* removes dotted border in FX */
        color:#F58621;
}
a:active, a:focus, a:hover {
	visibility: visible; /* kills IE6 a:hover bug */
	text-decoration: underline;
}
a:visited {
    text-decoration: none;
}
a:visited:hover {
    text-decoration: underline;
}


/* ----------------- Wrapper for float's ------------ */
div.wrapper { clear: both; }

/* Contactform onderaan de pagina */
	ul.contactform,
	ul.contactform li { margin: 0; padding: 0; padding: 8px 5px 13px 0; *padding-bottom: 14px; _padding-bottom: 16px; list-style: none; position: relative; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.contactform li { padding-bottom: 16px; }
}

	/* Form labels */
	ul.contactform li div.label { display: block; width: 120px; text-align: right; position: relative; }
	ul.contactform li div.label label { color: #000; font-weight: bold; position: relative; top: -2px; }
	ul.contactform li div.label label span { visibility: hidden; }
	ul.contactform li div.label div.fieldWithErrors label { color: #C00; }

        ul.contactform li div.checkbox { position: relative; left: 130px; height: 1em; }

	/* Input fields */
	ul.contactform li div.field { position: absolute; top: 0; left: 130px; width: 270px; padding: 3px; border: 1px solid #18A8E5; }
	ul.contactform li div.field input { padding: 3px 3px; border: 0; width: 264px; }
	ul.contactform li div.field2 { position: absolute; top: 0; left: 130px; width: 270px; padding: 3px; }
	ul.contactform li div.field2 input { padding: 3px 3px; border: 0; width: 264px; }

	/* Submit button */
	ul.contactform li.submit { position: relative; width: 409px; padding: 0; border: 1px solid #FFF; text-align: right; margin-top: 1em; }
	ul.contactform li.submit input { padding: 0; }
	ul.contactform li.submit span.description { position: absolute; left: 130px; font-size: 9pt; color: #000; }

	/* Input textareas */
	ul.contactform li.textarea { height: 117px; width: 270px; padding-bottom: 0; }
	ul.contactform li.textarea div.field textarea { height: 107px; width: 260px; border: 1px solid #fff; overflow: auto; }

	ul.contactform li div.field div.corner { position: absolute; height: 6px; width: 6px; display: block; font-size: 2px; background-image: url('/images/border_form.gif'); background-repeat: no-repeat; }
	ul.contactform li div.field div.corner.top_left { left: -1px; top: -1px; background-position: left top; }
	ul.contactform li div.field div.corner.top_right { right: -1px; top: -1px; background-position: right top; }
	ul.contactform li div.field div.corner.bottom_left { left: -1px; bottom: -1px; background-position: left bottom; }
	ul.contactform li div.field div.corner.bottom_right { right: -1px; bottom: -1px; background-position: right bottom; }

	/* IE6 Hack */
	* html ul.contactform li.textarea div.field div.corner.bottom_left,
	* html ul.contactform li.textarea div.field div.corner.bottom_right { bottom: -2px; }


div#container {
    margin:1em auto;
    width:980px;
    border:1px solid #ACD0EC;
    background-color: #ffffff;
    padding-left: 1px;
    padding-right: 1px;
}

div#header div.logo {
    cursor: pointer;
}

div#header div.below_logo {width:100%;height:108px;background-color: #FB650F;text-align:center}
div#header div.below_logo p {color: #ffffff; font-size: 1.4em;padding-top:2em;}

div#top_info div.left {
    float:left;
    width:55%;
    background-image:url(../images/top_info_back.png);
    background-repeat:repeat-x;
    height:157px;
}

div#top_info div.left p {
    padding-left: 0.5em;
    padding-top: 1em;
    padding-right: 0.5em;
    font-size: 1.1em;
}
div#top_info div.left p.leesmeer_wit {padding-top: 0em}
div#top_info div.right {float:left; width:45%}

div.product {float:left;width:33%;}
div.product p {padding-left: 0.5em;padding-right:0.5em;text-align: justify}
div.product img {width:333px;height:150px}

div#contact_container {padding-left:5px;padding-right:5px;}
div#contact_container p {padding-left: 0.5em; padding-top: 1em;}
div#contact_container div.left {float:left;width:60%}
div#contact_container div.right {float:left;width:30%;}
div#contact_container span.adres_left {float:left}
div#contact_container span.adres_right {float:right;}

div#footer {
    height: 80px;
    position: relative;
    background-color: #FB650F;
}
div#footer2 {
    border-top: 1px solid #dddddd;
    position: relative;
    background-color: #FB650F;
    color: #dddddd;
    padding: 1em;
    font-size: 0.8em;
}
div#footer2 a {
    color: #dddddd;
}
div#footer a img { position: relative; top: 16px; left: 1em; }
div#footer a.telegraaf img { top: 20px; left: 2em; }


div#footer p {
    padding-top: 10px;
    padding-left: 5px;
}
h2 {
    background-color: #FB650F;
    color: #ffffff;
    font-size: 1.4em;
    padding: 0.3em 0 0.3em 0.5em;
    margin-top: 0;
    font-weight: normal;
}

h3 {
    font-size: 1.3em;
    margin-bottom: 10;
    padding: 0.3em 0 0.3em 0.5em;
    color: #F16722;
}

h3 a {
    color:#1F295A;
    text-decoration:none;
}
h3 a:hover { 
    color: #F16722;
    text-decoration:none;
}
hr { margin: 0; }
hr { height:0; border: none; border-top: 1px solid #D6D6D6; }



div#top_product div.left {float:left;width:50%}
div#top_product div.right {float:left:width:50%}

p.leesmeer_wit a:hover { text-decoration: underline; } /* Hover over de lees meer link */
p.leesmeer_wit a { color: #F58621; text-decoration: none; font-size: 10pt; padding-right: 20px; } /* Opmaak lees meer link */
p.leesmeer_wit { display: inline; line-height: 2em}
p.leesmeer_wit { background: url('../images/leesmeer_wit.gif') right 0px no-repeat;  }


#topfoto { height: 225px; }
#topfoto object { float: right }
#topfoto img.top_foto { float: right; }
#topfoto .description { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; width: 480px; height: auto; }
/*#topfoto .description p {  margin: 0; padding: 0.5em 1em 4em 21px; line-height: 27px; font-size: 1.2em }*/
#topfoto .description p {  margin: 0; padding: 1em 1em 4em 21px; font-size: 1.2em }
#topfoto .description p a { color: #F16722; text-decoration: none; }
#topfoto .description p a:hover { text-decoration: underline; }
#topfoto .description p a img { border: none; position: relative; top: 5px; }

#content.producten_detail div.tags {margin-top: 1em;}
#content.producten_detail div.tags,
#content.producten_detail div.tags a { color: #868383; text-decoration: none; font-size: 9pt; }
#content.producten_detail div.tags a:hover { color: #F16722; }

#content.producten_detail div.product_content{ padding: 0 50px 0 20px; }


#content.producten_detail div.product_content { width: 54%; float: left; }
#content.producten_detail div.product_content h3 { font-size: 12pt; margin: 1em 0 0 0; padding: 0; color: #1F295A;}
#content.producten_detail div.product_content p,
#content.producten_detail div.product_content li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; line-height: 16pt; font-size: 10pt;  }
#content.producten_detail div.product_content p { margin-bottom: 1em; }
#content.producten_detail div.product_content p a,
#content.producten_detail div.product_content li a { color: #F16722; text-decoration: none; }
#content.producten_detail div.product_content p a:hover,
#content.producten_detail div.product_content li a:hover { text-decoration: underline; }
#content.producten_detail div.product_content ul { margin-top: 3px; }

ul.img_bullets,
ul.img_bullets li ul { list-style: none; padding-left: 1em; }

ol.stappen {padding-left: 2em;}
ol.stappen li {padding-left: 1em; padding-bottom:1em; }

ul.img_bullets,
ul.img_bullets li ul,
ul.img_bullets li,
ul.img_bullets li ul li { padding: 0; margin: 0; }
ul.img_bullets { margin-bottom: 1em; }
ul.img_bullets li,
ul.img_bullets li ul li{ padding-left: 40px; background: #FFF url('../images/bullet.gif') 19px 5px no-repeat; }
ul.img_bullets li ul li { background-image: url('../images/bullet_sub.gif'); }
ul.img_bullets li {padding-bottom:1em; }
#content h4 { color: #F16722; margin-bottom: 0; font-size: 1.1em}
#content h4.intro { margin-top: 0; }
#content hr { height:0; border: none; border-top: 1px solid #D6D6D6; }

/* Right Info */
#right_info { width: 370px; float: left; margin-top: 1em; }
#right_info form label { color: #1F3C6F; display: block; font-size: 10pt; }

#right_info p.right_option { position: relative; margin-top:16px;margin-bottom:16px; }
#right_info p.right_option a { color: #868383; text-decoration: none; font-size: 10pt; position: absolute; bottom: 4px; }
#right_info p.right_option a:hover { color: #F16722; }
#right_info form input.error { border-color: red; }
#right_info form p.formerror { color: red; font-size: 9pt; margin-top: -2px; display: none; }
#right_info iframe { border: none; }

#right_info form input,
#right_info form p 		{ margin-bottom: 0.5em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10pt; }
#right_info form input.checkbox { margin: 0; border:0; }
#right_info form input 	{ padding: 2px 4px; border: 1px solid #D6D6D6; }
#right_info form input.submit_btn_blue { padding:2px 7px; margin: auto; }
#right_info form label.inline { display: inline; }


input.submit_btn_blue {
	background-color: #1F3C6F;
	border: 1px solid #1F3C6F;
	padding: 0 2px;
	color: #fff;
}

input.submit_btn_blue:hover {
	background-color: #64789B;
	border-color: #64789B;
}

div.fieldWithErrors {display:inline;}
div#contactme_content div.fieldWithErrors label { color: #C00; }

p.error { color: #C00; font-weight: bold; }
p.success { color: #070; font-weight: bold; }


h2.product_header {margin-bottom: 1px; background-image: url(../images/add.png); background-repeat: no-repeat; padding-left: 30px;cursor: pointer; background-position: 3px}
h2.visible {margin-bottom: 0px; background-image: none; padding-left: 0.5em;cursor: auto}

div.whitepaper { padding: 0.7em; }
div.whitepaper table { margin-left: 1em; }
div.whitepaper table tr td { vertical-align: top; }
div.whitepaper table tr td.label { text-align: right; padding-right: 1em; }
div.whitepaper table tr td.grey { color: #666; padding-top: 5px; }
div.formError { color: #c00; display: inline; margin-left: 1em; }
div.whitepaper div.fieldWithErrors label {  }
div.whitepaper div.fieldWithErrors input { border: 1px solid #c00; }