/* CSS Document */

/* Describes properties of header and menu, used in both the homepage and the new forum */

body
	{
	font-family: 		trebuchet ms, verdana, swiss, helvetica;
	font-size: 			12px;
	text-align:			center;
	background-color:	#D9E873;
	margin:				0px;
	padding:			0px;
	background-image:	url(../images/bg.gif);
	background-repeat:	repeat-x;
	}
	
td
{
	font-family: 		trebuchet ms, verdana, swiss, helvetica;
	font-size: 			12px;
}
	
div.bodymain 
{
	width: 				770px;
	margin:				0px auto;
	text-align:			justify;

	}

div.header
	{
	background-color: 		#4A664D;
	background-position : 	center center;
	padding: 				0px;
	margin:					0px;
	margin-bottom:			30px;
	margin-top:				30px;
	text-align:				center;
	vertical-align: 		middle;
	height:					118px;
	}
	
div.header h1
{
	color:				#ffffff;
	font-size:			17px;
}	
	
form
	{
	margin: 			0px;
	padding:			0px;
}



input, textarea, select
	{
	border-width: 		1px ;
	border-style : 		solid ;
	border-color : 		#4A664D ;
	background-color: 	#F1F8E6;
	margin: 			1px;
	font-family: 		trebuchet ms, verdana, swiss, helvetica;
	font-size:			11px;
	}

.submit
{
	font-size: 	11px;
}

div.login
{
	float:				right;
	margin-left: 		10px;
	margin-bottom:		10px;
	padding:			5px;
	border:				1px dashed #4A664D;	
}

/* Het vlak waarin de invulvelden voor het inlogform staan, boven het menu*/
/*bodymain gebruiken we om de site te centreren*/

/*aRAchNiON was hier*/ 
#navigation 
{ 
	height: 			20px; 
	background-color: 	#4A664D; 
	list-style: 		none; 
	margin: 			0; 
	padding: 			0; 
	background-image: 	url(../images/gradient1.jpg); 
} 
#navigation li 
{ 
	display: 			block; 
	text-align: 		center; 
	padding-top:		3px;
	padding-bottom:		0px;
	background-color: 	#4A664D; 
	background-image: 	url(../images/gradient1.jpg); 
	float: 				left; 
	position: 			relative; 
	z-index: 3px;
	
} 
#navigation a 
{ 
	color: 				white; 
	font-weight: 		bold; 
	text-decoration: 	none; 
	display: 			block; 
	padding: 			3px 0px; 
	margin: 			0px; 
} 
#navigation ul 
{ 
	position: 			absolute; 
	z-index: 			500; 
	list-style: 		none; 
	display: 			none; 
	background-color: 	#ffffff; 
	border: 			1px solid black; 
	border-top:			0px;
	padding: 			0; 
	left: 				-1px; 
	margin-left: 		0px;
} 
#navigation ul li 
{ 
	background-color: 	transparent; 
	background-image: 	none; 
	text-align: 		left; 
	float: 				none; 
	position: 			static; 
	border: 			none; 
	width:				150px;
} 
#navigation ul li a 
{ 
	padding: 			3px 2px 4px; 
	color: 				black; 
	font-weight: 		normal; 
} 
#navigation ul li a:hover 
{ 
	background-color: 	#F4F3F0; 
} 
#navigation li:hover ul 
{ 
	display: 			block; 
} 
/*aRAchNiON was hier niet*/ 

/*Center is het middelste gedeelte, tussen het menu en de onderkant. Eigenlijke bodymain dus*/
div.center
	{
	line-height: 		140%;
	background-color: 	#F4F3F0;
	padding: 			15px;
	margin: 			0px;
	color: 				#000000;
	}

div.center a
	{
	color: 				#000000;
	}

div.center a:hover
	{
	color:				#666666;
	text-decoration: 	none;
	}

div.center h1
{
	font-size:				14px;
	color: 					#4A664D; 
	background-image:		url(../images/bal.gif);
	background-repeat:		no-repeat;
	padding-left:			25px;
	margin-bottom:			0px;
}

div.center h2
{
	font-size:				13px;
	font-style:				italic;
	color: 					#4A664D; 
	padding-left:			25px;
	margin-bottom:			0px;
	margin-top:				5px;
}

div.center p
{
	margin-top:				4px;
}

p.nieuwskop
{
	margin-bottom:				0px;
} 

p.bottom
{	
	text-align: 		center; 
	background-color: 	#4A664D; 
	background-image: 	url(../images/gradient1.jpg); 
	color:				#ffffff;
	font-weight:		bold;
	padding: 			4px;
	margin:				0px;
	clear:				both;
}

p.bottom a
{
	color:				#ffffff;
}


table.manager
{
	width:				500px;
	
}

table.manager td
{
	width:				25%;
	text-align: 		center;
}

p.error
{
	color:				red;
	font-weight:		bold;
}

a img
{
	border:				0px;
}	

div.left
{	
	width:				340px;
	float:				left;
	margin:				15px;
	margin-left:		0px;
}

div.right
{
	width:				340px;
	float:				right;
	margin:				15px;
	margin-right:		0px;
}

table.form
{
	width:				450px;
	border:				1px solid #4A664D;
	padding:			0px;
	margin:				20px 0px;
	border-collapse:	collapse;
}


table.form tr.kop td
{
	background-color:	#4A664D;
	color:				#ffffff;
	font-weight:		bold;	
	background-image: 	url(../images/gradient1.jpg); 
}

table.form tr.subkop td
{
	background-color:	#dedede;
	color:				#000000;
	font-weight:		bold;	
}

table.form td
{
	padding:			2px;
	border-bottom:		1px solid #4A664D;
}


table.list
{
	width:				90%;
	border:				1px solid #4A664D;
	padding:			0px;
	margin:				20px 0px;
	border-bottom:		0px;
}


table.list tr.kop td
{
	background-color:	#4A664D;
	color:				#ffffff;
	font-weight:		bold;	
	background-image: 	url(../images/gradient1.jpg); 
}

table.list tr.subkop td
{
	background-color:	#dedede;
	color:				#000000;
	font-weight:		bold;	
}

table.list td, table.layout  td table.list td
{
	padding:			2px;
	margin:				0px;
	border-bottom:		1px solid #4A664D;
}

p.small, table.form td p
{
	font-size:			11px;
	margin:				0px;
	padding:			0px;
}

div.player
{
	background-color:	#ECE9D8;
	border:				1px solid #000000;
	padding:			3px;
	width:				400px;
	text-align:			center;
	margin: 			3px;
	margin-top:			10px;
	background-color: 	#ECE9D8;
}

div.player img
{
	border:				0px;
	margin:				2px;
	padding:			0px;
	border:				0px;
	vertical-align:		middle;
}	

div.player a
{
	border:				0px;
	margin:				0px;
	padding:			0px;
	border:				0px;
}
div.player a.timeout
{	
	color:				#000000;
	text-decoration:	none;
}
div.player a.timeout:hover
{	
	color:				#aaaaaa;
}		

img.big-image
{
	margin:				10px;
}	

div.album_popup
{
	width: 				200px; 
	border: 			1px solid #4A664D; 
	float: 				right; 
	margin-top: 		15px; 
	padding: 			4px
}

table.layout
{	
	border-collapse:	collapse;
	width:				600px;
	border-top:			20px solid #4A664D;
	border-bottom:		5px solid #4A664D;
}

table.layout td
{	
	border:				1px solid #4A664D;
	background-color:	white;
	vertical-align:		top;
	padding:			20px;
	
}

table.album
{
	border-collapse:	collapse;
	margin:				5px;
	width:				690px;
}

table.album td
{	
	padding: 			6px;
	border:				1px solid #4A664D;
	vertical-align:		top;
	text-align:			center;
}


table.layout table.form td, 
{
	padding: 2px;
}

table.album td table.layout
{	
	border-collapse:	collapse;
	width:				120px;
	height:				100px;
	border-top:			20px solid #4A664D;
	border-bottom:		5px solid #4A664D;
}

table.album td table.layout td
{	
	border:				1px solid #4A664D;
	background-color:	white;
}

div.maincontent table.layout 
{
	border:				0px dashed red;
	background-color:	transparent;
	width:				740px;
	margin:				0px;
}

div.maincontent table.layout td
{
	border:				0px red dashed;
	background-color:	transparent;	
	padding: 			12px;	
}

p.navigator
{
	color:				#4A664D;
	font-size:			11px;
	font-weight:		bold;
	margin-left:		4px;		
}

/*Niews css*/
p.newsheader
{
	color:				#4A664D;
	font-size:			14px;
	font-weight:		bold;
	margin-left:		4px;
	border-bottom:		0px solid #4A664D;		
	margin-bottom:			0px;
	background-image:		url(../images/bal.gif);
	background-repeat:		no-repeat;
	padding-left:			25px;
}

p.newsheader span.date
{
	font-size:				10px;
}

p.newstext
{
	margin-bottom:			30px;
}

span.newsbottom
{
	font-style: 			italic;
}
/* Einde nieuws CSS*/

table.viewalbum
{
	border-collapse:	collapse;
}

table.viewalbum td, table.layout table.viewalbum td
{
	border:				1px solid #4A664D;
	padding:			10px;
}		

table.layout table.overview
{
	width: 99%; 
	margin-top: 20px;
	
}

table.layout table.overview td
{
	border-bottom:		1px solid #cccccc;
	vertical-align:		middle;
}


p.agendaitem
{
	font-size:				14px;
	background-repeat:		no-repeat;
	background-position:	0px 2px;
	margin-bottom:			1px;
	color:					#4A664D;
	margin-top:				0px;
	padding-top:			4px;
}

p.agendaitem span.date
{
	font-weight:			bold;
	color:					#4A664D;
	font-size:				11px;
}

p.description
{
	margin-top:			0px;
	margin-bottom:		3px;
	margin-right:		25px;
	text-align:			justify;
	padding-bottom:		3px;
	border-bottom:		1px dashed #4A664D;
}

p.description a
{
	color:				#000000;
	font-weight:		bold;
}

p.description a:hover
{
	color:				#4A664D;
}

div.warning
{
	width:				400px;
	padding:			10px;
	border:				3px solid red;
	text-align: 		center;
	margin:				20px;
}

table.list tr.class1 td,  table.list tr.class2 td, table.list tr.kop td
{
	padding:				2px;
}

table.list tr.class1 td
{
	background-color:			#F4F3F0;
	vertical-align:				middle;
}

table.list tr.class2 td
{
	background-color:		#EEECE6;
	vertical-align:				middle;
}

table.form tr.class1 td
{
	background-color:				#F4F3F0;
	vertical-align:					top;
}

table.form tr.class2 td
{
	background-color:		#EEECE6;
	vertical-align:			top;
}

table.form tr.class1_hover td, table.form tr.class2_hover td,
{
	background-color:		#F2F5DF;
	vertical-align:			top;
}

td.error
{
	color:					red;
	font-weight: 			bold;
}

div.nobordertable table td
{
	border:					0px;
	padding:				0px;
	margin:					0px;
}

table.greyarea td
{
	background-color:		#E1E1E2;
}

span.textdiv-head
{
	background-color: 		#4A664D;
	width:					450px;
	padding:				3px;
	margin:					3px;
	margin-bottom:			0px;
	color:					#ffffff;
	background-image: 		url(../images/gradient1.jpg); 
}

div.textdiv
{
	border: 				2px solid #4A664D;
	padding: 				3px;
	margin:					3px;
	margin-top:				0px;
	width:					450px;
}

div.textdiv p
{
	border:					0px;
}

div.textdiv table td
{
	border:					0px;
}

ul.links li
{
	background-image:	url(../images/folder_empty.gif);
	background-repeat:	no-repeat;
	list-style-type:	none;
	list-style-image:	none;
	margin-left:		-30px;
	padding-left:		30px;
	padding-top:		4px;
	padding-bottom:		4px;
	font-size:			14px;
	font-weight:		bold;
}

ul.links p
{
	font-size:			11px;
}

.link-description
{
	font-weight: 		normal;
	font-size:			11px;
	font-style:			italic;
	padding: 			0px;
	margin-top:			0px;
	margin-bottom:		3px;
}	

p.link-description
{
	margin-left:		0px;
	padding-left: 		0px;
}

a.imalink 
{
	font-size: 			12px; 
	padding-left: 		0px; 
	margin-left: 		0px;
	margin-bottom:		0px;
	padding-bottom:		0px;
}

ul.links li.links
{
	margin: 			0px; 
	padding: 			0px; 
	height: 			auto; 
	background-image: 	none; 
}

img.borderimg
{
	border:				2px solid #4A664D;

}


tr.forum td
{
	font-size:			13px;
	font-weight:		bold;
	padding:			10px 8px;
	vertical-align:		top;
}

tr.forum td a
{
	text-decoration:	none;
}

table.form td.post_info
{
	background:			white;
	vertical-align:		top;
	font-size: 			12px;
	border-right:		1px solid #4A664D;
	width: 				155px;
}

div.new_topic
{
	background-color:	#D9E873;
	border:				1px solid #4A664D;
	padding:			10px;
	background-image:	url(../images/bg.gif);
	width:				450px;
	margin:				auto;
	text-align:			center;
	margin-left: 		130px;
}