/* GENERAL STYLES */ /* GENERAL STYLES */ /* GENERAL STYLES */ /* CSS voor bouwkosten.nl ============================ gebouwd met Interaction Design Doc 0.8 en psd van 20090728 & 20090811 voor UNITiD door Jacob Mul ============================ N.B. Misschien willen jullie bij de CMS integratie "../media/" vervangen door "/media/", beide zou voor jullie moeten werken. ============================ */ #Ui-major-wrapper {background:transparent url(../media/static/footer-bg.gif) repeat-x bottom left !important; padding-bottom:1px} body.Ui-red {background:transparent url(../media/static/red-body-bg-small.png) repeat-x top !important;} body.Ui-yel {background:transparent url(../media/static/yel-body-bg-small.png) repeat-x top !important;} body.Ui-blue {background:transparent url(../media/static/blue-body-bg-small.png) repeat-x top !important;} body.Ui-red .homepage {background:transparent url(../media/static/red-body-bg.png) repeat-x top !important; padding-bottom: 1px;} body.Ui-yel .homepage {background:transparent url(../media/static/yel-body-bg.png) repeat-x top !important; padding-bottom: 1px;} body.Ui-blue .homepage {background:transparent url(../media/static/blue-body-bg.png) repeat-x top !important; padding-bottom: 1px;} /* body {min-height:100% !important;} body form#ctl12 {background:transparent url(media/static/footer-bg.gif) repeat-x bottom left !important;} */ body.Ui-red div.utilityNavWrap, body.Ui-yel div.utilityNavWrap, body.Ui-blue div.utilityNavWrap {background:transparent !important;margin-top:0 !important;} #divInfoBlock2 a.display_full {color:#ab161c;} /* Rood headers #bb1a27 Rood links #ab161c Yellow headers #ff9900 or #ffa800 Yellow links #faa502 Yellow links on grey #dd9201 Blue links & headers #264c80 */ #Ui-main-content {padding:0;margin:0;background:#fff;} /* HEADER - logo + welkom =========================== */ #Ui-logo {top:13px;width:171px;height:35px;display:block;border:0;position:relative;overflow:hidden;} #Ui-logo span {top:0;left:0;height:100%;width:100%;position:absolute;} body.Ui-red #Ui-logo span {background:transparent url(../media/static/red-logo.png) no-repeat top left;} body.Ui-yel #Ui-logo span {background:transparent url(../media/static/yel-logo.png) no-repeat top left;} body.Ui-blue #Ui-logo {width:271px;} body.Ui-blue #Ui-logo span {background:transparent url(../media/static/blue-logo.png) no-repeat top left;} #Ui-ingelogd-welkom {position:absolute;top:5px;right:4px;margin:0;} #Ui-ingelogd-welkom a {font-weight:normal;} /* HEADER - Menu =========================== */ #Ui-menu-header {float:right;clear:right;margin:22px -8px -6px 40px;padding:0;} #Ui-menu-header li {border:0;padding:4px 8px 0 8px;} #Ui-menu-header li a, #Ui-menu-header li div {text-decoration:none;font-weight:bold !important;font-size:14px;} #Ui-menu-header li div {cursor:default; } #Ui-menu-header a { display: block; width: auto; } #Ui-menu-header a.Ui-pulldown-a {padding-right:14px;} body.Ui-red #Ui-menu-header a.Ui-pulldown-a {background:transparent url(../media/static/red-arrow-pulldown-white.png) no-repeat right center;} body.Ui-red #Ui-menu-header a.Ui-pulldown-a:hover { background:#fff url(../media/static/red-arrow-pulldown-red.png) no-repeat right center;} body.Ui-red #Ui-menu-header li:hover a.Ui-pulldown-a, #Ui-menu-header li.sfhover a.Ui-pulldown-a { background:#fff url(../media/static/red-arrow-pulldown-red.png) no-repeat right center;} body.Ui-yel #Ui-menu-header a.Ui-pulldown-a {background:transparent url(../media/static/yel-arrow-pulldown-white.png) no-repeat right center;} body.Ui-yel #Ui-menu-header a.Ui-pulldown-a:hover { background:#fff url(../media/static/yel-arrow-pulldown-yel.png) no-repeat right center;} body.Ui-yel #Ui-menu-header li:hover a.Ui-pulldown-a, #Ui-menu-header li.sfhover a.Ui-pulldown-a { background:#fff url(../media/static/yel-arrow-pulldown-yel.png) no-repeat right center;} body.Ui-blue #Ui-menu-header a.Ui-pulldown-a {background:transparent url(../media/static/blue-arrow-pulldown-white.png) no-repeat right center;} body.Ui-blue #Ui-menu-header a.Ui-pulldown-a:hover { background:#fff url(../media/static/blue-arrow-pulldown-blue.png) no-repeat right center;} body.Ui-blue #Ui-menu-header li:hover a.Ui-pulldown-a, #Ui-menu-header li.sfhover a.Ui-pulldown-a { background:#fff url(../media/static/blue-arrow-pulldown-blue.png) no-repeat right center;} #Ui-menu-header li ul { /* second-level lists */ position: absolute; z-index:5; background: #fff; width:204px; left: -999em; padding:0; margin-left:-8px; } #Ui-menu-header li:hover ul, #Ui-menu-header li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* #ff9900 or #ffa800 or #faa502 / h1 or h4s or links */ body.Ui-red #Ui-menu-header li.Ui-pulldown:hover, #Ui-menu-header li.Ui-pulldown.sfhover {background:#fff;color:#bb1a27;} body.Ui-yel #Ui-menu-header li.Ui-pulldown:hover, #Ui-menu-header li.Ui-pulldown.sfhover {background:#fff;color:#faa502;} body.Ui-blue #Ui-menu-header li.Ui-pulldown:hover, #Ui-menu-header li.Ui-pulldown.sfhover {background:#fff;color:#264c80;} body.Ui-red #Ui-menu-header li.Ui-pulldown:hover a, #Ui-menu-header li.Ui-pulldown.sfhover a {color:#bb1a27;} body.Ui-yel #Ui-menu-header li.Ui-pulldown:hover a, #Ui-menu-header li.Ui-pulldown.sfhover a {color:#faa502;} body.Ui-blue #Ui-menu-header li.Ui-pulldown:hover a, #Ui-menu-header li.Ui-pulldown.sfhover a {color:#264c80;} #mainPanel #Ui-menu-header li ul a {color:#333;margin:0;padding:6px 6px 6px 8px;font-size:12px;} body.Ui-red #mainPanel #Ui-menu-header li ul a:hover, #mainPanel #Ui-menu-header li ul a:focus {color:#bb1a27;} body.Ui-yel #mainPanel #Ui-menu-header li ul a:hover, #mainPanel #Ui-menu-header li ul a:focus {color:#faa502;} body.Ui-blue #mainPanel #Ui-menu-header li ul a:hover, #mainPanel #Ui-menu-header li ul a:focus {color:#264c80;} #mainPanel #Ui-menu-header li ul li {display:block;width:204px; margin:0;padding:0; border-bottom:1px dotted #ccc;background:#fff;} /* HEADER - Slogan =========================== */ #Ui-slogan {float:left;margin-top:28px;width:700px;height:135px;background:transparent;padding:4px 0 0 2px;overflow:hidden;} #Ui-slogan a {position:relative; line-height:34px;color:#fff;text-decoration:none;font-variant:small-caps;font-size:19px;} #Ui-slogan a span {font-size:14px;} #Ui-slogan-cover {position:absolute;margin-left:-2px;width:700px;height:135px;} body.Ui-red #Ui-slogan-cover {background:transparent url(../media/static/red-slogan.png) no-repeat top;} body.Ui-yel #Ui-slogan-cover {background:transparent url(../media/static/yel-slogan.png) no-repeat top;} body.Ui-blue #Ui-slogan-cover {background:transparent url(../media/static/blue-slogan.png) no-repeat top;} /* HEADER - Loginbox homepage =========================== */ #Ui-loginbox, #Ui-loginbox-product {float:right;width:232px;height:160px; margin:9px -10px 0 0;padding:0;background:transparent;} #Ui-loginbox-product { margin:3px -10px 0 0;} body.Ui-red #Ui-loginbox {background:transparent url(../media/static/red-login-box.png) no-repeat top;} body.Ui-yel #Ui-loginbox {background:transparent url(../media/static/yel-login-box.png) no-repeat top;} body.Ui-blue #Ui-loginbox {background:transparent url(../media/static/blue-login-box.png) no-repeat top;} #Ui-loginbox-product {background:transparent url(../media/static/login-box.png) no-repeat top;} #Ui-loginbox div.homeLogIn, #Ui-loginbox-product div.homeLogIn {margin:8px 0 0 20px;padding:0;float:none;} #Ui-loginbox input, #Ui-loginbox-product input {width:191px;height:19px;margin:12px 0 0 0;padding:3px 0 0 3px; color:#666;background:transparent;border:0;} #Ui-loginbox input#remember_me, #Ui-loginbox-product input#remember_me {width:12px;height:12px;margin:10px 4px 4px 0;} #Ui-loginbox input.remember_me, #Ui-loginbox-product input.remember_me {width:12px;height:12px;margin:10px 4px 4px 0;} #Ui-loginbox label, #Ui-loginbox-product label {font-size:10px;font-weight:normal;display:inline;} #Ui-login-buttonbox {float:right;width:120px;margin:0 14px 0 0;text-align:right;} #Ui-login-buttonbox a {font-weight:normal;font-size:10px;padding-top:2px;} #Ui-login-buttonbox a.bigLogInBut {width:120px;height:32px;margin-right:-6px;} body.Ui-red #Ui-login-buttonbox a.bigLogInBut {background:transparent url(../media/static/red-login-button.png) no-repeat top;} body.Ui-yel #Ui-login-buttonbox a.bigLogInBut {background:transparent url(../media/static/yel-login-button.png) no-repeat top;} body.Ui-blue #Ui-login-buttonbox a.bigLogInBut {background:transparent url(../media/static/blue-login-button.png) no-repeat top;} body.Ui-red #Ui-loginbox-product #Ui-login-buttonbox a.bigLogInBut {background:transparent url(../media/static/red-product-login-button.png) no-repeat top;} body.Ui-yel #Ui-loginbox-product #Ui-login-buttonbox a.bigLogInBut {background:transparent url(../media/static/yel-product-login-button.png) no-repeat top;} body.Ui-blue #Ui-loginbox-product #Ui-login-buttonbox a.bigLogInBut {background:transparent url(../media/static/blue-product-login-button.png) no-repeat top;} /* HEADER - Laatste update =========================== */ #Ui-laatste-update {margin:0;padding:0; position:absolute;top:204px;right:16px;} /* HEADER - Secondary nav buttons ===================================== */ #Ui-sec-nav {float:right;width:460px;height:35px;padding:0;margin:42px 0 0 0;font-size:9px;} #Ui-sec-nav li {border:0;display:block;width:105px;height:35px;padding:0;margin:0 0 0 10px;} #Ui-sec-nav a {border:0;text-decoration: none;} #Ui-sec-nav span img {display:none;} #Ui-sec-nav .active img {display:none;} #Ui-sec-nav .active span img {display:inline; } #Ui-sec-nav a:hover img {display:none;} #Ui-sec-nav a:hover span img {display:inline; } body .homepage #Ui-sec-nav {margin-top:32px;} /* HEADER - Main search =========================== */ #Ui-main-search {float:right;display:inline;width:500px;margin:42px 0 0;padding:0;} body.Ui-red #Ui-main-search {background:transparent url(../media/static/red-zoeken-bg.png) no-repeat top;} body.Ui-yel #Ui-main-search {background:transparent url(../media/static/yel-zoeken-bg.png) no-repeat top;} body.Ui-blue #Ui-main-search {background:transparent url(../media/static/blue-zoeken-bg.png) no-repeat top;} body .homepage #Ui-main-search {margin-top:32px;} #Ui-main-search #bigsearchInputValue {background:transparent !important;border:0; width:380px;height:22px;margin:3px 0 0 3px;padding:3px; font-size:14px !important;vertical-align:center;} #Ui-main-search #bigSearchBut2 {width:100px;height:30px;float:right;} #Ui-main-search-help {float:right;margin:7px 4px 0 0;font-weight:normal;font-size:11px;display:inline;} #Ui-main-search label {float:left;margin-top:8px;font-size:12px;font-weight:normal; display: inline; width:200px; height:10px; position:relative; } /* Footer =============================== */ #Ui-footer {height:130px;margin:10px 0 0;padding:0; color:#efefef;} #Ui-footer a {color:#efefef;} #Ui-footer-main {border-bottom:1px dotted #000;padding-bottom:4px;} #Ui-footer-main-inner {float:left;margin:12px 0 0;padding:0;} #Ui-footer-rechten {font-size:11px;font-weight:bold;} #Ui-footer-rechten-links {font-size:11px;text-transform:lowercase;} #Ui-footer-onderdeelvan {margin:0;padding:28px 0 0;text-align:center;font-size:11px;} #Ui-footer-logo {float:right;margin:12px 0 0;padding:0;} #Ui-footer .internNav {margin-left:-3px;} #Ui-footer .internNav li {margin-top:12px;border-right:1px solid #efefef; font-size:11px;text-transform:lowercase;} #Ui-footer .internNav li.lastItem {border:0;} #Ui-footer-nieuwsbrief {float:right;margin:0px -4px 0 0;} #Ui-footer-nieuwsbrief label {font-size:11px;padding:0 3px 0 0;margin:14px 0 0 0;float:left;} #Ui-footer-nieuwsbrief img {margin:6px 0 0 0;padding:0;float:left;} /* Homepage ================================================================================= */ /* Main col ========================================== */ #Ui-main-col {width:500px;margin:14px 10px 0 0;padding:0;} #Ui-main-col h1 {margin:0;padding:0;font:17px/25px normal Helvetia, Arial;letter-spacing:.1ex;border:0;} /* gekleurde koppen */ body.Ui-red div.mainContent h1 {color:#ab161c;} body.Ui-yel div.mainContent h1 {color:#ff9900;} body.Ui-blue div.mainContent h1 {color:#264c80;} #Ui-main-col div.feature {background:#fff;border:1px dotted #333;border-width:1px 0;padding:12px 0;} #Ui-main-col div.feature div.featureImg {margin:0;padding:0;overflow:hidden} #Ui-main-col div.feature div.featureImg img {padding:0;margin:0;} #Ui-main-col div.feature div.featureInfo {margin:0;padding:0;} #Ui-main-col div.feature h4 {margin:0;padding:0; color:#333;background:#fff;} #Ui-main-col div.feature div.featureInfo p {margin:4px 0 8px 0;padding:0;width:auto; color:#222;} #Ui-feature-meer {float:right;padding-right:14px; background:transparent url(../media/static/extra-arrow-small.gif) no-repeat right 2px; text-transform:uppercase;text-decoration:none;color:#222;font-weight:bold;} #Ui-main-col h4, #Ui-sec-col h4, #Ui-third-col h4, #Ui-partners h4 {margin:36px 0 4px;padding:0;border:0;background:#fff;font-size:12px;} body.Ui-red #Ui-main-col h4, body.Ui-red #Ui-sec-col h4, body.Ui-red #Ui-third-col h4, body.Ui-red #Ui-partners h4 {color:#ab161c;} body.Ui-yel #Ui-main-col h4, body.Ui-yel #Ui-sec-col h4, body.Ui-yel #Ui-third-col h4, body.Ui-yel #Ui-partners h4 {color:#ff9900;} body.Ui-blue #Ui-main-col h4, body.Ui-blue #Ui-sec-col h4, body.Ui-blue #Ui-third-col h4, body.Ui-blue #Ui-partners h4 {color:#264c80;} .mainColumn ul li p { display: inline; } /* Berichtenlijst ======================================================= */ #Ui-main-content ul.Ui-berichtenlijst {margin:0;padding:0;border-top:1px dotted #333;} #Ui-main-content ul.Ui-berichtenlijst li {margin:0;padding:8px 20px 8px 0;border-bottom:1px dotted #333; background:transparent url(../media/static/extra-arrow-large.gif) no-repeat right center; font-size:12px;} #Ui-main-content ul.Ui-berichtenlijst li a {text-decoration:none;color:#222;} #Ui-main-content ul.Ui-berichtenlijst li a:hover, #Ui-main-col ul.Ui-berichtenlijst li a:focus {text-decoration:underline;} /* De klant zegt ======================================================= */ #Ui-main-content #Ui-klant-zeg {background:#fff url(../media/static/extra-start-quote.gif) no-repeat 240px 54px;} #Ui-main-col #Ui-klant-zeg div.featureInfo {float:left;margin:0 0 0 45px;padding:0;width:auto;} #Ui-main-col #Ui-klant-zeg div.featureInfo p {margin:4px 0 8px 0;padding:0 14px 0 0;width:200px; color:#222; background:transparent url(../media/static/extra-end-quote.gif) no-repeat right bottom;} #Ui-main-col #Ui-klant-zeg h4 {margin-top:24px;} #Ui-klant-zeg p {} /* Second col ========================================== */ #Ui-sec-col {width:220px;float:left;margin:0 10px 0 0;padding:0;color:#333;} #Ui-probeer {background:#dadada url(../media/static/sec-probeer-bg.png) no-repeat left bottom; margin:0 0 4px 0;padding:8px 10px;} #Ui-probeer h4 {background:transparent url(../media/static/sec-probeer-top.png) no-repeat left top; text-transform:uppercase; margin:-8px -10px 6px;padding:18px 10px 0px;border:0;} #Ui-probeer p {border-top:1px dotted #333;margin:0;padding-top:3px;color:#222;} #Ui-probeer a {color:#000;} #Ui-major-wrapper .Ui-probeer h4, #Ui-major-wrapper #Ui-sec-leaders h4, #Ui-major-wrapper .Ui-marketingblokje h4 {color:#333;} #Ui-sec-leaders {background:#e6e6e6; margin:20px 0;padding:8px 10px;} #Ui-sec-leaders img {float:left;display:block;width:100px;padding:0 10px 6px 0;margin:4px 0 0;} #Ui-sec-leaders h4 {text-transform:uppercase;background:transparent; margin:16px 0 2px 0;padding:0 0 3px 0;border:0;} #Ui-sec-leaders h5 {text-transform:none;color:#333;padding-right: 15px; font-size:12px; background:transparent url(../media/static/extra-arrow-small-grey.png) no-repeat right center;} #Ui-sec-leaders h5 a {color:#333;!important;} #Ui-sec-leaders h5 a:hover, #Ui-sec-col #Ui-sec-leaders h5 a:focus {text-decoration:underline;} #Ui-sec-leaders p {margin-bottom:14px;font-size:11px;} #Ui-major-wrapper p.Ui-naar-meer {text-align:right;padding:4px 14px 4px 0;border:1px dotted #333;border-width:1px 0; background:transparent url(../media/static/extra-arrow-small-grey.png) no-repeat right center; text-transform:uppercase;} #Ui-major-wrapper p.Ui-naar-meer a {text-decoration:none;color:#333;font-weight:bold;} /* Third col ========================================== */ #Ui-third-col {width:220px;float:left;background:transparent;margin:9px 0 0;} #Ui-major-wrapper .Ui-blokje h4 {margin-top:12px;padding-bottom:3px;border-bottom:1px dotted #333;} #Ui-major-wrapper .Ui-blokje h4 a {text-decoration:none;} .Ui-marketingblokje {background:#dadada url(/media/static/marketing-bg.png) no-repeat left bottom; margin:0 0 4px 0;padding:8px 10px;} #Ui-major-wrapper .Ui-marketingblokje h4 {background:transparent url(/media/static/marketing-top.png) no-repeat left top; text-transform:uppercase; margin:-8px -10px 6px;padding:18px 10px 0px;border:0;} #Ui-major-wrapper .Ui-marketingblokje p {border-top:1px dotted #333;margin:0;padding-top:3px;color:#222;} #Ui-major-wrapper .Ui-marketingblokje .meer { color: #333; font-size: 11px; float: right;} #Ui-major-wrapper .Ui-nieuwsbrief {margin:4px 0 4px 0;padding:8px 10px;} .Ui-blue .Ui-nieuwsbrief {background:url(/media/static/blue-nieuwsbrief-bg.png) no-repeat left bottom;} .Ui-yel .Ui-nieuwsbrief {background:url(/media/static/yel-nieuwsbrief-bg.png) no-repeat left bottom;} .Ui-red .Ui-nieuwsbrief {background:url(/media/static/red-nieuwsbrief-bg.png) no-repeat left bottom;} #Ui-major-wrapper .Ui-nieuwsbrief h4 {text-transform:uppercase; margin:-8px -10px 0px;padding:18px 10px 0px;border:0; color: #FFFFFF!important} .Ui-blue #Ui-major-wrapper .Ui-nieuwsbrief h4 {background:transparent url(/media/static/blue-nieuwsbrief-top.png) no-repeat left top;} .Ui-yel #Ui-major-wrapper .Ui-nieuwsbrief h4 {background:transparent url(/media/static/yel-nieuwsbrief-top.png) no-repeat left top;} .Ui-red #Ui-major-wrapper .Ui-nieuwsbrief h4 {background:transparent url(/media/static/red-nieuwsbrief-top.png) no-repeat left top;} #Ui-major-wrapper .Ui-nieuwsbrief p {margin:0;padding-top:3px;color:#FFFFFF;} /* Zeker weten tools ========================================================== */ #Ui-major-wrapper div.Ui-zekerweten {margin:4px 0 0;padding:10px;border-bottom:1px solid #444; background:#222 url(/media/static/extra-tools-bg.png) no-repeat 0 0;} #Ui-major-wrapper div.Ui-zekerweten h4 {margin:0;padding:0 0 6px 0;border:0; background:transparent;color:#FFF;} body.Ui-blue #Ui-major-wrapper div.Ui-zekerweten h4 {color:#FFF;} body.Ui-red #Ui-major-wrapper div.Ui-zekerweten h4 {color:#FFF;} #Ui-major-wrapper div.Ui-zekerweten ul {border:0;} #Ui-major-wrapper div.Ui-zekerweten li {border:1px dotted #eee;border-width:1px 0 0; background:transparent url(/media/static/extra-arrow-small-white.png) no-repeat right center;} #Ui-major-wrapper div.Ui-zekerweten li a {color:#eee;} /* Nieuwsbrief ========================================================== */ .Ui-nieuwsbrief-aanmelden {text-align:right;float:right;} .Ui-nieuwsbrief-aanmelden a {display:block;position:relative;overflow:hidden; width:121px;height:32px;margin-right:0;text-decoration: none;} .Ui-nieuwsbrief-aanmelden a span {position:absolute;top:0;left:5px;width:100%;height:100%;z-index:5;} body.Ui-red .Ui-nieuwsbrief-aanmelden a span {background:transparent url(/media/static/red-nieuwsbrief-aanmelden.gif) no-repeat right center;} body.Ui-yel .Ui-nieuwsbrief-aanmelden a span {background:transparent url(/media/static/yel-nieuwsbrief-aanmelden.gif) no-repeat right center;} body.Ui-blue .Ui-nieuwsbrief-aanmelden a span {background:transparent url(/media/static/blue-nieuwsbrief-aanmelden.gif) no-repeat right center;} /* Partner logos ========================================================== */ #Ui-partner-div {border:1px dotted #333;border-width:1px 0;padding-bottom:24px;text-align:left;} /* Keep fixed width/height? */ /* #Ui-partners #Ui-partner-div img {height:64px;background:#eee;border:0 !important;margin:24px 20px 0 0;} */ #Ui-partners #Ui-partner-div img {background:#eee;border:0 !important;margin:24px 20px 0 0;} /* Externe links ========================================================== */ #Ui-extern {background:#fff;border:0;} #Ui-extern ul {padding:0;margin:14px 0 2px;} #Ui-extern ul li {padding:0 12px 0 0;margin:0 16px 0 0; background:transparent url(../media/static/extra-arrow-small.gif) no-repeat right center; } #Ui-extern ul li a {text-transform:uppercase;color:#333;font-size:11px;font-weight:bold;text-decoration:none;} #Ui-extern ul li a:hover, #Ui-extern ul li a:focus {text-decoration:underline;} /* Inner pages. Tabs + Results =========================================================== */ /* Tabel Tabs & Links + Breadcrumbs ================================================== */ div.Ui-breadcrumbs {width:100%;margin:0;padding:0; background:#e6e6e6;font-size:12px;} div.Ui-breadcrumbs div {margin:0;padding:12px 8px;} body.Ui-yel div.Ui-breadcrumbs a {color:#dd9201;} #Ui-main-col-broad h1 {border:0;text-transform:uppercase;font-size:16px;padding:0 0 0 8px;line-height: 1.5;margin:12px 0 4px;} #Ui-major-wrapper div.Ui-tabel-tabs-links {margin-top:20px;padding-bottom:12px;} #Ui-major-wrapper div.Ui-tabel-tabs-links:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #Ui-major-wrapper p.Ui-tabel-links {font-size:11px;float:right;margin-top:1px;color:#999;} #Ui-major-wrapper ul.Ui-tabel-tabs { width:100%; list-style-type:none; border-bottom:1px solid #bbb; padding:0;margin:0;float:left; text-transform:uppercase; font-size:11px; } #Ui-major-wrapper ul.Ui-tabel-tabs li { float:left; padding:0 0 0 4px; margin:0 3px 0 0; background:#eee url(../media/static/extra-tabs-unactive-left.png) no-repeat left top;} #Ui-major-wrapper ul.Ui-tabel-tabs li.Ui-current-tab { color:#000; background:#aaa url(../media/static/extra-tabs-active-left.png) no-repeat left top; border-bottom:1px solid #fff; position: relative; top:1px; } #Ui-major-wrapper ul.Ui-tabel-tabs li.Ui-current-tab a { color:#000; background:transparent url(../media/static/extra-tabs-active-right.png) no-repeat right top; padding: 5px 22px 3px 18px } #Ui-major-wrapper ul.Ui-tabel-tabs a { float:left; display:block; margin:0 0; padding:6px 22px 3px 18px; background:transparent url(../media/static/extra-tabs-unactive-right.png) no-repeat right top; text-decoration:none; color:#666; font-size:11px; font-weight:bold; } #Ui-major-wrapper ul.Ui-tabel-tabs a:hover, #Ui-main-col-broad ul.Ui-tabel-tabs a:focus { text-decoration:underline; } /* Results Pages ================================================== */ #Ui-main-col-result {width:620px;margin:-8px 0 0;padding:0;float:left;} #Ui-main-col-broad {width:960px;margin:0;padding:0;} /* Results Side Col + Breadcrumbs ================================================== */ div.Ui-resultaat-aantal {width:100%;margin:0;padding:0;border-bottom:1px dotted #333; background:transparent;font-size:12px;} div.Ui-resultaat-geen { padding:12px 8px; } div.Ui-resultaat-aantal div {margin:0;padding:12px 8px;font-size:14px;} div.Ui-resultaat-aantal div.Ui-resultaat-bekijken {float:right;font-size:12px;} div.Ui-resultaat-aantal div.Ui-resultaat-site {float:left;font-size:12px;width:440px;} #Ui-side-result-maincol {width:330px;margin:6px 10px 0 0;padding:0;float:left; background:#ffffff;} #Ui-side-result-col {width:330px;margin:6px 10px 0 0;padding:0;float:left; background:#e6e6e6;} #Ui-side-result-col a:hover, #Ui-side-result-col a:focus {text-decoration:none;} #Ui-side-result-col p {margin:6px 10px;padding:0 0 6px 0;border-bottom:1px dotted #333;} #Ui-side-result-col h4 {margin:8px 10px;padding:0;background:transparent;} #Ui-side-result-col ul {margin:8px 10px 16px;padding:0;} #Ui-side-result-col ul li {margin:6px 0;padding:0;} #Ui-side-result-col ul.Ui-side-terug {padding:0 0 6px 0;border-bottom:1px dotted #333;} #Ui-side-result-col ul.Ui-side-terug li.Ui-2 {padding-left:6px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-3 {padding-left:12px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-4 {padding-left:18px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-5 {padding-left:24px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-6 {padding-left:30px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-7 {padding-left:36px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-8 {padding-left:42px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-9 {padding-left:48px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-10 {padding-left:54px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-11 {padding-left:60px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-12 {padding-left:66px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-13 {padding-left:72px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-14 {padding-left:78px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-15 {padding-left:84px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-16 {padding-left:90px;} #Ui-side-result-col ul.Ui-side-terug li.Ui-17 {padding-left:96px;} #Ui-side-result-col ul.Ui-side-terug a {padding-left:14px;} body.Ui-red #Ui-side-result-col ul.Ui-side-terug a {background:transparent url(../media/static/extra-arrow-back-red.png) no-repeat left 3px; display: block;} body.Ui-yel #Ui-side-result-col ul.Ui-side-terug a {background:transparent url(../media/static/extra-arrow-back-yel.png) no-repeat left 3px; display: block;} body.Ui-blue #Ui-side-result-col ul.Ui-side-terug a {background:transparent url(../media/static/extra-arrow-back-blue.png) no-repeat left 3px; display: block;} /* Results List ================================================== */ p.Ui-result-next {float:right;} body.Ui-red p.Ui-result-next {color:#a9151b;} body.Ui-yel p.Ui-result-next {color:#faa502;} body.Ui-blue p.Ui-result-next {color:#264c80;} p.Ui-result-next a {color:#333;} #Ui-main-col-result h1 {font-size:18px;margin-top:20px; text-transform:uppercase;border:1px dotted #999;border-width:0 0 1px 0;} #Ui-main-col-result h1 span {color:#999;font-size:14px;font-weight:normal;text-transform:lowercase;} #Ui-main-col-result h1 span span {font-size:18px;} ul.Ui-result-list li {border-bottom:1px solid #d2d2d2;padding:6px 11px; font-size:12px;line-height:16px;} ul.Ui-result-list li.Ui-alt {border-top:1px solid #f4f4f4;background:#e7e7e7;} ul.Ui-result-list li a {display:block;text-decoration:none;font-size:13px;} ul.Ui-result-list li a:hover, ul.Ui-result-list li a:focus {text-decoration:underline;} ul.Ui-result-list li.locked a { margin:0;padding:0 18px 0 0 ; background: url(../media/static/lock.png) right top no-repeat; text-transform:none;font-size:13px;} /* Product pages =================================================== */ #Ui-main-col-product {width:730px;margin:0;padding:0;} #Ui-product-listing {border-top:1px dotted #333;margin:10px 0 30px;padding:1px 0 0;} /* #Ui-product-listing div.Ui-product-list {float:left;width:220px;margin:28px 10px 0 0;} */ #Ui-product-listing div.Ui-product-list { width: 230px; min-height: 50px; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin:28px 10px 0 0; /* For in the IE stylesheet */ zoom: 1; *display: inline; _height: 50px; } div.Ui-product-noresults { font-size: 12px; margin-top: 10px; } #Ui-product-listing div.Ui-product-list h4 {margin:0;padding:0 20px 0 0; background:#fff;color:#333;text-transform:none;font-size:13px;} #Ui-product-listing div.locked h4 { margin:0;padding:0 18px 0 0; background:#fff url(../media/static/lock.png) right top no-repeat; text-transform:none;font-size:13px;} #Ui-product-listing div.Ui-product-list ul {margin:0;padding:0;} #Ui-product-listing div.Ui-product-list li {margin:6px 0;padding:0;} #Ui-product-listing div.Ui-product-list a:hover {text-decoration:none;} #Ui-side-loginbox-col { float: right; width: 230px; } #Ui-locked {background:#dadada url(../media/static/sec-locked-bg.png) no-repeat left bottom; margin:20px -10px 4px 0px;padding:8px 10px; float:right; width:200px; color:#000; } #Ui-locked div.ui-locked-top {background:transparent url(../media/static/sec-locked-top.png) no-repeat left top; margin:-8px -10px 0px; } #Ui-locked p {margin:0;padding:0px 0px 0px 25px ;color:#222; font-size:11px; background:url(../media/static/lock.png) top left no-repeat; line-height:15px} /* #Ui-sitenav - links naar andere kosteninformatie.nl sites ============================================================= */ #Ui-sitenav { list-style-type:none; position: absolute; z-index:5; background: #fff; border:1px solid #ccc; width:300px; left: 380px; bottom:86px; padding:12px 10px; margin:0; visibility:hidden; } #Ui-footer-onderdeelvan a:hover {text-decoration:none;} /* # - links naar andere kosteninformatie.nl sites ============================================================= */ /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */