@charset "utf-8";
/* CSS Document */
	* 
	{ 
		font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
		font-size:11px;
	}
	body { margin:0px; background-color:#CCCCCC;}
	#MainContainer
	{
		width:1024px;
		margin-left:auto;
		margin-right:auto;
	}
	#Header
	{
		background-image:url(../images/header.gif);
		width:1024px;
		height:150px;
	}
	#HeaderMenu {
		
		width:840px;
		height:30px;
		margin-top:98px;
		margin-left:150px;
		position:absolute;
	}
	a, a:hover, a.visited, a:active { color:#000000; text-decoration:none; }
	#MenuHomeOver			{ background-image:url(../images/menu/home_over.png); 			float:left; height:30px; width:65px; margin-left:0px;	}
	#MenuOpzetOver			{ background-image:url(../images/menu/opzet_over.png); 			float:left; height:30px; width:71px; margin-left:10px;	}
	#MenuVragenOver 		{ background-image:url(../images/menu/vragen_over.png); 		float:left; height:30px; width:80px; margin-left:10px;	}
	#MenuVragenLiemerseOver { background-image:url(../images/menu/vragenliemers_over.png); 	float:left; height:30px; width:81px; margin-left:10px;	}
	#MenuNieuwsOver 		{ background-image:url(../images/menu/nieuws_over.png); 		float:left; height:30px; width:78px; margin-left:10px;	}
	#MenuInschrijvenOver 	{ background-image:url(../images/menu/inschrijven_over.png); 	float:left; height:30px; width:115px; margin-left:10px; 	}
	#MenuSponsorenOver 		{ background-image:url(../images/menu/sponsoren_over.png); 		float:left; height:30px; width:115px; margin-left:10px;	}
	#MenuContactOver 		{ background-image:url(../images/menu/contact_over.png); 		float:left; height:30px; width:88px; margin-left:10px;	}

	#MenuHome 			{ background-image:url(../images/menu/home.png); 					float:left; height:30px; width:65px; margin-left:0px;}
	#MenuOpzet 			{ background-image:url(../images/menu/opzet.png); 					float:left; height:30px; width:71px; margin-left:10px;}
	#MenuVragen 		{ background-image:url(../images/menu/vragen.png); 					float:left; height:30px; width:80px; margin-left:10px;}
	#MenuVragenLiemerse { background-image:url(../images/menu/vragenliemers.png);			float:left; height:30px; width:81px; margin-left:10px;}
	#MenuNieuws 		{ background-image:url(../images/menu/nieuws.png); 					float:left; height:30px; width:78px; margin-left:10px;}
	#MenuInschrijven 	{ background-image:url(../images/menu/inschrijven.png); 			float:left; height:30px; width:115px; margin-left:10px;}
	#MenuSponsoren 		{ background-image:url(../images/menu/sponsoren.png); 				float:left; height:30px; width:115px; margin-left:10px;}
	#MenuContact 		{ background-image:url(../images/menu/contact.png); 				float:left; height:30px; width:88px; margin-left:10px;}
	
	#BookContainer
	{
		width:803px;
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
	}
	#SideMenu
	{
		width:150px;
		float:right;
		/*border:1px red solid;*/
		text-align:center;
	}
	#Book
	{
		background-image:url(../images/book_bg.jpg);
		width:757px;
		height:470px;
		/* border:1px red solid; */
	}
	#BookPageLeft 	{
	margin-left:75px;
	margin-top:30px;
	position:absolute;
	/* border:1px red solid; */
	width:290px;
	height:410px;
	}
	#BookPageRight 	{
		width:280px;
		height:410px;
		margin-left:400px;
		margin-top:30px;
		position:absolute;
		/* border:1px red solid; */
	}
	#Footer
	{
		margin-top:25px;
		width:100%;
		font-family:Geneva,Arial,Helvetica,sans-serif;
		font-size:11px;
		text-align:center;
		font-weight:bold;
	}
	.Clear { clear:both; }


/* Vragen.php */
#vragennav
{
	right:0;
	bottom:0;
	position:absolute;
	width:100%;
}
#Vraagtitle
{
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	height:30px;
}
#Vraagafbeelding
{
	width:290px;
	margin-top:20px;
	text-align:center;
	height:350px;
}
#AntwoordButtonDiv
{
	
}
#AntwoordButton
{ 
	margin-top:50px;
	margin-left:55px;
	width:200px;
	border:1px #000 solid;
	background-color:#4A0000;
	color:#FFFFFF;
	height:20px;
	text-align:center;
	padding-top:4px;
	font-weight:bold;
	cursor:pointer;
}
#Antwoord
{
	width:290px;
	margin-top:20px;
	text-align:center;
	height:50px;
	font-weight:bold;
	display:block;
}
#Antwoord2
{
	display:none;
}
#MeerInfoButton
{
	margin-top:200px;
	margin-left:55px; 
	width:200px; 
	border:1px #000 solid; 
	background-color:#4A0000; 
	color:#FFFFFF; 
	height:20px; 
	text-align:center; 
	padding-top:4px; 
	font-weight:bold; 
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}
#VragenTip
{
	margin-top:375px; 
	width:100%; 
	height:20px; 
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}
#JumpNaarVraag
{
	position:absolute;
	margin-top:150px;
}
#NavDiv
{
	right:0;
	bottom:0;
	position:absolute;
	width:100%;
	height:30px;
}

.formfield{
	height: 15px;
	width: 150px;
	background-color: #CCC;
	border: 1px solid #333;
}
.textarea{
	width: 150px;
	background-color: #CCC;
	border: 1px solid #333;
}
.textarea2{
	width: 200px;
	background-color: #CCC;
	border: 1px solid #333;
}
.formbutton{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	border: 1px solid #666;
	background-color: #CCC;
}
.fielderror{
	color:#cc0000;
	font-weight: bold;
	clear:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
}
.SelectField
{
	background-color:#CCCCCC;
	font-size:12px;
	border:1px #999999 solid;
}
#InschrijfMelding
{
	margin-top:30px;
	color:#4A0000;
	border:2px #4A0000 solid;
}

	#OverLayBackGround {
		background-image:url(../cms/images/layout/Overlaybackground.png);
		z-index:1;
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
		display:none;
	}
	#OverLayBackGround #OverLayFrame {
		
		
		width:640px;
		height:500px;
		
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-340px;
		margin-top:-250px;
	}
	.OverLayHeader {
		background-color:#4A0000;
		height:24px;
		width:auto;
	}
	.OverLayHeader .OverlayHeaderTitle{
		font-weight:bold;
		padding-top:5px;
		padding-left:5px;
		color:#CCC;
	}
	.CloseFrameButton {
		width:16px;
		height:16px;
		position:absolute;
		top:0;
		right:0;
		background-image:url(../cms/images/icons/closeframe.png);
		background-repeat:no-repeat;
		margin-right:5px;
		margin-top:5px;
		cursor:pointer;
	}

