@charset "UTF-8";
/* CSS Document */

html, body{height:100%;} 

body 
{
height:100%;
background:#333;
margin:0 auto;
padding:0 auto;
background:repeat url(../img/pattern.png);
margin-top:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1{
	margin:0;
	padding:0;
	margin-bottom:5px;
	display:block;
	font-size:16px;
	border-bottom:solid 2px #6F0000;
}

#topbanner{
	margin:0;
	padding:0;
	width:800px;
	height:200px;
	position:relative;
	left:10px;
}

#content{
	height:auto;
	background:transparent repeat-y url(../img/back.png);
	margin:0 auto;
	padding:0 auto;
	display:block;
	width:820px;
	margin-bottom:50px;
}

#menu{
	position:relative;
	left:10px;
	border-top:solid 2px #F6B300;
	background:#6F0000;
	font-size:14px;
	width:800px;
	height:33px;
}

#menu ul {
	text-align:center;
	width:800px;
	margin:0;
	padding:0;
}

#menu ul li {
	list-style:	none;
	float:left;
	width:100px;
	height:33px; 
}

#menu ul li a {
	color:#F6B300;
	padding:5px;
	display: block;
	text-decoration:none;
	font-weight:bold;
	border-top:solid 5px #6F0000;
}

#menu ul li a:hover{
	border-top:solid 5px #F6B300;
}

#nieuws_item{
	width:750px;
	float:left;
	display:block;
	padding-bottom:20px;
}

#nieuws_tekst{
	float:left;
	width:540px;
}

#nieuws_foto{
	text-align:center;
	display:block;
	float:right;
	width:200px;
}

#nieuws_foto img{
	margin-bottom:10px;
	border:solid 2px #6F0000;	
}

#content_left{
	float:left;
	position:relative;
	left:10px;
	width:520px;
	padding:10px;
	padding-left:30px;
	padding-top:25px;
	background-color:#d7d7d7;
	display:block;
}

#content_right{
	position:relative;
	right:10px;
	float:right;
	width:220px;
	padding:10px;
	display:block;
	padding-top:25px;
	background-color:#d7d7d7;
}

a:link {color:#000000}
a:visited {color: #000000}
a:hover {color: #990000}
a:active {color: #000000}

.titel{
font-size:16px;
font-weight:bold;
}

.menu{
	margin-top:28px;
}

.menu li{
	list-style:none;	
	margin-left:-30px;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color:#900;
	color:#FC0;
}

.menu li a{
	color:#FC0;
	text-decoration:none;
}

.menu li:hover{
	background-color:#FC0;
	color:#900;
}

.menu li a:hover{
	color:#900;
}

#agenda{
	float:left;
	width:750px;	
}

#thuis{
	width:320px;	
	float:left;
}

#uit{
	width:320px;
	float:right;
}

#datum{
	float:left;
	width:100px;
}

#tijd{
	float:left;
	width:100px;
}

#tegenstander{
	float:left;
	width:100px;
}

#wedstrijd{
	float:left;
	width:310px;
	padding-bottom:10px;	
}

#fotos{
	float:right;
	width:500px;
}

#fotos img{
	border:solid 2px #900; 
	float:left;
	margin:5px;
	width:150px;
	height:100px;
}

#fotos img:hover{
	border:solid 2px #F6B300; 
	float:left;
	margin:5px;
}

#gastenboek{
	padding-bottom:20px;
}

#foto-albums{
	position:relative;
	float:left;
	font-size:12px;
	width:200px;
}

#foto-albums ul {
	margin:0;
	padding:0;
	margin-top:10px;
}

#foto-albums ul li {
	background:#6F0000;
	list-style:	none;
	float:left;
	width:150px;
	height:25px;
	margin-bottom:5px;
}

#foto-albums ul li a {
	color:#F6B300;
	padding:5px;
	display: block;
	text-decoration:none;
	font-weight:bold;
}

#foto-albums ul li a:hover{
	border-right:solid 4px #F6B300;
}

#textarea{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#gast-input{
	padding:5px;
	position:relative;
	float:left;
	font-size:12px;
	width:190px;
	border:solid 2px #F6B300;
	background-color:#900;
}

#gast-input b{
	color:#f6B300;

}

#balk{
	float:left;
	position:relative;
	left:10px;
	padding:0;
	width:800px;
	height:10px;
	background-color:#900;
	border-bottom:solid 2px #f6B300;
}