* { margin: 0; padding: 0; } /*body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #636363; }*/ /* holder */ #holder { position: relative; margin: 0 auto; padding-left: 8px; padding-right: 8px; width: 982px; min-height: 100%; overflow: hidden; text-align: left; z-index: 1; background: url(/skins/default/pics/background4.gif) repeat-y; } #holder .holder { position: relative; float: left; display: inline; margin-left: 12px; } /* head */ #hhead { position: relative; width: 982px; height: auto; background-color: #FFF; } #hhead h1.logo { position: absolute; top: 2px; left: 46px; display: block; width: 122px; height: 74px; background: url(pics/logo_02.gif); z-index: 70; } #hhead h1.logo a { display: block; float: left; height: 74px; width: 122px; } #hhead h1.logo a span { display: none; } #hhead #titel { position: absolute; top: 33px; left: 184px; display: block; width: auto; height:54px; color: #003366; font-size: 14px; font-weight: bold; text-transform: uppercase; } #hhead #bovenMenu { position: relative; background-color: #333; height: 26px; width: auto; float: right; top: 84px; } #hhead #top { position: relative; float: left; height: 113px; background: url(pics/top2.gif); width: 100%;} #hhead .head { position: relative; float: left; width: 100%; height: 288px; } /*#hhead .head .beeld { position: relative; float: left; width: 100%; height: 212px; background:url(pics/header.gif); }*/ #hhead .head .beeld { position: relative; float: right; width: 100%; height: 212px; overflow: hidden; } #hhead .head .beeld #beeldwissel { position: absolute; top:0; left:0; width: 100%; height: 212px; } #hhead .head .beeld #beeldwissel li { position: absolute; left:0; top:0; z-index: 3; } #hhead .head .beeld #beeldwissel li img { z-index: 3; } #onderMenu { position: absolute; /*float: left;*/ ; height: 45px; background-color: #FFF; top: 355px; z-index: 50; } #onderMenu .border_left { position: relative; float: left; background: url(pics/border_onder_Menu.gif); width:267px; height: 26px; } #onderMenu .border_right { position: relative; float: left; background: url(pics/geel_wit.gif); width:476px; height: 27px; } #onderMenu .border_right2 { position: relative; float: left; background: url(pics/border_right.gif); width:239px; height: 45px; } /* hhead - main menu */ /* main menu */ #mainMenu { position: absolute; top: 325px; left:0px; z-index: 100; height: 30px; background: url(pics/hoofdmenu_bg.gif) repeat-x; width:982px; font-weight: bold; margin-left: 8px; } #mainMenu ul { position: relative; width: auto; height: 30px; z-index: 60; } #mainMenu ul.mainMenu li { float: left; background: url(pics/divider.gif) no-repeat scroll right center; padding-right: 12px; margin-left: 12px; display: inline; height: 30px; text-transform: uppercase; } #mainMenu ul.mainMenu li.lastNode { background:transparent none repeat scroll 0 0;} #mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 30px; width: auto; font-size: 13px; color: #fff; text-decoration: none; line-height: 30px; } #mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; float: left; display: block; height: 30px; width: auto; font-size: 13px; color: #edcc40; text-decoration: none; line-height: 30px; } /* hhead - main menu - down*/ /* #mainMenu ul.mainMenu li ul { position: absolute; z-index: 50; top: 30px; width: 131px; height: auto; } #mainMenu ul.mainMenu li ul li { width: 131px; height: 25px; background: url(pics/main_menu_li-BG.gif); text-transform: none; font-weight: normal; } #mainMenu ul.mainMenu li ul li a { width: 151px; height: 25px; position:relative; right: 10px; } #mainMenu ul.mainMenu li ul li a:hover, #mainMenu ul.mainMenu li ul li a.active, #mainMenu ul.mainMenu li ul li a.active:visited, #mainMenu ul.mainMenu li ul li a.active:hover, #mainMenu ul.mainMenu li ul li a.active:active { background: url(pics/menu_active_BG.gif); width: 151px;} #mainMenu ul.mainMenu li ul li a span { position: relative; left: 10px;} */ #mainMenu ul.mainMenu li ul { position: absolute; z-index: 150; top: 30px; left: -10px; width: 151px; } #mainMenu ul.mainMenu li ul li { width: 151px; height: 25px; background: url(pics/main_menu_li-BG.gif); padding: 0; right: 15px; z-index: 150; text-transform: none; } #mainMenu ul.mainMenu li ul li a, #mainMenu ul.mainMenu li ul li a:link, #mainMenu ul.mainMenu li ul li a:visited, #mainMenu ul.mainMenu li ul li a:active, #mainMenu ul.mainMenu li ul li a.active { display: block; width: 151px; height: 25px; font-size: 14px; font-weight: normal; color: #FFF; text-decoration: none; line-height: 25px; } #mainMenu ul.mainMenu li ul li a:hover, #mainMenu ul.mainMenu li ul li a.active, #mainMenu ul.mainMenu li ul li a.mouse, #mainMenu ul.mainMenu li ul li a.active:visited, #mainMenu ul.mainMenu li ul li a.active:hover, #mainMenu ul.mainMenu li ul li a.active:active { display: block; width: 151px; height: 25px; font-size: 14px; color: #edcc40; text-decoration: none; line-height: 25px; ; background: url(pics/menu_active_BG.gif);} #mainMenu ul.mainMenu li ul li a span { position: relative; left: 10px;} #mainMenu ul.mainMenu li ul li.lastNode { background: url(pics/main_menu_li-BG.gif); } #mainMenu ul.mainMenu li ul li ul li { position: relative; left: 149px; top: -30px; } * html #mainMenu ul.mainMenu li ul li ul li { left: 158px; } /*hhead - generalMenu*/ #hhead #generalMenu { float: right; position: relative; top: 83px; height:28px; background: url(pics/generalMenu_BG.gif) repeat-x; padding-right: 15px; } #hhead #generalMenu ul { position: relative; left: 15px; top: 3px; } #hhead #generalMenu ul.generalMenu li{ background: url(pics/divider.gif) no-repeat scroll right center; margin: 2px; display: block; display: inline; text-decoration: none; padding-left: 12px; padding-right: 12px; text-transform: uppercase; z-index: 30; } #hhead #generalMenu ul.generalMenu li.lastNode{ background:transparent none repeat scroll 0 0; } #hhead #generalMenu ul.generalMenu li a, #hhead #generalMenu ul.generalMenu li a:link, #hhead #generalMenu ul.generalMenu li a.active { font-size: 13px; font-weight: bold; } #hhead #generalMenu ul.generalMenu li a:hover, #hhead #generalMenu ul.generalMenu li a.active, #hhead #generalMenu ul.generalMenu li a.mouse, #hhead #generalMenu ul.generalMenu li a.active:visited, #hhead #generalMenu ul.generalMenu li a.active:hover, #hhead #generalMenu ul.generalMenu li a.active:active { color: #edcc40; text-decoration: none; } /* footer */ #holder #footer { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; position: absolute; width: 998px; height:40px; background-color: #fff; right: 0px; bottom: 1px;} #holder #footer .bg_footer { background: url(pics/bg_footer4.gif) no-repeat; width: 998px; height: 6px; } #holder #footer .footMenu { left: 300px; padding-top: 5px;} #holder #footer .footMenu ul.footMenu { position: relative; margin: 0 auto; width: auto; height: 13px; } #holder #footer .footMenu ul.footMenu li { display: inline; padding: 0px 9px 0px 8px; font-size: 12px; color: #8b94ad; background: url(pics/divFootMenu.gif) right no-repeat; } #holder #footer .footMenu ul.footMenu li a { font-size: 12px; color: #8b94ad; } #holder #footer .footMenu ul.footMenu li.lastNode { background: none; } /* body */ #hbody { position: relative; float: left; width: 982px; height: auto; background-color: #E6F3FA; } #hbody .whiteblock{ float: left; width: 982px; height: 30px; background-color: #FFF; } #hbody .hbody { position: relative; float: left; /*background-color: #E6F3FA;*/ } #hbody .hbody .tpl { position: relative; float: left; padding-bottom: 15px; width: 761px; background-color: #FFF; min-height: 1000px; } * html #hbody .hbody .tpl { height: 1000px; } /*rail links voor het menu*/ #hbody .hbody .tpl .rail { position: relative; float: left; padding-left: 30px; top: 22px; width: 163px; height: auto; } .rail h1{ font-size: 16px; color: #d3a400; font-weight: bold; text-transform: uppercase; position: relative; left: 10px; } .rail ul { position: relative; float: left; z-index: 20; width: 140px; height: 25px; font-weight: 13px; } .rail ul li { float: left; display: block; display: inline; height: auto; border-bottom-style: solid; border-bottom-width: thin; border-color: #e2e4ea; width: 100%; } .rail ul li a, .rail ul li a:active, .rail ul li a:visited { width: 100%; position: relative; float: left; display: block; height: 25px; font-size: 13px; color: #000; text-decoration: none; line-height: 17px; /*left: 10px;*/ font-weight: bold; } .rail ul li a:hover, .rail ul li a.active, .rail ul li a.active:visited, .rail ul li a.active:hover, .rail ul li a.active:active { background: url(pics/menu_links_over.gif); } .rail span { position: relative; left: 10px; } /* hbody - content */ #hbody .hbody .tpl #content { position: relative; float: left; display: inline; width: 548px; height: auto; padding-right: 20px; padding-bottom: 40px; } /*#hbody .hbody .tpl #content a{ position: relative; float: right; display: inline; width: 540px; height: 50px;}*/ #hbody .hbody .tpl #content a, #hbody .hbody .tpl #content a:visited { font-size: 12px; color: #003366; text-decoration: underline; } #hbody .hbody .tpl #content a:hover { font-size: 12px; color: #003366; text-decoration: underline; } #hbody .hbody .tpl #content a.active, #hbody .hbody .tpl #content a.active:link, #hbody .hbody .tpl #content a.active:visited, w #hbody .hbody .tpl #content a.active:hover, #hbody .hbody .tpl #content a.active:active { text-decoration: underline; } /* hbody - Logo */ #logo { position:relative; bottom: 50px; left: 20px; z-index: 100; float: left; background: url(pics/logoIso9001.gif) no-repeat; width: 100px; height: 75px; } /* hbody rail aan de rechter kant*/ #hbody .hbody #rail { position: relative; float: right; background-color: #e6f3fa; font-size: 12px; height: 100%; /*min-height: 1000px;*/ width: 220px;} #hbody .hbody #rail h2 { font-size: 18px; font-weight: bold; color: #0981c3; line-height: 110%; text-decoration: none; margin: 0; padding: 0;} #hbody .hbody #rail img { position: relative; float: left; padding-right: 10px; } #hbody .hbody #rail p { float: left; padding-top: 10px; /*padding-bottom: 10px;*/ width: 160px; } #hbody .hbody #rail a, #hbody .hbody #rail a:visited { font-size: 12px; color: #003366; text-decoration: underline; } #hbody .hbody #rail a:hover { font-size: 12px; color: #003366; text-decoration: underline; } #hbody .hbody #rail a.active, #hbody .hbody #rail a.active:link, #hbody .hbody #rail a.active:visited, w #hbody .hbody #rail a.active:hover, #hbody .hbody #rail a.active:active { text-decoration: underline; } #hbody .hbody #rail .onderBorder { float: left; padding: 0; position: relative; width: 220px; height: 11px; background: url(pics/border_rails.gif) no-repeat; margin-top: 20px; margin-bottom: 20px; } /* block - Agenda */ #hbody .hbody #rail .Witboven { width: 220px height: 30px; background-color: #FFF; } #hbody .hbody #rail .blockAgenda .Agenda{ position: relative; left: 18px; width: 184px; float: left; display: inline; height: auto; padding-top: 18px; } #hbody .hbody #rail .blockAgenda .Agenda p { margin: 0; padding: 0;} /*#hbody .hbody #rail .blockAgenda .Agenda img { position: relative; float: left; padding-right: 10px} #hbody .hbody #rail .blockAgenda .Agenda h2 { font-size: 18px; font-weight: bold; color: #0981c3; line-height: 110%; text-decoration: none; }*/ #hbody .hbody #rail .blockAgenda .intro { position: relative; padding-top: 10px; } #hbody .hbody #rail .blockAgenda .link a { position: relative; top: 10px; } /* block - Vragen */ #hbody .hbody #rail .blockVragen { position: relative; float: left; display: inline; left: 18px; width: 184px; height: 95px; /*background-color: #333;*/} #hbody .hbody #rail .blockVragen p { color: #1f8cc8; } #hbody .hbody #rail .blockVragen .intro{ position: relative; padding-top: 10px; } #hbody .hbody #rail .blockVragen .tel{ font-size: 18px; font-weight: bold; color: #0981c3; line-height: 110%; text-decoration: none; } #hbody .hbody #rail .blockVragen .email{ text-decoration: underline; color: #1f8cc8; } #hbody .hbody #rail .blockVragen span { margin-left: 31px; } /* block - Aanmelden */ #hbody .hbody #rail .blockAanmelden { position: relative; float: left; display: inline; left: 18px; width: 184px; height: 186px; background: url(pics/bg_aanmelden.gif); } #hbody .hbody #rail .blockAanmelden h2 { float: left; position: relative; left: 10px; top: 10px; padding-right: 10px; color: #edcc40; } #hbody .hbody #rail .blockAanmelden img { float: right; position: relative; top:10px; right: 10px; } #hbody .hbody #rail .blockAanmelden p { position: relative; padding: 10px; color: #FFF; float: left; top: 10px; } #hbody .hbody #rail .blockAanmelden a.more { float: left; position: relative; margin-left: 10px; margin-right: 10px; color: #edcc40; background: url(pics/link.png) no-repeat scroll right center; padding-right: 10px;} /* block - Informatie */ #hbody .hbody #rail .blockInformatie { position: relative; float: left; display: inline; left: 18px; width: 184px; height: 161px; background: url(pics/bg_informatie.gif); } #hbody .hbody #rail .blockInformatie img { position: relative; left: 10px; top: 10px; padding-right: 10px; } #hbody .hbody #rail .blockInformatie h2 { position: relative; left: 10px; top: 10px; } #hbody .hbody #rail .blockInformatie p { position: relative; padding: 10px; color: #FFF; float: left; top: 10px; } #hbody .hbody #rail .blockInformatie a { float: left; position: relative; left: 10px; } /* block - Examenen */ #hbody .hbody #rail .blockExamen { position: relative; float: left; display: inline; left: 18px; width: 184px; height: 161px; } /*#hbody .hbody #rail .blockExamen img { position: relative; float: left; padding-right: 10px; } #hbody .hbody #rail .blockExamen h2 { font-size: 18px; font-weight: bold; color: #0981c3; line-height: 110%; text-decoration: none; } #hbody .hbody #rail .blockExamen .intro { position: relative; top: 10px; }*/ #hbody .hbody #rail .blockExamen .link { position: relative; top: 20px; } /*Block - Contact */ #hbody .hbody #rail .blockContact { position: relative; float: left; display: inline; left: 18px; width: 184px; height: 190px; } #hbody .hbody #rail .blockContact a { color: #1f8cc8; } #hbody .hbody #rail .blockContact p.route { padding-top: 0px; } #hbody .hbody #rail .blockContact a.email { color: #636363; text-decoration: none; float: left; } #hbody .hbody #rail .blockContact p.tel { float: left; width: 120px; } #hbody .hbody #rail .blockContact span { margin-left: 27px; } /* hbody - breadcrum */ #hbody .hbody .tpl #breadcrumMenu{ float: left; display: inline; width: 568px; height: 30px; color: #8eacbc; font-weight: bold; } #hbody .hbody .tpl #breadcrumMenu ul { width: auto; height: auto; list-style: none; color: #8eacbc; } #hbody .hbody .tpl #breadcrumMenu ul li { display: inline; padding: 0px 10px; background: url(pics/divBreadCrum.gif) left no-repeat; color: #8eacbc; text-decoration: underline;} #hbody .hbody .tpl #breadcrumMenu ul li a { color: #8eacbc } #hbody .hbody .tpl #breadcrumMenu ul li a:hover { text-decoration: underline; } #hbody .hbody .tpl #breadcrumMenu ul li.firstNode { padding-left: 0px; background: none; text-decoration: underline; } #hbody .hbody .tpl #breadcrumMenu ul li.lastNode { padding-right: 9px; text-decoration: none; } /* Opleidingen */ .opleidigenItems { float:left; width:260px; height:auto; padding-bottom:13px; padding-right: 10px; } .opleidigenItems img { float: left; height: 72px; width: 72px; margin-right: 13px;s; } #hbody .hbody .tpl #content .courseContainer { width:100%; display:block; overflow:hidden;} .opleidingsItems h3{ font-size: 12px; font-weight: bold; color: #182a5c; width: 265px; float: left; height: 12px; overflow: hidden; } #hbody .hbody .tpl #content .right img { width:72px; height:72px; float:left; margin-right:12px; } #hbody #intro { height: auto; color: #000; font-weight: bold; } /*Opleidingen agenda */ #courseagenda { float: right; width: 548px; position: relative; font-size: 12px; } #courseagenda ul {padding-bottom: 10px; margin-left: 0px; } #courseagenda .courseAgenda{ float: right; width: 548px; position: relative; font-size: 12px; } .list_ul {list-style-type: disc; position: relative; left: 10px; font-weight: bold; } .list_li {list-style-type: circle; position: relative; list-style-position: inside; padding-left: 20px; } .list_li a{list-style-type: circle; position: relative; list-style-position: inside; } .totop {padding-bottom: 10px; text-align: right; } .more { background: url(pics/link_more.png) no-repeat scroll right center; padding-right: 10px; } /* .rechts .viewVideo { background: url(pics/link.gif) no-repeat scroll right center; padding-right: 15px; } */ #form INPUT.long { width: 340px; } #form INPUT.longer { width: 340px; height: 150px; } #form INPUT.short { width: 130px; } #form INPUT.submit { width: 80px; margin: 1px 1px 1px 261px; font-weight: bold; } #form .error { color: #FF0000; } #form .title { font-weight: bold; } #form. input.checkbox {margin-left: 10px; } #form .cursustype{ font-weight: bold; width: 265px; } #form .opleiding { width: 340px; } #hbody #content #form span { color: #ff0000; } #opleidingfilter { position: relative; margin: 0 auto; padding-left: 8px; padding-right: 8px; width: 982px; min-height: 100%; overflow: hidden; text-align: left; z-index: 1; padding-bottom: 20px;} #opleidingfilter h2 { font-size: 12px; text-decoration: underline; min-height: 24px; } #opleidingfilter a { color: #182A5C; font-size: 11px; } #opleidingfilter ul { width: 153px; float: left; list-style: none; padding-right: 8px;} #opleidingfilter ul.courseContainer0 { padding-left: 8px; } /* #opleidingfilter ul.courseContainer5 { float: right; } */