/* CSS Document */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #222222; background: #012637 url("images/bg_body.jpg") top center no-repeat; text-align: center; margin: 0;}
table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #222222;}
.inline_edit {text-align: right; margin: 24px 0 12px 0; }
hr {color: #a2b0b6; background-color: #a2b0b6; border: none; height: 1px; width: 100%;}
p {margin: 0 0 12px 0; line-height: 1.3;}
a:LINK, a:VISITED {color: #900230; text-decoration: underline;}
a:HOVER, a:ACTIVE {color: #900230; text-decoration: none;}
img, a img {border: 0;}
h1 {color:#012637; font-size: 180%; margin: 0px 0px 6px 0px;}
h2 {color:#900230; font-size: 160%; margin: 3px 0px 3px 0px; font-family: Arial, Helvetica, sans-serif;}
h3 {color:#900230; font-size: 110%; margin: 0px 0px 6px 0px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
h4 {color:#900230; font-size: 120%; margin: 3px 0px 3px 0px;}
a img {border: 0;}


#canvas_website {background: #fff url("images/bg_canvas.jpg") no-repeat bottom right; min-height: 1000px; width: 960px; margin: 0 auto 0 auto; text-align: left; padding-bottom: 10px;}

#header {background: url("images/header_de.jpg") no-repeat; width: 960px; height: 250px; margin-bottom: 10px;}
#logo {margin: 0; float: right; width: 315px; padding: 60px 0 0 0; margin-right: 24px;}

#footer {width: 960px; margin: 0 auto 0 auto; text-align: left; background-color: #012637; padding: 16px 0 24px 0; color: #999;}
#footer h2 {color: #fff; margin-bottom: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 140%;}
#footer a {color: #fff;}
ul#credits {font-size: 85%; list-style-type: none; margin: 30px 0 0 0; padding: 0; text-align: center;}
ul#credits li {display: inline; margin: 0 8px 0 8px;}
ul#credits li a {color: #999;}

#zoek {text-align: right; font-size: 85%;}
#zoek form {margin: 0; padding: 4px 0 0 0;}

#taalselectie {padding: 95px 0 0 10px; color: #fff; float: left; width: 300px;}
#taalselectie ul {list-style-type: none; margin: 0; padding: 0;}
#taalselectie ul li {display: inline; margin-left: 12px;}
#taalselectie ul li.actief {font-weight: bold;}
#taalselectie ul li a {color: #fff; text-decoration: none;}
#taalselectie ul li a abbr {border: 0;}

#contentblock {width: 918px; margin: 0 auto 0 auto;}
#welkom_indekijker {width: 918px; margin-top: 10px;}
#welkom {width: 630px; float: left; margin-bottom: 15px;}
#indekijker {width: 230px; float: right; background: url("images/bg_indekijker.jpg") repeat-x; border: 1px solid #bdbcbd; padding: 10px; margin: 15px 0 15px 0;}
h3#nieuws {margin-top: 24px;}
ul#nieuwshome {list-style-type: none; margin: 0; padding: 0; font-size: 85%; line-height: 1.5;}
ul#nieuwshome li {margin-bottom: 10px;}
ul#nieuwshome li a:LINK {text-decoration: underline; color: #222;}
ul#nieuwshome li a:VISITED, ul#nieuwshome li a:HOVER, ul#nieuwshome li a:ACTIVE {text-decoration: underline; color: #666;}
p.nieuws_archief {font-weight: bold; text-align: right; font-size: 85%; margin: 0;}

#focus {width: 630px; margin-bottom: 10px;}
#focus_thumbs {width: 80px; float: left;}
#focus_detail {width: 500px; float: right; position: relative;}
#focus_thumbs ul {list-style-type: none; margin: 0; padding: 0;}
#focus_thumbs ul li {margin-bottom: 10px;}
.hide {display: none;}
.show {display: block;}
.caption {position: absolute; bottom: 0; left: 0; background: #000; opacity:0.6; filter:alpha(opacity=60); color: #fff; padding: 5px;}
.caption p {margin: 0 0 3px 0;}

#subnav {float: left; width: 180px; clear: both;}
#contentdetail {float: right; width: 720px;}

ul#submenu {list-style-type: none; margin: 34px 0 0 0; padding: 0;}
ul#submenu li {margin-bottom: 0.8em;}
ul#submenu li a:LINK, ul#submenu li a:VISITED {color: #a5224d; text-decoration: none;}
ul#submenu li a:HOVER, ul#submenu li a:ACTIVE {color: #a5224d; text-decoration: underline;}
ul#submenu li.actief {font-weight: bold;}

#producten {width: 720px; background: url("images/bg_productoverview.jpg") no-repeat top right; padding: 6px 0 12px 0; border: 1px solid #c1cdd4;}
.product {float: left; width: 300px; height: 200px; margin: 0 15px 15px 0; padding: 5px;}
.product h2 {font-size: 120%; margin-bottom: 0.5em;}
.product_overview_foto {float: right; width: 140px; text-align: center;}
.product_overview_foto a:LINK img, .product_overview_foto a:VISITED img {border: 3px solid #c1cdd4;}
.product_overview_foto a:HOVER img, .product_overview_foto a:ACTIVE img {border: 3px solid #a63559;}

.product_overview_intro {float: left; width: 155px; font-size: 85%;}
.product_overview_intro p {margin: 0; line-height: 1.5;}
.product_overview_intro ul li {margin-bottom: 6px;}
.productlogo {text-align: right; margin-bottom: 12px;}
.productfoto {margin-bottom: 12px;}
#product {width: 680px;}
#producttext {float: left; width: 400px; line-height: 1.5;}
#productextra {float: right; width: 250px;}
#productsearch {margin-top: 2em;}
#productfiles {padding: 5px 10px; border: 1px solid #999; background-color: #eee;}
#productfiles p {margin: 10px 0 10px 0;}
a.pdf {padding: 6px 0 6px 22px; background: url("images/pdf.gif") center left no-repeat; font-weight: bold; font-size: 85%;}
a.pdf:LINK, a.pdf:VISITED {color: #777; text-decoration: none;}
a.pdf:HOVER, a.pdf:ACTIVE {color: #444; text-decoration: underline;}
#product_rubriek_info {margin: 0 0 12px 0; line-height: 1.5;}

.paginanavigatie {text-align: center; margin: 20px 0 12px 0; color: #AAA; font-size: 120%;}
.paginanavigatie a:LINK, .paginanavigatie a:VISITED {color: #333;}
.paginanavigatie a:HOVER, .paginanavigatie a:ACTIVE {color: #900230;}
.paginanavigatie a:LINK.actief, .paginanavigatie a:VISITED.actief, .paginanavigatie a:HOVER.actief, .paginanavigatie a:ACTIVE.actief {font-weight: bold; color: #900230; text-decoration: none;}
.page_volgende {margin-left: 24px;}
.page_vorige {margin-right: 24px;}
.page_volgende img, .page_vorige img {vertical-align: middle;}

#offerte {margin-top: 30px; text-align: center; width: 180px; border: 1px solid #980000; border-right: 2px solid #980000; border-bottom: 2px solid #980000; padding: 7px 0 7px 0;}
#offerte a {background: #fff; text-decoration: none; font-size: 120%; color: #980000; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

#contact_kaart {width: 720px;}
#contact {width: 400px; float: left;}
#kaart {width: 300px; float: right;}
#facebook {margin-top: 20px;}

#formnewsletter {width: 500px; float: left;}
#newsletterimage {width: 200px; float: right;}



/* FORM */
input, select, textarea {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}
textarea {width: 212px;}
#cms_form {margin: 6px 0 12px 0;}
#cms_form p {clear: both; margin-bottom: 10px;}
#cms_form label {display: block;}
#cms_form fieldset {width: 700px; margin-bottom: 1em; border: 1px solid #ccc;}
#cms_form fieldset legend {font-weight: bold;color: #333333;}
#cms_form .fieldtext {width: 430px;}
#cms_form label.inlinelabel {float: none;}
.formrow {clear: left; margin-bottom: 0.8em;}
.formrow .fieldlabel, .formrow label {width: 150px; float: left;}
.formrow .fieldtext {float: left; width: 430px;}
.inputopmerking {margin-left: 150px; clear: both; font-size: 85%; margin-top: -6px; }
.submitknop {margin-left: 150px; padding-top: 12px; }
.foutmelding {font-weight: bold; color: #FF0000;}
.vereistveld {font-weight: bold;}
.vereistveld:BEFORE {color: #FF0000;content: "* ";font-weight: normal;}
.sitemap_0 {margin: 0 0 9px 0;}
.sitemap_1 {margin: 9px 0 9px 20px;}
.sitemap_2 {margin: 9px 0 9px 40px;}
.sitemap_3 {margin: 9px 0 9px 60px;}
.sitemap_4 {margin: 9px 0 9px 80px;}
.sitemap_5 {margin: 9px 0 9px 100px;}
#contactform, #nieuwshomepagina {margin: 36px 0 12px 0;}
.thumbnail {float: left; margin-right: 6px;}
.nieuwsbericht {clear: left; overflow:hidden; margin: 6px 0 6px 0; padding: 6px 0 6px 0; border-bottom: 1px dashed #E28484; }
.nieuwsbericht p {margin: 0 0 6px 0;}
.nieuwsbericht p .datum {font-weight: bold; font-size: 85%; padding-right: 6px; color: #000000; }
#frm_nieuws {margin: 0 0 24px 0; }
table.opmaaktabel th {background-color: #cad9dd; text-align: left; }
tr.alternate td {background-color: #E4ECEE; }
.quicklinks {font-size: 85%;}

.referentie {width: 179px; float: left; height: 140px; text-align: center; overflow: hidden; margin-bottom: 30px;}
.referentie .foto_overzicht {margin-bottom: 6px;}
ul#foto_referenties_detail {list-style-type: none; margin: 0; padding: 0;}
ul#foto_referenties_detail li {float: left; width: 300px; height: 300px; margin: 0 40px 20px 0;}






/* CLEARFIX */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */