/** algemeen.css Versie 1.1 / 16-11-2008 (C) DWB Internet 2008 http://www.dwb-internet.nl | info@dwb-internet.nl -----------------------------------------------------------------------------*/ /* Tijdelijk (noteSwitch) #note-switch{ position: fixed; right: 10px; top: 10px; background: red; padding: 3px; border: 1px solid #000; width: 60px; cursor: pointer; z-index: 1000; } .dwb{ background: #f3d0ec; padding: 2px 4px 2px 4px; font-size: 11px; clear: both; } */ /* XHTML STRUCTUUR

*/ /** * Kleuren * Rood: #e52d25 * */ /* Algemeen (reset.yahoo) -----------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { font-style:normal; font-weight:normal; } ol,ul { 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; } /* HTML elementen ----------------------------------------------------------------------------- HTML elementen */ body{ font-family: arial, verdana, helvetica; font-size: 67.5%; line-height: 18px; } strong{ font-weight: bold; } em{ font-style: italic; } hr{ height: 1px; border: 1px dotted #000; clear: both; } blockquote{ margin-left: 20px; } /* Lay-out ----------------------------------------------------------------------------- Lay-out */ #container{ position: relative; width: 980px; margin: auto; overflow: hidden; /* ?? */ background: url(../images/mainback.gif) left top repeat-y; } #overlay{ background: url(../images/grid-synch-9kol.png) left top no-repeat; position: absolute; left: -56px; top:-0px; z-index:1000; width: 1100px; height: 1000px; } #header{ position: absolute; background: url(../images/headerback.gif) left top no-repeat; top: 0px; left: 0px; width: 980px; height: 324px; /* 20px meer dan achtergrondafbeelding */ /**********/ } #header a{ color: #555; text-decoration: none; } #header a:hover{ text-decoration: underline; } #contact-informatie{ position: absolute; top: 28px; right: 22px; font-size: 90%; color: #555; } #header #headerafbeelding{ position: absolute; left: 17px; top: 82px; } #header #zoekbox{ position: absolute; right: 20px; top:282px; } #header #zoekbox form input#zoek-q{ font-size: 13px; margin-bottom: 0px; width: 120px; background: url(../images/loupe.gif) left 1px no-repeat #fff; padding-left: 20px; } /* Hoofdmenu */ #navigation{ position: absolute; right: 18px; top: 56px; } #navigation ul, #navigation li{ list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; } #navigation li{ float: left; padding-right: 20px;padding-left: 20px;border-right: 1px solid #fff; font-size: 13px; font-weight: bold; } #navigation li a{ color: #fff; text-decoration: none; } #navigation li a:hover{ color: #57253a; text-decoration: none; } /* Einde hoofdmenu */ /* Tagline in header */ #header #tagline{ display: none; width: 300px; position: absolute; right: 40px; top: 170px; /************/ color: #fff; text-align: right; font-size: 14px; } #header #tagline h2{ font-size: 18px; margin-bottom: 6px; } #main{ position: relative; margin-top: 324px; } #leftbar{ position: absolute; width: 211px; left: 0px; top: 0px; /******/ padding-left: 17px; padding-right: 12px; /* Let op: #main heeft een min-height nodig die minimaal de hoogte van #leftbar is */ } /* Navigatie in de leftbar */ /* Ook in indexkolom-1 en indexkolom-2*/ #leftbar h2, .index #indexkolom-1 h2.blok, .index #indexkolom-2 h2.blok{ padding: 2px 0px 3px 8px; color: #fff; font-size: 12px; background: #e52d25; margin-bottom: 4px; font-weight: bold; } #leftbar h2 a{ color: #fff; text-decoration: none; } #leftbar ul{ margin-left: 8px; } #leftbar li{ padding-bottom: 5px; border-bottom: 1px dotted #999; } #leftbar li a{ color: #000; text-decoration: none; } #leftbar li a:hover{ color: #e52d25; } /* Einde leftbar navigatie */ #content{ width: 650px; margin-left: 240px; padding: 0px 62px 0px 28px; min-height: 500px; /* Zie #leftbar */ text-align: justify; } #content h1{ font-size: 18px; line-height: 18px; color: #333; margin-bottom: 18px; margin-top: 18px; font-weight: bold; } #content h2{ font-weight: bold; margin-bottom: 0px; color: #333; font-size: 12px; } #content h2.ondertitel{ color:#e52d25; margin: 0px 0px 14px 0px; font-size: 14px; font-weight: normal; } #content p{ margin-bottom: 18px; font-size: 12px; } #content ul{ margin-left: 20px; margin-bottom: 18px; margin-top: -18px; } #content li, #content ul{ font-size: 12px; list-style-type: square; } #content a{ color: #000; text-decoration: underline; font-weight: normal; } #content a:hover{ color: #e52d25; } #contentmenu{ position: relative; float: right; padding-left: 6px; margin-left: 12px; margin-bottom: 4px; margin-top: 12px; border-left: 1px dotted #000; min-width: 120px; } #contentmenu ul, #contentmenu li{ list-style-type: none; margin-left: 0px; font-size: 11px; margin-bottom: 0px; margin-top: 0px; } #content div.afbeelding{ } #content div.afbeelding .caption{ font-size: 10px; line-height: 14px; margin-top: 2px; margin-bottom: 0px; text-align: justify; } #content .float-rechts{ float: right; margin-left: 16px; } #content .float-links{ float: left; margin-right: 12px; } #content img.border{ padding: 1px; border: 1px solid #000; } #footer{ height: 53px; background: url(../images/footerback.gif) left top no-repeat #fff; clear: both; padding: 16px 33px 0px 0px; text-align: right; } #footer, #footer a{ color: #fff; text-decoration: none; } /* Pagina-specifiek -----------------------------------------------------------------------------Pagina-specifiek */ /* Klanten */ /* Floating div rechts in #content */ .klanten #klanten-logos{ float: right; } /* over-freeway */ .over-freeway #content h2{ font-size: 13px !important; } /* Voorpagina, contactpagina */ .index .indexkolommen, .contact .indexkolommen{ float: left; width: 327px; padding: 0px 18px 0px 18px; text-align: left;position: relative; } .contact .indexkolommen{ margin-bottom: 18px; margin-left: 12px; } .index #indexkolom-1, .contact #indexkolom-1{ border-right: 1px solid #555; padding-left: 0px; } .index #indexkolom-2, .contact #indexkolom-2{ padding-right: 0px; clear: right; } .index #indexkolom-2 h2, .contact #indexkolom-2 h2{ font-size: 12px; color: #333; margin-bottom: 0px; } .index #indexkolom-2 p, .contact #indexkolom-2 p{ margin-bottom: 0px; margin-top: 6px; font-size: 11px; } .index #indexkolom-1 p{ margin-bottom: 12px; font-size: 11px; line-height: 18px; } .index #indexkolom-2 blockquote, .contact #indexkolom-2 blockquote, .index #indexkolom-1 blockquote, .contact #indexkolom-1 blockquote{ font-size: 12px; } .index #indexkolom-2 p.leesmeer, .contact #indexkolom-2 p.leesmeer{ padding-bottom: 0px; margin-top: -6px; margin-bottom: 6px; border-bottom: 1px dotted #000; text-align: right; font-size: 11px; } .index #indexkolom-2 p.leesmeer a, .contact #indexkolom-2 p.leesmeer a{ text-decoration: none; color: #e22a1e; } .index #indexkolom-2 p.leesmeer a:hover, .contact #indexkolom-2 p.leesmeer a:hover{ text-decoration: underline; } .contact #indexkolom-1{ width: 200px; border: 0px; } .contact #indexkolom-2{ width: 380px; border-left: 1px solid #555; } /* Portfolio logo's voorpagina */ .index #portfolio img{ float: left; margin-left: 13px; margin-top: 12px; } .index #portfolio img.linkerafb{ margin-left: 0px; } /* Zoekresultaten */ #content #hits{ margin-top: 12px; } #content .hit{ padding-bottom: 8px; border-bottom: 1px dotted #999; text-align: left; } #content a.hittitel{ color: #000; font-weight: normal; text-decoration: underline; font-size: 14px; } #content a.hittitel:hover{ color: #e52d25; } #content .highlight{ font-weight: bold; } #content a.hiturl{ color: #666; text-decoration: none; } #content a.hiturl:hover{ text-decoration: underline; } /* Einde zoekresultaten */ /* Overrides ----------------------------------------------------------------------------- Overrides */ .klanten .float-rechts p{ margin-bottom: 8px !important; } .index #content{ width: 692px; padding: 0px 32px 0px 18px; } /* Test ----------------------------------------------------------------------------- Test */ div.slide h2{ cursor: pointer; } div.inslide{ display: none; }