/*----------------------------------------------------------------------------- Website: www.parkvanbeervelde.be Auteur: Webatvantage.be Laatst gewijzigd: 02-07-2010 -----------------------------------------------------------------------------*/ /*------------------------------- START RESET -------------------------------*/ * { margin: 0; padding: 0; outline: none; } /*------------------------------- END RESET -------------------------------*/ /*------------------------------- START HTML/BODY -------------------------------*/ html { overflow:-moz-scrollbars-vertical; } html, body { background: #35362a url(../Graphics/Pattern.jpg) repeat; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #35362a; text-align: center; } /*------------------------------- END HTML/BODY -------------------------------*/ /*------------------------------- START DEFAULT LINKS -------------------------------*/ a:link, a:visited, a:hover, a:active { color: #858657; text-decoration: underline; outline: none; } /*------------------------------- END DEFAULT LINKS -------------------------------*/ /*------------------------------- START HEADINGS -------------------------------*/ h1 { margin: 0 0 10px 0; font-family: Arial, Verdana, Helvetica,sans-serif; font-size: 20px; font-weight: bold; color: #35362a; line-height: 22px; } h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #7C7D5B; line-height: 20px; } h3 { font-family: Arial, Verdana, Helvetica,sans-serif; font-size: 15px; font-weight: bold; color: #35362a; line-height: 17px; } h3.link_title { width: 780px; height: 27px; line-height: 27px; padding: 0 10px; background: url(../Graphics/Links_title_bg.gif) no-repeat top left; color: #fff; font-size: 15px; } /*------------------------------- END HEADINGS -------------------------------*/ /*------------------------------- START STROOK -------------------------------*/ #strook { position: relative; width: 100%; height: 166px; margin: 0 auto; text-align: center; } #innerstrook { position: relative; width: 880px; height: 166px; margin: 0 auto; } #innerstrook a img { border: none; } /*------------------------------- END STROOK -------------------------------*/ /*------------------------------- START CONTAINER -------------------------------*/ #container { min-height: 494px; height: auto!important; height: 494px; width: 850px; margin: 0 auto; padding: 0 15px; background: #fff url(../Graphics/Container_bottom.jpg) no-repeat bottom left; text-align: left; } #containertop { width: 880px; height: 41px; margin: 0 auto; background: url(../Graphics/Top2.png) no-repeat top left; text-align: left; } /*------------------------------- END CONTAINER -------------------------------*/ /*------------------------------- START NAVBOX -------------------------------*/ #navbox { float:left; width: 850px; height: 42px; background: url(../Graphics/Mainnav_bg.jpg) repeat-x top left; } /*------------------------------- END NAVBOX -------------------------------*/ /*------------------------------- START MAINNAV -------------------------------*/ ul#mainnav { clear: both; float: left; display: block; width: 850px; height: 42px; margin: 0; padding: 0; } ul#mainnav li { float: left; display: inline; width: auto; height: 36px; background: red; margin-top: 3px; padding-left: 10px; padding-right: 10px; background: url(../Graphics/Divider.jpg) no-repeat top right; } ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active { display: block; float: left; width: auto; height: 36px; font-family: "Georgia", "Times New Roman", Serif; font-size: 12px; color: #afb0ab; text-decoration: none; line-height: 36px; } ul#mainnav li a:hover { color: #fff; } ul#mainnav li a#current { color: #fff; background: url(../Graphics/Arrow.jpg) no-repeat bottom center; } /*------------------------------- END MAINNAV -------------------------------*/ /*------------------------------- START COUNTDOWN -------------------------------*/ #countdown { display: block; float: right; width: 470px; height: 25px; text-align: right; line-height: 25px;font-size: 11px; /* zelfde als height */ } #volgendetuindagen { display: block; float: left; width: 370px; height: 25px; text-align: left; line-height: 25px; } /*------------------------------- END COUNTDOWN -------------------------------*/ /*------------------------------- START UWEVENEMENT_PLAN -------------------------------*/ #uwevenement_plan { clear: both; float: none; display: block; width: 538px; height: 427px; background: url(../Graphics/Uwevenement_plan.jpg) no-repeat top left; margin: 0 auto; } #uwevenement_plan #nummer1, #uwevenement_plan #nummer2, #uwevenement_plan #nummer3, #uwevenement_plan #nummer4, #uwevenement_plan #nummer5, #uwevenement_plan #nummer6 { float: none; display: block; position: relative; width: 36px; height: 35px; text-indent: -9999px; } #uwevenement_plan #nummer1 { top: 320px; left: 252px; background: url(../Graphics/Nummer1.gif) no-repeat top left; } #uwevenement_plan #nummer2 { top: 12px; left: 355px; background: url(../Graphics/Nummer2.gif) no-repeat top left; } #uwevenement_plan #nummer3 { top: 195px; left: 142px; background: url(../Graphics/Nummer3.gif) no-repeat top left; } #uwevenement_plan #nummer4 { top: 160px; left: 50px; background: url(../Graphics/Nummer4.gif) no-repeat top left; } #uwevenement_plan #nummer5 { top: 25px; left: 150px; background: url(../Graphics/Nummer5.gif) no-repeat top left; } #uwevenement_plan #nummer6 { top: -170px; left: 250px; background: url(../Graphics/Nummer6.gif) no-repeat top left; } /*------------------------------- END UWEVENEMENT_PLAN -------------------------------*/ /*------------------------------- START CONTENT -------------------------------*/ #content { clear: both; height: auto; margin: 0; padding: 20px 0 0 0; } #content .kolom { float: left; width: 276px; margin: 0 11px 0 0; padding: 0; line-height: 16px; } #content .kolom a img, #content #laatstekolom a img { border: none; } #content .kolom .box, #content #laatstekolom .box { width: 272px; height: 218px; background: url(../Graphics/Fotoscroller_bg.gif) no-repeat top left; padding: 4px 0 0 4px; } #content .kolom .fader, #content #laatstekolom .fader { width: 268px; height: 214px; background: #fff; } #content #laatstekolom { float: left; width: 276px; margin: 0; padding: 0; line-height: 16px; } #content .kolom h2 a, #content #laatstekolom h2 a { text-decoration: none; } #content .kolom h2 a:hover, #content #laatstekolom h2 a:hover { text-decoration: underline; } #content #contentbox { float: left; width: 800px; height: auto; margin: 0 0 0 20px; padding: 0; } #content #contentbox p { float: left; width: 500px; height: 300px; overflow: auto; } /* Textarea */ #content #contentbox .textarea { float: left; display: block; width: 700px; height: auto; overflow: auto; } #content #contentbox .textarea ul { margin: 10px 0 10px 25px; } #content #contentbox .textarea ul li { list-style-position: outside; list-style-image: url(../Graphics/Listitem.gif); margin: 8px 0; } #content #contentbox img { float: left; margin: 0 20px 10px 0; } #content #contentbox #fotoscroller { float: left; margin: 0 20px 10px 0; } /* Fotogallerij */ #content #contentbox .fotocategorie { float: left; width: 330px; margin: 0 5px 5px 0; padding: 10px; background: url(../Graphics/Fotocategorie_bg.gif) no-repeat top left; word-wrap: no-wrap} #content #contentbox .fotocategorie a img { float: left; display: inline; padding: 1px; border: 3px solid #babc95; } #content #contentbox .fotocategorie a.photo_title { font-size: 14px; font-weight:bold; text-decoration: none; } /*#content #contentbox .fotocategorie h2 a { text-decoration: none; line-height: 120%; margin: 0 0 10px 0; }*/ #content #contentbox .fotocategorie p { float: left; width: 150px; height: auto; } #content #contentbox .fotothumb { float: left; width: 150px; height: 150px; overflow: hidden; margin: 0 10px 5px 0; padding: 0; } #content #contentbox .fotothumb a img { padding: 1px; border: 3px solid #babc95; } #content #contentbox .fotothumb2 { float: left; width: 158px; /*height: 158px;*/ overflow: hidden; margin: 0 2px 2px 0; padding: 0; } #content #contentbox .fotothumb2 img { padding: 1px; border: 3px solid #babc95; } .fotothumb3 { float: left; width: 158px; height: 158px; overflow: hidden; margin: 0 2px 2px 0; padding: 0; } .fotothumb3 a img { padding: 1px; border: 3px solid #babc95; } /* Perscategorie */ #content #contentbox .perscategorie { float: left; width: 350px; height: 180px; margin: 0; padding: 0; } #content #contentbox .perscategorie a img { float: left; display: inline; padding: 1px; border: 3px solid #babc95; } #content #contentbox .perscategorie a h2 { text-decoration: none; } #content #contentbox .perscategorie p { float: left; width: 150px; height: auto; } /* Innernav */ #content ul.innernav { float: left; clear: left; width: 800px; margin: 0; padding: 5px 0; background-color: #fff; border-bottom: 1px solid #e7e7e7; list-style: none; } #content ul.innernav li { float: left; } #content ul.innernav li a { float: left; margin: 0 8px 0 0; padding: 4px 15px 0 0; text-decoration: none; color: #333; color: #fff !important; background: url(../Buttons/Green.png) no-repeat top right; } #content ul.innernav li a span { float: left; height: 24px; display: block; margin-top: -4px; padding-right: 15px; background: url(../Buttons/Green.png) no-repeat top left; } #content ul.innernav li a:hover, ul.innernav li a.current { color: #fff !important; background: url(../Buttons/Green_hover.png) no-repeat top right !important; } #content ul.innernav li a:hover span, ul.innernav li a.current span { background: url(../Buttons/Green_hover.png) no-repeat top left !important; } #artikelcontainer { float: left; width: 480px; } #artikelcontainer_large { float: left; width: 800px; } #artikelcontainer_large #artikel1 { float: left; width: 800px; } #artikel1, #artikel2, #artikel3, #artikel4 { width: 480px; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e7e7e7; } #artikel1 ul, #artikel2 ul, #artikel3 ul { margin: 10px 0 10px 25px; } #artikel1 ul li,#artikel2 ul li, #artikel3 ul li { /*list-style-position: outside; list-style-image: url(../Graphics/Listitem.gif);*/ list-style-type: disc; margin: 4px 0;} .artikel_titel { background: url(../Graphics/Arrow3.gif) no-repeat top left; padding: 0 0 0 15px; font-size: 14px; font-weight: bold;margin-top:15px;color:#000000;} .cms_title { padding: 10px 0 0 0; font-size: 14px; font-weight: bold; color: #000; display: block; line-height: 19px;} #fotocontainer { float: right; width: 276px; margin:0; overflow: hidden; } #fotocontainer div.box { background: #fff; border: 1px solid #c5c4a6; padding: 5px; } #fotocontainer2 { float: left; width: 276px; margin: 0 0 0 10px; } #fotocontainer2 a img { border: 3px solid #babc95; } /*------------------------------- END CONTENT -------------------------------*/ /*------------------------------- START LINK TABLE -------------------------------*/ table#linktabel td { padding: 5px; } /*------------------------------- END LINKS TABLE -------------------------------*/ /*------------------------------- START STYLED LIST -------------------------------*/ ul.styledlist { float: left; width: auto; margin: 10px 0 ; padding: 0; list-style: none; } ul.styledlist li { margin: 0 0 5px 20px; list-style-type: square; } ul.styledlist ul { margin: 10px 0 10px 20px; list-style: none; } ul.styledlist ul li { list-style-type: disc; } ul.styledlist ul li a:link, #content_center ul.styledlist ul li a:visited, #content_center ul.styledlist ul li a:hover, #content_center ul.styledlist ul li a:active { text-decoration: underline; } /*------------------------------- END STYLED LIST -------------------------------*/ /*------------------------------- START PAGINATION -------------------------------*/ .pagination ul { clear: both; text-align: left; } .pagination li { list-style-type: none; display: inline; width: 19px; height: 19px; } .pagination a, .pagination a:visited { float: left; display: block; width: 19px; height: 19px; margin: 0 2px 0 0; line-height: 18px; text-align: center; text-decoration: none; color: #35362a; } .pagination a:hover { color: #000; text-decoration: underline; } .pagination a.currentpage { background: url(../Graphics/Pagination_active.gif) no-repeat top left; cursor: default; } .pagination a.disablelink, .pagination a.disablelink:hover { cursor: default; } /*------------------------------- END PAGINATION -------------------------------*/ /*------------------------------- START EXPOSANTEN -------------------------------*/ table#styledtable { clear: both; float: left; width: 700px; height: auto; margin: 20px 0 0 0; } table#styledtable td { border-bottom: 1px solid #ccc; padding: 5px; } table#styledtable td span.titel { font-weight: bold; cursor: pointer; } table#styledtable td span.titel2 { font-weight: bold; cursor: pointer; } table#styledtable td span.titel a { text-decoration: none; color: #333; cursor: pointer; } table#styledtable td span.omschrijving { } div#exposant_detail { clear: both; float: left; width: 760px; height: auto !important; min-height: 237px; margin: 0; padding: 20px; background: url(../Graphics/Exposanten_bg.png) no-repeat bottom left; } div#exposant_detail span.titel { background: url(../Graphics/Arrow.gif) no-repeat center left; padding: 0 0 0 15px; font-weight: bold; cursor: pointer; } div#exposant_detail span.titel a { text-decoration: none; color: #333; cursor: pointer; } div#exposant_detail span.omschrijving { padding: 0 0 0 15px; } div#exposant_detail img { border: none; margin: 0 0 10px 0; } div#exposant_detail ul { margin: 10px 0 10px 0; list-style-position: inside; } div#zoekbox { float: left; width: 680px; margin: 10px 0 0 0; padding: 10px; background: #eee; } div#zoekbox .input { width: 250px; height: 14px; padding: 3px 2px; border: 1px solid #ccc; background: #fff; font-family: Arial, Verdana, sans-serif; font-size: 11px; } div#zoekbox .input:focus { border: 1px solid #999; } /*------------------------------- END EXPOSANTEN -------------------------------*/ /*------------------------------- START TAALKEUZE -------------------------------*/ ul#taalkeuze { position:absolute; bottom: 13px; right:0; width: auto; margin: 5px 10px 5px 20px; padding: 0; } ul#taalkeuze li { display: inline; margin: 0 0 0 4px; } ul#taalkeuze li a img { border: none; } /*------------------------------- END TAALKEUZE -------------------------------*/ /*------------------------------- START ZOEKFUNCTIE -------------------------------*/ #zoekfunctie { position: absolute; bottom: 15px; right: 80px; width: auto; margin: 0; padding: 0px 0px 0 0; } #zoekfunctie .input { float: left; width: 149px; height: 15px; padding: 3px; border: 1px solid #ccc; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #534e48; overflow: hidden; } #zoekfunctie .submit { float: left; width: 23px; height: 23px; margin: 0 0 0 1px; padding: 0; background: url(../Graphics/Input_submit.jpg) no-repeat; border: 1px solid #ccc; cursor: pointer; } .zoekopdrachtresult { width: 650px; margin: 0; padding: 12px 0 0 5px; line-height: 18px; } .zoekopdrachtresult h6 { font-size: 12px; font-weight: bold; } /*------------------------------- END ZOEKFUNCTIE -------------------------------*/ /*------------------------------- START COPYRIGHT -------------------------------*/ #copyright { height: 30px; padding-top: 30px; background: url(../Graphics/Copyright.jpg) no-repeat top center; text-align: center; font-family: Times New Roman, Georgia, serif; font-size: 12px; color: #bbbd98; } /*------------------------------- END COPYRIGHT -------------------------------*/ /*------------------------------- START FOOTER -------------------------------*/ #footer { width: 880px; height: 35px; line-height: 35px; margin: 0 auto 10px auto; overflow: hidden; } #footer p { padding: 0 10px 0 0; color: #999; text-align: right; font-size: 10px; text-transform: uppercase; } #footer p a { color: #999; text-decoration: none; } #footer p a:hover { color: #eee; text-decoration: underline; } /*------------------------------- END FOOTER -------------------------------*/ /*------------------------------- START STANDAARDNAV -------------------------------*/ #standaardnav { float: left; width: 400px; height: 30px; margin: 0 0 0 10px; padding: 0; } #standaardnav li { display: inline; float: left; margin: 0 5px 0 0; color: #afafaf; } #standaardnav li a:link, #standaardnav li a:visited, #standaardnav li a:active { color: #afafaf; text-decoration: none; } #standaardnav li a:hover { text-decoration: underline; } #standaardnav li a#current2 { text-decoration: underline; } /*------------------------------- END STANDAARDNAV -------------------------------*/ /*------------------------------- START BREADCRUMBS -------------------------------*/ #breadcrumbs { float: left; width: 750px; height: 25px; line-height: 25px; margin: 0 0 10px 0; color: #858657; } /*------------------------------- END BREADCRUMBS -------------------------------*/ /*------------------------------- START CONTACTFORM -------------------------------*/ #contactform { width: 800px; height: 600px; margin: 20px 0; padding: 0; overflow: hidden; } #contactform .address { float: left; width: 300px; height: auto; margin: 0 30px 0 0; } #contactform .fieldbox1 { float: left; width: 470px; height: auto; margin: 0 0 10px 0; } #contactform .fieldbox2 { clear: both; width: 800px; height: auto; } #contactform .item { clear: both; margin: 0 0 5px 0; overflow: hidden; } #contactform .input { float: left; display: block; width: 364px; height: 14px; padding: 3px 2px; border: 1px solid #ccc; background: #fff; font-family: Arial, Verdana, sans-serif; font-size: 11px; } #contactform .input:focus, #contactform .textarea:focus { border: 1px solid #999; } #contactform .input_error { float: left; display: block; width: 364px; height: 14px; padding: 3px 2px; border: 1px solid #990100; background: #fff; font-family: Arial, Verdana, sans-serif; font-size: 11px; } #contactform .label { float: left; display: block; width: 100px; height: 22px; line-height: 22px; } #contactform .formtextarea { clear: both; display: block; width: 792px; height: 194px; padding: 3px; border: 1px solid #ccc; font-family: Arial, Verdana, sans-serif; font-size: 11px; } #contactform .formtextarea_error { clear: both; display: block; width: 792px; height: 194px; padding: 3px; border: 1px solid #990100; font-family: Arial, Verdana, sans-serif; font-size: 11px; } #contactform .correct { float: left; width: 352px; margin: 0 0 5px 0; padding: 0 0 4px 0; color: #858657; font-weight: bold; text-align: left; } #contactform .error { float: left; width: 352px; margin: 0 0 5px 0; padding: 0 0 4px 0; color: #990100; font-weight: bold; text-align: left; } #contactform .info { float: left; width: 352px; margin: 0 0 5px 0; padding: 0 0 4px 0; color: #333; font-weight: bold; text-align: left; } #contactform .select { font-family: Arial, Verdana, sans-serif; font-size: 12px; } .submitbutton { clear: both; float: left; height: 24px; background: #858657 url('../Graphics/Submitbutton_bg.gif') repeat-x top left; margin: 15px 0 0 0; padding: 0 10px; text-align: center; border: none; border: 1px solid #a2a585; cursor: pointer; color: #fff; font-size: 10px; font-family: Verdana, Arial, sans-serif; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* button.btn_submit { clear: both; margin: 0; padding: 0 20px 0 0; border: 0; text-align: center; cursor: pointer; } button.btn_submit span { position: relative; display: block; white-space: nowrap; padding: 0 0 0 20px; } button.btn_submit { background: url(../Graphics/Btn_submit_right_bg.gif) right no-repeat; font-size: 10px; font-family: Verdana, Arial, sans-serif; } button.btn_submit span { height: 24px; line-height: 24px; background: url(../Graphics/Btn_submit_left_bg.gif) left no-repeat; color: #fff; } button.btn_submit:hover {} button.btn_submit:hover span {} */ /*------------------------------- END CONTACTFORM -------------------------------*/ /*------------------------------- START TOOLTIP -------------------------------*/ #tooltip { position: absolute; background: #858657; padding: 3px 5px; color: #fff; display: none; } /*------------------------------- END TOOLTIP -------------------------------*/ /*------------------------------- START BUTTON BEKIJKPLAN -------------------------------*/ a:link#bekijkplan, a:visited#bekijkplan, a:active#bekijkplan { float: left; display: block; width: auto; height: 35px; line-height: 35px; margin: 15px 0 0 0; background: url(../Graphics/Plan_icoon.gif) no-repeat center left; text-indent: 35px; } /*------------------------------- END BUTTON BEKIJK PLAN -------------------------------*/ /*------------------------------- START BUTTON BEZOEK FOTOTHEEK -------------------------------*/ a:link#bezoekfototheek, a:visited#bezoekfototheek, a:active#fototheek { float: left; display: block; width: auto; height: 35px; line-height: 35px; margin: 15px 0 0 15px; background: url(../Graphics/Foto_icoon.gif) no-repeat center left; text-indent: 35px; } /*------------------------------- END BUTTON BEZOEK FOTOTHEEK -------------------------------*/ /*------------------------------- START OTHER CLASSES -------------------------------*/ .clear { clear: both; } .important { font-weight: bold; } .underline { text-decoration: underline; } .floatleft { float: left; } .floatright { float: right; } .relative { position: relative; } .imgfloatright { float: right !important; } .mail_link { background: url(../Graphics/Mail.png) no-repeat top left; } .site_link { background: url(../Graphics/Site.png) no-repeat top left; } .tel_link { background: url(../Graphics/Tel.png) no-repeat top left; } .download { background: url(../Graphics/Download.png) no-repeat top left; display: block; height: 20px; padding: 0 0 0 25px;} .print { background: url(../Graphics/Print.gif) no-repeat top left; display: block; height: 20px; padding: 0 0 0 25px;} .pdf { background: url(../Graphics/Adobe.gif) no-repeat top left; padding: 0 0 0 30px; line-height: 30px; } .groen{color: #858657;font-size: 11px;} .thumb_border { border: 2px solid #c3c6a8; padding: 1px } .fader { overflow: hidden; } a#print_page { display: block; width: 222px; height: 28px; line-height: 30px; margin: 0 auto; padding: 5px 0; text-align: center; background: url('../Graphics/Print.png') no-repeat 10px 4px; border: 1px solid #c5c4a6; } /*------------------------------- END OTHER CLASSES -------------------------------*/ .veld_label {float:left;width:130px;line-height:24px;} .veld_input {float:left;} .veld_opmerking {float:left;line-height:24px;padding-left:20px;text-transform:uppercase;font-size:10px;color:#979387;} div#grondplan { position: relative; width: 480px; height: 718px; background: url(../Graphics/Grondplan.gif) no-repeat top left; } div#grondplan a#nr1, div#grondplan a#nr2, div#grondplan a#nr3, div#grondplan a#nr4, div#grondplan a#nr5, div#grondplan a#nr6 { position: absolute; display: block; width: 34px; height: 34px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; } div#grondplan a#nr1 { top: 318px; left: 122px; background-image: url(../Graphics/Kaart_1.png); } div#grondplan a#nr2 { bottom: 195px; left: 415px; background-image: url(../Graphics/Kaart_2.png); } div#grondplan a#nr3 { top: 160px; left: 160px; background-image: url(../Graphics/Kaart_3.png); } div#grondplan a#nr4 { top: 81px; left: 168px; background-image: url(../Graphics/Kaart_4.png); } div#grondplan a#nr5 { top: 190px; left: 274px; background-image: url(../Graphics/Kaart_5.png); } div#grondplan a#nr6 { top: 320px; right: -25px; background-image: url(../Graphics/Kaart_6.png); }