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

/**************************************************************
** Algemene Styles voor deze website
***************************************************************/
html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
}

a{ color:#92117e; text-decoration:none;}
a:hover{ color:#8d8d8d; text-decoration:none;}
p{ margin:0px; padding:0 0 14px 0;}
ul{ margin:0px; padding:0 0 14px 14px;}
ul li{ margin:0px; padding:0 0 14px 0;}
img{ border:none;}
form{ margin:0px; padding:0px;}

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

h1, h2, h3, h4, h5, h6{ margin:0px; padding:0 0 5px 0; color:#92117e;}

.clear{ clear:both; height:0px;}

a.item{ height:15px; line-height:15px; margin:0px; padding:0 0 0 20px;}
a.item.blauw{ background:url(../Images/blokje_blauw.jpg) 0 0 no-repeat; color:#0062ac;}
a.item.paars{ background:url(../Images/blokje_paars.jpg) 0 0 no-repeat; color:#92117e;}
a.item.rood{ background:url(../Images/blokje_rood.jpg) 0 0 no-repeat; color:#c9252c;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	width:898px;
	min-height:200px;
    height:auto !important;
	height:200px;
	margin:0 auto 0 auto;
	padding:0px;
}
#header{
	width:898px;
	height:292px;
	margin:0px;
	padding:0px;
}
#links{
	width:700px;
	min-height:100px;
    height:auto !important;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
#rechts{
	width:198px;
	min-height:100px;
    height:auto !important;
	height:100px;
	margin:0px;
	padding:0px;
	float:left;
}
#footer{
	width:898px;
	height:38px;
	margin:0px;
	padding:10px 0 0 0;
	border-top:1px dotted #ababab;
	text-align:right;
}
#landingspaginas{
	font-size:10px;
	width:898px;
	height:38px;
	margin:0px;
	padding:10px 0 0 0;
	border-top:1px dotted #ababab;
	text-align:center;
}
#landingspaginas a{
	text-decoration:none;
	color:#666666;
}


#footer p{ text-align:center; margin:0px; padding:0 0 4px 0; color:#666666; font-size:10px;}
#footer a{ color:#666666;}
#footer a:hover, #footer a.aan{ color:#92117e; text-decoration:underline;}

/**************************************************************
** Header Styles
***************************************************************/
.hoekje{ width:10px; height:10px; font-size:1px; z-index:999; position:absolute; background:url(../Images/corners_big.png) no-repeat; _background:url(../Images/corners_big.gif) no-repeat; /* IE 6 and below */}
.tl{ top:0; left:0; background-position:0 0;}
.tr{ top:0; right:0; background-position:100% 0;}
.bl{ bottom:0; left:0; background-position:0 100%;}
.br{ bottom:0; right:0; background-position:100% 100%;}

#header_top{ width:898px; height:92px; margin:0px; padding:0px;}
#logo{ width:584px; height:92px; margin:0px; padding:0px; float:left;}
#taalkeuze{ width:198px; height:92px; line-height:92px; margin:0px; padding:0px; float:right; text-align:right; color:#8d8d8d;}
#taalkeuze a{ margin:0px; padding:0 0 0 15px; font-size:10px;}
a#nl_vlag{ background:url(../Images/nl_vlag_uit.jpg) 0 50% no-repeat;}
a#en_vlag{ background:url(../Images/en_vlag_uit.jpg) 0 50% no-repeat;}
a#nl_vlag:hover, a#nl_vlag.aan{ background:url(../Images/nl_vlag.jpg) 0 50% no-repeat;}
a#en_vlag:hover, a#en_vlag.aan{ background:url(../Images/en_vlag.jpg) 0 50% no-repeat;}

#header_afb{ background:#ededed; position:relative; width:898px; height:160px; margin:0px; padding:0px; overflow:hidden;}
#header_afb img{ width:898px;}

#menu{ position:relative; background:url(../Images/menu_bg.jpg) repeat-x; width:898px; height:40px; margin:0px; padding:0px;}
#menu ul{ width:898px; height:40px; margin:0px; padding:0px; list-style-type:none; float:left;}
#menu ul li{ height:40px; margin:0px; padding:0px; float:left;}
#menu ul li a{ background:url(../Images/pijlen.gif) 8px 18px no-repeat; height:40px; line-height:40px; margin:0px; padding:0 14px 0 20px; float:left; color:#ffffff; border-right:1px solid #d671c7; border-left:1px solid #a1218d;}
#menu ul li a:hover, #menu ul li a.aan{ background:url(../Images/menu_aan.jpg) 0 0 repeat-x;}
#menu ul li a#eerste{ border-left:none;}
#menu ul li a#laatste{ border-right:none;}

/**************************************************************
** Links Styles
***************************************************************/
.content_links{ width:700px; min-height:100px; height:auto !important; height:100px; margin:0px; padding:0px;}
.links_boven{ background:url(../Images/content_links_b.jpg) 0 0 no-repeat; width:700px; height:30px; margin:0px; padding:0px;}
.links_onder{ background:url(../Images/content_links_o.jpg) 0 0 no-repeat; width:700px; height:30px; margin:0px; padding:0px;}
.links_midden{ background:url(../Images/content_links_m.jpg) 0 0 repeat-y; width:640px; min-height:100px; height:auto !important; height:100px; line-height:18px; margin:0px; padding:0 36px 0 24px;}

.site_switch{ width:222px; min-height:20px; height:auto !important; height:20px; margin:0 11px 13px 0; padding:0px; float:left; display:inline;}
.switch_boven{ background:url(../Images/switch_vakje_b.jpg) 0 0 no-repeat; width:222px; height:10px; margin:0px; padding:0px; float:left; font-size:1px;}
.switch_onder{ background:url(../Images/switch_vakje_o.jpg) 0 0 no-repeat; width:222px; height:10px; margin:0px; padding:0px; float:left; font-size:1px;}
.switch_midden{ background:url(../Images/switch_vakje_m.jpg) 0 0 repeat-y; width:202px; min-height:10px; height:auto !important; height:10px; margin:0px; padding:0 10px 0 10px; float:left;}
.switch_midden p, .switch_midden img{ margin:0px; padding:0px;}

input.form_text{ background:#ffffff; width:202px; height:20px; margin:0 0 2px 0; padding:0px; border:1px solid #ababab; font-size:13px; color:#636363;}
textarea.form_text{ background:#ffffff; width:202px; height:120px; margin:0 0 2px 0; padding:0px; border:1px solid #ababab; font-size:13px; color:#636363;}
input.form_submit{ background:#ffffff; height:20px; margin:0 0 2px 0; border:1px solid #ababab; font-size:13px; color:#636363; cursor:pointer;}

#cyclus_overlay{ background:url(../Images/Animatie/cyclus_overlay.png) 0 0 no-repeat; width:426px; height:426px; margin:0px; padding:0px;}
#cyclus_ani{ background:url(../Images/Animatie/cyclus_1.png) 0 0 no-repeat; position:relative; width:426px; height:426px; margin:0px; padding:0px;}
.overlayer{ position:absolute; width:121px; height:121px; margin:0px; padding:0px;}
#overlay_1{ top:11px; left:153px;}
#overlay_bg_1{ background:url(../Images/Animatie/highlight.png) 0 0 no-repeat; width:121px; height:121px; display:block;}
#overlay_2{ top:150px; left:14px;}
#overlay_bg_2{ background:url(../Images/Animatie/highlight.png) 0 0 no-repeat; width:121px; height:121px; display:none;}
#overlay_3{ bottom:15px; left:153px;}
#overlay_bg_3{ background:url(../Images/Animatie/highlight.png) 0 0 no-repeat; width:121px; height:121px; display:none;}
#overlay_4{ top:150px; right:14px;}
#overlay_bg_4{ background:url(../Images/Animatie/highlight.png) 0 0 no-repeat; width:121px; height:121px; display:none;}

#ani_overlay{ background:url(../Images/Animatie/cyclus_overlay.png) 0 0 no-repeat; position:relative; width:426px; height:426px; margin:0px; padding:0px;}
#overlay_move{ background:url(../Images/Animatie/highlight.png) 0 0 no-repeat; position:absolute; top:11px; left:153px; width:121px; height:121px; margin:0px; padding:0px;}
#overlay1{ background:url(../Images/Animatie/overlay.png) 0 0 no-repeat; position:absolute; width:121px; height:121px; margin:0px; padding:0px; top:11px; left:153px; display:none;}
#overlay2{ background:url(../Images/Animatie/overlay.png) 0 0 no-repeat; position:absolute; width:121px; height:121px; margin:0px; padding:0px; top:150px; right:14px;}
#overlay3{ background:url(../Images/Animatie/overlay.png) 0 0 no-repeat; position:absolute; width:121px; height:121px; margin:0px; padding:0px; bottom:15px; left:153px;}
#overlay4{ background:url(../Images/Animatie/overlay.png) 0 0 no-repeat; position:absolute; width:121px; height:121px; margin:0px; padding:0px; top:150px; left:14px;}

/**************************************************************
** Rechts Styles
***************************************************************/
.content_rechts{ width:198px; min-height:100px; height:auto !important; height:100px; margin:13px 0 13px 0; padding:0px;}
.rechts_boven{ background:url(../Images/content_rechts_b.jpg) 0 0 no-repeat; width:198px; height:10px; margin:0px; padding:0px; font-size:1px;}
.rechts_onder{ background:url(../Images/content_rechts_o.jpg) 0 0 no-repeat; width:198px; height:10px; margin:0px; padding:0px; font-size:1px;}
.rechts_midden{ background:url(../Images/content_rechts_m.jpg) 0 0 repeat-y; width:178px; min-height:100px; height:auto !important; height:100px; margin:0px; padding:0 10px 0 10px;}

.titel_balk{ width:178px; min-height:20px; height:auto !important; height:20px; margin:0px; padding:0 0 2px 0; border-bottom:1px dotted #ababab; float:left;}
.titel_nieuws{ background:url(../Images/blokje_paars.jpg) 0 0 no-repeat; width:110px; min-height:20px; height:auto !important; height:20px; line-height:15px; margin:0px; padding:0 0 0 20px; float:left; color:#92117e;}
.titel_nieuws.lang{ width:158px;}
.datum_nieuws{ width:48px; height:20px; margin:0px; padding:0px; float:left; font-size:9px; color:#a7a6a6;}

.rechts_midden p{ font-size:12px; margin:0px; padding:5px 0 10px 0; float:left;}
.rechts_midden a{ color:#92117e;}
.rechts_midden a:hover{ color:#636363;}

.submenu{ width:178px; min-height:40px; height:auto !important; height:40px; margin:10px 0 0 0; padding:0px; float:left; border-bottom:1px dotted #ababab;}
.submenu ul{ width:178px; margin:0px; padding:0px; list-style-type:none; float:left;}
.submenu ul li{ width:178px; margin:0px; padding:0px; float:left;}
.submenu ul li a{ background:url(../Images/pijlen_donker.gif) 0 6px no-repeat; width:166px; margin:0px; padding:0 0 10px 12px; float:left; color:#636363;}
.submenu ul li a:hover, .submenu ul li a.aan{ background:none; padding-left:0px; color:#92117e;}