@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{ background:#b9b9b9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; margin:0px; padding:0px;}

a{ color:#ffffff; text-decoration:underline;}
a:hover{ color:#ffffff; text-decoration:none;}
p{ margin:0px; padding:0 0 14px 0;}
ul, ol{ margin:0px; padding:0 0 14px 20px;}
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:26px;}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}

h1, h2, h3, h4, h5, h6{ margin:0px; padding:0 0 5px 0; text-transform:uppercase;}

/*.pngfix{ behavior:url(http://www.bratstandards.nl/Include/iepngfix.htc);}*/
.clear{ clear:both; height:0px;}

a.opsomming{ background:url(../Images/pijltje_menu.jpg) 0 1px no-repeat; margin:0px; padding:0 0 0 20px; text-decoration:none;}
a.opsomming:hover{ text-decoration:underline;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ background:url(../Images/container_bg.jpg) 0 0 repeat-y; width:910px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:0 40px;}
#header{ width:910px; height:216px; margin:0px; padding:0 0 8px 0;}
#links{ background:url(../Images/links_bg.jpg) 0 0 repeat-y; width:200px; min-height:10px; height:auto !important; height:10px; margin:0 6px 0 8px; padding:0px; display:inline; float:left;}
#midden{ background:url(../Images/midden_bg.jpg) 0 0 repeat-y; width:460px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; float:left;}
#rechts{ background:url(../Images/rechts_bg.jpg) 0 0 repeat-y; width:222px; min-height:10px; height:auto !important; height:10px; margin:0 8px 0 6px; padding:0px; display:inline; float:left;}
#footer{ background:url(../Images/footer_bg.jpg) 0 0 no-repeat; width:910px; height:96px; margin:0 auto; padding:0 40px 4px 40px;}

/**************************************************************
** Links Styles
***************************************************************/
#links_top{ background:url(../Images/links_top.jpg) 0 0 no-repeat; width:200px; height:16px; margin:0px; padding:0px; font-size:1px;}
#links_bottom{ background:url(../Images/links_bottom.jpg) 0 0 no-repeat; width:200px; height:16px; margin:0px; padding:0px; font-size:1px;}


#menu{ width:192px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px;}
#menu ul{ width:192px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; list-style-type:none;}
#menu ul li{ width:192px; min-height:32px; height:auto !important; height:32px; margin:0px; padding:0px;}
#menu ul li a{ background:url(../Images/menu_btn.jpg) 0 0 repeat-x; width:192px; height:32px; line-height:32px; margin:0px; padding:0px; display:block; text-decoration:none;}
#menu ul li a span{ background:url(../Images/pijltje_menu.jpg) 10px 10px no-repeat; width:162px; height:32px; margin:0px; padding:0 0 0 30px; display:block; color:#333333;}
#menu ul li a:hover{ background:url(../Images/menu_btn_over.jpg) 0 0 repeat-x; width:192px; height:32px; line-height:32px; margin:0px; padding:0px; display:block; text-decoration:none; color:#000000;}
#menu ul li a:hover span{ background:url(../Images/pijltje_menu.jpg) 10px 10px no-repeat; width:162px; height:32px; margin:0px; padding:0 0 0 30px; display:block;}
#menu ul li a.aan{ background:url(../Images/menu_btn_aan2.jpg) 0 0 repeat-x; width:190px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; color:#000000;}
#menu ul li a.aan span{ background:url(../Images/pijltje_menu.jpg) 10px 10px no-repeat; width:162px; height:32px; margin:0px; padding:0 0 0 30px; display:block;}

#menu ul li .submenu{ width:192px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; display:none;}
#menu ul li .submenu ul{ width:192px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; list-style-type:none;}
#menu ul li .submenu ul li{ width:192px; min-height:26px; height:auto !important; height:26px; margin:0px; padding:0px;}
#menu ul li .submenu ul li a{ background:url(../Images/menu_btn_aan.jpg) 0 0 repeat-x #f9f9f9; width:190px; min-height:26px; height:auto !important; height:26px; line-height:normal; margin:0px; padding:0px; display:block; text-decoration:none; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; color:#000000;}
#menu ul li .submenu ul li a span{ background:url(../Images/pijltje_menu_aan.jpg) 175px 10px no-repeat; width:160px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:6px 20px 6px 10px; font-size:11px;}
#menu ul li .submenu ul li a:hover, #menu ul li .submenu ul li a.aan{ color:#db272e;}
#menu ul li .submenu ul li a:hover span, #menu ul li .submenu ul li a.aan span{ background:url(../Images/pijltje_menu_aan.jpg) 175px 10px no-repeat; width:160px; padding:6px 20px 6px 10px; color:#db272e;}

/**************************************************************
** Midden Styles
***************************************************************/
#midden_top{ background:url(../Images/midden_top.jpg) 0 0 no-repeat; width:460px; height:9px; margin:0px; padding:0px; font-size:1px;}
#midden_bottom{ background:url(../Images/midden_bottom.jpg) 0 0 no-repeat; width:460px; height:9px; margin:0px; padding:0px; font-size:1px;}

.kop{ background:url(../Images/kop_bg.jpg) 0 0 repeat-x #c7242b; width:440px; min-height:38px; height:auto !important; height:38px; line-height:38px; margin:0px; padding:0 10px; border-bottom:1px dotted #ffffff;}
.content{ width:440px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:10px;}
.button_meer{ background:url(../Images/button_meer_bg.jpg) 0 0 repeat-x; width:460px; height:48px; line-height:48px; margin:0px; padding:0px; border-top:1px dotted #ffffff;}
.button_meer a{ background:url(../Images/pijltje_menu.jpg) 10px 1px no-repeat; margin:0px; padding:0 0 0 30px; text-decoration:none;}

#slideshow{ width:425px; height:344px; margin:0px; padding:0 7px;}

/**************************************************************
** Rechts Styles
***************************************************************/
#rechts_top{ background:url(../Images/rechts_top.jpg) 0 0 no-repeat; width:222px; height:16px; margin:0px; padding:0px; font-size:1px;}
#rechts_bottom{ background:url(../Images/rechts_bottom.jpg) 0 0 no-repeat; width:222px; height:16px; margin:0px; padding:0px; font-size:1px;}

#zoeken{ width:205px; height:28px; margin:0px; padding:0 0 2px 10px;}

#nieuws{ width:205px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 0 0 10px; float:left;}
#nieuws_top{ background:url(../Images/nieuws_top.jpg) 0 0 no-repeat; width:205px; height:10px; margin:0px; padding:0px; font-size:1px;}
#nieuws_bottom{ background:url(../Images/nieuws_bottom.jpg) 0 0 no-repeat; width:205px; height:10px; margin:0px; padding:0px; font-size:1px; float:left;}
#nieuws h1{ background:#db272e; width:185px; height:24px; line-height:24px; margin:0px; padding:0 10px; font-size:14px;}
.nieuwsbericht{ background:url(../Images/bericht_bg.jpg) 0 0 repeat-x #ffffff; width:191px; min-height:52px; height:auto !important; height:52px; margin:0px; padding:6px; border-left:1px solid #d1d1d1; border-right:1px solid #dedede; cursor:pointer; float:left;}
.nieuws_afb{ width:55px; min-height:40px; height:auto !important; height:40px; margin:0px; padding:0px; float:left;}
.nieuws_afb img{ width:48px;}
.nieuws_text{ background:url(../Images/pijltje_menu_aan.jpg) 100% 50% no-repeat; width:116px; min-height:40px; height:auto !important; height:40px; margin:0px; padding:0 20px 0 0; float:left;}
span.nieuws_datum{ color:#000000; padding:0 0 4px 0;}
span.nieuws_titel{ color:#db272e; padding:0 0 4px 0;}
#nieuws_archief{ background:#d7262d; width:205px; height:34px; line-height:34px; margin:0px; padding:0px; float:left;}
#nieuws_archief a{ background:url(../Images/pijltje_menu.jpg) 10px 1px no-repeat; margin:0px; padding:0 0 0 30px; text-decoration:none;}

#partners{ width:205px; min-height:28px; height:auto !important; height:28px; margin:0px; padding:0 0 0 10px;}
#partners img{ padding:0 0 6px 0;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer_content{ width:894px; height:62px; margin:0px; padding:13px 8px 0 8px; border-top:1px dotted #4f4f4f;}
#footer_links{ width:672px; height:62px; margin:0px; padding:0px; float:left;}
#footer_links a{ width:100px; margin:0 10px; padding:0px; float:left; color:#000000; text-decoration:none; font-size:11px;}
#footer_links a:hover, #footer_links a.aan{ background:url(../Images/pijltje_menu_aan.jpg) 0 3px no-repeat; width:90px; padding:0 0 0 10px; color:#db272e;}
#footer_rechts{ width:222px; height:62px; margin:0px; padding:0px; float:left; text-align:right; font-size:11px; color:#000000;}
#bp_link{ width:910px; height:20px; line-height:20px; margin:0px; padding:0px; text-align:right; font-size:11px;}
#bp_link a{ margin:0px; padding:0 8px 0 0; color:#000000; text-decoration:none;}
#bp_link a:hover{ text-decoration:underline;}

/**************************************************************
** Formulier Styles
***************************************************************/
input.form_text_zoek{ background:#ffffff; width:174px; height:24px; line-height:24px; border-top:1px solid #abadb3; border-left:1px solid #e2e3ea; border-bottom:1px solid #e3e9ef; border-right:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4c4c4c;}

input.form_text{ background:#ffffff; width:264px; height:18px; border:1px solid #b9b9b9; margin:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4b4b;}
input.form_submit{ background:#ffffff; height:22px; border:1px solid #db272e; cursor:pointer; color:#db272e;}
textarea.form_text{ background:#ffffff; width:266px; height:118px; margin:0 0 2px 0; padding:0px; border:1px solid #b9b9b9;}

/**************************************************************
** Fotoboek overzichtspagina Styles
***************************************************************/
#foto_album{ width:440px; min-height:200px; height:auto !important; height:200px; margin:0px; padding:0px;}
.foto_vak{ background:#ffffff; width:100px; height:164px; margin:3px 5px 3px 5px; padding:0px; float:left; display:inline;}
.foto_houder{ width:92px; margin:4px 0 0 4px; padding:0px;}
.foto_houder img{ width:92px; max-height:123px; margin:0px; padding:0px;}
.foto_titel{ background:#db272e; width:88px; height:29px; margin:4px 0 0 4px; padding:0 2px 0 2px; overflow:hidden; font-size:10px; text-align:center;}

/**************************************************************
** Fotoboek navigatie Styles
***************************************************************/
.NavigatieVeld{ width:436px; margin:0px; padding:2px; float:left; border-top:1px dotted #ffffff;}
.NavigatieVeld a{ text-decoration:none;}
.NavigatieVeld a:hover, .NavigatieVeld a.aan{ text-decoration:underline;}
.NavLinks{ width:20%; float:left;}
.NavMidden{ width:60%; text-align:center; float:left;}
.NavRechts{ width:20%; text-align:right; float:left;}
.aantal_keuze{ margin:0px; padding:2px 0 2px 0; text-align:center; border-bottom:1px dotted #ffffff;}

/**************************************************************
** Prijsvraag Styles
***************************************************************/
.container_prijsvraag{ background:#c5242a; width:320px; height:380px; margin:0; padding:10px; overflow:hidden;}
input.form_text_prijs{ background:#ffffff; width:196px; height:18px; border:1px solid #b9b9b9; margin:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4b4b;}