/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(../../Includes/iepngfix.php);} BODY{ margin: 0; text-align: center; background-color: #776D61;} HTML, BODY{ font-size: 12px; height: 100%; overflow: hidden; color: #FFF; line-height: normal; font-family: "Myriad", Arial, Helvetica, sans-serif;} A{ color: #776d61;} A:hover{ color: #FFF;} A:focus, INPUT:focus{ outline: none;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse;} H1{ font-size: 44px; line-height: 49px;} H2{ font-size: 38px; line-height: 42px;} H3{ font-size: 28px; line-height: 32px;} H4{ font-size: 20px; line-height: 25px;} H5{ font-size: 18px; line-height: 23px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: "Myriad", Arial, Helvetica, sans-serif; color: #FFF;} SELECT.form_text, INPUT.form_text{ float: left; height: 15px; padding-top: 1px; padding-left: 2px; font-size: 12px; font-weight: normal; color: #000; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 13px; background-color: #776D61; border: 0; color: #FFF; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; height: 24px; font-size: 12px;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: #82A9EC 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;} DIV.clearer{ clear: both;} .spamcontrole { width: 5px; visibility: hidden;} a.brochure-btn{ background-color: #776D61; color:#fff; padding:4px 8px; text-decoration:none;} /************************************************************** ** Inhoud v/d ***************************************************************/ .total_container{ width: 100%; height: 100%; text-align: center; vertical-align: middle;} .container{ width: 732px; margin: 0 auto;} /************************************************************** ** Menu's ***************************************************************/ .menu{ width: 100%; float: left; height: 25px;} .menu UL{ width: 100%; float: left; margin: 0; padding: 0; list-style: none;} .menu UL LI{ display: inline; line-height: normal; padding: 0px 4px; z-index: 100;} .menu UL LI A{ color: #FFF; font-size: 14px; text-decoration: none; padding-bottom: 9px; word-spacing: -.1em;} .menu UL LI A.aan{ font-weight: bold; text-decoration: underline;} .menu UL LI A:hover{ color: #000;} .extra_menu{ width: 100%; height: 28px; float: left;} .extra_menu UL{ width: 100%; height: 100%; float: left; margin: 0; padding: 0; list-style: none;} .extra_menu UL LI{ display: inline; line-height: 28px; padding: 0 3px;} .extra_menu UL LI A{ color: #FFF; font-size: 12px; text-decoration: none; word-spacing: -.1em;} .extra_menu UL LI A.aan{ color: #BFBFBF} .extra_menu UL LI A:hover{ color: #000;} UL.nav, UL.nav UL{ list-style: none; margin: 0; padding: 0; z-index: 100;} UL.nav UL{ position: absolute; left: -1px; border: #FFF 1px solid; float: none; top: -999em; min-width: 10px; width: auto !important; width: 10px;} UL.nav LI{ display: inline-block !important; display: -moz-inline-box; text-align: left; cursor: pointer;} UL.nav LI A{ display: inline-block; word-spacing: normal; background-color: #776D61;} UL.nav LI A:hover{} UL.nav LI LI{ display: block !important; float: left; clear: left; padding: 0 5px;} UL.nav LI LI A{ display: block !important; white-space: nowrap; padding: 0 5px; margin: 0 -5px; line-height: 20px; text-align: left;} UL.nav LI.sfHover UL A { background: url(../../Images/menu_bg.png) repeat 0 0; color: #FFF; } UL.nav LI.sfHover UL A:hover { background: url(../../Images/menu_bg_over.png) repeat 0 0; color: #776D61; } UL.nav LI.sfHover UL { top: 25px; } /************************************************************** ** Content ***************************************************************/ .content_container{ width: 100%; float: left; background-color: #000; text-align: left;} .foto{ width: 325px; height: 462px; float: left; display: inline; position: relative;} .foto IMG{ float: left;} .foto DIV.logo{ width: 325px; float: left; display: inline; position: absolute; left: 0px; bottom: 0px;} .foto DIV.logo A{ width: 100%; height: 94px; float: left; display: block; margin-top: 82px; border: 0; background: url(../../Images/logo.png) no-repeat 50% 0;} .content{ width: 377px; padding: 15px 15px 0 15px; float: left; display: inline; overflow: hidden;} .content DIV.venster{ width: 100%; float: left;} .content DIV.hoofdvenster{ width: 365px; height: 430px; overflow: hidden; position: relative; padding: 5px 5px 0; float: left; border: #776D61 1px solid;} .content DIV.hoofdvenster H1.pag_titel{ width: 100%; float: left; text-align: center; font-size: 22px; font-weight: normal; padding: 10px 0 0; line-height: 22px;} .scroll-pane{ float: left; overflow: auto; width: 365px; height: 420px;} SPAN.breadcrumbs{ font-size: 14px;} .content DIV.klein_venster{ width: 100%; float: left; display: inline; margin-top: 20px; border-top: #776D61 1px solid;} .content H6{ font-size: 12px; line-height: 12px; margin: 10px 0;} .content DIV.weer{ float: left; margin-left:5px;} A.weerbericht{ width: 80px; padding: 3px; text-decoration: none; text-align: center; color: #FFF; font-weight: bold; font-size: 13px; display: block; float: right; border: #776D61 1px solid;} A.weerbericht:hover{ border-color: #FFF;} A.weerbericht SPAN{ font-size: 30px;} .content DIV.weer SPAN.bron{ float: left; font-size: 10px; margin-top: 10px;} .content DIV.weer SPAN.bron A{ font-style: italic;} .nieuwsbrief{ position: absolute; top: 0; left: 0;} .nieuwsbrief A.toggle_nb{ display: block; width: 80px; height: 52px; text-decoration: none; color: #FFF; background: url(../../Images/nb_bg.png) repeat 0 0; font-size: 10px; text-align: center; padding-top: 5px;} .nieuwsbrief A.toggle_nb IMG{ float: none;} .nieuwsbrief A.toggle_nb:hover{ background: #000000;} .nieuwsbrief DIV#aanmelden{ position: absolute; left: 5px; top: 5px; display: block; text-align: left; float: left; color: #FFF;} .nieuwsbrief DIV#aanmelden DIV.wrapper{ position: relative; width:294px; padding: 10px; background: url(../../Images/nb_bg.png) repeat 0 0;} .nieuwsbrief DIV.nb_row{ width: 143px; float: left;} .nieuwsbrief DIV.nb_row LABEL{ float: left; clear: left;} .nieuwsbrief DIV.nb_row INPUT.form_text{ width: 140px; float: left; clear: left; border: #000 1px solid;} .nieuwsbrief INPUT.form_btn{ border:1px solid #000000; margin:0px;} /************************************************************** ** Scrollbalk ***************************************************************/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;} .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 99.5%; border: #776D61 1px solid; background: #000;} .jScrollPaneDrag { position: absolute; background: #776D61; cursor: pointer; overflow: hidden;} .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;} .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;} a.jScrollArrowUp { /*background-color: #666;*/ display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;} a.jScrollArrowUp:hover { /*background-color: #f60;*/} a.jScrollArrowDown { /*background-color: #666;*/ display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;} a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/} /************************************************************** ** Nieuws ***************************************************************/ .row{ float: left; clear: left; width: 355px; padding: 5px; background-color: #776D61; font-size: 11px; display: block; color: #FFF; margin-bottom: 3px;} .row .datum{ width: 70px; margin-right: 5px; float: left; display: block;} .row .titel{ width: 280px; float: left; display: block;} .row .link{ width: 100%; float: left; font-weight: bold;} .row .toelichting{ width: 100%; float: left; clear: left;} A.row{ text-decoration: none; cursor: pointer;} A.row:hover{ background-color: #FFF; color: #776D61;} .content DIV.nieuwsbericht{ padding-bottom: 15px; height: 415px;} .content DIV.nieuwsbericht H1.pag_titel{ text-align: left;} .bericht_datum{ position: absolute; top: -3px; left: 0; width: 99%; height: 15px; font-size: 10px; text-align: right;} /************************************************************** ** Contact ***************************************************************/ .contact_row{ float: left; clear: left; width: 355px; padding: 1px 5px;} .contact_row LABEL{ float: left; display: block; width: 130px; margin-right: 5px;} .contact_row INPUT.form_text{ float: left; width: 215px;} /********************************************** ** Fotoboek overzichtspagina Styles **********************************************/ UL.fotoboek{ width: 345px; margin: 0 auto; padding: 0; list-style: none;} UL.fotoboek LI{ width: 100%; padding: 0 0 5px 0; float: left; clear: left;} UL.fotoboek LI A{ color: #FFF; font-weight: bold; text-decoration: none; display: block; padding: 3px 5px; background-color: #776d61;} UL.fotoboek LI A:hover{ text-decoration: underline;} #foto_album{ width: 345px; min-height: 200px; height: auto !important; height: 200px; margin: 0px auto;} #foto_album H2{ font-size: 22px; font-weight: normal;} #foto_album DIV.row{ width: 355px; margin-bottom: 5px; margin-left: -10px; border: none; background: none; padding: 0;} .foto_vak{ width: 78px; float: left; display: inline; margin-left: 10px;} .foto_houder{ width: 72px; float: left; display: inline; padding: 3px; background-color: #776d61;} .foto_houder img{ width: 72px; float: left; border:0;} .foto_houder img.over{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .foto_titel{ width: 78px; margin-top: 3px; text-align: center; overflow: hidden; font-size: 10px;} /********************************************** ** Fotoboek navigatie Styles **********************************************/ .NavigatieVeld{ width: 325px; position: relative; height: 16px; line-height: 16px; padding: 5px 10px; float: left; font-weight: bold; background-color: #776d61;} .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 0 5px 0; padding: 5px 0; text-align: center; float: left; clear: left; width: 345px;} .NavigatieVeld A{ color: #FFF;} .NavigatieVeld A:hover{ text-decoration: underline;} .NavLinks A, .NavRechts A{ text-decoration: none;} /************************************************************** ** Sitemap ***************************************************************/ UL.sitemap{ float: left; width: 345px;} UL.sitemap LI{ padding: 0 0 5px 0;} UL.sitemap, UL.sitemap UL{ padding: 0 10px; margin: 0 10px; line-height: 10px; list-style: none;} UL.sitemap UL LI{ padding: 2px; border: none;} UL.sitemap LI A{ color: #FFF;} UL.sitemap LI A:hover{ color: #776D61;} /************************************************************** ** Footer ***************************************************************/ .footer{ float: left; width: 100%; height: 28px; line-height: 28px; font-size: 10px;}