/* DEFAULT */ body { background-color:#000; font-size:62.5%; overflow-x:hidden; } body,td,th { font-family: Arial, Verdana, Helvetica; color:#FFF; } input, textarea { border:1px solid #dededd; font-family: Arial, Verdana, Helvetica; padding:2px; color:#7b7b7b; background-color:#FFF; } input.error { border:1px solid red; } p { margin:0 0 10px 0; } label { cursor:pointer; } /* LINKS */ a { color:#FFF; text-decoration:underline; } a:hover { color:#FFF; text-decoration:none; } /* LAYOUT */ #wrapper { width:100%; top:0; left:auto; position:absolute; overflow:hidden; font-size:1.1em; line-height:1.5em; } #wrapperCenter { width:995px; margin:0px auto; } div.row1.arrow.selected { background-color: #F78F1E; } a.download-link:hover { color: #B2B721; } /* HOOFDMENU */ #hoofdmenu { width:607px; height:110px; background:url(images/achtergrond_content.png) left top repeat; color:#b6b4b5; padding:0 0 0 10px; overflow:hidden; } #hoofdmenu .row1 { margin:8px 0 0 18px; overflow:hidden; } #hoofdmenu .row1 .col1 { float:left; padding:15px 0 0 0; } #hoofdmenu .row1 .col2 { float:right; color:#b6b4b5; } #hoofdmenu .row1 .col2 a { text-decoration:none; margin:0 10px; color:#b6b4b5; } #hoofdmenu .row1 .col2 a.active {text-decoration: underline;} #hoofdmenu .row1 .col2 a:hover { text-decoration:underline; } #hoofdmenu .row2 { width:607px; margin:17px 0 0 0; } #hoofdmenu .row2 a { text-decoration:none; margin:0 14px; text-transform:uppercase; } #hoofdmenu .row2 a:hover { color:#FFF; } #hoofdmenu .row2 .active { color:#FFF; text-decoration: underline; } /* SUBMENU */ #submenu { background:url(images/achtergrond_submenu.png) left top repeat; } #submenu .row1 { font-weight:bold; font-size:1.4em; line-height:1.2em; padding:4px 10px 2px 28px; background-color:#f78f1e; text-transform:uppercase; cursor:pointer; background-color:#f78f1e; } #submenu .arrow { background-image:url(images/submenu_pijl3.png); background-position:9px 7px; background-repeat:no-repeat; } #submenu .selected { background:url(images/submenu_pijl.png) 9px 9px no-repeat; } #submenu .row2 { padding:10px; overflow:hidden; } #submenu .row2 .col1 { width:274px; float:left; margin:0 0 0 18px; } #submenu .row2 .col2 { width:132px; height:60px; overflow:hidden; float:left; margin:0 0 0 10px } #submenu .row2 .col3 { width:132px; height:38px; overflow:hidden; float:left; background:url(images/referenties.png) left top no-repeat; padding:11px 0; margin:0 0 0 10px } #submenu .row2 li.title { font-size:1.2em; font-weight:bold; line-height:1.5em; list-style-type:none; margin:0 0 0 17px; } #submenu .row2 ul { width:279px; float:left; } #submenu .row2 li { margin:0 0 0 30px; list-style-type:disc; } #submenu .row2 li a { text-decoration:none; } #submenu .row2 li a:hover { text-decoration:underline; color:#f78f1e; } #submenu .row2 li .active { text-decoration:underline; color:#f78f1e; } /* CONTENT */ #wrapperContent { width:960px; margin:12px 0 0 0; overflow:hidden; } #mainContent { width:617px; overflow:hidden; float:left; } #mainContent h1 { font-size:2.4em; line-height:1.2em; margin:0 0 20px 0; } #mainContent h2 { color:#f78f1e; text-transform:uppercase; font-weight:bold; font-size:1.1em; } #mainContent h2 a { color:#f78f1e; text-decoration:none; } #mainContent h2 a:hover { text-decoration:underline; } #mainContent .line { width:561px; height:1px; background-color:#79736c; overflow:hidden; margin:25px 0; } #subfooter { width:561px; background:url(images/achtergrond_content.png) left top repeat; text-align:right; padding:0px 28px 22px 28px; overflow:hidden; } #contentBlock { width:561px; background:url(images/achtergrond_content.png) left top repeat; padding:28px; position:relative; } #contentMenu { width:275px; position:absolute; right:0; top:15px; text-transform:uppercase; overflow:hidden; color:#000; background-color:#f78f1e; } #contentMenu .first { border:none !important; } #contentMenu .title { padding:20px 20px 8px 18px; font-weight:bold; font-size:1.6em; } #contentMenu li { border-top:1px solid #ffe4c7; } #contentMenu a { width:100%; padding:4px 20px; text-decoration:none; overflow:hidden; display:block; text-transform:uppercase; color:#000; } #contentMenu a:hover, #contentMenu .active { width:100%; padding:4px 20px; text-decoration:none; background-image:url(images/contentmenu_pijl.png); background-repeat:no-repeat; background-position:258px 8px; background-color:#feb76b; } /* SIDECONTENT */ #sideContent { width:343px; overflow:hidden; float:left; color:#000; } #sideContent .innerBlock { margin:0 0 30px 0; overflow:hidden; background-color:#FFF; } #sideContent .row1 { text-transform:uppercase; font-weight:bold; padding:57px 26px 10px 26px; font-size:1.2em; color:#f78f1e; } #sideContent .row1 a { color:#a1a1a1; text-decoration:none; } #sideContent .row1 a.active { color:#f78f1e; text-decoration:underline; } #sideContent .row1 a.active:hover { text-decoration:none; } #sideContent .row2 { width:343px; overflow:hidden; margin:0 0 16px 0; } #sideContent .row3 { width:291px; padding:10px 26px 26px 26px; } #sideContent .row3 a { color:#f78f1e; } #sideContent .row4 { color:#717171; border-top:1px solid #cccccc; margin:0 26px; padding:10px 0; overflow:hidden; line-height:1.8em; } #sideContent .row4 a { color:#717171; margin:0 5px 0 0; } #sideContent .row4 .col1 { width:140px; float:left; } #sideContent .row4 .col2 { width:150px; float:left; } #sideContent .row5 { padding:0 26px 10px 26px; width:291px; } #sideContent .row5 a { color:#f78f1e; text-decoration:underline; } #sideContent .row5 a:hover { text-decoration:none; } #sideContent .row5 input[type="text"] { width:100%; } #sideContent .row6 { padding:0 26px 26px 26px; width:291px; text-align:right; } #sideContent .row6 a { color:#f78f1e; text-decoration:underline; } #sideContent .row6 a:hover { text-decoration:none; } #sideContent .row7 { padding:0 26px 26px 26px; width:291px; font-weight:normal; } #sideContent .row7 a { color:#f78f1e; } #sideContent .row7 li { color:#f78f1e; background-image: url(../media/sidecontent/orange_dot.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding:0 0 0 14px; margin:2px 0; } #sideContent .row7 li a { font-weight:bold; text-decoration:none; } #sideContent .row7 li a:hover { text-decoration:underline; } #sideContent .row7 .alt li { color:#676767; } #sideContent .row7 .alt li a { color:#676767; } a.close-result { text-decoration: none; color: #F78F1E; float: right; padding-right: 10px; padding-top: 5px; font-size: 18px;} a.close-result:hover { text-decoration: none; color: #F78F1E; } #sideContent.resultaat {font-size: 1.1em; line-height: 1.5em;} input.bekijk-resultaat {display: none;} /* CONNENTINNERMENU*/ .innerMenu { overflow:hidden;} .innerMenu .col1 { width:274px; float:left; } .innerMenu .col2 { width:200px; float:left; margin:0 0 0 30px; color:#f78f1e; font-weight:bold; } .innerMenu .col2 a { color:#f78f1e; text-decoration:none; } .innerMenu .col2 a:hover { text-decoration:underline; } .innerMenu .col2 li { margin:0 0 0 30px; list-style-type:disc; } /* KLEUREN */ .kleur1 #submenu .row1 { background-color:#ce2203; } .kleur1 #submenu .row2 li a:hover { color:#ce2203; } .kleur1 #submenu .row2 li .active { color:#ce2203; } .kleur1 #sideContent .row1 { color:#ce2203; } .kleur1 #sideContent .row3 a { color:#ce2203; } .kleur1 #contentMenu { background-color: #ce2203; } .kleur1 #contentMenu li { border-top:1px solid #f7c2b9; } .kleur1 #contentMenu a:hover { background-color:#e2735f; } .kleur1 #contentMenu .active { background-color:#e2735f; } .kleur1 .innerMenu .col2 { color:#ce2203; } .kleur1 .innerMenu .col2 a { color:#ce2203; } .kleur2 #submenu .row1 { background-color:#b2b721; } .kleur2 #submenu .row2 li a:hover { color:#b2b721; } .kleur2 #submenu .row2 li .active { color:#b2b721; } .kleur2 #sideContent .row1 { color:#b2b721; } .kleur2 #sideContent .row3 a { color:#b2b721; } .kleur2 #contentMenu { background-color: #b2b721; } .kleur2 #contentMenu li { border-top:1px solid #e3e5af; } .kleur2 #contentMenu a:hover { background-color:#d1d47a; } .kleur2 #contentMenu .active { background-color:#d1d47a; } .kleur2 .innerMenu .col2 { color:#b2b721; } .kleur2 .innerMenu .col2 a { color:#b2b721; } /* FOOTER */ #footer { width:571px; margin:10px 0 0 0; padding:8px 18px 8px 28px; overflow:hidden; background:url(images/achtergrond_content.png) left top repeat; color:#b6b4b5; } #footer a { text-decoration:none; color:#b6b4b5; } #footer a.active {text-decoration: underline;} #footer a:hover { color:#FFF; } #footer .col1 { float:left; } #footer .col2 { float:right; } #footer .col2 a { margin:0 10px; } ul.content-list { padding: 0 0 0 8px; } ul.content-list li { list-style: disc; list-style-position: inside; margin-bottom: 8px; } /* CONTENTBLOCK1 */ .block1 { width:561px; overflow:hidden; } .block1 .col1 { width:274px; overflow:hidden; float:left; } .block1 .col2 { width:132px; overflow:hidden; float:left; margin:0 0 0 10px; } .block1 .col3 { width:132px; overflow:hidden; float:left; margin:0 0 0 10px; } .block1 .col1 .row1 { width:274px; height:154px; overflow:hidden; } .block1 .col1 .row2 { width:250px; background-color:#ce2203; overflow:hidden; padding:6px 12px 6px 12px; text-transform:uppercase; font-weight:bold; font-size:1.1em; text-align:center; } .block1 .col1 .row3 { width:274px; overflow:hidden; padding:16px 0 0 0; } .block1 .col2 .row1 { width:132px; height:154px; overflow:hidden; } .block1 .col2 .row2 { width:108px; background-color:#8e9300; overflow:hidden; padding:6px 12px 6px 12px; text-transform:uppercase; font-weight:bold; font-size:1.1em; text-align:center; } .block1 .col2 .row3 { width:132px; overflow:hidden; padding:16px 0 0 0; } .block1 .col3 .row1 { width:132px; height:154px; overflow:hidden; } .block1 .col3 .row2 { width:108px; background-color:#92b1cd; overflow:hidden; padding:6px 12px 6px 12px; text-transform:uppercase; font-weight:bold; font-size:1.1em; text-align:center; } .block1 .col3 .row3 { width:132px; overflow:hidden; padding:16px 0 0 0; } /* CONTENTBLOCK2 */ .block2 { width:561px; overflow:hidden; } .block2 .col1 { width:274px; float:left; } .block2 .col1 .row1 { color:#f78f1e; text-transform:uppercase; font-weight:bold; } .block2 .col1 .row2 { min-height:66px; background:url(images/achtergrond_submenu.png) left top repeat; padding:6px 10px; margin:6px 0; } .block2 .col1 .row3 { } .block2 .col2 { width:274px; float:left; margin: 0 0 0 10px; } .block2 .col2 .row1 { color:#f78f1e; text-transform:uppercase; font-weight:bold; } .block2 .col2 .row2 { margin:6px 0; position:relative; } .block2 .col2 .row2 .pijlterug { position:absolute; top:35px; left:10px; } .block2 .col2 .row2 .pijl { position:absolute; top:35px; right:10px; } .block2 .col2 .row3 { } .block2 .col2 .slideshow { background-color:#FFF; overflow:hidden; } /* CONTENTBLOCK3 */ .block3 { width:280px; overflow:hidden; } /* CONTENTBLOCK4 */ .block4 { width:561px; overflow:hidden; } /* CONTENTBLOCK5 */ .block5 { width:561px; overflow:hidden; } .block5 .innerBlock { float:left; width:280px; overflow:hidden; margin:35px 0 0; } .block5 .innerBlock .col1 { float:left; width:122px; } .block5 .innerBlock .col2 { margin:0 0 0 137px; } /* CONTENTBLOCK6 */ .block6 { width:561px; margin:30px 0 0; overflow:hidden; } .block6 .row1 { width:561px; margin:0 0 5px 0; overflow:hidden; } .block6 .row1 .col1 { float:left; width:132px; padding:2px 0 0; } .block6 .row1 .col2 { margin:0 0 0 140px; color:#F00; } .block6 .row1 input[type="text"] { width:415px; } .block6 .row2 { width:421px; height:25px; margin:25px 0 0; } .block6 .row2 .col1 { margin:0 0 0 140px; text-transform:uppercase; font-weight:bold; color:#f78f1e; } .block6 .row3 { width:421px; } .block6 .row3 .col1 textarea { margin:0 0 0 140px; width:415px; } .block6 .row4 { width:561px; margin:25px 0 0; text-align:right; } .block6 .row4 input { border:none; text-decoration:underline; cursor:pointer; color:#FFF; background:transparent url(images/pijl1.png) right 3px no-repeat; padding:0 12px 0 0; outline:none; } /* CONTENTBLOCK7 */ .block7 { width:561px; overflow:hidden; } .block7 .row1 { width:561px; overflow:hidden; margin:20px 0 0 0; } .block7 .row1 .col1 { width:131px; overflow:hidden; margin:0 10px 0 0; float:left; } .block7 .row1 .col2 { width:420px; overflow:hidden; float:left; } /* CONTENTBLOCK8 */ .block8 { width:561px; overflow:hidden; } .block8 .innerBlock { width:561px; overflow:hidden; } .block8 .innerBlock .row1 { width:533px; height:20px; overflow:hidden; background:url(images/quickscan_balk.jpg) left top repeat-x; font-weight:bold; font-size:1.3em; padding:4px 14px 0 14px; } .block8 .innerBlock .row2 { width:513px; overflow:hidden; background:url(images/achtergrond_submenu.png) left top repeat; padding:10px 34px 10px 14px; } .block8 .innerBlock .row3 { width:533px; overflow:hidden; background:url(images/achtergrond_submenu.png) left top repeat; padding:0 14px 10px 14px; } .block8 .innerBlock .row3 input { background-color:transparent; border:none; } .block8 .innerBlock .row3 .col1 { width:22px; float:left; } .block8 .innerBlock .row3 .col2 { width:35px; float:left; } .block8 .innerBlock .row3 .col3 { width:22px; float:left; } .block8 .innerBlock .row3 .col4 { width:35px; float:left; } /* CONTENTBLOCK9 */ .block9 { width:561px; overflow:hidden; } .block9 .innerBlock { width:280px; height:120px; margin:20px 0 0 0; float:left; } .block9 .innerBlock .col1 { width:82px; height:120px; margin:0 10px 0 0; float:left; } .block9 .innerBlock .col2 { width:180px; float:left; }