/* e-legamaster.com css styles by p. 2009 */ *{margin:0;padding:0;} a img{border:none;} :focus{outline:none;} a {color:#000;} div.cms-text p.helper a{color:#E55A00;} .smallvisual{float:left;} .smallvisual a{display:block;width:18px;height:18px;background:url(img/loep_norm.png);float:none;clear:both;} .smallvisual a:hover{background:url(img/loep_hi.png)} .smallvisual a span{display:none;} #bigvisual{background-color:#FFF;padding:20px;border:1px solid #CCCCCC;position:absolute;z-index:1000;top:320px;left:240px;display:none;} /* blauw = #0054a6 */ /* FRAMEWORKING */ body{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#000; background-color:#C9D6EA; /*background:green url(img/websites_PRES_body_btm.png) repeat-x left bottom;*/ /*background-color:#c7cde7;*/ } #wrapper{background:transparent url(img/v2_body_bg.png) repeat-y center top;} #wraps{background:transparent url(img/v2_body_btm.png) no-repeat center bottom;padding-bottom:75px;} #wrapsagain{background:transparent url(img/v2_body_top.png) no-repeat center top;padding-top:33px;} .container{width:970px;margin:0 auto;background:#FFF url(img/corp_bg.jpg) no-repeat left top;} body.education .container{background:#FFF url(img/onderwijs_bg.jpg) no-repeat} body.business .container{background:#FFF url(img/zakelijk_bg.jpg) no-repeat} body #cnt-Portalpage{background-image:none;} #page{min-height:725px;padding-left:5px;border-left:15px solid #0054a6;} /* IDENTITY */ #identity{height:100px;position:relative;} #company-logo{position:absolute;right:8px;top:20px;} #site-description {text-align:center;} #site-description p{color:#0154AB;height:49px;padding-top:20px;text-align:center;background:url(img/handinoog.gif) no-repeat center top;font-size:29px;line-height:29px;} #site-description img{} /* MENUs WRAPPER */ #the-menus{position:relative;z-index:1000;} /* CONTENT MENU */ #content-menu{float:left;width:723px;height:37px;background:url(img/contentmenu.png) no-repeat left top;} #content-menu a{color:#FFF;text-decoration:none;text-align:center} #content-menu ul{padding-top:5px;} #content-menu ul li{float:left;list-style:none;width:118px;margin:0 1px;cursor:pointer;cursor:hand;min-height:28px;} #content-menu li ul li{min-height:19px;} #content-menu li ul li a{color:#002a53;text-align:left;font-weight:normal;padding-left:3px;} #page #content-menu li ul li a:hover{color:#0054a6;font-weight:bold;} #content-menu ul li ul{display:none;} #page #the-menus #content-menu ul li.home ul{display:none;} #content-menu ul li span, #content-menu ul li a{line-height:21px;display:block;} #content-menu ul li.open{border:1px solid #c7cde7;width:116px;} #content-menu li.active a{border-bottom:3px solid #FFF;} .education #content-menu li.active a{border-bottom:3px solid #e55a00;} .business #content-menu li.active a{border-bottom:3px solid #992c70;} .education #content-menu li.active ul li a{border:none;} .business #content-menu li.active ul li a{border:none;} #content-menu ul li.open a{border-bottom:none;} #content-menu ul li.open {background:url(img/kop_rest.gif) no-repeat left top;border-bottom:3px solid #c7cde7;} #page #content-menu ul li.home{background:none;border:none;width:118px;} #content-menu ul li.edu_open {background:url(img/kop_onderwijs.gif) no-repeat;border-bottom:3px solid #e55a00;} #content-menu ul li.bus_open {background:url(img/kop_zakelijk.gif) no-repeat;border-bottom:3px solid #992c70;} #content-menu ul li.open ul{background-color:#FFF;border-top:1px solid #c7cde7;border-bottom:1px solid #c7cde7;padding-top:7px;padding-bottom:3px;} #contesssnt-menu ul li.open.education ul{background-color:#e55a00;} #contsssent-menu ul li.open.business ul{background-color:#992c70;} #content-menu ul li.open span, #content-menu ul li.open a{font-weight:bold;} #content-menu ul li ul li{float:none;width:auto;border-top:1px solid #c7cde7;background-color:#FFF;} #content-menu ul li ul li a{font-size:10px;color:#002a53} #content-menu ul li ul li ul{display:none;} /* CONTACT MENU */ #contact-menu{float:right;width:221px;height:37px;background:url(img/contactmenu_extended.png) no-repeat right top;} #contact-menu ul{padding-left:26px;} #contact-menu ul li{list-style:none;float:left;} #contact-menu ul li a{font-weight:bold;padding:5px;line-height:21px;display:block;text-decoration:none;color:#0054a6;} /* LANGUAGE MENU */ #language-menu{position:absolute;right:0;top:0} #language-menu ul{border:1px solid #0053b1;margin:6px 3px 0 0;background:#EBEFFF url(img/language_pijl_norm.gif) no-repeat 24px 1px;} #language-menu ul.active{background-image:url(img/language_pijl_hi.gif);} #language-menu li{list-style:none;display:none;width:34px;} #language-menu ul.active li{display:list-item;} #language-menu ul li.currentlanguage{display:list-item;} #language-menu li span{display:none;} #language-menu a{color:#000;width:24px;height:15px;margin:0 0 0 0;display:block;background-repeat:no-repeat} #language-menu ul li:last-child{margin-bottom:2px;} #language-menu li.nl a{background-image:url(img/flags/flags_ne.gif)} #language-menu li.ru a{background-image:url(img/flags/flags_ru.gif)} #language-menu li.fr a{background-image:url(img/flags/flags_fr.gif)} #language-menu li.en a{background-image:url(img/flags/flags_en.gif)} #language-menu li.de a{background-image:url(img/flags/flags_de.gif)} #language-menu li.sp a{background-image:url(img/flags/flags_sp.gif)} #language-menu li.it a{background-image:url(img/flags/flags_it.gif)} /* another construct */ #language-menu li.currentcountry{display:block;} #language-menu li.switzerland{height:15px;overflow:visible} #language-menu li.switzerland ul{overflow:visible;display:none;right:0;margin:-25px 0 0 -92px;background:none;width:90px;height:40px;background-color:#FFF;} #language-menu li.switzerland ul li{width:90px;text-align:right;} #language-menu li.switzerland ul li span{display:block;padding:3px;background-color:#FFF;} #language-menu li.switzerland:hover ul{display:block;} #language-menu li.switzerland a{background-image:url(img/flags/flags_swiss.gif)} #language-menu li.switzerland ul li a{background:none;width:auto;text-decoration:none;} #language-menu li.switzerland ul li a:hover, #language-menu li.switzerland ul li a:active{color:#0054A6} /* BC MENU */ #signposts-breadcrumbs{height:55px;padding-left:200px;} #signposts-breadcrumbs ul li#pad_home{padding-left:0;} #signposts-breadcrumbs ul li{float:left;list-style:none;padding-left:0.5em;} #signposts-breadcrumbs ul li a{color:#FFF;text-decoration:none;} #signposts-breadcrumbs span.here{padding-left:0.5em;color:#FFF;} /* SITE MENU */ #site-menu{height:20px;margin:5px;background-color:#FFF;color:#0054a6;overflow:hidden;clear:both;float:none;padding-right:5px;} #site-menu p.copy{float:left;} #site-menu p.corporate{float:right;} #site-menu ul{float:right;padding-right:5px;overflow:hidden;padding-top:3px;} #site-menu li{float:left;list-style:none;padding:0 2px;border-left:1px solid #0054a6;margin-left:-1px;line-height:14px;} #site-menu li a{color:#0054a6;text-decoration:none;padding:0 2px;} /* SECTIE MENU */ #section-navigation{width:191px;float:left;background:transparent url(img/zijnav_shadow.png) no-repeat center bottom;padding-bottom:10px;} #section-navigation .content{background:#FFF url(img/corp_zijnav_ondervlak.png) no-repeat center bottom;min-height:190px;padding-bottom:49px;} .business #section-navigation .content{background-image:url(img/zakelijk_zijnav_ondervlak.png);} .education #section-navigation .content{background-image:url(img/onderwijs_zijnav_ondervlak.png);} #section-navigation ul{background-color:#EBEFFF;padding-bottom:4px;} #section-navigation li{background-color:#fff;border:1px solid #C7CDE7;margin-bottom:4px; } .education #section-navigation ul{background-color:#FFEEDE;} .education #section-navigation li{background-color:#fff;border:1px solid #FFE0C4;} .business #section-navigation ul{background-color:#D7CBFD;} .business #section-navigation li{background-color:#fff;border:1px solid #C9B7FF;} #section-navigation li a{line-height:normal;color:#0054a6;} #section-navigation li a{display:block;text-decoration:none;} #section-navigation li a span{display:block;padding:6px;} #section-navigation li li a span{padding-left:14px;} #section-navigation li a.active, #section-navigation li a:hover, #section-navigation li a:active{font-weight:bold;background:url(img/corp_hoofdnav_hi_001.png) no-repeat;} #section-navigation li a.active span, #section-navigation li a:hover span, #section-navigation li a:active span{background:url(img/corp_hoofdnav_hi_002.png) left bottom no-repeat;} #section-navigation li ul li a.active, #section-navigation li ul li a:hover, #section-navigation li ul li a:active{font-weight:bold;background:url(img/corp_subnav_hi_001.gif) no-repeat;} #section-navigation li ul li a.active span, #section-navigation li ul li a:hover span, #section-navigation li ul li a:active span{background:url(img/corp_subnav_hi_002.gif) left bottom no-repeat;} #section-navigation li ul{display:none;padding-right:1px;} #section-navigation li.active ul{display:block;} #section-navigation li.active ul li a{font-size:10px;font-weight:normal;} #section-navigation li ul li a.active{display:block;font-weight:bold;} .business #section-navigation li a, .business #section-navigation li.active ul li a{color:#992c70;} .education #section-navigation li a, .education #section-navigation li.active ul li a{color:#e55a00;} .business #main #section-navigation li a.active, .business #main #section-navigation li a:hover, .business #main #section-navigation li a:active{background-image:url(img/zakelijk_hoofdnav_hi_001.png);} .business #main #section-navigation li a.active span, .business #main #section-navigation li a:hover span, .business #main #section-navigation li a:active span{background-image:url(img/zakelijk_hoofdnav_hi_002.png);} .business #main #section-navigation li ul li a.active, .business #main #section-navigation li ul li a:hover, .business #main #section-navigation li ul li a:active{background-image:url(img/zakelijk_subnav_hi_001.gif);} .business #main #section-navigation li ul li a.active span, .business #main #section-navigation li ul li a:hover span, .business #main #section-navigation li ul li a:active span{background-image:url(img/zakelijk_subnav_hi_002.gif);} .education #main #section-navigation li a.active, .education #main #section-navigation li a:hover, .education #main #section-navigation li a:active{background-image:url(img/onderwijs_hoofdnav_hi_001.png);} .education #main #section-navigation li a.active span, .education #main #section-navigation li a:hover span, .education #main #section-navigation li a:active span{background-image:url(img/onderwijs_hoofdnav_hi_002.png);} .education #main #section-navigation li ul li a.active, .education #main #section-navigation li ul li a:hover, .education #main #section-navigation li ul li a:active{background-image:url(img/onderwijs_subnav_hi_001.gif);} .education #main #section-navigation li ul li a.active span, .education #main #section-navigation li ul li a:hover span, .education #main #section-navigation li ul li a:active span{background-image:url(img/onderwijs_subnav_hi_002.gif);} /* active sub items #main #section-navigation li.active ul li a.active, #main #section-navigation li.active ul li a:hover, #main #section-navigation li.active ul li a:active{font-weight:bold;} .business #main #section-navigation li.active ul li a.active, .business #main #section-navigation li.active ul li a:hover, .business #main #section-navigation li.active ul li a:active{background-image:url(img/zakelijk_hoofdnav_hi_001.png);} .education #main #section-navigation li.active ul li a.active, .education #main #section-navigation li.active ul li a:hover, .education #main #section-navigation li.active ul li a:active{background-image:url(img/onderwijs_hoofdnav_hi_001.png);} */ /* GENERAL STYLES en SIZES too */ form fieldset{border:none;} form label{width:142px;float:left;font-weight:bold;} form div{width:478px;float:none;clear:both;overflow:hidden;padding:3px 0;} form div.text input{width:332px;height:14px;padding:2px;float:left;background-color:#C6CEE9;border:none;font-size:10px;} label.errorMessage{color:#FF3333;font-style:italic;} div#flashMessage, #authMessage{border:2px solid #FF3333;font-weight:bold;color:#0054A6;padding:10px;margin-bottom:6px;} div.submit input{float:right;border:1px solid #717CA2;color:#0054A6;background-color:#FFF;text-align:center;padding:3px 18px;font-weight:bold;} #main{min-height:560px;overflow:hidden;clear:both;float:none;} #content{width:730px;float:right;margin-right:20px;} #main-content{background:transparent url(img/info_shadow.png) no-repeat center bottom;padding-bottom:10px;} #main-content{width:525px;float:left;} #main-content .cnt{padding:10px;background-color:#FFF;min-height:335px;} #sub-content{width:200px;float:right;background:transparent url(img/zijnav_shadow.png) no-repeat center bottom;padding-bottom:10px;} #sub-content .cnt{min-height:335px;padding-bottom:10px;background-color:#FFF;} #sub-content h3{background-color:#002A54;color:#FFF;margin-top:20px;padding:3px 18px 0 18px;font-size:12px;line-height:1em;} #sub-content p{padding:3px 18px;font-size:11px;} #content h1{font-size:40px;color:#FFF;line-height:40px;width:500px;} #content h2{font-size:18px;color:#000;line-height:24px;padding:0.5em 0;} div.cms-text{color:#333;overflow:hidden;padding-bottom:10px;} div.cms-text ul, div.cms-text ol{margin:1em 3em;} div.cms-text a{color:#0000FF;font-weight:bold;} div.cms-text img{float:left;margin-right:20px;} div.cms-text hr{background: #FFF url(img/corp_dubbele_stippellijn.png) no-repeat center center;height:14px;line-height:0;padding:2px;border:none;} div.cms-text table{width:95%;} div.cms-text table th{padding:3px;text-align:left;background-color: #eee;} div.cms-text table td{padding:3px;border-bottom:1px solid #eee;} hr{background: #FFF url(img/corp_dubbele_stippellijn.png) no-repeat left center;height:14px;line-height:0;padding:2px;border:none;} #main-content h3{color:#0054a6;font-size:12px;padding:0.5em 0;} #content-title{overflow:hidden;height:84px;margin-bottom:18px;} #content-intro{color:#FFF;font-size:16px;height:42px;margin-bottom:18px;} #decoration{padding-right:6px;height:10px;background:transparent url(img/ronding_rechts.png) no-repeat right center;} .business #decoration{background:transparent url(img/zakelijk_ronding_rechts.png) no-repeat right center;} .education #decoration{background:transparent url(img/onderwijs_ronding_rechts.png) no-repeat right center;} #decoration span{padding-left:6px;display:block;height:10px;background:transparent url(img/ronding_links.png) no-repeat left center;} .business #decoration span{background:transparent url(img/zakelijk_ronding_links.png) no-repeat left center;} .education #decoration span{background:transparent url(img/onderwijs_ronding_links.png) no-repeat left center;} #decoration span span{background-color:#0054a6;padding:0;} .business #decoration span span{background-color:#992c70;} .education #decoration span span{background-color:#e55a00} /* SUB CONTENT */ #sub-content #decoration{background-image:url(img/ronding_licht_rechts.png);} .business #sub-content #decoration{background-image:url(img/zakelijk_ronding_licht_rechts.png);} .education #sub-content #decoration{background-image:url(img/onderwijs_ronding_licht_rechts.png);} #cnt-Portalpage #sub-content #decoration span{padding:0;background:none;} #cnt-Portalpage #sub-content #decoration span span{background-color:#c7cde7;} .business #cnt-Portalpage #sub-content #decoration span span{background-color:#d9cde7;} .education #cnt-Portalpage #sub-content #decoration span span{background-color:#ffe0c4;} /* PORTAL PAGES */ .flash-replaced .alt {display:none;} #cnt-Portalpage #content{width:945px;margin-right:5px;} .flash-intro{height:260px;width:950px;margin-bottom:10px;} .home .flash-intro{height:350px;width:950px;} #cnt-Portalpage #main-content{padding-bottom:13px;width:320px;float:right;margin-right:5px;background:url(img/home_shadow_smal.png) no-repeat left bottom;} #cnt-Portalpage #main-content .cnt{min-height:160px;background:url(img/home_breed_verloop.png) no-repeat left bottom;} .business #cnt-Portalpage #main-content .cnt{background:url(img/zakelijk_home_smal_verloop.png) no-repeat left bottom;} .education #cnt-Portalpage #main-content .cnt{background:url(img/onderwijs_home_smal_verloop.png) no-repeat left bottom;} #cnt-Portalpage #main-content .cms-text{min-height:153px;font-size:16px;line-height:18px;} .home #cnt-Portalpage #main-content .cms-text{padding-left:136px;background:url(img/home_eddy.png) no-repeat;} #cnt-Portalpage #sub-content{padding-bottom:13px;width:600px;margin-right:5px;float:left;background:url(img/home_shadow_breed.png) no-repeat left bottom;} #cnt-Portalpage #sub-content .cnt{min-height:190px;background:url(img/home_breed_verloop.png) no-repeat left bottom;} .business #cnt-Portalpage #sub-content .cnt{background-image:url(img/zakelijk_home_breed_verloop.png);} .education #cnt-Portalpage #sub-content .cnt{background-image:url(img/onderwijs_home_breed_verloop.png);} #cnt-Portalpage #content-title-portalpage{height:35px;padding-left:20px;} .home #cnt-Portalpage #content-title-portalpage{display:none;} #intros ul {overflow:hidden;} #intros ul li{float:left;width:163px;list-style:none;padding-left:20px;} #intros ul li h3{font-size:16px;margin:0;padding:0;} #intros ul li div.cms-text{font-size:10px;line-height:12px;} /* PAGES */ #cnt-Pagina #content-title{height:83px;overflow:hidden;margin-bottom:10px;} /* PRODUCT MAP*/ .education #cnt-Mapproducten #main-content .cnt{background:#FFF url(img/Onderwijs_info_bg.png);} .education #cnt-Mapproducten #sub-content .cnt, .education #cnt-Product #sub-content .cnt{background:#FFF url(img/rechtervlak_illustratrie.png) no-repeat left bottom;padding-bottom:60px;} /* product categorys */ ul#productcategory-list{overflow:hidden;margin:0;clear:both;float:none;} #productcategory-list li{list-style:none;width:148px;float:left;margin:0 15px 20px 0;padding-bottom:8px;} .education #productcategory-list li{background:#E55A00;cursor:pointer;} .education #productcategory-list li.hover{background:#f7c192;} .business #productcategory-list li{background:#992c70;cursor:pointer;} .business #productcategory-list li.hover{background:#d9d1f0;} #productcategory-list li div.image{padding-top:10px;min-height:124px;background-color:#FFF;text-align:center;border:1px solid #cacaca;border-bottom:none;} #productcategory-list li h2 a{font-weight:bold;font-size:11px;line-height:12px;color:#FFF;text-decoration:none;} #productcategory-list li.hover h2 a, #productcategory-list li.hover p{color:#000;} #productcategory-list li p{font-size:11px;font-weight:normal;} #productcategory-list li h2, #productcategory-list li p{padding-left:20px;padding-right:20px;} #productcategory-list li h2 {font-weight:bold;padding-top:7px;padding-bottom:0;line-height:12px;} #productcategory-list li p{color:#FFF;font-style:italic;} /* products under a productcatgeorie in de sectionmenu flip open */ #section-navigation li.productcategorie{position:relative;} #section-navigation li.productcategorie ul.products-menu{display:none;position:absolute;left:160px;top:0;z-index:1000} #section-navigation li.productcategorie ul.products-menu li{list-style:none;width:181px;} #section-navigation li.productcategorie a.active span{font-weight:bold;font-size:11px;} /* product category */ ul#product-list{overflow:hidden;margin:0 0 0 18px;clear:both;float:none;} #product-list li{list-style:none;width:140px;float:left;padding:10px 10px 10px 10px;background:url(img/zakelijk_stippel.png) no-repeat left bottom;} #product-list li a{display:block;text-align:center;} #product-list li h2{font-size:10px;line-height:12px;} #product-list li p{font-size:10px;font-weight:nomal;} /**/ /* PRODUCT PAGE*/ #cnt-Product #tabsnav {overflow:hidden;} #cnt-Product #tabsnav li a{font-size:10px;} #cnt-Product #tabsnav li.active a{font-weight:bold;} #cnt-Product #tabsnav {padding:2px 0 0 3px;} #cnt-Product #tabsnav li{width:172px;height:25px;float:left;list-style:none;margin-right:2px;} #cnt-Product #tabsnav li.active{width:172px;height:25px;float:left;list-style:none;} #cnt-Product #tabsnav li a{display:block;text-decoration:none;padding:3px 0 0 6px;} #cnt-Product #tabsnav li.active a{font-weight:bold;} #product .tab-target img{float:left;margin-right:30px;} .education #cnt-Product #tabsnav li{background:url(img/onderwijs_infonav_normal.png);} .education #cnt-Product #tabsnav li.active{background:url(img/onderwijs_infonav_hi.png);} .education #cnt-Product #tabsnav li a{color:#e55a00;} .business #cnt-Product #tabsnav li{background:url(img/zakelijk_infonav_normal.png);} .business #cnt-Product #tabsnav li.active{background:url(img/zakelijk_infonav_hi.png);} .business #cnt-Product #tabsnav li a{color:#e55a00;} #cnt-Product #main-content .tab-target{display:none;} #cnt-Product #main-content .active-tab{display:block;} /* shorten .cnt in main-content*/ #cnt-Product #main-content .cnt{min-height:310px;} #cnt-Product #main-content {background-color:#fff;min-height:345px;} /* FLASH APPLICATIE */ #cnt-Flashapplicatie #content{background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} #cnt-Flashapplicatie #main-content{width:729px;background:none;padding-bottom:0;position:relative;} #cnt-Flashapplicatie #main-content .cnt{width:715px;background: #FFF none no-repeat left bottom;padding:8px 7px 10px 7px;min-height:405px;} /* MOVIES MAP */ #cnt-Mapmovies #content{background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} #cnt-Mapmovies #main-content{width:729px;background:none;padding-bottom:0;position:relative;} #cnt-Mapmovies #main-content .cnt{width:715px;background: #FFF none no-repeat left bottom;padding:8px 7px 10px 7px;min-height:inherit;} #cnt-Mapmovies #content-title { height:42px; } #cnt-Mapmovies ul.movies {overflow:hidden;} #cnt-Mapmovies ul.movies li{list-style:none;float:left;position:relative;margin:0 18px 10px 0;height:192px;background-color:#e6edf7;width:214px;overflow:hidden;cursor:pointer;;} /* img = 214 x 120 */ #cnt-Mapmovies ul.movies li:hover{background-color:#0054a6} #cnt-Mapmovies ul.movies li span.play-knop{position:absolute;top:40px;left:83px;display:block;width:40px;height:40px;background:transparent url(img/movie-play-knop.png) no-repeat;} #cnt-Mapmovies ul.movies li span.play-knop span{display:none;} #cnt-Mapmovies ul.movies li h3 a{ padding-left:8px; display:block; color:#0054A6; font-weight:bold; text-decoration:none; } #cnt-Mapmovies ul.movies li:hover h3 a{ color:#FFFFFF; } #cnt-Portalpage .movieplayertext, #cnt-Portalpage .movieplayertext a{font-size:12px;display:block;cursor:pointer;} /* MOVIE */ #cnt-Movie #main-content .cnt{min-height:325px;background-color:#fff;} /* FLASH VIDEO MAPPEN */ #cnt-Mapflashvideomappen #sub-content{display:none;} #cnt-Mapflashvideomappen #content{background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} #cnt-Mapflashvideomappen #main-content{ width:729px; min-height:306px; background:#FFF url(img/corp_hoewerkthet_infovlak.png) no-repeat center bottom; overflow:hidden; padding-bottom:0; } #cnt-Mapflashvideomappen #content-title{height:42px;} /* FLASH VIDEO */ #flashVideo #content h1{width:600px;} #cnt-Flashvideo #content{ background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} #cnt-Flashvideo #content .content{ background:#FFF url(img/corp_hoewerkthet_infovlak.png) no-repeat center bottom; overflow:hidden; } #cnt-Flashvideo #main-content{width:417px;margin-right:0;background:url(img/corp_hoewerkthet_stippellijn.png) no-repeat 100% 12px;} #cnt-Flashvideo #main-content .movieplayer{margin:16px 7px 16px 8px;;} .movieplayer-vo-script{display:none;} #map-navigation{margin:16px 8px;width:295px;background-color:#ebefff;height:310px;border-bottom:10px solid #c7cde7;float:right;} #map-navigation h3{color:#0054a6;background-color:#c7cde7;padding-left:12px;line-height:25px;margin:4px;} #map-navigation .scroller{overflow-x:hidden;overflow-y:auto;height:273px;margin:4px 4px 0 0;} #map-navigation ul{border-top:1px solid #c7cde7;margin:0 6px 0 14px;} #map-navigation li{border-bottom:1px solid #c7cde7;list-style:none;} #map-navigation li a{color:#0054a6;text-decoration:none;display:block;line-height:20px;padding-left:2px;} #map-navigation li a:hover, #map-navigation li a:active, #map-navigation li a.active{font-weight:bold;} /* beeldenbieb */ #cnt-Mapbeeldenbieb #content{ background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} #cnt-Mapbeeldenbieb #content .content{ background:#FFF url(img/corp_hoewerkthet_infovlak.png) no-repeat center bottom; overflow:hidden; } #cnt-Mapbeeldenbieb #content-title { height:42px; } #category-list li{overflow:hidden;clear:both;float:none;list-style:none;} #category-list li input{float:left;margin-right:5px;} form#download-beelden div{width:auto;} #cnt-Mapbeeldenbieb #main-content{width:380px;margin-right:0;background:none;} #cnt-Mapbeeldenbieb #main-content .cnt{background:none;} #cnt-Mapbeeldenbieb #map-navigation {width:323px;clear:none;} #cnt-Mapbeeldenbieb #map-navigation ul{border:none;overflow:hidden;margin:0;} #cnt-Mapbeeldenbieb #map-navigation li{border:none;list-style:none;margin:4px 8px 0 4px;text-align:center;width:87px;float:left;} #cnt-Mapbeeldenbieb #map-navigation li div.afbeelding{width:85px;height:85px;text-align:center;border:1px solid #c7cde7;padding:0;margin-botom:3px;} #cnt-Mapbeeldenbieb #map-navigation li a{padding:0;} #cnt-Mapbeeldenbieb #map-navigation li img{vertical-align:middle;} #cnt-Mapbeeldenbieb #map-navigation li input{margin-bottom:3px;} #cnt-Mapbeeldenbieb #main-content .user{margin:16px 7px 16px 8px;} #cnt-Mapbeeldenbieb #main-content .categories{margin:16px 7px 16px 8px;} #user-functions label{width:60px;padding-right:5px;text-align:right;} #user-functions div.input input{width:90px;background-color:#C6CEE9;border:1px solid #FFF;font-size:10px;} #user-functions div.submit input{padding:0px 5px;width:90px;font-size:11px;} #user-functions div.input{float:left;clear:none;width:170px;} #user-functions div.password{text-align:right;} #user-functions div.submit{width:340px;} #user-functions div.radio{width:340px;} #user-functions div.radio input{width:auto;float:left;margin-left:20px;margin-right:3px;} #user-functions div.radio label{text-align:left;font-weight:normal;} #users-login{position:relative;} p#registreer{position:absolute;left:0;bottom:15px;} body.hasjs #users-aanmelden, body.hasjs #users-upload{display:none;} #users-upload div.file{width:340px;} #sort-and-categorize ul{float:left;margin-right:20px;margin-top:20px;} #sort-and-categorize ul li{list-style:none;} #download-blokje{float:none;clear:both;padding:0 0 10px 0;overflow:hidden;} #download-blokje legend {font-size:9px;display:block;width:303px;} #download-blokje form{float:right;width:303px;padding:0 10px;} #download-blokje fieldset, #download-blokje legend{display:block;width:303px;} /* for mac */ #download-blokje div.submit{width:303px;} /* MAP GENERIEK */ #cnt-Map #sub-content{display:none;} #cnt-Map #content{background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} #cnt-Map #main-content{ width:729px; min-height:306px; background:#FFF url(img/corp_hoewerkthet_infovlak.png) no-repeat center bottom; overflow:hidden; padding-bottom:0; } /* MAP met SUBMAPPEN (Flashvideo mappen) */ ul.submappen{overflow:hidden;} ul.submappen li{width:135px;height:228px;background-color:#f0f3ff;float:left;margin:0 5px 5px 0;list-style:none;} ul.submappen li a{display:block;padding:5px;text-decoration:none;font-weight:bold;color:#0054a6;} /* AGENDA ITEMS */ #agenda-items {padding-top:20px;} #agenda-items div.item {float:none;clear:both;overflow:hidden;padding-bottom:20px;background-color:#f0f3ff;} #agenda-items div.item img{float:left;margin-right:20px;} #agenda-items hr{background: #FFF url(img/corp_dubbele_stippellijn.png) no-repeat left center;height:14px;line-height:0;padding:2px;border:none;} .agenda #main-content .cnt{padding-bottom:0;} #agenda-items .cms-text{overflow:visible;} #agenda-items h3,#agenda-items p{padding:0 10px;} /* TESTIMONIALS */ #testimonials {padding-top:20px;} #testimonials div.item {float:none;clear:both;overflow:hidden;padding:0 10px 20px 5px;} #testimonials div.item img{float:left;margin-right:20px;} #testimonials hr{background: #FFF url(img/corp_dubbele_stippellijn.png) no-repeat left center;height:14px;line-height:0;padding:2px;border:none;} .testimonials #main-content .cnt{padding-bottom:0;} /* NIEUWS ITEMS */ #nieuws-items {padding-top:20px;} #nieuws-items hr{background: #FFF url(img/corp_dubbele_stippellijn.png) no-repeat left center;height:14px;line-height:0;padding:2px;border:none;} /* FORMS */ #cnt-Formulier #content{background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} #form #main-content{width:729px;background:none;padding-bottom:0;position:relative;} #form #main-content .cnt{background: #FFF url(img/corp_hoewerkthet_infovlak.png) no-repeat left bottom;padding-bottom:10px;} #form #main-content-image{position:absolute;right:0;top:0;width:200px;} #form #main-content-image .cnt{padding:0;background:none;} #form #main-content-image p{font-size:11px; padding:3px 18px;} #form textarea {width:332px;padding:2px;border:none;font-size:10px;background-color:#C6CEE9;font-family:Arial, Helvetica, sans-serif;} #flexform textarea {width:476px;height:376px;padding:2px;border:none;font-size:10px;background-color:#C6CEE9; background-color:#C6CEE9; font-size:12px; line-height:16px; font-family:Arial, Helvetica, sans-serif; padding:2px;} /* dealerlocator */ div.content-display-dealerlocator #content{background:transparent url(img/shadow_groot.png) no-repeat center bottom;padding-bottom:13px;} body.content-display-dealerlocator #main-content{width:729px;background:none;padding-bottom:0;position:relative;} body.content-display-dealerlocator #main-content .cnt{background: #FFF url(img/corp_hoewerkthet_infovlak.png) no-repeat left bottom;padding-bottom:10px;} body.content-display-dealerlocator #main-content-image{position:absolute;right:0;top:0;width:200px;} body.content-display-dealerlocator #main-content-image .cnt{padding:0;background:none;} body.content-display-dealerlocator .cms-text{width:505px;} /* BANNERS */ #banners ul{overflow:hidden;} .home #banners ul{padding-top:30px;} #banners ul li{list-style:none;float:left;border:1px solid #0054a6;width:268px;height:83px;padding:3px 0;margin:8px 15px;position:relative;overflow:hidden;} #banners ul li h3, #banners ul li p.tagline, #banners ul li div.cms-text{padding-left:92px;margin:0;} #banners ul li img{position:absolute;top:3px;left:3px;} #content-menu ul li span.menu-activator{float:left;display:block;width:23px;height:23px;background:url(img/navigation-arrow.gif) no-repeat} #content-menu ul li span.menu-activator span{display:none;} div.clear{clear:both} #content-menu ul li span.menu-activator{background-position:0 -48px} #content-menu ul li.bus_open span.active{background-position:0 0px} #content-menu ul li.edu_open span.active{background-position:0 -24px} .content-display-dealer_locator_international #content{ background:transparent url(img/shadow_groot.png) no-repeat scroll center bottom; padding-bottom:13px; } .content-display-dealer_locator_international #main-content{ background:transparent none repeat scroll 0 0; padding-bottom:0; position:relative; width:730px; } .content-display-dealer_locator_international #main-content p object{ margin:0 -10px; } div.flexproduct-elements {width:305px;float:right;} div.flexproduct-elements p{background-color:#E55A00;color:#FFF;padding:5px;} /* sIFR styles */ /***************************************************************************** scalable Inman Flash Replacement (sIFR) version 3. *****************************************************************************/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ .sIFR-active #content h1, .sIFR-active #cnt-Portalpage #main-content p, .sIFR-active #cnt-Portalpage #sub-content #intros h3, .sIFR-active #cnt-Portalpage #sub-content #intros .cms-text, .sIFR-active #cnt-Portalpage #banners h3, .sIFR-active #cnt-Portalpage #banners p, .sIFR-active #cnt-Portalpage #banners .cms-text { visibility: hidden; } .sIFR-active #content h1 a, .sIFR-active #cnt-Portalpage #main-content p a, .sIFR-active #cnt-Portalpage #sub-content #intros h3 a, .sIFR-active #cnt-Portalpage #sub-content #intros .cms-text a, .sIFR-active #cnt-Portalpage #banners a { text-decoration:none; display:block; }