/* 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;} FORM{ margin: 0;} H1{ font-size: 44px; line-height: 44px; font-weight: normal; margin: 0 0 12px 0;} H2{ font-size: 38px; line-height: 38px; font-weight: normal; margin: 0 0 12px 0;} H3{ font-size: 32px; line-height: 32px; font-weight: normal; margin: 0 0 12px 0;} H4{ font-size: 24px; line-height: 24px; font-weight: normal; margin: 0 0 12px 0;} H5{ font-size: 18px; line-height: 18px; font-weight: normal; margin: 0 0 12px 0;} H6{ font-size: 14px; line-height: 14px; margin: 0 0 12px 0;} H1, H2, H3, H4, H5, H6{ color: #FFF;} INPUT.btn{ height: 20px; font-weight: bold; border: #000 1px solid; background-color: #a5295f; color: #FFF; font-size: 12px; line-height: 19px;} INPUT.text{ height: 15px; font-size: 12px; 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; } DIV.pager_links { margin: 10px 3px; } /* Inhoud v/d ********************************************************************************************************************/ #container{ width: 1000px; margin: 0 auto; } /* Header ********************************************************************************************************************/ #header{ width: 1000px; } /* Vlaggen **********************************************************/ div#vlaggen { position: absolute; margin: 272px 0 0 5px; } div#vlaggen a img { filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; } div#vlaggen a.selected img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } div#vlaggen a:hover img { filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; cursor:pointer; } /* Menu ********************************************************************************************************************/ #menu{ width: 200px; float: right; font-size: 18px; font-weight: bold; line-height: 30px; margin-right: 5px;} #menu UL{ padding: 0; margin: 0; list-style: none;} #menu UL LI{ width: 100%; text-align: right;} #menu LI A{ color: #0166b4;} #menu LI A:hover, #menu LI A.aan { color: #a5295f;} /* Contact gegevens **********************************************************/ div#contact_gegevens { width:100%; text-align:center; } div#contact_gegevens div { width:80%; margin:5px auto; text-align:left; padding:3px; border:1px solid #000; font-size:9px; } /* Page title ********************************************************************************************************************/ #title{ position: absolute; margin: 265px 0 0 152px;} #title H2{ font-size: 30px; width:690px; color:#fff; } /* Submenu ********************************************************************************************************************/ #submenu{ width: 156px; float: left; overflow:hidden; } H6#submenu_title{ width: 132px; display: block; line-height:18px; padding: 10px 5px 10px 15px; border-bottom: #FFF 1px solid;} #submenu UL{ margin: 0; padding: 0; list-style: none;} #submenu UL LI{ padding: 15px 0 15px 25px; width:131px; line-height: 14px; color: #FFF; } #submenu UL LI STRONG{ color: #9896f5; font-weight: normal;} #submenu UL LI.text_only { background:none; font-weight:bold; padding: 7px 0 7px 10px; } #submenu UL LI.over{ cursor: pointer;} /* Content ********************************************************************************************************************/ #content{ width: 688px; float: left;} #content_top{ width: 688px; height: 33px;} #content_bottom{ width: 668px; padding: 20px 10px; color: #FFF;} #content_bottom A{ color:#000;} /* Breadcrumbs ********************************************************************************************************************/ #breadcrumbs{ width: 430px; height: 28px; padding-top: 5px; text-indent: 5px; position: relative; z-index: 20;} #breadcrumbs H6{ font-size: 10px; color:#000;} #breadcrumbs A{ color:#000;} #breadcrumbs A:hover{ color:red;} /* Zoekvenster ********************************************************************************************************************/ #zoekvenster{ position: relative; z-index: 20; width: 230px; height: 28px; float: right; margin-top: 5px;} #zoekvenster INPUT{ float: right; margin-left: 3px;} #zoekvenster INPUT.btn{ margin-right: 5px;} /* Banners ********************************************************************************************************************/ #banners{ width: 156px; text-align: center; margin-top: 50px; float: left;} #banners IMG{ margin-bottom: 10px;} div.banners a img {margin-top:10px;} div#banners_submenu { width:156px; text-align:center; } div#banners_content { width: 668px; text-align:center; } /* Footer ********************************************************************************************************************/ #footer{ width: 1000px; height: 20px; line-height: 20px; font-weight: bold; clear: left;} #footer_left{ width: 156px; height: 20px; text-align: center; float: left;} #footer_left A{ } #footer_middle{ width: 683px; height: 20px; padding-right: 5px; text-align: right; float: left;} #footer_middle A{ } #footer_right{ width: 156px; height: 20px; float: left;} /* Bratpack internetdiensten ********************************************************************************************************************/ /* A.bp{ display: block; width: 168px; height: 14px; position: absolute; margin-left: 10px; bottom: 3px; color: #2A425A; font-weight: bold;} A.bp:hover{ color: red;} */ /********************************************************************************************************* * Content *********************************************************************************************************/ /* * Formulier */ div.form { border:1px solid #626264; padding: 10px; } div.form p.label { margin:0; font-weight:bold; } div.form h4 { margin: 3px 0; } div.form span.required { font-weight:bold; color:#ff0000; } div.form span.error { color:#ff0000; } div.form div.field { margin: 2px 0 7px 0; } div.form div.field input, div.form div.field textarea { background-color:#fff; border:1px solid #000; } /* * Voorpagina */ div#voorpagina_onderdelen { width:100%; } /* * Nieuws */ div#nieuws_reacties div.reactie { margin-bottom:1em; border:1px solid #626264; padding:5px; word-wrap:break-word; } div#nieuws_reacties div.reactie p { margin:0; font-size:10px; } div#nieuws_reacties div.reactie p.titel { margin-bottom:10px; font-size:12px; font-weight:bold; } div#nieuws_reacties div.reactie p.info { font-weight:bold; border-top:1px solid #626264; margin-top:5px; padding-top:5px; } /* * Links */ div.links_rij { margin-bottom:5px; padding:5px; } div.links_rij_1 {} div.links_rij_2 { background-color:#fff; } /* * Personalia */ div.personalia { } div.personalia img.foto { float:left; } div.personalia div.html { float:left; margin-left:5px; } /* * FAQ */ div.faq_rij { margin-bottom:5px; padding:5px; } div.faq_rij_1 {} div.faq_rij_2 { background-color:#fff; } /* * Agenda */ div.agenda_rij { margin-bottom:5px; padding:5px; } div.agenda_rij_1 {} div.agenda_rij_2 { background-color:#fff; } fieldset.agenda { margin:10px 0; padding:5px; width:250px; text-align:left; } /* * Programma */ table.programma_categorie { width:100%; background-color:#000; } table.programma_categorie th { text-align:left; } table.programma_categorie th, table.programma_categorie td { background-color:#fff; } table.programma_categorie td.over { background-color:#ff0000; } /* * Vacatures */ fieldset.vacatures { margin:10px 0; padding:5px; width:250px; text-align:left; } /* * Poll */ fieldset.poll { margin:10px 0; padding:5px; width:250px; text-align:left; } fieldset.poll legend { font-style:italic; font-weight:bolder; } fieldset.poll div.antwoord { margin-bottom: 3px; } fieldset.poll label { cursor:pointer; } fieldset.poll div.poll_balk_border { width:102px; height:7px; border:1px solid #000; } fieldset.poll div.poll_balk { margin:1px; height:5px; font-size:0px; background-color:#ff0000; } /* * Fotoboek */ div#fotoboek { } div#fotoboek div.row { clear:left; width:520px; margin: 0 0 10px 0; } div#fotoboek div.row div.col { float:left; width:120px; margin: 0 10px 0 0; } body#fotoboek_foto_popup { text-align:center; } body#fotoboek_foto_popup div.links { margin:0 auto; } body#fotoboek_foto_popup a { color:blue; } /* * Webwinkel */ div#webwinkel_product_overzicht {} div#webwinkel_product_overzicht div.product { padding:5px; } div#webwinkel_product_overzicht div.product div.afbeelding { float:left; width:100px; height:75px; } div#webwinkel_product_overzicht div.product div.info { float:left; width:470px; margin-left:10px; } div#webwinkel_product_overzicht div.product div.info a.info_link { font-weight:bold; } div#webwinkel_product_overzicht div.product div.info div.bestellen { margin-top:10px; } table#winkelwagen { width:100%; color:#000; } table#winkelwagen th { background-color:#000; color:#fff; padding:2px; } table#winkelwagen td { padding:3px; } table#winkelwagen th, table#winkelwagen td { text-align:center; vertical-align:top; } table#winkelwagen input.aantal { width:40px; } /* * Nieuwsbrief */ fieldset.nieuwsbrief { margin:10px 0; padding:5px; width:250px; text-align:left; } fieldset.nieuwsbrief legend { font-style:italic; font-weight:bolder; } fieldset.nieuwsbrief label { display: block; width:60px; float:left; } fieldset.nieuwsbrief input { margin-bottom:2px; } /* * Templates voorpagina */ fieldset.templates { margin:10px 0; padding:5px; width:250px; text-align:left; } fieldset.templates legend { font-style:italic; font-weight:bolder; } fieldset.templates label { cursor:pointer; }