/************************************************************** ** Algemeen ***************************************************************/ HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center; background: url(../../Images/body_bg.jpg) #eeeeee no-repeat fixed 50% 0;} HTML, BODY{ margin: 0; padding: 0; font-size: 12px; color: #000; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #000;} A:hover{ color: #E64285;} A:focus, INPUT:focus, IMG:focus, DIV:focus{ outline: none;} A *{ cursor: pointer;} 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; line-height: 14px;} 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: Arial, Helvetica, sans-serif; color: #ec008c;} INPUT.form_text{ float: left; padding: 2px; font-size: 12px; font-weight: normal; color: #000; border: #dcdcdc 1px solid; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; border: #dcdcdc 1px solid;} BUTTON.style_btn{ width: 65px; height: 66px; padding: 0; margin: 0; border: 0; float: right; background: url(../../Images/button.gif) no-repeat 0 0;} BUTTON.style_btn SPAN{ font-size: 9px; color: #FFF; font-weight: bold; line-height: 11px; font-variant: small-caps;} .clearer{ clear: both;} .hidden{ visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} LABEL.error{ color: #F00; display: none;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 1000px; height: 768px; padding: 19px; left: 50%; margin-left: -519px; top: 0px; text-align: left; position: absolute; background: url(../../Images/body_bg.gif) no-repeat 0 0;} .container DIV.wrapper{ width: 1000px; height: 768px; background-color: #FFF;} .row{ width: 100%; float: left; clear: left;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; height: 161px; float: left; clear: left; overflow: hidden;} .header DIV.logo{ width: 309px; height: 100%; float: left; display: inline;} .header DIV.logo A{ display: block; height: 100%;} /*.header DIV.logo A{ display: block; height: 100%; background: url(../../Images/logo.jpg) no-repeat 0 0;}*/ .header DIV.header_foto{ width: 691px; height: 100%; float: left; display: inline;} /*.header DIV.header_foto{ width: 691px; height: 100%; float: left; display: inline; background: url(../../Images/header.jpg) no-repeat 0 0;}*/ /************************************************************** ** Menu ***************************************************************/ .menu{ width: 100%; float: left; clear: left; position: relative; background-color: #FFF; z-index: 999;} .menu UL{ width: 853px; margin: 0 auto; padding: 0; list-style: none; clear: both; text-align: center;} .menu UL LI{ display: inline-block; float: left; padding: 0; margin: 0; position: relative; text-align: center;} .menu UL LI A{ display: block; margin: 0; font-size: 16px; line-height: 26px; white-space: nowrap; color: #4b4b4d; text-align: left; position: relative; text-transform: lowercase; text-decoration: none; position: relative;} .menu UL LI A.aan{ color: #e64285; font-weight: bold;} .menu UL LI A.over{ background: url(../../Images/menu_over.png) repeat 0 0; color: #000; font-weight: bold; padding-top: 10px; padding-bottom: 10px; margin: -10px 0;} LI#Home{ margin-right: 40px;} LI#Home A{ width: 55px; padding-left: 10px;} LI#De_kunstroute{ margin-right: 10px;} LI#De_kunstroute A{ width: 120px; padding-left: 10px;} LI#Aanmelden_nieuwsbrief A{ width: 148px; padding-left: 10px;} LI#Sponsoren A{ width: 140px; padding-left: 10px;} LI#Contact A{ width: 148px; padding-left: 10px;} LI#Gastenboek A{ width: 132px; padding-left: 10px;} .submenu{ width: 100%; position: absolute; left: -999em; top: 36px; z-index: 999; display: inline-block; border: 0; margin: 0; background: url(../../Images/menu_over.png) repeat 0 0;} .submenu *{ margin: 0; padding: 0;} .submenu UL{ width: 100%; float: left; display: inline; margin: 0; position: relative;} .submenu UL LI{ width: 100%; display: inline-block; border: 0; margin: 0; position: relative;} .submenu UL LI A{ width: auto !important; float: none; color: #000; display: block; text-transform: none; padding: 10px 0 !important; margin: 0 10px !important; position: relative; font-weight: normal; text-decoration: none; font-size: 12px; line-height: 13px; border-top: #1e7aa1 1px solid;} .submenu UL LI A:hover{ color: #009376; font-weight: bold;} /************************************************************** ** Content ***************************************************************/ DIV.content_container{ width: 100%; height: 516px; float: left; clear: left; overflow: hidden; position: relative; } /*DIV.content_container{ width: 100%; height: 516px; float: left; clear: left; overflow: hidden; position: relative; background: url(../../Images/bg_foto.jpg) no-repeat 0 0;}*/ /************************************************************** ** Content ***************************************************************/ DIV.nieuws_kolom{ width: 153px; height: 451px; float: left; position: relative; display: inline; margin-top: 32px; text-align: right; margin-left: 20px; padding-right: 16px; border-right: #FFF 5px solid;} DIV.nieuws_kolom H2{ color: #FFF; font-size: 21px;} DIV.nieuws_kolom SPAN{ color: #FFF; font-size: 12px; line-height: 14px; display: block; margin: 5px 0;} DIV.nieuws_kolom DIV.nb_aanmelden{ color: #FFF; position: absolute; bottom: 3px; right: 16px; font-size: 12px;} DIV.nieuws_kolom DIV.nb_aanmelden A{ color: #FFF;} DIV.nieuws_kolom DIV.nb_aanmelden A:hover{ text-decoration: none;} DIV.nieuws_kolom DIV.nieuws-items{ width: 169px; float: left; clear: left; margin-right: -16px; height: 370px; overflow: auto;} DIV.nieuws-items DIV.nieuws_row{ width: 100%; float: left; clear: left; border-top: #FFF 1px dotted; padding-top: 3px; margin-top: 3px;} DIV.nieuws-items DIV.nieuws_row A{ color: #FFF; text-decoration: none; padding-right: 16px; display: block;} DIV.nieuws-items DIV.nieuws_row A:hover{ color: #BCD9E5;} DIV.nieuws-items DIV.nieuws_row A SPAN.date{ margin: 0; display: block; color: #BCD9E5; font-weight: bold;} DIV.holder{ float: left; display: inline; margin-top: 32px; margin-left: 17px; position: relative;} DIV.holder DIV#scrollpane{ width: 452px; height: 451px; padding-right: 75px !important; overflow: hidden;} DIV.content{ padding: 12px;} DIV.content DIV.top{ position: absolute; top: 0;} DIV.content H1{ font-size: 16px; line-height: 18px; color: #000;} DIV.content H1 STRONG{ font-size: 13px;} DIV.home DIV.row{ padding: 0 20px; width: 388px;} DIV.home H1{ font-size: 14px; line-height: 16px; color: #000;} DIV.home H2{ font-family: Tahoma, Geneva, sans-serif; float: left; margin: 0;} DIV.home SPAN.plus{ font-size: 50px; line-height: 80px; float: left; color: #EC008C;} DIV.home H3{ font-family: Tahoma, Geneva, sans-serif; margin: 0;} DIV.home H4{ font-family: Tahoma, Geneva, sans-serif; margin: 0;} DIV.home H5{ font-family: Tahoma, Geneva, sans-serif; margin: 0;} A#top_link{ position: absolute; right: 0; bottom: 0; color: #FFF; font-size: 12px; z-index: 999;} A#top_link:hover{ text-decoration: none;} table.overzicht TD{ vertical-align: top; padding: 10px 0;} table.overzicht SPAN.groen{ color: #009376;} .contact_logo{ position: absolute; bottom: 10px; right: 100px;} /************************************************************** ** Fotoboek ***************************************************************/ DIV.albums{ text-align: right; background-color: #009376; padding:5px; color: #FFF;} #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: 97px; float: left; display: inline; margin-right: 5px;} .foto_houder{ width: 91px; float: left; display: inline; padding: 3px; background-color: #E64285;} .foto_houder img{ width: 91px; float: left;} .foto_houder img.over{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .foto_titel{ width: 97px; margin-top: 3px; text-align: center; overflow: hidden; font-size: 10px;} /********************************************** ** Fotoboek navigatie Styles **********************************************/ .NavigatieVeld{ width: 385px; margin: 0px 5px 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: #000;} .NavigatieVeld A:hover{ color: #E64285;} .NavLinks A, .NavRechts A{ text-decoration: none;} /************************************************************** ** Gastenboek ***************************************************************/ .plaats_comment{ width: 84.5%; padding: 10px 30px; border: 1px dotted #333300; background: url(../../Images/stripes_bg.jpg) repeat 0 0; float: left; clear: left; margin-bottom: 30px;} .plaats_comment DIV.row{ margin-bottom: 5px;} .plaats_comment LABEL{ float: left; clear: left;} .plaats_comment INPUT.form_text{ float: left; clear: left; width: 97%; border: 1px solid #333300;} .plaats_comment INPUT.form_btn{ background-color: #009376; color: #FFF; border: 1px solid #333300; float: left;} .plaats_comment TEXTAREA{ float: left; clear: left; width: 97%; padding: 2px; border: 1px solid #333300;} .messageblock { margin: 0; border: 1px solid #333300; width: 99%; margin-bottom: 10px; float: left; clear: left;} .messageblock-head { padding: 2px; background: #E64285; border-bottom: 1px solid #333300; color: #ffffff;} .messageblock-head a { color: #ffffff; text-decoration:underline;} .messageblock-main { padding: 2px; clear: both; background: #FFF; color: #000000; overflow-x: hidden;} .messageblock-main a{ color: #000000; text-decoration:underline;} .messageblock SPAN.naam{ float: left; font-weight: bold;} .messageblock SPAN.tijd{ float: right;} /************************************************************** ** Nieuws ***************************************************************/ .datum{ color: #E64285;} .tekst{ margin:4px 0 0 0; padding:6px;} .nieuws_item{ width: 100%; min-height: 20px; height: auto !important; height: 20px; float: left; clear: left; border-bottom: #000 1px dotted;} .nieuws_item A{ display: block; height: 100%; padding: 5px 10px 5px 85px; text-decoration: none; font-weight: bold;} .nieuws_item A SPAN.datum_bericht{ display: block; float: left; width: 70px; margin-left: -75px; font-weight: normal;} .nieuws_item A:hover{ background-color: #E64285; color: #FFF;} .filter{ width: 84.5%; padding: 10px 30px; border: 1px dotted #333300; background: url(../../Images/stripes_bg.jpg) repeat 0 0; float: left; clear: left; margin-bottom: 30px;} .filter DIV.row{ margin-bottom: 5px;} .filter INPUT.form_text{ float: left; clear: left; width: 97%; border: 1px solid #333300;} .filter INPUT.form_btn{ background-color: #009376; color: #FFF; border: 1px solid #333300; float: left;} .filter TEXTAREA{ float: left; clear: left; width: 97%; padding: 2px; border: 1px solid #333300;} .filter SELECT{ float: left; margin-right: 5px;} /************************************************************** ** Sponsors ***************************************************************/ .sponsor{ width: 190px; border: dotted #000; border-width: 0 1px; float: left; margin-bottom: 20px; padding: 0 5px;} .sponsor TABLE{ width: 100%;} .sponsor TABLE.over TD.gegevens{ background-color: #009376;} .sponsor TD.foto{ vertical-align: middle; height: 105px;} .sponsor TD.foto A{ display: block; text-align: center;} .sponsor TD.foto SPAN{ display: block; text-align: center;} .sponsor TD.gegevens{ text-align: center; background-color: #E64285;} .sponsor TD.gegevens SPAN{ display: block; color: #FFF;} /************************************************************** ** Sitemap ***************************************************************/ .sitemap{ margin-top: 10px;} .sitemap TD{ padding: 5px 0;} .sitemap UL{ list-style: none;} .sitemap UL A{ text-decoration: none;} /************************************************************** ** Formulieren ***************************************************************/ .formulier{ margin: 5px 0; float: left; padding: 20px 0 10px; position: relative;} .formulier LABEL{ line-height: 20px; float: left;} .formulier TABLE{ width: 100%;} .formulier TABLE TD{ padding-bottom: 8px; vertical-align: top;} .formulier TABLE INPUT, .formulier TABLE SELECT, .formulier TABLE TEXTAREA{ margin-left: 3px; float: left; background-color: #e3e4e4; color: #000;} .formulier TABLE INPUT.form_text{ width: 335px; background: #e3e4e4; margin-right: 3px; color: #000;} .formulier TABLE DIV.text{ float: left; clear: both; font-size: 10px; font-style: italic; width: 200px;} .formulier TABLE TEXTAREA{ width: 338px;} .formulier TABLE SMALL{ margin-top: -3px;} .formulier TABLE LABEL{ line-height: 20px; margin-right: 4px;} .formulier TABLE LABEL.error{ line-height: normal; font-size: 10px; font-weight: bold; color: #F00; margin: 0 0 3px 3px; display: none; clear: left; width: 100%;} .formulier TABLE LABEL.optie{ display: block; width: 101px;} .klein_form TABLE{ width: 300px;} .klein_form TABLE INPUT.form_text{ width: 200px;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; height: 50px; float: left; clear: left; border-top: #e64285 15px solid; background: url(../../Images/footer_bg.jpg) #FFF no-repeat 100% 0;} .footer DIV.copyright{ width: 350px; height: 100%; float: left; display: inline;} .footer DIV.copyright A{ float: left; margin: 2px 0 0 2px; display: block; padding: 13px 0 25px 52px; background: url(../../Images/studiovanloon_logo_2012.jpg) no-repeat 0 0; color: #737373; font-size: 10px;} .footer DIV.copyright A:hover{ text-decoration: none; color: #E64285;} .footer DIV.bronnen{ width: 300px; float: left; display: inline; color: #737373; font-size: 10px; padding: 16px 0 0 34px;} .footer DIV.footer_linkjes{ width: 316px; float: left; display: inline;} .footer DIV.footer_linkjes A#sitemap{ float: left; margin: 16px 0 0 100px; color: #737373;} .footer DIV.footer_linkjes A#sitemap:hover, .footer DIV.footer_linkjes A.aan{ text-decoration: none !important; color: #E64285 !important;}