/*
CSS: 							v0.8
by: 							Harm Jan Luth
stage: 							SOS Sport@Events
*/

body {
	font-family: 				Verdana, sans-serif;
	line-height:				18px;
	font-size: 					11px;
	padding: 					0;
	margin: 					0;
}

h1, h2, h3, h4, h5 {
	font-family: 				Verdana, sans-serif;
	font-weight: 				bold;
	margin: 					0;
	padding: 					0;
	line-height: 				1em;
}

a:link, a:visited, a:active {
	color: 						#333;
	text-decoration: 			none;
}

a:hover {
	color:						#333;
	text-decoration: 			underline;
}

h1 {
	font-size:					24px;
	color:						#000;
}

#container {
	padding:					0;
	width:						100%;
	z-index:					0;	
}

#rightcolorbox {
	position:					relative;
	float:						right;
	height:						300px;
	width: 						800px;
	margin-top:					-370px;
	z-index:					1;
}

#leftcolorbox {
	position:					relative;
	float:						left;
	height:						220px;
	width: 						800px;
	margin-top:					-150px;
	z-index:					1;
}

#contentbody {
	margin: 					0 auto;
	width:						800px;
	z-index:					2;
}

#titelvlak {
	position:					absolute;
	width:						800px;
	float:						left;
	margin-top:					120px;
	padding:					0;
	height:						250px;
	text-align: 				right;
	z-index:					4;
}

#titel {
	position: 					relative;
	width:						800px;
	font-size:					24px;
	margin-top:					205px;
	right:						30px;
}

#titel h5 {
	font-size:					24px;
	padding:                    0;
	margin:                     0;
}

h2 {
	position: 					absolute;
	color:						#000;
	font-size:					24px;
	z-index:					30;
}


#logo {
	position:					absolute;
	width:						220px;
	height:						150px;
	background-image:			url('images/logo.jpg');
	background-position:		top;
	background-repeat:			no-repeat;
	float:						left;
	z-index:					3;
}

#afbeelding {
	position:					relative;
	width:						580px;
	height:						300px;
	float:						right;
	background-color:			#000;
	z-index:					5; 
}

#afbeelding img.loading {
	margin-left: 				274px;
	margin-top:					134px;
}

#menu {
	position:					absolute;
	width:						250px;
	float:						left;
	clear:						left;
	margin-top:					150px;
	background-color:			#000;
	z-index:					7;
}

#menu ul {
	list-style:					none;
	padding:					0;
	padding-bottom:				25px;
	margin:						0;
}

#menu ul li {
	height:						43px;
	border-top:					1px solid #484848;
	text-align:					right;
	font-size:					18px;
	padding:                    0;
	padding-right:              25px;
	line-height:				2.2em;
}

#menu ul li.link {
	margin-right:				25px;
	line-height:				2.2em;
}

#menu ul li.last {
	position:					absolute;
	height:						10px;
	width:						250px;
	border-top:					1px solid #484848;
}

#tekstvak {
	position:					absolute;
	width:						575px;
	float:						right;
	margin-top:					370px;
	margin-left:				225px;
	padding:					0;
	padding-top:				10px;
	background-color:			#FFF;
	z-index:					6;
}

#tekst {
	position:					relative;
	left:						35px;
	width:						525px;
	float:						left;
	padding-bottom:				20px;
}

#tekst p, h1, h2, h3, h4 {
	padding:					15px;
	padding-top:				0;
	padding-bottom:				0;	
}

#tekst h1 {
	font-size:					16px;
}

#footer {
	position:					absolute;
	margin: 					0 auto;
	left:						0;
	width:						575px;
	height:						30px;
	text-align:					center;
	font-size:					9px;
	line-height:				2.8em;
	bottom: 					-30px;
	z-index:					15;
}

#validate {
	position:					absolute;
	margin:						0 auto;
	z-index:					15;
	width:						100%;
	text-align:					right;
	bottom: 					0px;
}

#validate img {
	border:						0;
}