/*	-------------------------------------------------------------
	NOORDZEE-BOWLING.NL - HANDWRITTEN CSS BY TIM BEGLINGER @ 03/11/2008
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background: #f7f5ed url(../images/background.jpg) repeat-x top;
	color: #334857;
	font: 12px "Trebuchet MS", Arial, serif;
	line-height: 20px;
}

* {
	margin: 0;
	padding: 0;
}

a img {border: 0;}

.grijs {color: #334857;}
.rood {color: #ce240d;}
.lichtGrijs {color: #999;}

h1 {
	color: #8d9996;
	font: 20px "Trebuchet MS", Arial, serif;
	text-align: center;
}

h2 {
	color: #ce240e;
	font: 16px "Trebuchet MS", Arial, serif;
	margin-bottom: 10px;
}

h4 {
	color: #999;
	font: 12px "Trebuchet MS", Arial, serif;
	margin-bottom: 10px;
	margin-top: -10px;
}

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

div.padding20 {
	/*clear: both;*/
	float: left;
	padding: 0 20px;
}
 
div.padding20 hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#meernieuws li {
	list-style-type: none;
}
 


/*	-------------------------------------------------------------
	MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#menu {
	background: url(../images/header.jpg) no-repeat top center;
	float: left;
	height: 120px;
	text-align: right;
	width: 970px;
}

#menu a {
	color: #334857;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: underline;
}

#menuHolder {
	padding: 54px 62px 0 40px;
}

#home {
	display: block;
	float: right;
	margin-top: 4px;
	width: 42px;
}

#nieuwsFeed {
	display: block;
	float: right;
	text-align: center;
	width: 90px;
}

#fotos {
	display: block;
	float: right;
	text-align: center;
	width: 160px;
}




/*	-------------------------------------------------------------
	CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#content {
	background: #f7f5ed url(../images/contentBackground.jpg) repeat-y top left;
	float: left;
	width: 970px;
}

	#content a {
		color: #334857;
	}

#contentHolder {
	padding: 0 40px 25px;
}

#contentBoven {
	float: left;
	margin-bottom: 20px;
	width: 890px;
}

#contentBoven h1 {
	background: url(../images/smallHR.jpg) no-repeat bottom center;
	float: left;
	height: 30px;
	margin-bottom: 20px;
	width: 100%;
}

#openingstijden {
	background: url(../images/content.jpg) repeat-x bottom center;
	border-right: 1px solid #eee;
	float: left;
	height: 210px;
	width: 292px;
}

#bowlenEnEten {
	background: url(../images/content.jpg) repeat-x bottom center;
	border-right: 1px solid #eee;
	float: left;
	height: 210px;
	text-align: center;
	width: 292px;
}

#prijzen {
	background: url(../images/content.jpg) repeat-x bottom center;
	float: left;
	height: 210px;
	width: 292px;
}




/*	-------------------------------------------------------------
	CONTENT MIDDEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contentMidden {
	float: left;
	width: 890px;
}





/*	-------------------------------------------------------------
	CONTENT ONDER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contentOnder {
	float: left;
	margin-bottom: 20px;
	width: 890px;
}


#contentOnder h1 {
	background: url(../images/largeHR.jpg) no-repeat bottom center;
	float: left;
	height: 30px;
	margin-bottom: 20px;
	width: 100%;
}

#kinder {
	background: url(../images/content.jpg) repeat-x bottom center;
	border-right: 1px solid #eee;
	float: left;
	height: 390px;
	width: 439px;
}

#kinder p {
	margin-bottom: 10px;
}

#contact {
	background: url(../images/content.jpg) repeat-x bottom center;
	float: left;
	height: 390px;
	width: 440px;
}





/*	-------------------------------------------------------------
	CONTENT PAGINA
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contentPagina h1 {
	background: url(../images/hrPagina.jpg) no-repeat bottom center;
	float: left;
	height: 30px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}

#contentPagina p {
	width: 850px;
}


/*	-------------------------------------------------------------
	RESERVEREN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#reserveren {
	float: left;
	width: 890px;
}

#reserveren img {
	margin-bottom: 20px;
}

#reserveren input {
	border: 1px solid #ddd;
	padding: 5px 6px;
	margin-bottom: 4px;
	width: 200px;
}

#reserveren textarea {
	border: 1px solid #ddd;
	padding: 5px 6px;
	width: 400px;
}
#reserveren h1 {
	background: url(../images/hr.jpg) no-repeat bottom right;
	float: left;
	height: 30px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}

#reserveren h2 {
	margin-bottom: 5px;
	width: 810px;
}

#reserverenInhoud {
	background: url(../images/content.jpg) repeat-x bottom center;
	float: left;
	padding-bottom: 20px;
	width: 850px;
}

.verzenden {
	border: 1px solid #7d8b88;
	background: #8d9996;
	color: #fff;
	margin-top: 20px;
	height: 40px;
}




/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#footer {
	background: url(../images/footer.jpg) no-repeat top center;
	float: left;
	height: 27px;
	width: 970px;
}