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

body
{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	background-color: 		#2164ab;
	background-image: 		url(../images/back_lrg.jpg);
	background-repeat: 		no-repeat;
	background-position: 	center center;
	background-attachment:	fixed;

}

body, html {
	margin-left: 			0px;
	margin-top: 			0px;
	margin-right: 			0px;
	margin-bottom: 			0px;
	height: 				100%;
}

/* this to remove the dotted border from FF. */

a:active, a:focus, input[type="image"] 
{
	outline: 0;
}

a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}
/* end remove the dotted border from FF. */

h1
{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				24px;
	color:					#000000;
	font-weight: 			bold;
	margin-top: 			5px;
	margin-bottom: 			5px;
}

h2
{
	margin-top: 			0px;
	margin-bottom:          5px;
	font-size:				18px;
	color:					#000000;
	font-weight: 			bold;
}

h3
{
	font-family:			Arial, Helvetica, sans-serif;
	font-size: 				20px;
	color: 					#009350;
	letter-spacing: 		1px;
	font-weight: 			normal;
	margin-bottom: 			0px;
	margin-top: 			5px; /*need this for positioning in Firefox. IE doesnt care. */
}

p
{
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				small;
}

.container 
{
	width: 					1000px;
	height: 				100%;
	border-color:			#FFFFFF;
	margin-left: 			auto;
	margin-right: 			auto;
	margin-top: 			60px;
}

.topbar
{
	background-image: 		url(../images/bg_topbar.jpg);
	height: 				30px;
}

.languages
{
/* add position relative to have it stick on top of the navbar..otherwise it will disappear in IE6 */
	position: 				relative;
	float: 					right;
	margin-right: 			15px;
	margin-top: 			-10px;
	margin-left: 			10px;
}

.topmenu
{
	float:					right;
	margin-right: 			40px;
	color:					#FFFFFF;
	font-weight: 			bold;
	font-size: 				smaller;
	margin-top: 			0px;
	position:				relative;
	height: 				30px;
}

.topmenu ul
{
	list-style-type: 		none;
	margin-top: 			5px;	/*need this to properly align within the bar. */
}

.topmenu ul li
{
	display: 				inline;
	margin-left: 			20px;
}

.topmenu ul li a
{
	display: 				inline;
	text-decoration:		none;
	color:					#FFFFFF;
}

.topmenu ul li a:hover
{
	color: 					#e5a200;
	text-decoration:		none;
}

.imagebox
{
	/*position:				top;*/
	height: 				139px;
	width: 					1000px;
	border-color:			#FFFFFF;	
}

.logo
{
	height: 				139px;
	width: 					220px;
	background-image: 		url(../images/logo+tentje.jpg);
	float:					left;
}

.photos 
{
	width: 					780px;
	height: 				139px;
	float: 					right;
}

.container_right
{
    width:					100%;
	float:					left;
    background:				#0B66B3;
    overflow:				hidden;
    position:				relative;
}

.container_center
{
    float:					left;
    width:					100%;
    background:				white;
    position:				relative;
    right:					195px;
}

.container_left
{
    float:					left;
    width:					100%;
    background:				#0B66B3;
    position:				relative;
    right:					585px;
}

.left
{
    float:					left;
    width:					220px;
    position:				relative;
    left:					780px;
	height: 				600px;
    overflow:				hidden;
	background-image: 		url(../images/bg_menu.jpg);
	background-repeat: 		no-repeat;
}

.leftmenu
{
	width: 					220px;
	margin-top: 			10px;
	margin-left: 			0px;
	text-align:				left;
}

.leftmenu ul.menu, .leftmenu ul.menu ul 
{
	  list-style-type:			none;
	  margin: 					0;
	  padding: 					0;
	  text-decoration:			none;
	  border:					none;
	  border-width: 0;
}

.leftmenu ul.menu a 
{
	  display: 					block;
	  text-decoration: 			none;
	  border:					none;
	  outline:					none;
}

.leftmenu ul.menu li 
{
	margin-top: 			1px;
	margin-bottom: 			0px;
	border-bottom: 			dotted #FFFFFF;
	margin-left: 			5px;
	margin-right: 			20px;

}

.leftmenu ul.menu li a 
{

	padding: 				0.4em; /* distance between main and subs*/
  	text-decoration:		none;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-weight:			bolder;
	font-size:				small;
	color:					#FFFFFF;
	outline:				none;
	
	
}

.leftmenu ul.menu li.selected a 
{
	color:					#e5a200;
	outline:				none;
}

.leftmenu ul.menu li a:hover 
{
  	color:					#e5a200;
	text-decoration: 		none;

}
.leftmenu ul.menu li ul li
{
	margin-top: 			-10px;
	border-bottom: 			none;
}

.leftmenu ul.menu li ul li a 
{
	padding-left: 			20px;
	text-decoration:		none;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-weight:			normal;
	font-size:				small;
	color:					#FFFFFF;  
	margin-top: 			0px;
	border-bottom: 			none;
	outline:				none;
}

.leftmenu ul.menu li ul li a:hover 
{
  color:					#e5a200;
}


.content 
{
	float: 					left;
    width: 					545px;
    position: 				relative;
    left: 					780px;
    overflow: 				hidden;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				medium;
	padding-left: 			20px;
	padding-right: 			20px;
	padding-bottom: 		15px;
	padding-top: 			10px;
}

#hp_first img
{
    float:left;
    margin: 0 10px 10px 0; 
}
    
#hp_first
{
    margin: 10px 10px 10px 0;
}

.hp_next img
{
    float:left;
    margin: 0 10px 10px 0; 
}   
    
p img
{
	
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	
	}

.img_left
{
	float: 					left; 
	margin-right: 			10px;
	margin-left: 			-10px;
}

.img_right
{
	float: 					right; 
	margin-left: 			10px;
	margin-bottom: 			10px;
}

.right
{
    float:					left;
    width:					195px;
    position:				relative;
    left:					780px;
	height: 				500px;
	background-color:		#0B66B3;
	background-image: 		url(../images/bg_menu_right.jpg);
	background-repeat:		no-repeat;
	overflow: 				hidden;
}

.rightbanner
{
	position:				relative;
	margin-top: 			200px;
	margin-left: 			5px;
	margin-right: 			0px;
	padding-right: 			0px;
	padding-left: 			0px;
	text-decoration:		none;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-weight:			bolder;
	font-size:				medium;
	color:					#95e7fd;  
}

.rightbanner ul 
{
	  list-style-type:			none;
	  margin: 					0;
	  padding: 					0;
	  text-decoration:			none;
	  border:					none;
	  width: 					180px;	/*width of dots and text */
}

.rightbanner ul a 
{

	  display: 					block;
	  text-decoration: 			none;	
}

.rightbanner ul li
{
	margin-top: 			0px;
	margin-bottom: 			0px;
	border-bottom: 			dotted #FFFFFF;
	margin-left: 			5px;
	margin-right: 			20px;
	/*padding-bottom: 		5px; /* distance between dots and text */
}

.rightbanner ul li a
{
	text-align: 			left;
	padding: 				0.5em;
  	text-decoration:		none;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-weight:			bolder;
	font-size:				medium;
	color:					#95e7fd;
}

.rightbanner ul li a:hover 
{
  	color:					#e5a200;
	text-decoration: 		none;
}

.banner
{
	margin-left: 7px;
	margin-top: 10px;
	}

.sponsors {
	position: 				relative;
	width: 					195px;
	text-align: 			center;
	margin-top: 			9px;
	margin-left: 			5px;
	text-decoration:		none;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-weight:			bolder;
	font-size:				medium;
	color:					#95e7fd;  
	float: 					left;
}

.sponsors ul li 
{

	margin-right: 			10px;
	margin-left: 			10px;
	height:					200px; /* max height of image */
	width: 					175px; /* max width of image */

}
.rightmenu
{
	position: 				relative;
	top: 					35px;
	left: 					10px;
	width: 					175px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	color: 					#236aac;
	font-weight:			bolder;	
}

#rightMenuDefault, #rightMenuProgram
{
    margin-top: 0px;
}

#rightMenuDefault2, #rightMenuNewsLetter, #rightMenuProgram2, #pageInfo
{
     margin-top: 35px;
}

.rounded
{
	background-color:		#7fbde6; 
	padding:				5px;
}
.rightmenu ul 
{
	list-style-type:		none;
	margin-left: 			0px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	padding-left: 			5px;
}
.rightmenu ul li 
{
	margin-right: 			20px;
	margin-left: 			0px;
	margin-top: 0px;
}

.rightmenu ul li a
{
	text-decoration: 		none;
	color: 					#236aac;
	margin-left: 			0px;
}

.rightmenu ul li a:hover 
{
  	color:					#d91c00;
	text-decoration: 		none;
}

.nieuwsbriefform
{
	font-family: Verdana;
	font-size: small;
	color: Black;
}

#accordion 
{
    margin: 1em .5em;
}

.accordion-header a, .accordion-header-hide a 
{ 
    display: block; 
    font-size: 1.0em; 
    font-weight: bold; 
    color:white;
    text-decoration:none;
 }
 
.accordion-content p
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}

#accordion .accordion-content, .whitecontent
{ 
    padding: 5px;
    margin-bottom: 5px; 
    overflow: auto; 
    color: #222222;
    font-size: small;
    border: 1px solid #A6C9E2;
    -moz-border-radius-bottomleft: 5px; 
    -moz-border-radius-bottomright: 5px;
 }
 
 .accordion-content img
 {
    margin: 3px;
   
 }
 
.whitecontent
    {
    padding-top: 20px;
    padding-left: 0px;
    width: 520px;
    
    }
    
 .whitecontent img
 {
     margin-left: 15px;
     margin-right: 10px;
     float: left;
     }

.accordion-header  
{
    -moz-border-radius-topleft: 5px; 
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topright: 5px; 
    -webkit-border-top-right-radius: 5px; 
    padding: 3px;
    border: 1px solid #448DAE; 
    background: #0078ae /*url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png)*/ 50% 50% repeat-x; 
    font-weight: normal; 
    font-size: 13px;
    color: #ffffff;          
    cursor: pointer; 
    position: relative; 
    zoom: 1;
    margin-bottom: 0px;
}

.white
{
    background-color: White;
    width: 530px;
    margin-left: 7px;
}


.accordion-header-hide
{
    -moz-border-radius-topleft: 5px; 
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topright: 5px; 
    -webkit-border-top-right-radius: 5px; 
    padding: 3px;
    border: 1px solid #448DAE; 
    background: #6EAC2C /*url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png)*/ 50% 50% repeat-x; 
    font-weight: normal; 
    font-size: 13px;
    color: #ffffff;          
    cursor: pointer; 
    position: relative; 
    zoom: 1;
    margin-bottom: 0px;
    border: 1px solid #ACDD4A;
    -moz-border-radius-bottomleft: 5px; 
    -moz-border-radius-bottomright: 5px;
    margin-bottom: 5px;
}

#lblSpeeldataContent div
{float:left;}

#lblSpeeldataContent div a
{
    color: #ff0000;
    text-decoration: none;
    font-style:italic;
    font-weight: bold;
    }
    
    #lblSpeeldataContent div a:hover
{
    color: #ff0000;
    text-decoration: underline;
    font-style:italic;
    font-weight: bold;
    }
    
.days img
{
    margin-right: 0px;
    margin: 0px;
    padding: 1px;    
    width: 55px;
}

.days
{
    margin-left:6px;
}