html {  height: 100%; }
body {  height: 100%; margin: 0; padding: 0; background: #464646; background-image: url('/images/bg.jpg'); background-repeat: repeat-y; background-position: center center; font-family : verdana; font-size : 11px; }

    /*  Structure */
div#container { width: 840px; height: 100%; margin: auto; }
div#header { margin-bottom: 80px; }
div#header-content { clear: both; height: 200px; border-top: 5px solid #2c2c2c; border-bottom: 5px solid #2c2c2c; background-image: url('/images/bakstenen.jpg'); background-repeat: no-repeat; }
div#logo { float: left; width: 30%; height: 100px; }
div#slogan { float: right; width: 560px; margin-top: 25px; font-family: arial; font-size: 20px; color: #ffffff; text-align: right; padding-right: 20px; }
div#navigation { float: left; width: 280px; background-color: #2c2c2c; }
div#ad { background-color: #1B1B1B; padding: 30px 10px 10px 10px; font-family: arial; font-size: 14px; font-weight: bold; text-align: center; color: white; line-height: 22px; display: none; }
div#ad img { display: block; margin: auto; margin-top: 10px; border: 0; }
div#content { float: right; position: relative; width: 520px; padding: 0 20px 20px 20px; background-color: #ffffff; }
div#footer { width: 840px; margin: 50px 0 0 0; background-color: #2c2c2c; color: #ffffff; }
div#copyright { clear: both; height: 30px; line-height: 30px; margin: 60px 0 0 0; padding: 0 20px 0 20px; background-color: #ab2000; color: #ffffff; }
div#footer span.contact { float: left; width: 400px; padding: 20px 0 0 20px; text-align: left; line-height: 16px; }
div#footer span.partners { float: left; width: 200px; padding: 20px 20px 0 200px; text-align: center; }


    /*  Content & Style */
div.pagebreak { clear: both; }
span.price { width: 80px; height: 30px; line-height: 30px; padding: 5px; margin: 0 0 40px 15px; background-color: green; background-image: url('/images/bg_price.png'); background-repeat: no-repeat; float: right; color: #fff; font-size: 24px; font-family: arial; font-weight: bold; text-align: right; }
span.center { text-align: center; }
span.price span { float: left; }

div#logo img { border: 0px; margin-left: 15px; margin-top: 15px; }
div#innovativiteiten { margin-bottom: 15px; }
div#innovativiteiten img { width: 160px; height: 60px; padding: 4px; margin: 0 0 2px 0; border: 1px solid #efefef; }
div.referenties img { width: 160px; height: 110px; padding: 4px; margin: 0 0 2px 0; border: 1px solid #efefef; }
div.portfolio img { margin: 0 0 10px 0; padding: 3px; border: 1px solid #efefef; }
div#footer img { border: 0px; }
img.title { position: relative; top: -31px; left: -20px; }
div#content p + img.title { border: 1px solid red; }
h1 { margin-bottom: 6px; margin-top: 6px; font-family: arial, verdana; font-size: 22px; }
h2 { margin-bottom: 3px; margin-top: 3px; font-family: arial, verdana; font-size: 15px; }
h3 { margin-bottom: 3px; margin-top: 3px; font-family: arial, verdana; font-size: 12px; }
div#content p { line-height: 20px; text-align: justify; }
.left { float: left; width: 50%; }
.right { float: right; width: 50%; }
div#footer .right { text-align: right; }
div#contact-gegevens { overflow: auto; }
div#map { width: 520px; height: 400px; }

    /*  Navigation */
div#navigation ul { padding: 0px; margin: 0px; }
div#navigation ul li { padding: 0px; margin: 0px; list-style: none; }
div#navigation ul li a { display: block; width: 270px; height: 30px; padding-left: 10px; line-height: 30px; color: #fff; font-family : verdana; font-size: 8pt; text-decoration: none; }
div#navigation ul li a:hover { background-color: #ab2000; color: #ffffff; }
div#navigation ul li.selected a, div#navigation ul li.active a { background-color: #ab2000; }

    /*  Sub-navigation */
div#navigation ul ul { display: none; }
div#navigation ul li.active ul, div#navigation ul li.selected ul { display: block }
div#navigation ul ul a { width: 255px; padding-left: 25px; background-color: #4f4f4f; }
div#navigation ul li ul li a:hover { background-color: #555555; color: #ffffff; }
div#navigation ul li.selected ul li a, div#navigation ul li.active ul li a { background-color: #4f4f4f; }
div#navigation ul li.active ul li a:hover, div#navigation ul li.selected ul li a:hover { background-color: #555555; }
div#navigation ul li.active ul li.selected a { font-weight: bold; background-color: #555555; }


    /*  Hyperlinks */
a { color : #ab2000; font-family : verdana; font-size : 8pt; text-decoration : underline; }
a:hover { color : #ab2000; text-decoration : none; }
a:active  { color : #000000; }
a.external { padding-right: 15px; background-image: url('/images/links/bg_external.gif'); background-repeat: no-repeat; background-position: right center; }
a:hover.external { background-image: url('/images/links/bg_external-hover.gif'); }
#copyright a, #copyright a:hover { color: white; }
#copyright a:active { color: black; }
a.button { display: block;  width: 210px; height: 30px; background-color: #ab2000; padding-left: 10px; line-height: 30px; color: #fff; font-family : verdana; font-size : 8pt; text-decoration: none; margin-left: 300px; margin-top: 10px; float: right; }
a:hover.button { display: block; width: 210px; height: 30px; background-color: #555555; color: #fff; }
a:active.button { display: block; width: 210px; height: 30px; background-color: #ab2000; color: #fff; }
a.button-website { display: block; width: 220px; height: 30px; background-color: #ab2000; line-height: 30px; color: #ffffff; font-family : verdana; font-size : 8pt; font-weight: bold; text-decoration: none; text-align: center; margin-left: 300px; margin-top: 10px; clear: both;  }
a:hover.button-website { display: block; width: 220px; height: 30px; background-color: #555555; color: #fff; }
a:active.button-website { display: block; width: 220px; height: 30px; background-color: #ab2000; color: #fff; }

    /*  Forms */
fieldset { padding: 0; margin: 0; border: 0; }
label { display: block; margin: 10px 0 10px 0; font-family : arial; font-size: 16px; font-weight: bold; }
textarea { width: 100%; height: 150px; border: 1px solid #c0c0c0; background-color: #f1f3f8; color: #000; line-height: 20px; font-family : arial; font-size : 14px; }
option { color : #000; font-family: arial; font-size : 14px; }
input { width: 100%; height: 22px; margin: 0 0 10px 0; border: 1px solid #c0c0c0; background-color: #f1f3f8; line-height: 22px; color : #000; font-family : arial; font-size : 14px; }
select { border: 1px solid #c0c0c0; color : #000; font-family : arial; font-size : 14px; }
input.button { height: 40px; margin: 0 0 20px 0; background-color: green; font-size: 22px; color: #fff; cursor: pointer; }
p.error { margin-bottom: 0; color: green; font-family: arial; font-size: 16px; font-weight: bold; }

/*  Footer */
div#footer .right ul { padding: 0; margin: 0; float: right; list-style: none; }
div#footer .right ul li { padding: 0; margin: 0; float: left; }
div#footer .right ul li a { display: block; height: 33px; padding-left: 10px; text-decoration: none; color: #fff; }
div#footer .right ul li a:hover { text-decoration: underline; color: #000;}
div#footer .right ul li.selected a { text-decoration: underline; }