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

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{ background:url(../Images/body_bg.jpg) 0 136px repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0px; padding:0px;}

a{ color:#34489d; text-decoration:none;}
a:hover{ color:#ef5a27; text-decoration:none;}
p{ margin:0px; padding:0 0 14px 0;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:12px;}
h2{ font-size:11px;}
h3{ font-size:10px;}
h4{ font-size:9px;}
h5{ font-size:8px;}
h6{ font-size:7px;}

h1, h2, h3, h4, h5, h6{ margin:0px; padding:0 0 5px 0; font-weight:normal; color:#34489e;}

.clear{ clear:both; height:0px; font-size:1px;}

.blauwe_tekst{ color:#34489e;}
.oranje_tekst{ color:#ef5a27;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ background:url(../Images/container_bg.png) 0 0 repeat-y; width:904px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:0px;}
#header{ width:900px; height:334px; margin:0 0 0 4px; padding:0px;}
#breadcrumbs{ width:880px; height:22px; line-height:22px; margin:0px; padding:0 12px; font-size:10px;}
#breadcrumbs a{ color:#666666; text-decoration:underline;}
#links{ width:574px; min-height:10px; height:auto !important; height:10px; margin:0 10px 0 4px; padding:0px; display:inline; float:left;}
#rechts{ width:316px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; float:left;}
#footer{ background:url(../Images/footer_bg.jpg) 0 0 no-repeat #ffffff; width:904px; height:44px; margin:0px; padding:30px 0 0 0;}

/**************************************************************
** Header Styles
***************************************************************/
#logo{ width:276px; height:68px; margin:0px; padding:0px; float:left;}

#menu{ background:url(../Images/lijntje.jpg) 100% 100% no-repeat; width:624px; height:40px; margin:0px; padding:24px 0 4px 0; float:left;}
#menu ul{ width:624px; min-height:40px; height:auto !important; height:40px; margin:0px; padding:0px; float:left; list-style-type:none;}
#menu ul li{ position:relative; min-height:40px; height:auto !important; height:40px; margin:0 8px 0 0; padding:0px; float:left; z-index:11;}
#menu ul li a{ background:url(../Images/stip.jpg) 2px 16px no-repeat; height:40px; line-height:40px; margin:0px; padding:0 14px; float:left;}
#menu ul li a:hover{ background:url(../Images/knop_over_bg.png) top left no-repeat; padding:0px; color:#ffffff;}
#menu ul li a:hover span{ background:url(../Images/knop_over_bg.png) bottom right no-repeat; padding:0 14px; float:left;}

#menu ul li a.aan{ background:url(../Images/knop_bg.png) top left no-repeat; padding:0px; color:#ffffff;}
#menu ul li a.aan span{ background:url(../Images/knop_bg.png) bottom right no-repeat; padding:0 14px; float:left;}

/* Begin van submenu styles */	
ol.submenu{ display:none; z-index:9;}
#menu ul.hoofdmenu li.hoofditem_over ol.submenu{ background:#fafafa; position:absolute; width:216px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; top:40px; left:0; display:block; z-index:9; list-style-type:none;}
ol.submenu li.subitem{ width:216px; min-height:28px; height:auto !important; height:28px; margin:0px; padding:0px; float:left;}
#menu ul.hoofdmenu li.hoofditem_over ol.submenu li.subitem a{ background:url(../Images/stip.jpg) 10px 12px no-repeat; width:186px; min-height:12px; height:auto !important; height:12px; line-height:normal; margin:0px; padding:8px 4px 8px 26px; color:#34489e;}
#menu ul.hoofdmenu li.hoofditem_over ol.submenu li.subitem a:hover{ color:#ef5927; text-decoration:underline;}

#slideshow{ background:url(../Images/lijntje.jpg) 100% 100% no-repeat; position:relative; width:900px; height:262px; margin:0px; padding:0 0 4px 0; float:left;}
#slideshow_afb{ width:896px; height:262px; margin:0px; padding:0px;}
#slideshow_tekst{ position:absolute; right:4px; top:28px; background:url(../Images/slideshow_tekst_bg.png) 0 0 repeat-x; width:262px; height:60px; margin:0px; padding:10px;}
#slideshow_tekst h1{ font-size:32px; font-weight:normal;}
#slideshow_tekst p{ margin:0px; padding:0px; color:#7f8083;}
#slideshow_menu{ position:absolute; left:0; bottom:0; width:888px; height:40px; margin:0px; padding:0 4px;}
#slideshow_menu ul{ width:888px; height:40px; margin:0px; padding:0px; float:left; list-style-type:none;}
#slideshow_menu ul li{ height:40px; margin:0 0 0 6px; padding:0px; float:right;}
#slideshow_menu ul li a{ background:url(../Images/slideshow_knop.png) 0 0 no-repeat; width:122px; height:40px; line-height:40px; margin:0px; padding:0 0 0 30px; float:left; color:#ffffff;}
#slideshow_menu ul li a:hover, #slideshow_menu ul li a.aan{ background:url(../Images/slideshow_knop_aan.png) 0 0 no-repeat; width:152px; height:34px; line-height:34px; margin:6px 0 0 0; padding:0px; text-align:center;}

/**************************************************************
** Links Styles
***************************************************************/
.kop_links{ background:url(../Images/lijntje.jpg) 100% 100% no-repeat; width:568px; height:40px; margin:0px; padding:0 0 4px 6px;}
.kop_links h1{ background:url(../Images/knop_bg.png) 0 0 no-repeat; height:40px; line-height:40px; margin:0px; padding:0px; float:left; color:#ffffff;}
.kop_links h1 span{ background:url(../Images/knop_bg.png) 100% 100% no-repeat; padding:0 14px; float:left;}
.mini_logo{ width:100px; height:40px; margin:0px; padding:0px; float:right;}
.tekst_links{ width:548px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:22px 12px; border:1px solid #ededed; border-top:none; font-size:11px;}

.tekst_links ul{ width:548px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 0 14px 0; list-style-type:none;}
.tekst_links ul li{ background:url(../Images/stip.jpg) 0 4px no-repeat; width:534px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 0 4px 14px;}
.tekst_links ul li a{ width:534px; margin:0px; padding:0px; color:#666666;}
.tekst_links ul li a:hover{ text-decoration:underline;}

img.pasfoto{ background:#ffffff; width:68px; min-height:10px; height:auto !important; height:10px; margin:0 10px 0 0; padding:1px; border:1px solid #bdc3dd; float:left;}

/**************************************************************
** Rechts Styles
***************************************************************/
.content_rechts{ background:#fafafa; width:296px; min-height:10px; height:auto !important; height:10px; margin:0 4px 10px 0; padding:12px 0 12px 16px; border:1px solid #ececec; border-right:none;}
.kop_rechts{ background:url(../Images/lijntje.jpg) 100% 100% no-repeat; width:300px; height:18px; margin:0 0 12px 0; padding:0 0 4px 0;}
.kop_rechts h1{ height:18px; line-height:18px; margin:0px; padding:0px;}
.tekst_rechts{ width:280px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px;}

.med_afb{ background:#ffffff; width:68px; min-height:10px; height:auto !important; height:10px; margin:0 16px 0 0; padding:1px; border:1px solid #bdc3dd; float:left;}
.med_afb img{ width:68px; margin:0px; padding:0px;}
.med_kop{ background:url(../Images/stip.jpg) 0 4px no-repeat; width:172px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 0 6px 20px; float:left; color:#34489e;}
.med_tekst{ width:192px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; float:left; font-size:11px;}

.tekst_rechts ul{ width:280px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0px; list-style-type:none;}
.tekst_rechts ul li{ width:280px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 0 10px 0;}
.tekst_rechts ul li a{ background:url(../Images/stip.jpg) 0 4px no-repeat; width:266px; margin:0px; padding:0 0 0 14px;}
.tekst_rechts ul li a:hover{ text-decoration:underline;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer_links{ width:570px; height:44px; margin:0px; padding:0 0 0 18px; float:left; font-size:11px;}
#footer_links a{ background:url(../Images/footer_stip.jpg) 0 6px no-repeat; margin:0px; padding:0 16px 0 6px; color:#364a9f;}
#footer_links a:hover, #footer_links a.aan{ background:none; color:#ef5927;}
#footer_rechts{ width:306px; height:44px; margin:0px; padding:0 10px 0 0; float:left; text-align:right; font-size:11px; color:#364a9f;}
#footer_rechts a{ color:#364a9f; text-decoration:underline;}
#footer_landingspage { background-color:#FFFFFF; text-align:center; color:#CCCCCC; font-size:9px; margin-bottom:12px;}
#footer_landingspage a{color:#CCCCCC; }

/**************************************************************
** Formulier Styles
***************************************************************/
input.form_text{ background:#ffffff; width:156px; height:18px; border:1px solid #dbdfe6; margin:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
input.form_submit{ background:#34489e; height:22px; border:1px solid #34489e; cursor:pointer; color:#ffffff;}
textarea.form_text{ background:#ffffff; width:269px; height:118px; margin:0 0 2px 0; padding:0px; border:1px solid #dbdfe6;}