/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(/DeKoekenbieren/Includes/iepngfix.php);} HTML{ height: 100.01%; overflow-x: hidden;} BODY{ text-align: center; height: 100%; background: url(../../Images/KDV/bg_patroon.gif) fixed repeat 0 0;} HTML, BODY{ margin: 0; padding: 0; font-size: 12px; color: #24489c; line-height: normal; font-family: Verdana, Arial, Helvetica, sans-serif;} A{ color: #24489c;} A:hover{ color: #FFF;} A:focus, INPUT:focus, IMG:focus{ outline: none;} P{ margin: 0 0 10px 0;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse; margin-bottom: 10px;} TABLE P{ margin: 0 0 5px 0;} UL, OL{ margin: 0 0 10px; padding: 0 0 0 18px;} LI{ padding-bottom: 5px;} LI LI{ padding-bottom: 2px;} H1{ font-size: 40px; line-height: 42px;} H2{ font-size: 34px; line-height: 36px;} H3{ font-size: 26px; line-height: 28px;} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #24489c;} SELECT.form_text, INPUT.form_text{ float: left; padding: 2px 0 2px 2px; font-size: 12px; font-weight: normal; color: #000; margin: 0 0 2px 0; border: #24489C 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 13px; color: #FFF; margin-right: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #24489C; border: 2px solid; border-color: #8fccf8 #c5e4f9 #c5e4f9 #8fccf8; } INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} SELECT.form_text{ padding: 0; font-size: 12px;} TEXTAREA{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: #24489C 1px solid;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 1070px; min-height: 100%; height: auto !important; height: 100%; text-align: left; cursor: default; position: absolute; left: 50%; margin-left: -535px; background: url(../../Images/KDV/slierten.gif) repeat-y 0 0;} .container DIV.wrapper{ width: 950px; cursor: default; position: relative; left: 50%; margin-left: -475px;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left; clear: left; position: relative;} .header DIV.logo{ position: absolute; left: -70px; top: 0; width: 552px; height: 207px; background: url(../../Images/KDV/logo.png) no-repeat 0 0;} .header DIV.logo A{ display: block; width: 340px; height: 105px; float: left; margin-left: 95px; cursor: pointer;} /************************************************************** ** Portalmenu ***************************************************************/ .portalmenu{ width: 100%; float: left; clear: left; margin-top: 20px;} .portalmenu DIV.menu_wrapper{ width: 453px; float: right; display: inline;} .portalmenu DIV.button_container{ float: left; position: relative; display: inline; margin-left: 3px;} .portalmenu DIV.button_container DIV.button{ height: 28px; float: left; position: relative; display: inline; margin-top: 70px; z-index: 5;} .portalmenu DIV.button_container DIV.button A{ display: block; float: left; position: relative; z-index: 1; padding: 0 15px; cursor: pointer; line-height: 28px; height: 100%; color: #FFF; text-decoration: none; background: url(../../Images/KDV/portalmenuitem_bg.jpg) repeat-x 0 100%;} .portalmenu DIV.button_container DIV.button A.aan{ background-position: 0 0;} .portalmenu DIV.button_container DIV.button DIV.left_corners{ position: absolute; left: 0; top: 0; width: 10px; z-index: 2; font-size: 1px; height: 28px; background: url(../../Images/KDV/portalmenu_btn_left.png) no-repeat 0 0;} .portalmenu DIV.button_container DIV.button DIV.right_corners{ position: absolute; right: 0; top: 0; width: 10px; z-index: 2; font-size: 1px; height: 28px; background: url(../../Images/KDV/portalmenu_btn_right.png) no-repeat 0 0;} .portalmenu DIV.laatste DIV.button DIV.right_corners{ background: url(../../Images/KDV/bso_btn_right.png) no-repeat 0 0;} .portalmenu DIV.bso_icoon{ position: absolute; top: 0; left: 0; width: 100%; height: 75px; background: url(../../Images/bso_ico.png) no-repeat 50% 0; z-index: 10;} .portalmenu DIV.psz_icoon{ position: absolute; top: 0; left: 0; width: 100%; height: 75px; background: url(../../Images/psz_ico.png) no-repeat 50% 25px; z-index: 1;} .portalmenu DIV.kdv_icoon{ position: absolute; top: 0; left: 0; width: 100%; height: 75px; background: url(../../Images/kdv_ico.png) no-repeat 50% 0; z-index: 10;} /************************************************************** ** Hoofdmenu ***************************************************************/ .hoofdmenu{ width: 100%; margin-top: 3px; float: left; clear: left;} .hoofdmenu DIV.button{ float: left; display: inline; height: 50px; position: relative; margin-right: 3px;} .hoofdmenu DIV.button A{ display: block; color: #FFF; height: 100%; line-height: 50px; cursor: pointer; text-align: center; text-decoration: none; font-size: 21px; background: url(../../Images/KDV/hoofdmenuitem_bg.jpg) repeat-x 0 100%;} .hoofdmenu DIV.button A.aan{ background-position: 0 0;} .hoofdmenu DIV.button DIV.left_corners{ position: absolute; left: 0; top: 0; width: 10px; font-size: 1px; height: 50px; background: url(../../Images/KDV/hoofdmenu_btn_left.png) no-repeat 0 0;} .hoofdmenu DIV.button DIV.right_corners{ position: absolute; right: 0; top: 0; width: 10px; font-size: 1px; height: 50px; background: url(../../Images/KDV/hoofdmenu_btn_right.png) no-repeat 0 0;} .hoofdmenu DIV#Wie_zijn_wij{ width: 180px;} .hoofdmenu DIV#Wie_zijn_wij DIV.left_corners{ background-image: url(../../Images/KDV/hoofdmenu_eerste_left.png);} .hoofdmenu DIV#Actueel{ width: 150px;} .hoofdmenu DIV#Algemeen{ width: 158px;} .hoofdmenu DIV#Praktische_informatie{ width: 300px;} .hoofdmenu DIV#Contact{ width: 150px; margin-right: 0;} .hoofdmenu DIV#Contact DIV.right_corners{ background-image: url(../../Images/KDV/contact_right.png);} /************************************************************** ** Submenu ***************************************************************/ .submenu{ width: 100%; float: left; clear: left;} .submenu DIV.button{ float: left; display: inline; height: 28px; margin-top: 3px; position: relative; margin-right: 2px;} .submenu DIV.button A{ display: block; color: #FFF; float: left; height: 100%; padding: 0 12px; cursor: pointer; line-height: 28px; text-align: center; text-decoration: none; background: url(../../Images/KDV/portalmenuitem_bg.jpg) repeat-x 0 100%;} .submenu DIV.button A.aan{ background-position: 0 0;} .submenu DIV.button DIV.left_corners{ position: absolute; left: 0; top: 0; width: 10px; font-size: 1px; height: 28px; background: url(../../Images/KDV/portalmenu_btn_left.png) no-repeat 0 0;} .submenu DIV.button DIV.right_corners{ position: absolute; right: 0; top: 0; width: 10px; font-size: 1px; height: 28px; background: url(../../Images/KDV/portalmenu_btn_right.png) no-repeat 0 0;} .submenu DIV.eerste DIV.left_corners{ background-image: url(../../Images/KDV/submenu_eerste_left.png);} /************************************************************** ** Content ***************************************************************/ .content_container{ width: 855px; float: left; clear: left; display: inline; margin-top: 10px; margin-left: 48px; padding-bottom: 184px; background: url(../../Images/KDV/bottom_bg.png) no-repeat 0 100%;} .content_container DIV.content_outer{ float: left; width: 100%;} .content_container DIV.content_inner{ float: left; width: 100%; position: relative; margin: 0px 0 -154px; background: url(../../Images/KDV/top_bg.png) no-repeat 0 0;} DIV.content{ width: 815px; float: left; clear: left; padding: 20px 20px 0;} DIV.txt{ width: 410px; float: left; clear: left; display: inline; line-height: 16px; margin-right: 15px; cursor: auto;} DIV.txt H1{ font-size: 26px; line-height: 26px; font-weight: normal; margin-bottom: 20px;} DIV.foto_container{ width: 390px; float: left; display: inline;} DIV.foto_container DIV.fotolijst{ margin-left: 1px; width: 389px; float: left; clear: left; margin-bottom: 15px; position: relative;} DIV.foto_container DIV.fotolijst DIV.lijst_top{ position: absolute; left: 0; top: 0; width: 100%; height: 28px; background: url(../../Images/KDV/fotolijst.png) no-repeat 0 0; z-index: 3;} DIV.foto_container DIV.fotolijst DIV.lijst_bottom{ position: absolute; left: 0; bottom: 0; width: 100%; height: 28px; background: url(../../Images/KDV/fotolijst.png) no-repeat 0 100%; z-index: 3;} DIV.foto_container DIV.fotolijst DIV.foto{ float: left; width: 357px; padding: 0 15px 0 17px; margin: 8px 0; position: relative; z-index: 2; background: url(../../Images/KDV/fotolijst.png) no-repeat 0 50%;} DIV.foto_container DIV.fotolijst DIV.foto DIV{ float: left; width: 100%; } DIV.foto_container DIV.fotolijst DIV.foto IMG{ width: 356px;} DIV.row{ width: 100%; float: left; clear: left;} /************************************************************** ** Fotoboek ***************************************************************/ .fotoboek{ width: 100%; float: left; clear: left; margin-top: 20px;} .fotoboek UL{ width: 425px; margin: 0 0 0 -15px; padding: 0; list-style: none;} .fotoboek UL LI{ width: 100%; padding: 0; margin-bottom: 5px;} .fotoboek UL LI A{ display: block; padding-left: 15px; color: #24489c; cursor: pointer; text-decoration: none; height: 26px; background: url(../../Images/KDV/overzicht_row.png) no-repeat 0 0; color: #FFF;} .fotoboek UL LI A SPAN{ display: block; float: left; color: #24489c; cursor: pointer;} .fotoboek UL LI A SPAN.datum{ width: 80px; margin-right: 10px;} .fotoboek UL LI A SPAN.titel{ width: 290px;} .fotoboek UL LI A SPAN.pijl{ width: 20px; color: #FFF; font-weight: bold; height: 100%; background: url(../../Images/KDV/pijl.png) no-repeat 8px 0;} .fotoboek UL LI A:hover, .fotoboek UL LI A.aan{ background-position: 0 100%;} /********************************************** ** Fotoboek overzichtspagina Styles **********************************************/ #foto_album{ width: 380px; min-height: 200px; height: auto !important; height: 200px; margin: 0px; padding: 5px;} #foto_album H2{ font-size: 22px; font-weight: normal;} #foto_album DIV.row{ margin-bottom: 5px;} .foto_vak{ width: 81px; float: left; display: inline; margin-right: 14px;} .foto_houder{ width: 75px; float: left; display: inline; padding: 3px; background-color: #24489C;} .foto_houder img{ width: 75px; float: left} .foto_houder img.over{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .foto_titel{ width: 81px; margin-top: 3px; text-align: center; overflow: hidden; font-size: 10px;} /********************************************** ** Fotoboek navigatie Styles **********************************************/ .NavigatieVeld{ width: 346px; margin: 0px 14px 0 0; position: relative; height: 16px; line-height: 16px; padding: 5px 10px; float: left; font-weight: bold; background: url(../../Images/KDV/portalmenuitem_bg.jpg) repeat-x 0 0;} .NavLinks{ width: 25%; float: left; font-size: 11px;} .NavMidden{ width: 50%; text-align: center; float: left;} .NavRechts{ width: 25%; text-align: right; float: left;} .aantal_keuze{ margin: 0px 14px 5px 0; padding: 5px 0; text-align: center; float: left; clear: left; width: 356px;} .NavigatieVeld A{ color: #FFF;} .NavigatieVeld A:hover{ color: #8fccf8;} .NavLinks A, .NavRechts A{ text-decoration: none;} /************************************************************** ** Footer ***************************************************************/ .footer{ margin: 0 50px; width: 850px; display: inline; float: left; clear: left; margin-top: 10px; font-weight: bold; font-size: 11px; cursor: auto;} .footer A{ color: #24489c; text-decoration: none; font-weight: bold; cursor: pointer;} .footer A:hover{ color: #FFF;}