/*
Twello on the Beach Style Sheet

Hier worden alle syles van de website bepaald.
*/

img
{
	vertical-align:		middle;
}
body 
{
	background-color: 	#FFFFFF;
	margin:				0px;
	padding:			0px;
	font-family: 	  arial;
	font-size:		  10pt;
	color:  		  #5c0c67;
	line-height: 	  1.3em;
	
}
/* Algemeen 

Uiterlijk van de body, tekst kleur en de grote van de paragrafen.

*/
h2 
{
	background-color: #FFFF66;
	color:			  #5c0c67;
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        14pt;
	font-weight:      bold;
	text-align:		  Left;
	line-height:      1em;
	margin-bottom:    0.25em;
}

/* Layout 
Positie van de div's, lengte van de pagina
*/

#mainbody 
{
	background-color:	#FFFF66;
	position: 			relative;
	text-align:			left;
	margin-left:		auto;
	margin-right:		auto;
	width:				900px;
	height:				620px;
	border: 			1px solid #5c0c67; 
	top:				10px;

}

#toys
{
	background-image:url(../img/beach3.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:left;
	height:75px;
	width:149px;
	position:absolute;
	top:355px;
	border: 0px solid #000;
	
}

#twitter
{
	margin-left:0px;
	top:315px;
	position:absolute;
}

#boven 
{
	/* Plaatje Twello On The Beach */
	background-image:	url(../img/logo.jpg);
	background-position:left;
	background-repeat:	no-repeat;
	background-color:	#FFFF66;
	padding-top: 		1px;
	border-bottom:		0px solid #5c0c67;
	text-align:			right;
	padding-right:		0px;
	font-size:			10px;
	position:			absolute;
	width:				900px;
	height:				170px;
	top:				0px;
	left:				0px;
}

#hoofdmenu
{
	margin-left:220px;
	
	top: 				140px;
	width: 				80%;
	height: 			20px;
	border-bottom: 		0px solid #5c0c67;
	position:			absolute;
}

#hoofdmenu ul 
{
	margin-left			:0px;
	margin-left			:0px;
}

#hoofdmenu ul a 
{
	width:100px;
	display				:block; 
	float				:left;
	border-left			:0px solid #5c0c67; 
	border-right		:none;
	margin-left			:0px;
}

#hoofdmenu li 
{
	list-style			:none;
	display				:inline;
} 

div#hoofdmenu li.close a 
{
	border-right		:1px solid #053967;
}

div#hoofdmenu a 
{
	color				:#333333; 
	text-decoration		:none; 
	font-size			:12px;
	font-weight			:bold;
	text-align			:center;
	line-height			:15px; 
	padding				:2px 5px;
}

div#hoofdmenu a:link, div#hoofdmenu a:visited, div#hoofdmenu a:active, div#hoofdmenu a:hover 
{
	color				:#5c0c67; 
 
}

div#hoofdmenu a:hover 
{
	color				:#073A4E;
	background-image:url(../img/volleyball3.gif);
	background-repeat:no-repeat;
	background-position:left;
	
	/*background			:#0864B6; */
}

body#nieuws #hoofdmenu ul li#knop1 a,
body#persberichten #hoofdmenu ul li#knop2 a,
body#inschrijven #hoofdmenu ul li#knop3 a,
body#gastenboek #hoofdmenu ul li#knop4 a,
body#fotos #hoofdmenu ul li#knop5 a,
body#sponsors #hoofdmenu ul li#knop6 a 
{
	color				:#073A4E;
	/*background			:#1981DE;*/
	background-image:url(../img/volleyball3.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#colspan 
{
	position:			absolute;
	top:				170px;
	left:				0px;
	width:				900px;
	height:				550px;
	
}

#submenu 
{
	background-color:	#FFFF66;
	border-right:		1px solid #5c0c67;
	position:			absolute;
	left:				0px;
	width:				149px;
	height:				430px;
	margin-left:		2px;

}

#submenu ul 
{
	margin-top:			5px;
	margin-left:		0px;
	list-style:none;
	border:1px solid #000;
} 

#submenu li 
{
	list-style			:none;
	background-color: 	#FDFCCF;
	width:				130px;
	text-align:			center;
	margin-bottom:		2px;
	border: 			1px solid #F0F6F9;
	
}

div#submenu a 
{
	text-decoration		:none; 
	font-size			:12px;
	font-weight			:bold;
	text-align			:center;
	line-height			:15px; 
	padding				:2px 5px;
}

div#submenu a:link, div#submenu a:visited, div#submenu a:active, div#submenu a:hover 
{
	color				:#5c0c67; 
	background			:#FDFCCF; 
}

div#submenu a:hover 
{
	color				:#073A4E;
	/*background			:#0864B6; */
}


#main {
	padding-top:		5px;
	background-color:	#FFFF66;
	overflow:			auto;
	scrollbar-3dlight-color: 	#FFFF66;
	scrollbar-arrow-color: 		#8E7732;
	scrollbar-base-color: 		#FFFF66;
	scrollbar-darkshadow-color: #8E7732;
	scrollbar-face-color: 		#FFFF66;
	scrollbar-highlight-color: 	#8E7732;
	scrollbar-shadow-color: 	#FFFF66;
	position:			absolute;
	left:				150px;
	width:				735px;
	height:				430px;
	margin-left:		15px;
}

#sponsor 
{
	background-color:	#FFFF66;
	border-left:		1px solid #5c0c67;
	position:			absolute;
	left:				728px;
	width:				170px;
	height:				350px;
}

#onder 
{
	border-top:			1px solid #5c0c67;
	text-align:			center;
	font-size:			10px;
	position:			absolute;
	background-color:	#ece0ef;
	top:				600px;
	width:				900px;
	height:				19px;
}

#netstat 
{
	position:			absolute;
	left:				0px;
	top: 				350;
	width:				18px;
	height:				18px;
}

#achtergrondMenu {
	background-image:	url(img/logoTOB-4.gif);
	background-position:top;
	background-position:left;
	background-repeat:	no-repeat;
}

table#classList
{
	width:700px;
	border-collapse:	collapse;
}

#classList td
{

background-color:#FDFCCF;
}
table#classList .header
{
	font-weight:bold;
	height:25px;
	background-color:#e4d3ec;
	
}

#zaterdag {
	left: 45px;
	width: 300px;
	height: 230px;
	border: 1px solid #5c0c67;
	position: absolute;
}

#zondag {
	left: 365px;
	width: 300px;
	height: 230px;
	border: 1px solid #5c0c67;
	position: relative;
}