/* 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: 0;} 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;} a.print_icon { float:right; margin:10px 5px 10px 0; } DIV.addthis_toolbox { float:right; margin:10px 5px 10px 0; } INPUT.btn{ height: 20px; font-weight: bold; border: #000 1px solid; background-color: #fff; color: #2A425A; font-size: 12px; line-height: 19px;} INPUT.text{ height: 15px; font-size: 12px; background:#fff; 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; } DIV.pager_links A { text-decoration:underline; } /* Inhoud v/d **********************************************************/ #container{ width: 1000px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; } /* Header **********************************************************/ #header_container{ width: 100%; height: 192px;} #header{ width: 100%; height: 162px; } /* Vlaggen **********************************************************/ div#vlaggen { width: 168px; text-align:center; margin-top: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; } /* 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; } /* Zoekvenster **********************************************************/ #zoekvenster{ width: 400px; margin: 130px 0 0; float: right;} #zoekvenster INPUT{ float: right; margin-left: 3px;} #zoekvenster INPUT.btn{ margin-right: 16px;} /* Menu **********************************************************/ #menu_container{ width: 100%;} #menu_extentie{ width: 168px; height: 30px; border-right: #FFF 2px solid; background: url(/templates/template5/images/menu-extentie-border.gif) #6a7b8c repeat-x 0 100%; float: left;} #menu{ width: 830px; height: 30px; font-weight: bold; color: #E0DC00; background: url(/templates/template5/images/menu-border.gif) #2a425a repeat-x 0 100%; float: left;} #menu A{ font-size: 14px; color: #fff; display: inline; padding: 5px 12px; line-height: 30px;} #menu A:hover, #menu A.aan { border-bottom: #000 2px solid;} /* Content **********************************************************/ #content_container{ width: 100%; margin-top: 20px;} #content_container DIV.wrapper{ width: 830px; float: left;} #content_wrapper{ width: 810px; margin: 0 auto 10px; } #content_header{ width: 630px; margin-right: 2px; float: left;} #content{ width: 100%;} .content_title{ padding-left: 25px; border-bottom: #d6d6d6 2px solid;} .content_title H4{ line-height: 40px; margin: 0; font-weight: normal; font-size: 20px;} .content_txt{ margin-left: 10px; padding: 15px;} .content_txt A{ color: #000;} .content_txt A:hover {color:red;} /* Footer **********************************************************/ div#footer { width:100%; text-align:right; height:20px; margin-top:10px; } /* Banners **********************************************************/ #banners{ width: 168px; min-height:1px; height:auto !important; height:1px; margin-right: 2px; float: left;} div.banners {text-align: center;} div.banners img { margin-top:10px; } div#banners_submenu { float:left; margin-top: 10px; width: 178px; } div#banners_content { width:100%; margin-top: 10px; } /* Breadcrumbs **********************************************************/ #breadcrumbs{ font-size: 10px; padding: 0; margin: -18px 0 0 -25px; position: relative;} #breadcrumbs A{ color: #000;} #breadcrumbs A:hover{ color: red;} /* Submenu **********************************************************/ #submenu_header{ width: 178px; float: left;} #submenu{ width: 100%;} .submenu_title{ width: 148px; height: 36px; text-align: center; padding: 0 15px; border-bottom: #d6d6d6 2px solid;} .submenu_title H5{ line-height: 36px; margin: 0; font-weight: normal;} #submenu DIV.wrapper{ width: 100%; border-bottom: #000 2px solid;} .submenu_link, .submenu_link_over{ overflow:hidden; width: 156px; margin: 0 auto; padding: 5px 6px; background-color: #FFF;} .submenu_link_over{ border-left: #000 5px solid; border-right: #000 5px solid; cursor: pointer;} .submenu_link STRONG, .submenu_link_over STRONG{ color: #2a425a;} #submenu .text_only { font-weight:bold; } /* Bratpack internetdiensten **********************************************************/ A.bp{ text-align:center; color: #2A425A; font-weight: bold; margin:0 15px 15px 0;} 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; } .nieuws_datums {margin-bottom:10px;} table.nieuws_archief {width:100%;} table.nieuws_archief tr {margin-top:3px;} table.nieuws_archief td {vertical-align:top;} /* * 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 */ .agenda_datums {margin-bottom:10px;} 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; text-align:left; width:350px; } .agende_voorpagina {} /*table.agenda {width:100%; border:0;} table.agenda tr.agenda_rij {} table.agenda td {padding:2px;} table.agenda tr.agenda_rij_1 {} table.agenda tr.agenda_rij_2 { background-color:#fff; }*/ /* * 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; text-align:left; min-width: 250px; width: auto !important; width: 250px; } 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; }