/* GENERAL */

html{
	overflow-x:				auto;
	overflow-y:				scroll;
}

body{
	position:				absolute;
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:				0px;
	background-color:		#090a09;
	background-image:		url('../graphics/backgrounds/body.jpg');
	background-repeat: 		repeat-x;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#000000;
}

div{
	position:				relative;
	overflow:				hidden;
	display:				inline;
	float:					left;
}

h1{
	margin-top:				10px;
	margin-left:			0px;
	font-size:				20px;
	color:					#e8e659;
}

h2{
	margin-left:			0px;
	margin-top:				-15px;
	margin-bottom:			10px;
	font-size:				16px;
	color:					#626162;
}

p{
	margin:					opx;
	margin-bottom:			10px;
	padding:				0px;
	color:					#fff;
	margin-right: 30px;
	margin-left: 50px;

}

p a{
	border:						none;
	border-style:				none;
	color:						#e8e659;
}

p a:hover{
	color: 						#FFFFFF;
	text-decoration:			none;
}




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

img{
	border:					none;
}

ul{
	margin-top:				16px;

	list-style:				none;
}

li{
	margin-top:				8px;
	margin-left:			0px;
	font-size:				14px;
	color:					#FFFFFF;
}

li a{
	font-weight:			bold;
	color:					#FFFFFF;
}

li a:hover{
	color:					#aeb8cf;
	text-decoration:		none;
}


/* class */

.center{
	text-align:				center;
}



.left{
	float:					left;
}

.right{
	float:					right;
}

.strong{
	font-weight:			bold;
}


/* FRAME */
div#frame{
	width:					972px;
	min-height:				700px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				0px;
	margin-bottom:			0px;
	display:				block;
	float:					none;
	background-color:		#FFFFFF;
	background-image:		url('../graphics/backgrounds/frame.jpg')
}

div#header {
	width:					972px;
	height:					224px;
	background-image:		url('../graphics/backgrounds/header.jpg')
}


/* ////////////////////// MENU ////////////////////// */

div#menu {
	width:					917px;
	height:					79px;
	padding-top:			29px;
	padding-left:			73px;
	background-image:		url('../graphics/backgrounds/menu.jpg')
}

div#menu img{
	margin:					0px;
	padding:				0px;
	float:					left;
}

div#menu a{
	height:					46px;
	float:					left;
	display:				block;
}


div#menu a.home{
	width:					107px;
	background-image:		url('../graphics/buttons/home_default.jpg');
}

div#menu a.home:hover{
	background-image:		url('../graphics/buttons/home_hover.jpg');
}

div#menu a.members{
	width:					122px;
	background-image:		url('../graphics/buttons/members_default.jpg');
}

div#menu a.members:hover{
	background-image:		url('../graphics/buttons/members_hover.jpg');
}

div#menu a.forum{
	width:					97px;
	background-image:		url('../graphics/buttons/forum_default.jpg');
}

div#menu a.forum:hover{
	background-image:		url('../graphics/buttons/forum_hover.jpg');
}

div#menu a.wars{
	width:					96px;
	background-image:		url('../graphics/buttons/wars_default.jpg');
}

div#menu a.wars:hover{
	background-image:		url('../graphics/buttons/wars_hover.jpg');
}

div#menu a.results{
	width:					112px;
	background-image:		url('../graphics/buttons/results_default.jpg');
}

div#menu a.results:hover{
	background-image:		url('../graphics/buttons/results_hover.jpg');
}

div#menu a.recruitement{
	width:					156px;
	background-image:		url('../graphics/buttons/recruitment_default.jpg');
}

div#menu a.recruitement:hover{
	background-image:		url('../graphics/buttons/recruitment_hover.jpg');
}

div#menu a.about{
	width:					114px;
	background-image:		url('../graphics/buttons/about_default.jpg');
}

div#menu a.about:hover{
	background-image:		url('../graphics/buttons/about_hover.jpg');
}


/* ////////////////////// HOLOGRAM ////////////////////// */


div#hologram{
	width:					360px;
	height:					400px;
	color:					#999999;
}

.news_item{
	width:					895px;
	height:					195px;
	margin-top:				30px;
	margin-left:			40px;
	background-image:		url('../graphics/news_item.jpg');
}

.news_pic {

}



.news_pic a{
	margin-top:				5px;
	margin-left:			8px;
	border:					1px solid #fffc32;
}

.news_pic a:hover{
	border:					1px solid #FFF;
}




.news_img{
	margin:					0px;
	margin-top:				6px;
	margin-left:			9px;
	padding:				0px;
	float:					left;
}



.news_content{
	width:					500px;
	height:					145px;
	margin-top:				20px;
	margin-left:			125px;
}

.result_item{
	width:					900px;
	height:					195px;
	margin-left:			35px;
	margin-bottom:			40px;
	background-image:		url('../graphics/results_pics.jpg');
}

.result_pic_1{
	margin-left:			6px;
	margin-right:			82px;
	padding:				0px;
}

.result_pic_2{
	margin-right:			80px;
	padding:				0px;
}
.result_pic_3{
	padding:				0px;
}

.result_item a{
	margin-top:				5px;
	padding:				0px;
	float:					left;
	border:					1px solid #fffc32;
}

.result_item a:hover{
	border:					1px solid #FFF;
}

.result_img_2{
	margin-top:				6px;
	margin-left:			7px;
	margin-right:			66px;
	padding:				0px;
	float:					left;
}

.result_img_3{
	margin-top:				6px;
	margin-left:			7px;
	float:					left;
}



/* ////////////////////////// MEMBERS //////////////*/

.black_overlay{
	display: 				none;
	position:				absolute;
	top:					 0%;
	left: 					0%;
	width: 					100%;
	height:					170%;
	z-index:				1001;
	background-color:		#000000;
	opacity:				.60;
	filter: 				alpha(opacity=80);
}
.white_content {
	display: 				none;
	position:				absolute;
	top: 					25%;
	left: 					50%;
	width: 					626px;
	height: 				298px;
	margin-left:			-320px;
	background-image:		url('../graphics/backgrounds/members.gif');
	z-index:				1002;
	overflow: 				auto;
}

.member_pic{
	width:					209px;
	height:					256px;
	margin:					0px;
	margin-top:				24px;
	margin-left:			17px;
	padding:				0px;
	background-color:		#00FF00;
}

.sluiten{
	width:					32px;
	height:					29px;
	float:					right;
	
	
}

.members_naam{
	width:					355px;
	height:					30px;
	margin-left:			10px;
	margin-top:				25px;
	text-align:				center;
	font-size:				24px;
	font-weight:			bold;
	color:					#FFFF00;
	float:					left;
}

.members_content{
	width:					340px;
	height:					195px;
	margin-left:			10px;
	margin-top:				10px;
	padding:				10px;
	float:					left;
	color:					#FFFFFF;
}





/* //////////////// CONTENT BLOKKEN */

div#content {
	width:					575px;
	margin:					0px;
	margin-left:			5px;
	padding:				0px;
}



#home_content { 
	width:					570px;
	margin:					0px; 
	padding:		 		0px;
	background:				#fff url('../graphics/backgrounds/kader_left.jpg') repeat-y left top;
} 

.result_kader { 
	width:					570px;
	margin:					0px;
	padding:				0px;
	margin-left:			180px;
	margin-bottom:			20px;
	background:				#fff url('../graphics/backgrounds/kader_left.jpg') repeat-y left top;
}

.result_kader_index {
	width:					680px;
	margin:					0px;
	padding:				0px;
	margin-left:			120px;
	margin-bottom:			20px;
	background:				#fff url('../graphics/backgrounds/kader_left.jpg') repeat-y left top;
}

.top { 
	width:100%; 
	height:20px; 
	background:url('../graphics/backgrounds/kader_top.jpg') no-repeat left top; 
} 
.top span { 
	display:block; 
	position:relative; 
	height:30px; 
	background:url('../graphics/backgrounds/kader_top_right.jpg') no-repeat right top; 
} 

.top_members { 
	width:100%; 
	height:64px; 
	background:url('../graphics/backgrounds/kader_top_members.jpg') no-repeat left top; 
} 
.top_members span { 
	display:				block; 
	position:				relative; 
	height:					64px; 
	padding-top:			25px;
	padding-left:			13px;
	text-align:				center;
	font-size:				20px;
	font-weight:			bold;
	color:					#e8e659;
	background:				url('../graphics/backgrounds/kader_top_members_right.jpg') no-repeat right top; 
} 

.center_width{
	width:					510px;
	text-align:				center;
	color:					#CCCCCC;
}

.center_width a{
	color:					#ffffff;
}

.center_width a:hover{
	color:					#e6e458;
	text-decoration:		none;
}

.center-content { 
	width:570px;
	display:block; 
	position:relative; 
	padding: 0px;
	margin: 0px;
	color:#00CC00;
	background: url('../graphics/backgrounds/kader_right.jpg') repeat-y right top; 
} 

.center-content_index { 
	width:680px;
	display:block; 
	position:relative; 
	padding: 0px;
	margin: 0px;
	color:#00CC00;
	background: url('../graphics/backgrounds/kader_right.jpg') repeat-y right top; 
} 

.center-content h1{
	margin-left:	50px;
	margin-right:	50px;
	}

.center-content_h1{
	margin-left:	50px;
	margin-right:	50px;
	}

.center-content h2{
	margin-left:	50px;
	margin-right:	30px;
	}

.center-content p{
	margin-left:	50px;
	margin-right: 	30px;
	}

.bottom { 
	display:block; 
	width:100%; 
	height:30px; 
	background:url('../graphics/backgrounds/kader_bottom.jpg') no-repeat left bottom; 
} 
.bottom span { 
	display:block; 
	position:relative; 
	height:30px; 
	background:url('../graphics/backgrounds/kader_bottom_right.jpg') no-repeat right top; 
} 


/* ///////////////////////// FOOTER  /////////////////////// */



div#footer {
	width:					972px;
	height:					62px;
	padding-top:			65px;
	text-align:				center;
	background-image:		url('../graphics/backgrounds/footer.gif')
}

div#footer p{
	margin:					0px;
	margin-top:				5px;
	padding:				0px;
	color:					#ffffff;
}

div#footer p.links{
	margin:					0px;
	margin-top:				5px;
	padding:				0px;
	color:					#8d95a7;
}

div#footer p.links a{
	color:					#8d95a7;
}

div#footer p.links a:hover{
	text-decoration:		none;
	color:					#ffffff;
}

div#footer a.kiwi{
	color:					#88c126;
	text-decoration:		none;
}

div#footer a.kiwi:hover{
	color:					#defea8;
}
