/*	-------------------------------------------------------------
	POWERFESTIVAL - HANDWRITTEN CSS BY TIM BEGLINGER @ 22/10/2008
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background: #0d3e00;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

div {behavior: url(images/iepngfix.htc) }

.beige {color: #e6d7ac;}
.oranje{color: #ff7a00;}

.donkerGroen {color: #0a2f01; padding: 0 2px;}

div.container {
	margin: 0 auto;
	position: relative;
	width: 970px;
}


.goed {
	background-image:url(images/Ok2.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

.fout {
	background-image:url(images/fout.jpg);
	background-repeat:no-repeat;
	background-position:right;
}


/*	-------------------------------------------------------------
	HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
                                      
div.header {
	
	float: left;
	height: 400px;
	position: relative;
	width: 970px;
}

#gerardBorst {
	display: block;
	height: 84px;
	left: 0;
	position: absolute;
	top: 0;
	width: 89px;
}



#zandloper {
	display: block;
	height: 84px;
	left: 100px;
	position: absolute;
	top: 0;
	width: 89px;
}

#hollandsNoordkop {
	display: block;
	height: 91px;
	left: 420px;
	position: absolute;
	top: 0;
	width: 142px;
}

#rabobank {
	display: block;
	height: 84px;
	position: absolute;
	right: 10px;
	top: 0;
	width: 88px;
}

#gemeente {
	display: block;
	height: 84px;
	position: absolute;
	right: 111px;
	top: 0;
	width: 88px;
}

#googleMaps {
	display: block;
	height: 25px;
	left: 300px;
	position: absolute;
	top: 195px;
	width: 355px;
}

#filmpje {
	display:block;
	position:absolute;
	width:200px;
	height:122px;
	top:250px;
	left:750px;
}





/*	-------------------------------------------------------------
	MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
div.menu {
	float: left;
	margin-top: 21px;
	width: 970px;
}

div.menuHolder {
	float: left;
	padding-left: 160px;
	position: relative;
} 

.menuBorder {
	color: #0c3701;
	margin-left: 8px;
	margin-right: 2px;
}

#menuInhoud {
	background: url(images/hr.jpg) no-repeat bottom center;
	float: left;
	height: 31px;
	text-align: center;
	width: 660px;
}

#menuInhoud a {
	color: #ecddb4;
	text-decoration: none;
}

#menuInhoud a:hover {
	color: #fff;
}

#menuActief {
	border-bottom: 1px solid #eddeb4;
	padding-bottom: 15px;
}




/*	-------------------------------------------------------------
	AFTELLEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
div.aftellen {
	background: url(images/aftellen.png);
	height: 132px;
	left: -14px;
	position: absolute;
	text-align: center;
	top: 335px;
	width: 128px;
}

div.aftellenSifr {
	padding-top: 50px;
	color: #ea9237;
}

div.aftellenSifr h1 {
	font-size: 40px;
}





/*	-------------------------------------------------------------
	NIEUWS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
div.nieuws {
	background: url(images/nieuws.jpg) no-repeat;
	color: #ecddb4;
	float: left;
	height: 172px;
	margin-top: 35px;
	padding-top: 48px;
	position: relative;
	width: 970px;
}

div.nieuwsFoto {
	float: left;
	padding-top: 7px;
	width: 270px;
}

div.nieuwsFotoHolder {
	margin-left: 35px;
}

div.nieuwsTekst {
	float: left;
	overflow: hidden;
	width: 700px;
}

.topButton {
	display: block;
	float: right;
	height: 30px;
	width: 31px;
	position: relative;
	top: 10px;
	right: 39px;
}

div.nieuws h3 {
	color: #ff7a00;
	font-size: 16px;
	margin-bottom: 5px;
}

div.nieuws p {
	line-height: 20px;
	padding-right: 25px;
	height: 100px;
	overflow: hidden;
}

div.nieuws p a {
	color: #ff7a00;
	font-style: italic;
	text-decoration: none;
}

div.nieuws p a {
	text-decoration: underline;
}

#nieuwsbericht p.voorbericht {
	font-weight:bold;
	margin-bottom:20px;
}


#nieuwsbericht p.voorbericht img {
	float:left;
	margin:10px 20px 20px 0;
}


ul#meernieuws {
	padding-top:20px;
}

ul#meernieuws li {
	margin-left:20px;
	list-style:square;
}


/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
div.footer {
	background: url(images/footerBackground.jpg) no-repeat top center;
	color: #ecddb4;
	float: left;
	height: 40px;
	margin-top: 35px;
	padding-top: 15px;
	position: relative;
	text-align: center;
	width: 970px;
}

div.footer a {
	color: #ecddb4;
	text-decoration: none;
}

div.footer a:hover {
	color: #ecddb4;
	text-decoration: underline;
}





/*	-------------------------------------------------------------
	CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
div.content {
	float: left;
	margin-top: 35px;
	width: 970px;
}

div.contentHeader {
	background: url(images/contentHeader.jpg);
	float: left;
	height: 49px;
	text-align: center;
	width: 970px;
}

div.contentHeader h2 {
	color: #712d05;
	font-size: 20px;
	text-transform:uppercase;
	padding: 12px 8px 0 0;
}

div.contentInhoud {
	background: url(images/contentBackground.jpg) repeat-y;
	float: left;
	width: 970px;
}

	div.contentInhoud a {
		color: #ff7a00;
		text-decoration: none;
	}
	
	div.contentInhoud a:hover {
		text-decoration: underline;
	}
	
	div.contentInhoud hr {
		border: 0;
		border-top: 1px solid #0d3e00;
		border-bottom: 1px solid #175e03;
		height: 0;
		margin: 20px 0;
	}
	
	div.contentInhoud h2 {
		color: #ecddb4;
		font-size: 18px;
		text-transform:uppercase;
		padding: 12px 8px 0 0;
	}

div.contentInhoudHolder {
	clear: both;
	color: #ecddb4;
	line-height: 20px;
	padding: 10px 35px 25px 35px;
}

div.contentFooter {
	background: url(images/contentFooter.jpg);
	float: left;
	height: 34px;
	width: 970px;
}

div.contentFooter a {
	display: block;
	float: right;
	height: 30px;
	width: 31px;
}

div.contentFooterHolder {
	padding-right: 39px;
}





/*	-------------------------------------------------------------
	CONTACT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#contactTabel th {
	text-align: right;
}

#contactTabel input {
	border: 1px solid #0d3e00;
	margin-left: 10px;
	padding: 5px 6px;
	width: 250px;
}

#contactTabel textarea {
	border: 1px solid #0d3e00;
	height: 100px;
	margin-left: 10px;
	padding: 5px 6px;
	width: 250px;
}


div#col1 {
	width:400px;
	float:left;
}

div#col2 {
	width:450px;
	margin-left:40px;
	float:left;
}






/*	-------------------------------------------------------------
	SPONSOREN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#tabelSponsoren td {
	border-bottom: 1px solid #014001;
	padding: 15px 0;
}

#tabelSponsoren img:hover {
	border-color: #fff;
}

/* --------------------------------------= Martijn =----------------------------------------------*/

.deelnemers {
	border-bottom: 1px solid #0D3E00;
	margin-bottom: 20px;
	width:740px;
	padding-bottom:15px;
	
}