html {height:100.01%;}
body { padding:0; margin:0; height:100%; width:100%; color:#000; font-size: 12px; }
img, table {border: 0;}
form { margin:0; }
.clearer {line-height:0; min-height:0; padding:0; margin:0; height:0; font-size:1px; clear:both; }

div#page_container { width:900px; min-height:100%; height:auto !important; height:100%; background: #FFF; border-left:1px solid #fff; border-right:1px solid #fff; }

div#info_balk { width:100%; height:19px; }
div#breadcrumbs { float:left; margin:3px; font-weight:normal; font-size:11px; }
div#breadcrumbs a { color:#000; }
a#bratpack_logo { margin:3px; float:right; display:block; color:#000; }

div.banners { text-align:center; width: 100%; }
div.banners a { margin-top:30px; }

a.print_icon { float:right; margin:10px 5px 10px 0; }
DIV.addthis_toolbox { float:right; margin:10px 5px 10px 0; }

div.errors { border:3px solid #ff0000; }
div.errors div { margin: 10px; }
div.errors h3 { margin: 5px 0; }
DIV.pager_links { margin: 10px 3px; }
/*
* Header
*/
div#header { background-color:#fff; border-bottom:1px solid #fff; }
div#header div#header_logo  { width:100%; height:88px; background-position:-1px 0; }
div#header div#vlaggen { float:right; margin:3px; }
div#header div#vlaggen a img { filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; }
div#header div#vlaggen a.selected img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
div#header div#vlaggen a:hover img { filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; cursor:pointer; }

div#zoek_form { float:right; clear:right; margin: 35px 3px 0 0; }
div#zoek_form input.text { width: 120px; }

/*
* Content
*/
div#left_wrapper { float:left; width:900px;}
div#right_wrapper { float:left; width:770px; }
div#content_wrapper { float:left; width:630px; overflow-x:hidden; }
div#content_container { padding: 5px 5px 35px 5px; min-height:247px; height:auto !important; height:247px; }
div#content_container a { color:#000; text-decoration:underline; }
div#content_container input, div#content_container textarea { background-color:#fff; border:1px solid #000; }
div#content_container input[type=radio] { border:0; }
/*
* Linker kolom
*/
div#left_container { float:left; width:130px; overflow:hidden; }
ul.hoofdmenu { margin:0; padding:0; list-style-type:none; float: left; width: 100%; border-bottom:1px solid #fff; }
ul.hoofdmenu li { border-bottom: 1px solid #fff; float: left; clear: left; width: 100%; position: relative;}
ul.hoofdmenu li a { color:#000; width: 100%; float:left; display: block; font-weight:bold; text-decoration:none; padding:1px 0; overflow-x:hidden; }
ul.hoofdmenu li a:hover,
ul.hoofdmenu li a.selected { color:#fff; }
ul.hoofdmenu li a img { margin: 4px 5px 0 8px; width:6px; height:6px; float: left; cursor: pointer;}
ul.hoofdmenu li a span{ width: 105px; float: left; cursor: pointer;}
div#contact_gegevens { width:100%; text-align:center; float: left;}
div#contact_gegevens div { width:80%; margin:5px auto; text-align:left; padding:3px; border:1px solid #000; font-size:9px; }

ul.hoofdmenu li.has_sub_items a.pijl{ margin: 0; display: block; width:14px; height:14px; background: url(images/arrow_closed.gif) no-repeat 50% 50% !important; position: absolute; right: 0; top: 0;}
ul.hoofdmenu li.has_sub_items a.open{ margin: 0; display: block; width:14px; height:14px; background: url(images/arrow_open.gif) no-repeat 50% 50% !important;}

ul.hoofdmenu li.has_sub_items UL.dropdown_submenu{ width: 100%; background-color: #CBDAE2; padding: 0; margin: 0; margin-bottom: -1px; border-top: #FFF 1px solid; list-style: none; float: left; clear: left;}
ul.hoofdmenu li.has_sub_items UL.dropdown_submenu LI A{ padding: 2px 3px 2px 10px; display: block; float: none; width: auto; font-weight: normal;}
ul.hoofdmenu li.has_sub_items UL.dropdown_submenu LI A.current{ background-color: #DFDFDF; color: #000;}

/*
* Rechter kolom
*/
div#right_container { float:right; width:140px; overflow-x:hidden; }
ul.submenu { margin:0; padding:0; list-style-type:none; }
ul.submenu li { border-bottom: 1px solid #fff; }
ul.submenu li a { color:#000; width: 100%; display: block; text-decoration:none; padding:1px 0; }
ul.submenu li a.subitem { padding:1px 0 1px 8px; }
ul.submenu li a:hover,
ul.submenu li a.selected { color:#fff; }
ul.submenu li a span { cursor:pointer; margin:0; padding:0 3px; display:block; }
ul.submenu li span.text_only { margin:0; padding:0; margin: 0 3px; font-weight:bold; }

div.header { width:100%; padding: 5px 0; border-bottom: 1px solid #fff; }
div.header h3 { margin: 0 5px; font-weight:bold; font-size:13px;  }

#content_wrapper div.header { width:628px; margin: 0 1px; }

/*
* 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; }

/*
* 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
*/
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; }

