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

/**************************************************************
** Algemene Styles
***************************************************************/
html, body{ background:url(../Images/body_bg.jpg) 0 0 repeat-x #eaeaea; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; color:#666; margin:0; padding:0;}

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

table{ border-spacing:0;}
table td, table th{ padding:0;}

h1{ font-size:16px;}
h2{ font-size:15px;}
h3{ font-size:14px;}
h4{ font-size:13px;}
h5{ font-size:12px;}
h6{ font-size:11px;}

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

.clear{ clear:both; height:0px;}
.blauw{ color:#0478b0;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ background:url(../Images/container_bg.jpg) 0 0 repeat-y; width:914px; min-height:668px; height:auto !important; height:668px; margin:0 auto; padding:0 0 14px 0;}
#header{ width:914px; height:234px; margin:0; padding:0;}
#breadcrumbs{ width:914px; height:34px; line-height:34px; margin:0; padding:0; color:#299fd8; font-size:12px;}
#breadcrumbs a{ text-decoration:underline;}
#links{ background:#009900; width:626px; min-height:10px; height:auto !important; height:10px; margin:0 12px 0 0; padding:0; float:left;}
#rechts{ width:276px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer{ background:#f2f2f2; width:100%; min-height:184px; height:auto !important; height:184px; margin:0; padding:0;}

/**************************************************************
** Header Styles
***************************************************************/
#menu{ background:#fff; width:914px; height:22px; margin:0 0 10px 0; padding:12px 0 7px 0;}
#menu ul{ width:914px; height:22px; margin:0; padding:0; float:right; list-style:none;}
#menu ul li.hoofditem, #menu ul li.hoofditem_over{ position:relative; height:22px; margin:0; padding:0 0 0 20px; float:right; z-index:8;}
#menu ul li.hoofditem a, #menu ul li.hoofditem_over a{ background:url(../Images/pijltje_menu.jpg) 0 9px no-repeat; height:22px; line-height:22px; margin:0; padding:0 12px; float:left; font-size:16px;}
#menu ul li.hoofditem a:hover, #menu ul li.hoofditem a.aan, #menu ul li.hoofditem_over a:hover, #menu ul li.hoofditem_over a.aan{ background:url(../Images/item.png) 0 0 no-repeat; padding:0; color:#fff; text-decoration:none; cursor:pointer;}
#menu ul li.hoofditem a:hover span, #menu ul li.hoofditem a.aan span, #menu ul li.hoofditem_over a:hover span, #menu ul li.hoofditem_over a.aan span{ background:url(../Images/item.png) 100% 100% no-repeat; height:22px; margin:0; padding:0 12px; float:left;}

.submenu{ display:none; z-index:9;}
#menu ul li.hoofditem_over .submenu{ background:url(../Images/submenu_bg.jpg) 0 0 repeat-y #fff; position:absolute; left:20px; top:22px; width:170px; min-height:10px; height:auto !important; height:10px; margin:0; padding:18px 0 14px 0; z-index:9; display:block;}
#menu ul li.hoofditem_over .submenu ul{ width:170px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; list-style:none;}
#menu ul li.hoofditem_over .submenu ul li{ width:148px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 11px; float:left;}
#menu ul li.hoofditem_over .submenu ul li a{ background:url(../Images/stipje_menu.jpg) 0 7px no-repeat; height:22px; margin:0; padding:0 14px; color:#666; font-size:14px; overflow:hidden;}
#menu ul li.hoofditem_over .submenu ul li a:hover, #menu ul li.hoofditem_over .submenu ul li a.aan{ background:url(../Images/item.png) 0 0 no-repeat; padding:0; color:#fff; text-decoration:none; cursor:pointer;}
#menu ul li.hoofditem_over .submenu ul li a:hover span, #menu ul li.hoofditem_over .submenu ul li a.aan span{ background:url(../Images/item.png) 100% 100% no-repeat; height:22px; margin:0; padding:0 14px; float:left;}

#logo{ width:626px; height:183px; margin:0; padding:0; float:left;}
#nieuwsbrief{ background:url(../Images/nieuwsbrief_bg.jpg) 0 0 no-repeat; width:242px; height:149px; margin:0; padding:34px 0 0 46px; float:left;}
#nieuwsbrief h1{ background:url(../Images/pijltje_nieuwsbrief.jpg) 0 8px no-repeat; padding:0 0 0 12px; color:#209ad6;}

/**************************************************************
** Links Styles
***************************************************************/
.content_links{ background:#fff; width:626px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.content_links h1{ background:url(../Images/kop_links_bg.jpg) 0 0 no-repeat #fff; width:522px; min-height:20px; height:auto !important; height:20px; margin:0; padding:6px 52px 0 52px; display:block;}
.tekst_container_links{ width:582px; min-height:10px; height:auto !important; height:10px; margin:0; padding:18px 22px; float:left;}
.tekst_links{ width:410px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 18px 0 0; float:left;}
.afbeelding_links{ width:154px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.afbeelding_links img{ width:154px;}

/**************************************************************
** Rechts Styles
***************************************************************/
.content_rechts{ background:#fff; width:276px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0;}
.content_rechts h1{ background:url(../Images/kop_rechts_bg.jpg) 0 0 no-repeat #fff; width:172px; min-height:20px; height:auto !important; height:20px; margin:0; padding:6px 52px 0 52px; display:block;}
.submenu_rechts{ width:232px; min-height:10px; height:auto !important; height:10px; margin:0; padding:18px 22px;}
.submenu_rechts ul{ width:232px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.submenu_rechts ul li{ width:232px; min-height:10px; height:auto !important; height:10px; margin:0 0 2px 0; padding:0; float:left;}
.submenu_rechts ul li a{ background:url(../Images/stipje_menu.jpg) 0 5px no-repeat; height:22px; margin:0; padding:0 0 0 20px; color:#666; float:left;}
.submenu_rechts ul li a:hover, .submenu_rechts ul li a.aan{ background:url(../Images/item.png) 0 0 no-repeat; margin:0 0 0 20px; padding:0; color:#fff; text-decoration:none; cursor:pointer;}
.submenu_rechts ul li a:hover span, .submenu_rechts ul li a.aan span{ background:url(../Images/item.png) 100% 100% no-repeat; height:22px; margin:0; padding:0 12px; float:left;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer_content{ width:914px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:12px 0 0 0;}
#footer_links{ width:626px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer_rechts{ width:288px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; text-align:right; font-size:12px;}

#footer_links ul{ width:626px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 20px 0; float:left; list-style:none;}
#footer_links ul li{ min-height:10px; height:auto !important; height:10px; margin:0; padding:0 10px 0 0; float:left;}
#footer_links ul li a{ font-size:12px; float:left;}
#footer_links ul li a:hover, #footer_links ul li a.aan{ text-decoration:underline;}

/**************************************************************
** Formulier Styles
***************************************************************/
input[type="text"], input[type="password"], input[type="email"], input[type="url"]{ background:#fff; width:196px; height:16px; margin-bottom:2px; border:1px solid #007ea2; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; color:#666;}
input[type="submit"]{ background:url(../Images/nb_submit.png) 0 0 no-repeat; width:85px; height:22px; border:none; cursor:pointer; color:#fff; text-transform:uppercase; font-weight:bold; font-size:10px;}

.InputWrapper{ background:url(../Images/input.png) 0 0 no-repeat; float:left; width:218px;}
.InputInner{ background:url(../Images/input.png) 100% 0 no-repeat; padding:0 10px 0 0; margin:0 0 0 10px;}
.InputInner input{ background:none; vertical-align:middle; padding-top:6px; padding-bottom:8px; margin:0; border:none; outline:none;}

input[type="text"].form_text_nb{ width:198px;}

textarea{ background:#ffffff; width:198px; height:118px; margin:0 0 2px 0; padding:0px; border:1px solid #007ea2; color:#000;}