@charset "UTF-8";
body { font-family:Verdana, Geneva, sans-serif; font-size:11px; margin: 5px; padding: 0; text-align: center; color: #000000; background: #f5f5f5 url(../images/bg.png) repeat-x;}
a {color:#000}
a:hover {text-decoration:none}

.main #container { width: 758px; margin: 0 auto; text-align: left; font-size:11px;}

/*
kleuren
lichtgroen:	8dc548

*/

/* header */
.main #header 				{ background: url(../images/header_logo.png) no-repeat; height:100px;} 
.main #header_top 			{ text-align:right; font-size:11px; padding: 10px 20px 0 0; height:20px; color:#7dc14b}
.main #header_top a			{ color:#7dc14b; text-decoration:none;}
.main #header_top a:hover	{ text-decoration:underline;}
.main #header_menu 			{ text-align:center; font-size:11px; padding: 4px 0px 0px 0px; background-color:#e1e1e1; margin: 0px 0px 0px 4px; height:20px; width:750px;}
.main #header_menu a 		{ text-decoration:none; color:#000;}
.main #header_menu a:hover 	{ background-color:#8dc548}


.main #carouselcontainer 	{ padding: 0px 0px 0px 0px; background-color:#e1e1e1; margin: 0px 0px 0px 4px; height:200px; width:750px;}
.main #overlay 				{ position:absolute; top:105px; padding: 0px; margin: 0px; height:200px; width:750px; background:url(../images/carousel_overlay.png)}


.main #menulink 			{ padding: 4px 10px 4px 10px;}
.main #header_shadow 		{ background: url(../images/shadow1.png) no-repeat; height: 7px;}

/* mainframe */
.main #mainContent { background:url(../images/bg_content.png);}
.main #leftcol {float:left; width:215px; padding: 5px 0 5px 20px;} 
.main #centercol {float:left; width:480px; padding: 15px 0 5px 20px;} 
.main #rightcol {float:left; width:215px; padding: 15px 0 5px 20px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}


.main #content 		{ float:left; width:480px; padding: 15px 0 5px 20px; margin: 0px; color:#666;}
.main #content h2	{ font-size: 14px; font-weight:normal; margin: 0px 0px 10px 0px; color:#000;}
.main #content p	{ font-size: 11px;}
.main #content a 		{ color:#666;}



.overonsbox 	{margin: 16px 0 20px 0px; background: #777; width: 215px; color: #000; font-size:11px;}
.overonsbox p 		{ color:#FFF}

.submenu 		{margin: 16px 0 20px 0px; background: #777; width: 215px; color: #000; font-size:11px;}
.submenu h2 	{font-size:16px; padding: 0px 0px 0px 0px; color:#4b732e}
.submenu ul 	{padding: 0px 0px 0px 10px; color:#FFF; list-style-type: none;}

.submenu li 	{padding: 5px 0px 5px 10px; color:#8dc548}
.submenu li p	{padding: 0px 10px 0px 10px; color:#8dc548; text-decoration:none; margin: 0px}
.submenu a 		{padding: 4px 10px 4px 10px; color:#FFF; text-decoration:none;}
.submenu a:hover{color:#ffffff; background-color:#8dc548}



/* borders */
.bl {background: url(../images/bl.png) 0 100% no-repeat}
.br {background: url(../images/br.png) 100% 100% no-repeat}
.tl {background: url(../images/tl.png) 0 0 no-repeat}
.tr {background: url(../images/tr.png) 100% 0 no-repeat; padding:9px}

.bl_outline {background: url(../images/bl_outline.gif) 0 100% no-repeat}
.br_outline {background: url(../images/br_outline.gif) 100% 100% no-repeat}
.tl_outline {background: url(../images/tl_outline.gif) 0 0 no-repeat}
.tr_outline {background: url(../images/tr_outline.gif) 100% 0 no-repeat; padding:9px}

.t {background: url(../images/dot.gif) 0 0 repeat-x; }
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y} 

/* navigatie */
.menubox 		{margin: 0 0 20px 0; width:215px; color: #4b732e;}
.menubox a 		{color: #4b732e; font-weight:bold; font-size:11px; text-decoration:none} 
.menubox a:hover {color: #f18bb3}
.menubox li 	{padding: 0px 0px 5px 0px; font-size:16px; list-style:none; margin: 0px 0px 5px 0px;  border-bottom:solid 1px #7dc14b;}
.menubox ul 	{padding: 0px; margin: 5px 0 5px 0;}
.main #navlink 	{padding: 0px 0px;}

.pinkbox 		{margin: 0 0 20px 0; background: #777; width: 215px; color: #000; text-align:center}
.pinkbox h2 	{font-size:16px; padding: 0px 0px 0px 0px; color:#4b732e}
.pinkbox p 		{font-size:11px; padding: 0px 0px 0px 0px; color:#FFF}
.pinkbox a 		{color:#FFF}

.outlinebox 	{margin: 0 0 20px 0; background: #fff; width: 215px; color: #000; text-align:center;}
.outlinebox h2 	{font-size:16px; padding: 0px 0px 0px 0px; color:#4b732e}
.outlinebox p 	{font-size:11px; padding: 0px 0px 0px 0px;}

/* center */
.centerbox 		{margin: 0; color: #000;}

.main #newsitem_res 	{ padding: 10px 0 10px 0; margin: 0px; color:#666; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#f18bb3;}
.main #newsitem 		{ padding: 0px 0 10px 0; margin: 0px; color:#666;}
.main #newsimage		{ margin: 0px; padding: 0px; float:left; text-align:center; width:150px}
.main #newstext		{ padding: 0 0 0 170px;}
.main #newsitem h2	{ font-size: 14px; font-weight:normal; margin: 0px 0px 0px 0px; color:#000;}
.main #newsitem p	{ font-size: 11px;}
.main #newsitem a	{ color:#666;}



.main #websiteitem 		{ padding: 10px 0 10px 0; margin: 0px; color:#666; border-top:solid 1px #CCC;}
.main #websiteimage		{ margin: 0px; padding: 0px; float:left; text-align:center; width:100px;}
.main #websitetext		{ padding: 0 0 0 120px; height:100px}
.main #websiteitem h2	{ font-size: 14px; font-weight:normal; margin: 0px 0px 0px 0px; color:#000;}
.main #websiteitem p	{ font-size: 11px;}


.main #partnerimage{ margin: 0; padding: 5px; float:left; background-color:#FFF; text-align:center; width:150px;}
.main #blockitem { padding: 0px 0 10px 0; margin: 0px; color:#000; border-bottom-style:dotted; border-bottom-width:thin; border-bottom-color:#f8fddf;}

.main #lefttext{ padding: 0;}
.main #rightimage{ margin: 0; padding: 0 0 0 170px; float:left;}

.main #leftimage{ margin: 0; float:left; }
.main #righttext{ margin: 0; padding: 0 0 0 120px;}


.main #top{ text-align:right; width:100%;}

h2{ margin: 10px 0 15px 0px; font-weight:normal; font-size: 18px;}

/* footer */
.main #footer {height: 25px; padding: 0 0 0 20px; background:url(../images/footer.png)}  
.main #footer a {color:#FFF} 
.main #copyright {	float:left;	margin: 0; color:#FFF; font-size:11px; padding: 5px 0;} 
.main #scd { width: 25px; margin: 0 0 0 700px; padding: 5px 0 0 0; }

.light{ color:#98a162;}

input, textarea, select { border: 1px solid #888; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000}
