/* Algemeen **********************************************************/ HTML{ height: 100.01%;} BODY{ margin: 0; height: 100%;} HTML, BODY{ font-size: 12px; font-family: Arial, Helvetica, sans-serif;} P{ margin: 0; margin-bottom: 25px;} A{ text-decoration: none;} IMG{ border: none; behavior: url(../Include/iepngfix.htc);} FORM{ margin: 0;} H1{ font-size: 44px; line-height: 44px; margin: 0 0 12px 0;} H2{ font-size: 38px; line-height: 38px; margin: 0 0 12px 0;} H3{ font-size: 32px; line-height: 32px; margin: 0 0 12px 0;} H4{ font-size: 24px; line-height: 24px; margin: 0 0 12px 0;} H5{ font-size: 18px; line-height: 18px; margin: 0 0 12px 0;} H6{ font-size: 14px; line-height: 14px; margin: 0 0 12px 0;} H1, H2, H3, H4, H5, H6{ color: #000;} A{ color: #8b9900;} A:hover{ color: #EF3E34;} INPUT.btn{ height: 20px; font-weight: bold; border: #000 1px solid; background-color: #AFBD20; color: #000; font-size: 12px; line-height: 19px;} INPUT.text{ height: 15px; font-size: 12px; background: url(../Images/zoeken.jpg) #fff no-repeat 3px 50%; padding: 3px 0 0 3px; border: #000 1px solid;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} /* Inhoud v/d **********************************************************/ #total_container{ width: 1000px; margin: 0 auto;} #submenu_header_bg{ width: 300px; height: 325px; float: right; z-index: 1; background: url(../Images/submenu_header_bg.jpg) no-repeat 120px 120px;} #submenu_header_bg_2{ width: 300px; height: 325px; float: right; z-index: 1; background: url(../Images/foto_lonneke.jpg) no-repeat 50px 120px;} #submenu_header_bg_3{ width: 300px; height: 325px; float: right; z-index: 1; background: url(../Images/foto_katrien.jpg) no-repeat 50px 120px;} #submenu_header_bg_4{ width: 300px; height: 325px; float: right; z-index: 1; background: url(../Images/foto_jeannet.jpg) no-repeat 50px 120px;} #submenu_header_bg_5{ width: 300px; height: 325px; float: right; z-index: 1; background: url(../Images/foto_sven.jpg) no-repeat 50px 120px;} #header_bg{ width: 1000px; height: 165px; position: absolute; z-index: 2;} #container{ width: 1000px; position: absolute; z-index: 3;} #content_container{ width: 100%; background: url(../Images/bg.jpg) repeat-y 0 0;} #total_container #logo_knop{ left:165px; z-index:150; position:absolute; } #total_container #logo_knop A{ display:block; width:200px; height:200px; } /* Header **********************************************************/ #header{ width: 100%; height: 339px; background: url(../Images/header_masker.png) no-repeat 0 0; behavior: url(../Include/iepngfix.htc);} /* Extra menu in de header **********************************************************/ .xtr_menu{ width: 255px; height: 80px; float: right;} .xtr_menu A#contact{ float: left; color: #EF3E34; display: block; text-indent: 20px; background: url(../Images/envelop_icoon.gif) no-repeat 0 50%;} .xtr_menu A#sitemap{ float: left; color: #EF3E34; display: block; clear: left; margin-left: 10px; text-indent: 20px; background: url(../Images/flowchart_icoon.gif) no-repeat 0 50%;} /* Menu **********************************************************/ #menu{ width: 171px; font-size: 15px; float: left;} #menu UL{ margin: 0; padding: 0; width: 170px; list-style: none;} #menu UL LI{ width: 170px; text-indent: 5px; height: 30px;} #menu LI A{ color: #909e04;} #menu LI A:hover{ color: #EF3E34;} /* Content **********************************************************/ #content{ width: 619px; padding:0 30px 30px 30px; float: left;} .text_kader{ width: 458px; padding: 10px; border: #AFBD20 1px solid; margin: 0 auto;} TABLE.table{ font-size: 10px;} TABLE.table TH{ font-size: 12px;} TABLE.table TD.begrippen{ color: #EF3E34;} .spraak_btn{ float: right;} /* Sub-menu **********************************************************/ #submenu{ width: 150px; font-size: 12px; float: left;} #submenu UL{ padding: 0; margin: 0; margin-top: 10px; list-style: none;} #submenu UL LI{ width: 150px; margin-bottom: 10px;} #submenu LI A{ color: #EF3E34; display: block; margin-left: 3px; padding-left: 13px; padding-right: 5px;} #submenu LI A:hover{ background: url(../Images/bullet.gif) no-repeat 0 3px;} /* Footer **********************************************************/ #footer{ width:1000px; height: 113px; background: url(../Images/footer.jpg) no-repeat 0 0;} A.footlink{ display: block; color: #EF3E34; position: absolute; left: 10px; bottom: 10px;} /* Bratpack internetdiensten **********************************************************/ A.bp{ display: block; color: #EF3E34; position: absolute; right: 10px; bottom: 10px;} #footer A:hover{ color: #FFF;} .form { height: 16px; font-weight: bold; border: #000 1px solid; background-color: #AFBD20; color: #000; font-size: 12px; line-height: 14px; } #nieuwsbrief{ font-size:11px; background:#cfd484; padding:10px; float:right; width:170px; margin:0 0 10px 10px; } #nieuwsbrief P{ margin:0 0 5px 0; padding:0px; } #nieuwsbrief label{ float:left; width:100px; } #nieuwsbrief input{ width:170px; float:right; border:1px solid #000000; margin:0px; padding:0px; } #nieuwsbrief input.knop{ margin:3px 0 3px 0; font-size:11px; width: auto; border:1px solid #000000; background:#a6b519; float:right; } .border_foto img{ border:1px solid #AFBD20; }