/* Algemeen **********************************************************/ HTML{ height: 100.01%;} BODY{ margin: 0;} 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; margin: 0 0 12px 0;} H2{ font-size: 38px; line-height: 38px; margin: 0 0 12px 0;} H3{ font-size: 32px; line-height: 32px; margin: 0 0 12px 0;} H4{ font-size: 24px; line-height: 24px; margin: 0 0 12px 0;} H5{ font-size: 18px; line-height: 18px; margin: 0 0 12px 0;} H6{ font-size: 14px; line-height: 14px; margin: 0 0 12px 0;} INPUT.btn{ height: 20px; font-weight: bold; border: #000 1px solid; color: #000; 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.addthis_toolbox { float:right; margin:10px 0 -5px 0; } /* Inhoud v/d **********************************************************/ #container{ width: 950px; margin: 0 auto;} /* Header **********************************************************/ #header{ width: 950px; height: 169px;} #header_top-left{ width: 922px; height: 15px; float: left; border-bottom: #FFF 1px solid; } #header_top-right{ width: 191px; height: 15px; float: right; border-left: #FFF 1px solid;} #header_right{ width: 27px; height: 166px; border-bottom: #FFF 3px solid; float: right; } #header_right_top{ width: 27px; height: 15px; border-bottom: #FFF 1px solid; } /* Logo **********************************************************/ #logo{ width: 922px; height: 121px; float: left; clear: left; border-bottom: #FFF 1px solid;} #sfeer-foto{ width: 191px; height: 121px; float: right; border-left: #FFF 1px solid;} /* Zoekvenster **********************************************************/ #zoekvenster{ width: 250px; margin: 5px 5px 0 0; float: right; height:50px;} #zoekvenster INPUT{ float: right; margin-left: 3px;} /* Vlaggen **********************************************************/ div#vlaggen { clear:right; float:right; height:30px; 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; } /* Breadcrumbs **********************************************************/ #breadcrumbs{ display:none;width: 100%; height: 20px; margin-top: 75px; text-align: right; float: right; clear:right;} #breadcrumbs H6{ font-size: 12px; margin: 0; color: #FFF;} #breadcrumbs H6 A{ color: #FFF; font-weight: bold;} #breadcrumbs H6 A:hover{ border-bottom: #FFF 1px solid;} #breadcrumbs H6 A.aan{ border-bottom: #FFF 1px solid;} /* Banners **********************************************************/ div.banners { text-align:center; width: 100%; } div.banners a { margin-top:30px; } div#banner_submenu { } /* Errors **********************************************************/ div.errors { border:3px solid #ff0000; } div.errors div { margin: 10px; } div.errors h3 { margin: 5px 0; } /* Menu **********************************************************/ #menu_container{ width: 922px; border-right: #FFF 1px solid; float: right;} #menu{ width: 730px; height:31px; border-right: #FFF 1px solid;} #menu UL{ margin: 0; padding: 0; list-style: none; float:left;} #menu UL LI{ display: inline; float: left; height:20px; border: #FFF 2px solid; border-bottom: none; margin-left: 7px; margin-top: 6px; font-weight: bold; padding: 0 8px; line-height: 20px;} #menu UL LI A{ text-decoration: none; color: #FFF;} #menu UL LI A:hover{ border-bottom: #FFF 1px solid;} #menu UL LI.aan{ } #menu UL LI.aan A{ text-decoration: none; color: #000;} /* Submenu titel **********************************************************/ H3#titel_submenu{ width: 188px; padding: 0; margin: 0; color: #FFF; padding-top: 10px; line-height: 21px; font-weight: normal; display: block; font-size: 24px; float: right;} /* Submenu **********************************************************/ #submenu_container{ width:922px; float: left;} #submenu{ clear:right; float: right; width:192px; position: relative;} #submenu UL{ margin: 0 auto; padding: 0; list-style: none;} #submenu UL LI, #submenu UL LI.text_only{ padding: 15px 0 15px 25px; width:167px; overflow:hidden; line-height: 14px; color: #FFF; background: url(/templates/template4/images/bullet.jpg) no-repeat 10px 19px; border-bottom: #FFF 1px solid;} #submenu UL LI.text_only{ padding-left:10px; width:182px; background: none; font-weight:bold; color:#000; } #submenu UL LI STRONG{ color: #000; font-weight: normal;} #submenu UL LI.over{ background-image: url(/templates/template4/images/bullet_aan.jpg); cursor: pointer;} /* Content **********************************************************/ #content{ width: 667px; padding: 30px; float: left;} #content a { color:#000; text-decoration:underline; } /* Footer **********************************************************/ #footer{ width: 729px; height: 20px; text-align:right; border-top: #FFF 1px solid; border-right: #FFF 1px solid; float: left; clear:left;} #footer A{ color: #FFF; font-weight: bold; line-height: 20px; margin-right: 3px;} /* Bratpack internetdiensten **********************************************************/ A.bp{ float: left; margin-left: 10px; color: #FFF; font-weight: bold;} /********************************************************************************************************* * 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 */ .nieuws_item {margin: 5px 0; padding: 7px;} .nieuws_item.odd {background-color:#fff; } .nieuws_item.even {background-color:#EFEFEF;} .nieuws_item H4 {margin:3px 0 5px;} .nieuws_item .extra_info {font-size:12px; margin: 0 0 5px;} .nieuws_item .extra_info .datum {color:#AFAFAF;} 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:620px; 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:480px; 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; }