/********************************************** STANDAARD ELEMENTEN **********************************************/ body { color: #333333; font-size: 11px; line-height:18px; font-family: Tahoma; } img { border:0px;} p { margin:10px 0px 0px 0px; } ul { margin:0px; padding:0px; list-style: none; } li { padding-left: 17px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 8px; } img { border:0px; padding:0px; } .clearfix { clear:both; height:0px; line-height:0px; font-size:0px;} span { line-height:normal} /********************************************** LINKS **********************************************/ a:hover, a:visited, a:active, a:link { outline: none; color:#264f90;text-decoration:none;font-weight:bold; } .wit a:hover, .wit a:visited, .wit a:active, .wit a:link { color:#FFF; text-decoration:underline; } /********************************************** MAIN DIVS **********************************************/ #div_container { position:relative; margin-left:auto; margin-right:auto; width:978px; border-left:1px solid #b5c8e1;border-right:1px solid #b5c8e1; min-height:100%; _height:100%; } /* Border moet precies over bg liggen als het goed is.*/ #div_topwhite { position:absolute; background-color:#FFF; height:60px; border-bottom:1px solid #b5c8e1; width:980px; left:-1px; top:0px; z-index:1;} #div_login { position:absolute; right:250px; margin-top:14px; } #div_login img { width:17px; height:9px; margin-right:5px;} #div_menu { position:absolute; width:970px; top:61px; z-index:13; height:40px; left: 10px; } #div_menu #slider { position:absolute; left:0px; top:0px; width:50px; height:3px; background-color:#275da6; z-index:10; line-height:3px; font-size:1px;} #div_menu a { position:relative; display:block; float:left; background-repeat:no-repeat; height:50px; text-indent: -9999px; z-index: 1; } #div_menu a:hover { background-position:0px -70px;} #div_menu #actiefMain { background-position:0px -140px;} #div_zoeken { position:absolute; top:0px; left:-1px; height:37px; background-color:#c1dfcd; z-index:2;} #div_zoeken #zoekform { background-color:#FFF; padding:1px; float:left; margin:9px 8px 0px 8px;} #div_zoeken #zoekfield { background-color:#FFF; padding:1px; float:left; border:0px; padding:2px 0px 0px 2px; height:15px; width:100px;} #div_zoeken #zoekbutton { float:left;width:19px; height:17px; background-color:#275da6; padding:0px; margin:0px; } #div_zoeken #taalnav { padding:1px; float:left; margin:8px 10px 0px 0px; color:#FFFFFF} #div_zoeken #taalnav a { color:#FFFFFF; font-weight:normal;} #div_zoeken #taalnav a:hover, #div_zoeken #taalnav a#actief { color:#333333;} #div_zoeken #taalnav a#actief { font-weight:bold;} #div_zoeken #greenlinerblock { display:block; float:left; color:#FFF; padding:5px 10px 1px 10px; line-height: 13px; font-size:11px; height:31px; background:url('../images/arrow_greenlinershop.gif') #4472b4 no-repeat 100% 22px;} /* #div_zoeken #greenlinerblock:hover { background-color:#000;} */ #div_logo { position:absolute; background-color:#FFF; top:0px; right:-12px; width:262px; height:139px; background-image:url('../images/logo.gif'); background-repeat:no-repeat; background-position:100% 16px; z-index:3;} #div_foto { display:block; position:absolute; background-color:#e5f8ec; top:139px; left:17px; width:962px; height:366px; z-index:4; overflow:hidden;} #div_fotoslider { position:absolute; top:0px; left:0px; z-index:1;} .fotobg { position:absolute; top:0px; left:0px; z-index:1;} #div_fotoslider .fadefotonew { position:absolute; top:0px; left:0px; opacity:0; MozOpacity:0; KhtmlOpacity:0; filter:alpha(opacity=0);} #div_fotoslider .first { opacity:1; MozOpacity:1; KhtmlOpacity:1; filter:alpha(opacity=100);} /********************************************** HOME **********************************************/ #div_home_top { position:absolute; width:355px; top:161px; left:596px; z-index:6; height:335px; background-image:url('../images/dots.green.gif')} #div_nothome_top { position:absolute; width:230px; top:395px; left:37px; z-index:6; height:100px; background-image:url('../images/dots.green.gif')} #div_home_project { position:absolute; width:500px; top:161px; left:17px; z-index:6; height:335px; overflow:hidden} a.projectenlabel { font-weight:bold; font-size:12px; color:#000000; background-color:#FFF;padding:4px 10px 4px 10px;opacity:0.8;MozOpacity:0.8;KhtmlOpacity:0.8;filter:alpha(opacity=80);position:absolute;display:block;cursor:pointer;} a.projectenlabel:hover { opacity:1; MozOpacity:1;KhtmlOpacity:1;filter:alpha(opacity=100);} #div_home_bottom { position:relative; width:961px; left:0px; margin:500px 0px 0px 17px; z-index:7; height:150px;} #div_home_bottom #slider_home { position:absolute; left:0px; top:95px; width:86px; border-top:solid 3px #64b05f; z-index:10; background-image:url('../images/home_arrow.gif'); background-position:50%; background-repeat:no-repeat; height:20px;} #div_home_bottom #home_thumbs a {cursor:pointer; float:left; margin-right:10px; width:86px;} #div_home_bottom #home_info {position:relative; margin-left:3px; height:86px; background-color:#c4e4d1; overflow:hidden; width: 355px; float:left;} #div_home_bottom .home_info_block { background-color:#c4e4d1; width: 355px; height:86px; } #div_home_bottom .home_info_block_div { background-color:#c4e4d1; padding:0px 10px 0px 10px;;} #nieuws { display:relative; } #nieuws .navbar { position:absolute; right:10px; top:10px;} #nieuws .navbar a { display:block; float:left; width:14px; height:14px; overflow:hidden; margin:0px 0px 0px 5px; background:url('/images/news_icon.gif') -200px 0px no-repeat; color:#FFF; text-align:center; line-height:12px; font-weight:normal; } #nieuws .navbar a.active, #nieuws .navbar a:hover { background:url('/images/news_icon.gif') 0px 0px no-repeat;} #twitter { position:relative; background-color:#FFF;} #twitter img { border:0px;} #twitter .icon { display:block; position:absolute; right:10px; top:10px;} #twitter .loader { padding:0px 10px 0px 10px; overflow:hidden;} #twitter .tweet { background-image:url('../images/arrow_nieuws.gif'); background-position:4px 16px; background-repeat:no-repeat; padding:12px 10px 12px 20px;} #twitter .tweet > a { display:block; } .div_nieuws { display:none; cursor:pointer; background-image:url('../images/arrow_nieuws.gif'); background-position:4px 13px; background-repeat:no-repeat; padding:6px 10px 6px 20px; border-top:0px solid #c3d1e4;} .div_nieuws.active { display:block; } .div_nieuws:hover { color:#6e6e6e;} .div_nieuws:first-child { border-top:0px solid #FFF;} .div_nieuws .nieuwsDatum { float:right; font-size:10px;} .div_nieuws .nieuwsTitel { font-weight:bold;} .div_nieuws .nieuwsTekst { clear:both;padding:3px 0px 3px 0px;} #nieuws_container { position:relative; overflow:hidden; height:0px; width:auto; background-color:#FFF} #nieuws_zoom { position:relative; padding:0px 10px 10px 0px;} .project_thumb { float:left;border:1px solid #dae2ec; margin:0px 0px 12px 11px; cursor:pointer;} .project_thumb:hover, #active_project_thumb {border:1px solid #275da7} #div_content { position:relative; width:670px; margin:141px 0px 0px 296px; z-index:6;} #div_content2 { padding-bottom:60px; } #div_footer { position:absolute; width:978px; left:0px; bottom:0px; background-image:url('../images/dots.green.gif'); background-repeat:repeat-x; background-position:6px 5px; height:18px; background-color:#FFF; text-align:center; z-index:5;} #div_footer span { background-color:#FFF; height:18px; font-size:11px; color:#979797; padding:0px 10px 0px 10px;} #div_footer a { color:#979797; font-weight:normal; margin-left:4px;} #div_footer img { border-right:4px solid #FFF;} .submitbutton { background-color:#5983bb; color:#FFF; border:0px; padding:6px 20px 6px 10px; text-indent: 0px; overflow: visible;} .submitbuttonarrow { background-image:url(../images/arrow_button.gif);background-position:right; background-repeat:no-repeat;} .submenu { position:absolute; left:37px; top: 159px; z-index:10; width:225px;} .submenu #submenukader { border:1px solid #dedede; border-top:0px;} .submenu h1 { margin-bottom:10px;} .submenu #submenukader .subsstyle { display:block; background-color:#FFF; color:#7a7a7a; padding:8px 10px 8px 20px; border-top:1px solid #a0b8d7; background-image:url(../images/arrow_submenu.gif); background-repeat:no-repeat; background-position: 5px 55px;} .submenu #submenukader .subsstyle:first-child { border-top:none;} .submenu #submenukader .subsstyle:hover, .submenu #submenukader #actiefSub { background-color:#e0e8f2; background-position: 7px -50px; color:#4a6e9d; } .submenu #submenukader .subs:hover { background-color:#e0e8f2; background-position: 7px 15px; color:#4a6e9d; } .submenu #submenukader .subsstyle#actiefSub { background-color:#e0e8f2; background-position: 7px -50px; color:#4a6e9d; } .submenu #submenukader .subs#actiefSub { background-color:#e0e8f2; background-position: 7px 15px; color:#4a6e9d; } .subsubmenu { overflow:hidden; display:none;} .subsubmenu .subsubs { display:block; background-color:#90add2; padding:1px 10px 0px 25px; font-weight:normal; color:#FFF; background-image:url(../images/arrow_subsubmenu.gif); background-repeat:no-repeat; background-position: 12px 7px;} .subsubmenu .subsubs:first-child { border-top:1px solid #FFF;} .subsubmenu .subsubs:hover, #actiefSubSub { background-color:#5682ba; background-position: 12px -113px;font-weight:normal; color:#FFF; } #div_tekst { background-image:url('../images/content_bg.gif'); background-repeat:no-repeat; background-position:0px 346px; _height:346px; min-height:346px;} #div_tekstbgtrans { position:absolute; width:663px; background-color:#FFF; height:346px; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;} #div_contents { position:relative; padding:20px 25px 20px 20px;} #div_contentheader { background-color:#c4e4d1; padding:0px; margin:-20px -20px 20px -20px; width:663px;} .vacature_container .titel, .vacature_container .titel:hover, .vacature_container .titelactief { font-weight:bold; color:#000; padding:4px 10px 4px 20px; cursor:pointer; background-image:url('../images/arrow_submenu.gif'); background-repeat:no-repeat; background-position: 5px -14px; border-bottom:1px solid #b3c5dc; overflow:hidden;} /*12px*/ .vacature_container .titel:hover, .vacature_container .titelactief { background-position: 5px 12px; color:#45689f} .vacature_container .tekstcontainer { position:relative; overflow:hidden; width:auto} .vacature_container .tekstdiv { } .vacature_container .tekst { padding:4px 0px 4px 20px; border-bottom:1px solid #b3c5dc;} .vacature_container .reageer { padding:8px 0px 8px 20px; background-color:#c5c9e1; margin-bottom:10px;} .projecten_container .balk, .projecten_container .balk:hover, .projecten_container .balkactief { position:relative; font-weight:bold; color:#46699f; padding:4px 10px 4px 0px; cursor:pointer; background-image:url('../images/arrow_projecten.gif'); background-repeat:no-repeat; background-position: 600px -105px; border-bottom:1px solid #b3c5dc; overflow:hidden;} /*12px*/ .projecten_container .balk:hover, .projecten_container .balkactief { position:relative;background-position: 600px 20px; color:#45689f} .projecten_container .balkactief #thumb, .projecten_container .balk #thumb { float:left; margin:5px 20px 5px 0px} .projecten_container .balkactief #icons, .projecten_container .balk #icons { float:left; margin:10px 20px 0px 0px; width: 45px;} .projecten_container .balkactief #titel a, .projecten_container .balk #titel a { float:left; width:295px; margin:10px 0px 4px 0px; vertical-align:middle; color:46699f} .projecten_container .balkactief #datum, .projecten_container .balk #datum { float:left; width:180px; margin:10px 0px 4px 0px; font-weight:bold; color:#535352; text-align:right} .projecten_container .tekstcontainer { position:relative; overflow:hidden; height:0px; width:auto; } .projecten_container .tekstdiv { position:relative; width:100%;} .projecten_container .fotozoomcontainer { position:relative; height:0px; background-color:#FFF; border-bottom:1px solid #b3c5dc; margin-top:-1px;} .projecten_container .fotozoomborder { position:absolute; top:0px;left:0px; width:100%; margin-top:4px; background-color:#FFF; overflow:hidden;} .projecten_container .fotozoom { position:absolute; top:0px;left:0px; background-color:#FFFF} .projecten_container .thumbs { position:relative; padding:10px 0px 2px 0px; border-bottom:1px solid #b3c5dc; background-color:#e8e9f2;} .projecten_container .thumbs .slider { position:absolute; left:-300px; top:47px; width:50px; height:3px; background-color:#275da6;} .projecten_container .thumbs img { margin:0px 0px 0px 10px; cursor:pointer; } .projecten_container .tekst { padding:10px 0px 10px 0px; border-bottom:1px solid #b3c5dc;} .fotozoom .fadefoto { position:absolute; top:0px; left:0px; opacity:0; MozOpacity:0; KhtmlOpacity:0; filter:alpha(opacity=0);} .faq_container .balk, .faq_container .balk:hover, .faq_container .balkactief { position:relative; font-weight:bold; color:#46699f; padding:4px 10px 4px 0px; cursor:pointer; background-image:url('../images/arrow_projecten.gif'); background-repeat:no-repeat; background-position: 0px -115px; border-bottom:1px solid #b3c5dc; overflow:hidden;} /*12px*/ .faq_container .balk:hover, .faq_container .balkactief { position:relative;background-position: 0px 11px; color:#45689f} .faq_container .balkactief #titel a, .faq_container .balk #titel a {margin:10px 0px 4px 20px; color:#515150} .faq_container .balkactief #titel a, .faq_container .balk #titel:hover a {color:#46689f} .faq_container .tekstcontainer { position:relative; overflow:hidden; height:0px; width:auto; background-color:#e8e9f2} .faq_container .tekstdiv { position:relative; padding:0px 10px 10px 20px;} .product_container .balk, .product_container .balk:hover, .product_container .balkactief { position:relative; font-weight:bold; color:#616160; padding:4px 10px 4px 0px; cursor:pointer; background-color:#c4c4c4; background-image:url('../images/arrow_producten.gif'); background-repeat:no-repeat; background-position: 600px -14px; border-bottom:1px solid #FFF; overflow:hidden;} /*12px*/ .product_container .balk:hover, .product_container .balkactief { position:relative; background-position: 600px 12px; color:#FFF; background-color:#7a7a7a;} .product_container .balkactief #titel a, .product_container .balk #titel a {margin:10px 0px 4px 10px; color:#616160} .product_container .balkactief #titel a, .product_container .balk #titel:hover a {color:#FFF} .product_container .tekstcontainer { position:relative; overflow:hidden; height:0px; width:auto; } .product_container .tekstdiv { position:relative; padding:0px 0px 10px 0px;} .loginnieuws_container .balk, .loginnieuws_container .balk:hover, .loginnieuws_container .balkactief { position:relative; font-weight:bold; color:#46699f; padding:4px 10px 4px 0px; cursor:pointer; background-image:url('../images/arrow_projecten.gif'); background-repeat:no-repeat; background-position: 0px -115px; border-bottom:1px solid #b3c5dc; overflow:hidden;} /*12px*/ .loginnieuws_container .balk:hover, .loginnieuws_container .balkactief { position:relative;background-position: 0px 11px; color:#45689f} .loginnieuws_container .balkactief #titel a, .loginnieuws_container .balk #titel a {margin:10px 0px 4px 20px; color:#515150} .loginnieuws_container .balkactief #titel a, .loginnieuws_container .balk #titel:hover a {color:#46689f} .loginnieuws_container .tekstcontainer { position:relative; overflow:hidden; height:0px; width:auto; background-color:#e8e9f2} .loginnieuws_container .tekstdiv { position:relative; padding:0px 10px 10px 20px;} #div_tabs { border-bottom:1px solid #cac9c8; margin-bottom:10px; padding-bottom:1px;} #div_tabs a { display:block; float:left; background-color:#e8e9f2; padding:4px 0px 4px 10px; margin-right:10px; position:relative; color:#747479} #div_tabs a #arrow { margin:0px 10px 0px 10px;} #div_tabs a #corner1 { position:absolute; top:0px; left:0px; background-color:#FFF; width:1px; height:1px; } #div_tabs a #corner2 { position:absolute; top:0px; right:0px; background-color:#FFF; width:1px; height:1px; } #div_tabs a:hover, #div_tabs #actief { background-color:#c5c9e1; color:#4f505a;} #designportaal_contents { position:relative; display:block; float:left; width:382px; padding:0px 18px 0px 0px; background-image:url(../images/dots.gif); background-repeat:repeat-y; background-position:100% 0px;} #designportaal_tabs { position:relative; display:block; float:left; width:210px; padding:0px 0px 0px 12px;} #designportaal_tabs { } #designportaal_tabs a { display:block; background-color:#e8e9f2; padding:4px 0px 4px 10px; position:relative; color:#616160; font-weight:normal; margin-bottom:1px;} #designportaal_tabs a #arrow { position:absolute; top:10px; right:5px;} #designportaal_tabs a:hover, #designportaal_tabs #actief { background-color:#c5c9e1; color:#000000;} .nophacontact input[type=text], .nophacontact textarea {width:290px;padding:7px;border:1px solid #adc2dd;} .nophacontact td { background-position:100% 7px; background-repeat:no-repeat; padding-right:25px;} .nophacontact td:first-child { padding-right:10px; width:250px; vertical-align:top; color:#1d1d1d; padding-top:5px; text-align:right;} .nophaofferte input[type=text], .nophaofferte textarea {width:220px;text-padding:7px;border:1px solid #adc2dd;} .nophaofferte td { background-position:100% 7px; background-repeat:no-repeat; padding-right:25px;} .nophaofferte td:first-child {padding-right:10px; width:130px; vertical-align:top; color:#1d1d1d; padding-top:5px;} .loginform input[type=text], .loginform input[type=password], .loginform textarea {width:220px;padding:7px;border:1px solid #adc2dd;} .loginform .fout {padding:10px 0px 0px 0px;} .pdfcad {border:1px solid #b7c8e0; background-color:#FFF; float:left; display:block; margin:5px 5px 0px 0px; height:120px; width:105px; padding:5px 5px 5px 5px; text-align:center;} .keuze_container { cursor:pointer; display:block; } .keuze_container .keuze_cat { border:1px solid #7b7b7a; padding:2px 2px 2px 30px; margin:10px 0px 10px 0px; background-repeat:no-repeat;background-position:0px -119px;} .keuze_container:hover .keuze_cat, .keuze_container_actief .keuze_cat, #keuze_container_actief .keuze_cat { border:1px solid #aabfd9; background-position:0px 0px;} .keuze_opties { display:none;} .keuze_container_actief .keuze_opties { display:none;} #keuze_container_actief .keuze_opties { display:block;} .keuze_optie { cursor:pointer; display:block; background-color:#e8e9f2; padding:2px;} .dealers_adresblock {cursor:pointer; margin:0px 13px 10px 0px; padding:8px; width:180px; border-right: 1px solid #c9d8e2; float:left;} .dealers_adrestekst {cursor:pointer; padding:8px; width:160px;} .dealers_logo {width: 175px; background: url(../images/dots.blue.gif) repeat-x left bottom; height: 100px; padding: 7px 0px;} .dealers_adresblock .titel { color:#436ba1; font-weight:bold; margin-top: 5px;} .dealers_adrestekst:hover { background-color:#e9e9e9; } .nophatable {} .nophatable td {padding:4px 15px 4px 9px; background-color:#dedfee; color:#000000;} .nophatable .kop {background-color:#c7cbe3} .downloadblock { color:#000000; position:relative; display:block; border-bottom:1px solid #b9cbe2; padding: 14px 0px 4px 60px; height:30px; background-position: 590px 18px; background-repeat:no-repeat; vertical-align:middle;} .downloadblock:link, .downloadblock:visited, .downloadblock:active { color:#000000;} .downloadblock:hover { color:#5c9f5c;} a.sitemap_0, .sitemap_1, .sitemap_2, .sitemap_3 {position:relative; display:block; margin:0px 0px 1px 0px; padding:3px 0px 5px 20px;} a.sitemap_0 { margin-top:10px;background-color:#e8e9f2; background-image:url(../images/arrow_nieuws.gif);background-position:7px 9px; background-repeat:no-repeat; } a.sitemap_1 { color:#7595bd; background-image:url(../images/dots.blue.gif); background-repeat:repeat-x; background-position:0px 100%;} a.sitemap_2 { padding-left:40px; color:#4d5f77; font-weight:normal; background-image:url(../images/dots.blue.gif); background-repeat:repeat-x; background-position:0px 100%;} a.zoekgroep, a.zoeklink {position:relative; display:block; margin:0px 0px 1px 0px; padding:3px 0px 5px 0px;} a.zoekgroep {border-bottom:1px solid #adc1dc; margin-top:20px;} a.zoeklink { color:#4d5f77; font-weight:normal; background-image:url(../images/dots.blue.gif); background-repeat:repeat-x; background-position:0px 100%;} a.zoeklink img {margin:0px 10px 0px 5px;} /********************************************** FORM ELEMENTS **********************************************/ input, textarea, select{ font-size: 11px; line-height:13px; font-family:Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } input, textarea, select{ padding:4px; } textarea{ line-height:18px; } /********************************************** TBMODULE **********************************************/ .tbmodule{ background-color:#ea0082; color:#FFF; padding:20px; margin:15px 0px 15px 0px; text-align:center; font-weight:bold; border:dotted 1px #000000; } /********************************************** IMAGES VANUIT TOOLBOX **********************************************/ .img_left_border{ float:left; margin-right:15px; margin-bottom:5px; } .img_left_noborder{ float:left; margin-right:15px; margin-bottom:5px; } .img_right_border{ float:right; margin-left:15px; margin-right:4px; margin-bottom:5px; } .img_right_noborder{ float:right; margin-right:4px; margin-left:15px; margin-bottom:5px; } .img_noalign_noborder{ margin:0px; } .img_noalign_border{ margin:0px; } .cssbutton{ cursor:pointer; border:1px solid #FFF; background-color:#00457c; color:#FFF; background-image:url('../images/arrow_rechts.gif'); background-repeat:no-repeat; background-position:100% 50%; text-align:left; text-indent:4px; padding-left:4px; padding-right:20px; padding-top:3px; padding-bottom:3px; font-size: 12px; float:left;} .cssfield{ padding:5px; line-height:11px;border:1px solid #4db3d0; font-size:11px;} .boekField{ border:1px solid #dedede; padding:2px 0px 2px 4px; height:18px;}