/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.1 */ body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}/* mediaCT webinterieur - www.mediact.nl - info@mediact.nl - 050 5799393 - Groningen - The Netherlands copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl */ /* GENERAL STYLES */ html,body { color: #262626; background-color: #e4f0f5; } body { background: url('img/common/bg_body.gif') repeat-x left -255px; } body.home { background: url('img/common/bg_body.gif') repeat-x left top; } /* begin_screen_mct_beheer_editor */ p { margin-bottom: 10px; } a { color: #226896; } a:hover { color: #226896; text-decoration: none; } a:active { color: #226896; } strong { font-weight: bold; } em { font-style: italic; } /* HEADINGS */ h1,h2,h3,h4,h5,h6 { font-family: georgia, "times new roman", serif; font-weight: normal; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { } h1 { } h2 { font-size: 24px; color: #003c64 ; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #e1edf3; } h2 a { font-size: 14px; float: right; margin-top: -20px; _margin-top: -25px; text-decoration: none; } h2 a:hover { background: #226896; color: #fff; } h3 { font-size: 16px; color: #75a107; } h4 { } h5 { } /* GENERAL CLASSES */ .left { float: left !important; } .right { float: right !important; } .text-right { text-align: right; } .clear { clear: both; } .no_border { border: 0px !important; } .capitalize { text-transform: capitalize; } /* end_screen_mct_beheer_editor */ /* ADJUSTING YUI DOC3 */ #doc3 { margin: 0px auto; padding: 0px 15px; min-width: 969px; max-width: 1262px; } /* CoBrowser.net Chatbutton */ .cb_online { clear: left; position: relative; top: 20px; width: 229px; height: 125px; background-image: url("img/chatbutton.gif"); } /* HEADER */ #hd { position: relative; height: 120px; z-index: 999; } #hd h1 { position: relative; top: 40px; left: 7px; height: 59px; width: 183px; background-image: url('img/common/logo_clearbizz.png'); overflow: hidden; } #hd h1 a { display: block; height: 59px; width: 183px; text-indent: -1234em; text-decoration: none; } /* HOME FIRST TEASE */ #home_firsttease { height: 320px; padding: 0 0 0 7px; } #home_firsttease #company_teaser { float: left; height: 280px; padding: 40px 0 0 0; width: 30%; } #home_firsttease #company_teaser h2 { font-size: 28px; border-bottom: 1px solid #a5bfd9; margin: 0 0 17px 0; padding: 0 0 17px 0; } #home_firsttease #company_teaser p { color: #003c64 ; } #home_firsttease #servie_teaser { float: right; height: 271px; width: 661px; position: relative; z-index: 1; margin-top: 7px; } #home_firsttease #servie_teaser img { margin: 52px 0 0; } /* Button categories */ #home_firsttease #servie_teaser .btn_categories ul li a { position: absolute; z-index: 10; width: 268px; height: 76px; display: block; text-indent: -1234em; } #home_firsttease #servie_teaser .btn_categories ul,#home_firsttease #servie_teaser .btn_categories li,#home_firsttease #servie_teaser .btn_categories a { font-size: 0px; line-height: 0px; } #home_firsttease #servie_teaser .btn_categories ul li . a { cursor: pointer; background-repeat: no-repeat; } /* Bclear button */ #home_firsttease #servie_teaser .btn_categories ul li.bclear a { margin-top: 20px; display: none; } #home_firsttease #servie_teaser .btn_categories ul li.bclear a.normal { background-image: url("img/common/btn_bclear.png"); } #home_firsttease #servie_teaser .btn_categories ul li.bclear a.hover { background-image: url("img/common/btn_bclear_h.png"); } #home_firsttease #servie_teaser .btn_categories ul li.bclear a.active { z-index: 30; background-image: url("img/common/btn_bclear_a.png"); display: block; cursor: default; } /* Cclear button */ #home_firsttease #servie_teaser .btn_categories ul li.cclear a { margin-top: 100px; display: none; } #home_firsttease #servie_teaser .btn_categories ul li.cclear a.normal { background-image: url("img/common/btn_cclear.png"); display: block; } #home_firsttease #servie_teaser .btn_categories ul li.cclear a.hover { background-image: url("img/common/btn_cclear_h.png"); } #home_firsttease #servie_teaser .btn_categories ul li.cclear a.active { z-index: 30; background-image: url("img/common/btn_cclear_a.png"); cursor: default; } /* Cclear button */ #home_firsttease #servie_teaser .btn_categories ul li.payclear a { margin-top: 180px; display: none; } #home_firsttease #servie_teaser .btn_categories ul li.payclear a.normal { background-image: url("img/common/btn_payclear.png"); display: block; } #home_firsttease #servie_teaser .btn_categories ul li.payclear a.hover { background-image: url("img/common/btn_payclear_h.png"); } #home_firsttease #servie_teaser .btn_categories ul li.payclear a.active { z-index: 30; background-image: url("img/common/btn_payclear_a.png"); cursor: default; } /* Display */ #home_firsttease #servie_teaser #display { position: absolute; right: 0; z-index: 20; } #home_firsttease #servie_teaser #display_frame { position: absolute; top: 0px; left: 0px; z-index: 20; display: block; height: 274px; width: 440px; background: url('img/common/display_frame.png'); } #home_firsttease #servie_teaser #display_pres { position: absolute; top: 15px; left: 14px; z-index: 15; background-color: #fff; } #home_firsttease #servie_teaser #display_pres img { height: 245px; width: 412px; } #home_firsttease #servie_teaser #display_holder { position: relative; } #home_firsttease #servie_teaser #display_shadow { height: 21px; width: 440px; background: url('img/common/display_shadow.png'); } /* COLUMNS STYLES */ .fourcolumns_1 { width: 25% !important; } .fourcolumns_2 { width: 50% !important; } .fourcolumns_3 { width: 75% !important; float: left; } .fourcolumns_4 { width: 100% !important; } /* CONTENT */ #maincontent table#maincontent_wrapper { width: 100%; } .maincontent_page { padding-top: 15px; } #maincontent tr#upperrow { height: 31px; } body.home #maincontent tr#upperrow { background-color: #e0ebf0; } #maincontent tr#upperrow td.upperrow_left { width: 27px; background-image: url('img/common/bg_upperrow_left.png'); } #maincontent tr#upperrow td.upperrow_middle { background-image: url('img/common/bg_upperrow_middle.png'); } #maincontent tr#upperrow td.upperrow_right { width: 27px; background-image: url('img/common/bg_upperrow_right.png'); } #maincontent tr#middlerow { } #maincontent tr#middlerow td.middlerow_left { width: 27px; background-image: url('img/common/bg_middlerow_left.png'); } #maincontent tr#middlerow td.middlerow_middle { background-color: #fff; } #maincontent tr#middlerow td.middlerow_right { width: 27px; background-image: url('img/common/bg_middlerow_right.png'); } #maincontent tr#lowerrow { height: 31px; } #maincontent tr#lowerrow td.lowerrow_left { width: 27px; background-image: url('img/common/bg_lowerrow_left.png'); } #maincontent tr#lowerrow td.lowerrow_middle { background-image: url('img/common/bg_lowerrow_middle.png'); } #maincontent tr#lowerrow td.lowerrow_right { width: 27px; background-image: url('img/common/bg_lowerrow_right.png'); } #maincontent .box_basic { height: 100%; float: left; } #maincontent .box_basic_1 { width: 28.5%; margin-right: 1%; } #maincontent .box_basic_2 { width: 28.5%; margin-right: 1%; } #maincontent .box_basic_3 { width: 40%; margin: 0; } #maincontent .box_basic div.space { margin: 0 10px; } #maincontent .box_basic div.space_box_1 { margin: 0 10px 0 0 !important; } #maincontent .box_basic div.space_box_1 { margin: 0 10px 0 0; } #maincontent .box_basic div.space_box_3 { margin: 0 0 0 10px; } #maincontent ul { margin-bottom: 20px; } #maincontent ul.articlelist li { margin-top: 40px; clear: left; } #maincontent ul.articlelist li.first { margin-top: 0; } #maincontent ul.articlelist h3 { margin-bottom: 10px; } #maincontent ul.articlelist h3 a { color: #83b604; text-decoration: none; } #maincontent ul.articlelist h3 a:hover { background-color: #e4f0f5; } #maincontent ul.articlelist span.img_big_articlelistitem { display: block; float: left; width: 95px; height: 95px; background-image: url('img/common/bg_newsitem_105.gif'); padding: 5px; margin: 0 5px 0 0; overflow: hidden; /* IE6 */ } #maincontent ul.articlelist span.img_small_articlelistitem { display: block; float: left; width: 74px; height: 74px; background-image: url('img/common/bg_newsitem_84.gif'); padding: 5px; margin: 0 5px 0 0; overflow: hidden; /* IE6 */ } #maincontent ul.articlelist span.img_small_articlelistitem img { width: 74px; height: 74px; margin: 0 5px 0 0; } #maincontent ul.articlelist span.date_articlelistitem { display: block; font-size: 10px; color: #838383; margin: -10px 0 10px 0; } #maincontent ul.articlelist p { color: #003c64 ; } #maincontent ul.articlelist p a { color: #b43a44; white-space: nowrap; } #maincontent ul.partnerslist li { padding-left: 110px; position: relative; _height: 1px; } #maincontent ul.partnerslist li img { width: 100px; left: 0; position: absolute; } #maincontent #newsletter_sub { margin-bottom: 30px; } #maincontent #newsletter_sub p, #maincontent #newsletter_sub label { color: #003c64 ; } #maincontent #newsletter_sub label { float: left; } #maincontent #newsletter_sub form div { height: 16px; clear: both; margin-bottom: 10px; } #maincontent #newsletter_sub div.errors { clear: both; margin-bottom: 10px; color: #b43a44; border-color: #C00; background-color: #FEF; } #maincontent #newsletter_sub input { border: 1px solid #DDD; float: right; width: 180px; } #maincontent #newsletter_sub input:focus { background-color: #e4f0f5; border-color: #99c4d8; } #maincontent #newsletter_sub input.button { font-size: 11px; font-weight: bold; padding: 0 0 4px 12px; _padding: 0 0 1px 12px !important; color: #fff; float: right; height: 28px; width: 98px; border: 0px; cursor: pointer; background: transparent url('img/common/btn_mailsubscribe.gif') no-repeat 0px -29px; } #maincontent #newsletter_sub input.button:hover, #maincontent #newsletter_sub input.button:focus { background-position: 0px 0px; } #maincontent #newsletter_sub input.inputerror { border-color: #C00; background-color: #FEF; } form#yime label { width: 40%; padding-right: 0; margin-right: 0; } form#yime input.right { width: 55%; } /* TEASERS */ #maincontent .box_banner_wrapper { float: left; width: 100%; } #maincontent .box_banner_wrapper_line { border-top: 1px solid #e1edf3; margin-top: 15px; padding-top: 19px; } #maincontent .box_banner_wrapper .box_banner { float: left; width: 33.3%; } #maincontent .box_banner_wrapper .box_banner .banner_text { position: absolute; bottom: 5px; _bottom: 4px; margin: 0px auto; background: url('img/common/bg_black.png'); width: 261px; padding: 10px; color: #fff; height: 89px; } #maincontent .box_banner_wrapper .box_banner .banner_text h3 { color: #fff; font-size: 20px; } #maincontent .box_banner_wrapper .box_banner .banner_text h3 a { text-decoration: none; } #maincontent .box_banner_wrapper .box_banner .banner_text h3 a:hover { text-decoration: underline; } #maincontent .box_banner_wrapper .box_banner .banner_text p { margin: 0px; } #maincontent .box_banner_wrapper .box_banner .banner_text a { color: #fff; white-space: nowrap; } #maincontent .box_banner_wrapper .extra_column { /* RESIZE WINDOW FUNCTION STYLE */ float: right; width: 100% !important; margin-bottom: 20px; } #maincontent .box_banner_wrapper .extra_column_last { /* uitzondering op de teaser zodat onder de laatste teaser geen margin komt */ margin-bottom: 0px !important; } #maincontent .box_banner_wrapper .box_banner .img_teaseritem { position: relative; display: block; width: 281px; height: 223px; background-image: url('img/common/bg_teaseritem_291.gif'); padding: 5px; margin: 0px auto; overflow: hidden; } #maincontent .box_banner_wrapper .box_banner span.img { display: block; width: 281px; height: 223px; overflow: hidden; } #maincontent .box_banner_wrapper .extra_column .img_teaseritem { /* RESIZE WINDOW FUNCTION STYLE */ float: right !important; } #maincontent .box_banner_wrapper .box_banner .teaseritem_3 { margin-right: 0px !important; } /* ARTICLE */ #articlecontent { } #articlecontent .content { padding: 0px 10px 0 0; color: #003c64 ; } #articlecontent h2 { border-bottom: 0px; } #articlecontent .article_partners { width: 100%; text-align: center; } #articlecontent .article_partners .item { margin: 0 5% 20px 0; } #articlecontent .article_partners .item .img_holder { height: 100px; width: 100%; vertical-align: middle; } #articlecontent .article_partners .item h3 { margin: 0; } #articlecontent .article li { padding-left: 15px; background: url(img/bullets/bullet_circle.gif) no-repeat 2px 4px; color: #003c64 ; } #articlecontent .article h3 { margin-top: 30px; margin-bottom: 10px; } #articlecontent .article h3 a { color: #83b604; text-decoration: none; } #articlecontent .article p { line-height: 18px; color: #003c64 ; } #articlecontent a { color: #b43a44; } #articlecontent a:hover, #articlecontent a:focus { color: #b43a44; text-decoration: underline; } #articlecontent .article img.bedrijfslogo { float: right; } #articlecontent .article h3 a:hover { background-color: #e4f0f5; } #articlecontent .agenda span.label { font-weight: bold; } #articlecontent_text { margin-right: 280px; } #sidebar { float: right; width: 250px; } #sidebar .block { margin-bottom: 40px; } /* META */ #meta { margin-top: 15px; } #meta ul li { float: left; } #meta a { height: 33px; margin-right: 15px; display: block; background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; text-indent: -1234em; } /* Nederlandse knoppen */ #meta a.nl_pb_back { width: 60px; background-image: url('img/common/btn_back_nl.gif'); } #meta a.nl_pb_print { width: 55px; background-image: url('img/common/btn_print_nl.gif'); } #meta a.nl_pb_sendto { width: 90px; background-image: url('img/common/btn_sendtofriend_nl.gif'); } /* ENgelse knoppen */ #meta a.en_pb_back { width: 60px; background-image: url('img/common/btn_back_en.gif'); } #meta a.en_pb_print { width: 55px; background-image: url('img/common/btn_print_en.gif'); } #meta a.en_pb_sendto { width: 90px; background-image: url('img/common/btn_sendtofriend_en.gif'); } /* Fraanse knoppen */ #meta a.fr_pb_back { width: 66px; background-image: url('img/common/btn_back_fr.gif'); } #meta a.fr_pb_print { width: 80px; background-image: url('img/common/btn_print_fr.gif'); } #meta a.fr_pb_sendto { width: 90px; background-image: url('img/common/btn_sendtofriend_fr.gif'); } /* Duitse knoppen */ #meta a.de_pb_back { width: 68px; background-image: url('img/common/btn_back_de.gif'); } #meta a.de_pb_print { width: 98px; background-image: url('img/common/btn_print_de.gif'); } #meta a.de_pb_sendto { width: 96px; background-image: url('img/common/btn_sendtofriend_de.gif'); } #meta a:focus, #meta a:hover { height: 33px; background-repeat: no-repeat; background-position: 0px -33px; } /* MAP */ #mapsmall { float: right; width: 350px; height: 250px; border: 1px solid #e5e5e5; } #map { clear: both; width: 95%; height: 250px; border: 1px solid #e5e5e5; } #geo { color: #fff; } /* ITEM NAVIGATION */ #itemnavigation { clear: both; margin: 30px 0 15px 0; border-top: 1px solid #E1EDF3; } #itemnavigation ul { margin-left: 0; margin-top: 0; text-align: center; } #itemnavigation ul li { display: inline; background-image: none; padding-left: 0; font-size: 10px; } /* BREADCRUMB */ #breadcrumb { float: right; padding-right: 10px; } #breadcrumb ul { list-style-type: none; margin: 0; } #breadcrumb .tekst { padding-left: 21px; background: none; } #breadcrumb li { line-height: 12px; display: inline; background: url("img/bullets/bullet_breadcrumb.gif") no-repeat left 1px; padding-left: 13px; margin-right: 3px; text-transform: lowercase; font-size: 12px; color: #588fa9; } #breadcrumb li.first { padding-left: 0px; background-image: none; background-position: left 1px; } #breadcrumb a { color: #588fa9; text-decoration: underline; } #breadcrumb a:hover { text-decoration: none; } /* CSS FORM TEMPLATE */ div.form-container { } div.form-container input, div.form-container textarea { border: 1px solid #DDD; padding: 3px; margin: 0 0 5px; } p.legend { margin-bottom: 1em; } p.legend em { color: #ab376e; font-style: normal; } div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: 1px solid #99c4d8; background-color: #e4f0f5; } div.errors p { margin: 0; } div.errors p em { color: #ab376e; font-style: normal; font-weight: bold; } div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; } div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; } div.form-container form legend { font-weight: bold; color: #666; } div.form-container form fieldset div { padding: 0.25em 0; } div.form-container label,div.form-container span.label { margin-right: 10px; width: 150px; padding: 4px 10px 4px 0; display: block; float: left; text-align: right; position: relative; } div.form-container label em,div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #ab376e; } #sidebar div.form-container label.inline { padding-right: 0; width: 80px; text-align: left; } div.form-container input.inputerror { border-color: #C00; background-color: #FEF; } div.form-container input.inputerror:focus,div.form-container textarea.inputerror { border-color: #C00; background-color: #FEF; } div.form-container input:focus, div.form-container textarea:focus { background-color: #e4f0f5; border-color: #99c4d8; } div.form-container div.controlset label,div.form-container div.controlset input { display: inline; float: none; margin-right: 5px; } div.form-container div.controlset div { margin-left: 170px; } div.form-container div.buttonrow { margin-left: 180px; } div.form-container div.hidden { display: none; } div.form-container div.buttonrow input.button { display: block; height: 33px; width: 60px; border: 0px; color: #a8a8a8; background-image: url('img/common/btn_send.gif'); overflow: hidden; } div.form-container div.buttonrow input.button:hover { color: #82a5fb; background-position: 0px 33px; } div.form-container div.show { display: inline; background-color: #FFC; border-color: #C00; } /* SITEMAP */ #sitemap li { margin-left: 0; list-style-image: none; list-style-type: none; min-height: 22px; } #sitemap li a { display: block; font-weight: bold; text-decoration: none; padding-top: 10px; } #sitemap li a:hover { text-decoration: underline; } #sitemap li li a { height: 22px; margin: 0; padding: 0; padding-left: 25px; font-weight: normal; background: url("img/bullets/bullet_list.gif") no-repeat 10px 4px; } #sitemap li li li a { padding-left: 40px; background: url("img/bullets/bullet_list.gif") no-repeat 28px 4px; } #sitemap li li li li a { padding-left: 55px; background-position: 45px top; } #sitemap li li li li li a { padding-left: 70px; background-position: 60px top; } /* MENU */ /* Welke background gebruiken? */ .menu_home ul li a span.menu_btn_left { background: url('img/common/bg_menu_home.gif') left 0; } .menu_home ul li a span.menu_btn_center { background: url('img/common/bg_menu_home.gif') repeat-x -12px 0px; } .menu_home ul li a span.menu_btn_right { background: url('img/common/bg_menu_home.gif') right 0; } .menu_page ul li a span.menu_btn_left { background: url('img/common/bg_menu_page.gif') left 0; } .menu_page ul li a span.menu_btn_center { background: url('img/common/bg_menu_page.gif') repeat-x -12px 0px; } .menu_page ul li a span.menu_btn_right { background: url('img/common/bg_menu_page.gif') right 0; } #menu { position: absolute; top: 49px; left: 237px; height: 36px; display: none; z-index: 1000; } #menu ul li { float: left; position: relative; } #menu ul li a { text-decoration: none; } #menu ul li a span { float: left; display: block; height: 34px; cursor: pointer; } /* Normal button */ #menu ul li a span.menu_btn { width: 15px; background-repeat: no-repeat; } #menu ul li a span.menu_btn_center span.menu_btn_line { background-color: #99c4d8; width: 1px; height: 24px; margin-top: 5px; z-index: 10; } #menu ul li a.active span.menu_btn_center span.menu_btn_line { background: transparent; } #menu ul li a span.menu_btn_center span.line_left { margin-left: -1px; } #menu ul li a span.menu_btn_center span.menu_btn_name { padding: 0px 20px; line-height: 35px; color: #003c64 ; } .pl #menu ul li a span.menu_btn_center span.menu_btn_name { padding: 0px 14px;} .nl #menu ul li a span.menu_btn_center span.menu_btn_name { padding: 0px 16px;} .se #menu ul li a span.menu_btn_center span.menu_btn_name { padding: 0px 18px;} /* Focus/hover - Useability */ #menu ul li a:focus, #menu ul li a:hover { /* Fix voor IE bug - A moet iets doen voor dat hij op de span iets wil toepassen */ background: transparent; } #menu ul li a:focus span, #menu ul li a:hover span { background-position: 0px -34px; } #menu ul li a:focus span.menu_btn_center, #menu ul li a:hover span.menu_btn_center { background-position: -12px -34px; } #menu ul li a:focus span.menu_btn_right, #menu ul li a:hover span.menu_btn_right { background-position: right -34px; } #menu ul li a.active:focus span { text-decoration: underline; } /* active button */ #menu ul li a.active span { background-position: 0px -68px !important; color: #fff !important; } #menu ul li a.active span.menu_btn_center { background-position: -12px -68px !important; } #menu ul li a.active span.menu_btn_right { background-position: right -68px !important; } #menu ul ul { display: none; } #menu ul li.hover { z-index: 1001; } #menu ul li.hover ul, #menu ul li:hover ul { display: block; position: absolute; z-index: 200; top: 29px; left: -1px; background: #FFF; border: 1px solid #99C4D8; min-width: 100%; } #menu ul li ul li { float: none; padding: 2px; border-top: 1px solid #99C4D8; } #menu ul li ul li a { white-space: nowrap; padding: 5px 12px; display: block; cursor: pointer; } #menu ul li ul li.first { border-top: 0; } #menu ul li ul li a:hover { background: #C9DBE4; } /* SUBMENU */ #submenu { position: absolute; top: 87px; left: 237px; height: 36px; color: #003C64; font-size: 12px; } #submenu ul { margin-left: 10px; } /* Normal button */ #submenu ul li { display: inline; } #submenu ul li a { padding: 2px 5px; color: #003C64; } #submenu ul li a span {} /* Focus/hover - Useability */ #submenu ul li a:focus, #submenu ul li a:hover, #submenu ul li a.overview:focus span.menu_btn_center span.menu_btn_name, #submenu ul li a.overview:hover span.menu_btn_center span.menu_btn_name, #submenu ul li a.active:focus span.menu_btn_center span.menu_btn_name, #submenu ul li a.active:hover span.menu_btn_center span.menu_btn_name {} /* Active */ #submenu ul li a.active { text-decoration: none; background: #003C64; color: #FFF; } #submenu ul li a.active span.menu_btn_left {} #submenu ul li a.active span.menu_btn_center {} #submenu ul li a.active span.menu_btn_right {} #submenu ul li a.active span.menu_btn_center span.menu_btn_name {} /* LANGUAGE SELECT */ #language_select { display: none; position: absolute; width: 182px; height: 24px; background: #f00 url('img/common/language_select.png'); } /* FOOTER */ #ft p { color: #aab2b6; font-size: 10px; margin: 10px 15px 10px 10px; } #ft a { color: #aab2b6; } #ft_companyinfo { background: url('img/common/logo_clearbizz_ft.gif') 10px 5px no-repeat; height: 52px; width: 305px; padding: 0 0 5px 130px; } /* LANGUAGES */ #lang_choice { position: relative; float: right; margin-right: 20px; margin-top: -70px; width: 182px; z-index: 1010; } #lang_choice .top { width: 182px; height: 20px; background: url('img/common/btn_lang_bg.png') 0 0 no-repeat; padding: 4px 0 0 0; display: block; color: #666; font-size: 12px; z-index: 1000; position: absolute; } #lang_choice .top .current { display: block; float: left; padding: 1px 0 0 35px; background-position: 12px 2px; background-repeat: no-repeat; } #lang_choice .top.nl .current { background-image: url('img/icons/nl.gif'); } #lang_choice .top.en .current { background-image: url('img/icons/en.gif'); } #lang_choice .top.fr .current { background-image: url('img/icons/fr.gif'); } #lang_choice .top.de .current { background-image: url('img/icons/de.gif'); } #lang_choice .top.pl .current { background-image: url('img/icons/pl.gif'); } #lang_choice .top.se .current { background-image: url('img/icons/se.gif'); } #lang_choice .center { display: none; background: url('img/common/btn_lang_choices_bg.png'); position: absolute; z-index: 99; width: 182px; margin-top: 12px; padding-top: 12px; } #lang_choice.hover .center { display: block; } #lang_choice .center ul { } #lang_choice .center ul li { height: 20px; } #lang_choice .center ul li a { padding: 0 0 0 35px; background-position: 12px 2px; background-repeat: no-repeat; font-size: 12px; display: block; height: 20px; width: 147px; } #lang_choice .center ul li.nl a { background-image: url('img/icons/nl.gif'); } #lang_choice .center ul li.en a { background-image: url('img/icons/en.gif'); } #lang_choice .center ul li.fr a { background-image: url('img/icons/fr.gif'); } #lang_choice .center ul li.de a { background-image: url('img/icons/de.gif'); } #lang_choice .center ul li.pl a { background-image: url('img/icons/pl.gif'); } #lang_choice .center ul li.se a { background-image: url('img/icons/se.gif'); } #lang_choice .bottom { display: none; width: 182px; height: 12px; _height: 10px; margin-top: 64px; background: url('img/common/btn_lang_choices_bottom.png') 0 0 no-repeat; z-index: 1000; position: absolute; padding: 0; } #lang_choice.hover .bottom { display: block; }