body {
	margin: 0px;
	padding: 0px;

}

#maincontainer {
	padding: 0px;
	width: 930px;
	margin: 0 auto;
	
}
#logo {
	height: 142px;
	width: 130px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
}
#logo h1 {
	text-indent: -10000px;
}

	#logo a {
		border: none;
		display:block;
		height: 142px;
		width: 130px;
		}

#header {
	width: 930px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

	#top {
		margin: 0 0 0 135px;
		/margin: 0 0 0 132px;
		}
				html>body #top {
					margin: 0 0 0 135px;
					}


#topnav {
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 5px;	
}

.suckertreemenu	{
	height: 26px;
	}

.suckertreemenu ul{
	padding: 0;
	list-style-type: none;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;	
	height:26px;
}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	/*background-color: #dbeedb;/*overall menu background color*/
	z-index: 100;
	background-image: url(../img/topnav.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-right: 4px;
	width: 150px;
	padding: 0px;
}

html>body .suckertreemenu ul li{
	margin-right: 4px;
}

.suckertreemenu ul li {
	behavior: url(../css/hover.htc);
}

html>body .suckertreemenu ul li {
	
}
.suckertreemenu ul li:hover, .suckertreemenu ul li.hover {
	background-image: url(../img/topnav.gif);
	background-repeat: no-repeat;
	}



/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block;
	padding: 0px;
	border: 0px solid #000;
	border-left-width: 0;
	text-decoration: none;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	white-space: nowrap;
	margin: 0px;
	
}

	
/*1st sub level menu*/
.suckertreemenu ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	display: list-item;
	float: none;
	width: auto;
	
	
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;

}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
	display: block;
	min-width: 140px;
	width: auto;
	/width: 140px; /*width of sub menu levels*/
	color: #00430c;
	text-decoration: none;
	padding: 1px 4px;
	background-color: #b4d9b4;
	font-size: 11px;
	line-height: 22px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #93b193;
	border-right-color: #93b193;
	border-bottom-color: #93b193;
	border-left-color: #93b193;
}

html>body .suckertreemenu ul li ul li a{
	width: auto;
	}


.suckertreemenu ul li a:hover{
	background-image: url(../img/topnav_hover.gif);
	background-repeat: no-repeat;	
}

.suckertreemenu ul li ul li a:hover{
	background-color: #dd8800;
	color: #FFFFFF;
	background-image: none;
}
.suckertreemenu ul li a.aOpen {background-color: #dd8800;}

/*Background image for top level menu list links 
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}*/

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon {
background: #b4d9b4 url(../img/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/* Holly Hack for IE \*/
* html .suckertreemenu ul li ul li { float: left; height: 1%; } /* corrected to the proper level \*/
* html .suckertreemenu ul li ul li a { height: 1%; } /* corrected to the proper level \*/
/* End */ 



#kruimelnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#kruimelnav a {
	color: #FFFFFF;
	text-decoration: none;
}
#kruimelnav a:hover {
	color: #065ec0;
	background-color: #FFFFFF;
}


#contentwrapper {
	padding: 0px;
	width: 930px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		}

#leftwrapper {
	padding: 0px;
	margin: 0px;
	width: 720px;
	/width: 717px;
	float: left;
	}

html>body #leftwrapper {
	width: 720px;
	}

#ctl00_h2Title {
	font-size: 30px;
	color: #065ec0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
#maincontent {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00430c;
	border:1px solid #006633;
	background-color: #dbeedb;
	padding: 10px;
}
#maincontent h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #dd8800;
}

#maincontent.hide {
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* nieuws */
#nieuwsbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 14px;
	display: block;
	padding: 5px;
	text-align: left;
	margin: 0px;
	float: left;
}
#nieuwsbox h1 {
	font-size: 18px;
	font-weight: lighter;
}
#nieuwsbox h2 {
	font-size: 16px;
	font-weight: lighter;
}
#nieuwsbox h3 {
	font-size: 14px;
	font-weight: lighter;
}
/* uitslag */
#uitslagbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00430c;
	line-height: 14px;
	display: block;
	padding: 5px;
	text-align: left;
	margin: 0px;
	float: left;
}
#uitslagbox h1 {
	font-size: 18px;
	font-weight: lighter;
}
#uitslagbox h2 {
	font-size: 16px;
	font-weight: lighter;
}
#uitslagbox h3 {
	font-size: 14px;
	font-weight: lighter;
}
#topubox {
	background-image: url(../img/topuitslag.gif);
	height: 10px;
	width: 200px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#middleubox {
	background-color: #dd8800;
	background-image: url(../img/middleuitslag.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding: 10px;
}
#middleubox ul{
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#middlebox a {
	text-decoration: none;
	color: #FF9900;
	}
#middleubox a {
	text-decoration: none;
	color:#006633;
	}


#bottomubox {
	background-image: url(../img/bottomuitslag.gif);
	height: 10px;
	width: 200px;
	background-position: top;
	background-repeat: no-repeat;
}
#rightwrapper{
	padding: 0px;
	margin-left: 720px;
	/margin-left: 0px;
	
	width: 210px;
}

/* sponsor */
#sponsorbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 14px;
	padding: 5px 5px;
	text-align: left;
	margin: 0px;
	width: 200px;
	}
	#sponsorbox h1 {
	font-size: 18px;
	font-weight: lighter;
}
	#sponsorbox h2 {
		font-size: 16px;
		font-weight: lighter;
	}
	#sponsorbox h3 {
		font-size: 14px;
		font-weight: lighter;
	}
	
#topbox {
	background-image: url(../img/topnieuws.gif);
	height: 10px;
	width: 200px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#middlebox {
	background-color: #006633;
	background-image: url(../img/middlenieuws.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding: 10px;
}

#middlebox ul{
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#bottombox {
	background-image: url(../img/bottomnieuws.gif);
	height: 10px;
	width: 200px;
	background-repeat: no-repeat;
	background-position: top;
}

#footer {
	padding: 5px;
	height: 25px;
	display: block;
	margin: 0 auto;
	text-align: right;
	vertical-align: middle;
	width: 930px;
	/*background-image: url(../img/footer.gif);
	background-repeat: no-repeat;*/
text-align: center;
}
	#footer a {
		color: #999999;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
}

#bottomclearer {clear:both;}






.TabbedPanels {
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack (hasLayout Bug)*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00430c;
	
}

/* 
 * 10 pixels naar rechts
 */
.TabbedPanelsTabGroup {
	margin: 0;
	padding: 5px 0 0 10px;
	

}


/* 
 * Positie / bg / font van de tabs
 * De negatieve margin om dubbele randen te voorkomen
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 5px;
	margin: 0;
	list-style: none;
	border:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-repeat:repeat-x;
	z-index:0;
	/*border-top:#fff 1px solid;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;*/
	color:#00430c;
	font-size: 11px;
	font-weight: bold;	
}

/* 
 * Rollover
 */
.TabbedPanelsTabHover {
	position: relative;
	top: 1px;
	float: left;
	padding: 5px;
	margin: 0;
	list-style: none;
	border:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	z-index:0;
	/*border-top:#fff 1px solid;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;*/
	color:#dd8800;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	
	
}

/* 
 * Geselecteerde tab
 */
.TabbedPanelsTabSelected 
{
	position: relative;
	top: 1px;
	float: left;
	padding: 5px;
	/*margin: 0 0 0 -1px;*/
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	z-index:0;
	color:#dd8800;
	background-color:#dbeedb;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006633;
	border-right-color: #006633;
	border-bottom-color: #dbeedb;
	border-left-color: #006633;
	font-size: 11px;
	font-weight: bold;
}


.TabbedPanelsTab a {
	/* color: black; */
	text-decoration: none;
}

/* 
 * Soort content wrapper, dunno what it does
 */
.TabbedPanelsContentGroup {
	clear: both;
}

/* 
 * Content komt hier in:
 */
.TabbedPanelsContent {
	background-color: #dbeedb;
	/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	line-height: 18px;
	min-height:350px;
	height:auto !important;
	height:350px;
	border:1px solid #006633;
	background-color: #dbeedb;
	z-index:-1;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.TabbedPanelsContent h1 {
	font-size: 36px;
	font-weight: lighter;
	color: #dd8800;
}
.TabbedPanelsContent h2 {
	font-size: 24px;
	font-weight: lighter;
	color: #dd8800;}
.TabbedPanelsContent h3 {
	font-size: 18px;
	font-weight: lighter;
	color: #dd8800;
	}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
	border-top: 1px solid #e6e6cc;
}


/*
 *	AGN CAROUSSEL
 *	Hieronder de style ervoor..
 */



.ctrlCarousel
{
    text-align:center;
}

.tableCarousel
{}


.agncarousel {   
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 400px; /* important */  
    height: 360px;
	z-index:0;  
	margin-left:0px; 

}   

	/* IMAGES CAROUSEL */
	#agncarousel_content {   
		position: absolute;   
		top: 0px;   
		margin-left: -40px; 
		/margin-left: 0px; 
	}   
	  

		#agncarousel_content li    
		{
			list-style: none;
			display: block;   
			float:left; 
			text-align:center;
			border: none;/* solid 1px #FF0000;   */
			width:	400px; /* size of medium image (330) + 50 extra padding left and right */
			height: 360px; /* size of medium image (330) + 10 extra padding top and bottom */
		}   
			.agncarousel_item a img  {
			
				/*display: block;*/
				margin-top: 15px;
				border: solid 1px #93b193;

				
			}
			
			.agncarousel_item .carCaption 
			{
			    color: #FFFFFF;
			    font-weight:bold;
				
			}		
	        /* END IMAGES CAROUSEL */ 
	

	/* FRAMES .... IMAGES THUMBNAILS */
	.agncarousel_frame { 


	}   

	.agncarousel_frame table tr td {
		padding: 1px;
	}
	
	.agncarousel_frame table a
	{
		font-size: 3;
		font-weight: bold;
		text-decoration: none;
	 color: #006633;
	}
	
	.agncarousel_frame img
	{
		display: block;   
		margin: 1px; 
		border: solid 1px #93b193;
	}
