/* =========================================================================================

//
//	StyleSheet Croonenburgtenten.nl
//
//	Aangemaakt door Tim Kant, Mangovision, 02-2009
//

========================================================================================= */

/* =========================================================================================
// 	Algemeen
========================================================================================= */

	html, body {
		margin: 0px;
		padding: 0px;
		padding-bottom: 30px;
		margin-bottom: 30px;
		}
		
	body {
		background: #1a171b url(../images/bg_body.jpg) top center no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #808080;
		}
		
	#body_container {
		width: 910px;
		height: auto;
		margin-left: -455px;
		padding: 0px;
		position: absolute;
		top: 160px;
		left: 50%;
		border: #dc0729 1px solid;
		}
		
	img {
		border: none;
		}
		
	a,
	a:link {
		color: #dc0729;
		background-color: none;
		text-decoration: none;
		}
				
/* =========================================================================================
// 	Header
========================================================================================= */

	#logo {
		width: 219px;
		height: 210px;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: -100px;
		left: -75px;
		}
		
	#header_container {
		width: 910px;
		height: 20px;
		margin-top: 100px;
		padding: 0px;
		position: relative;
		float: left;
		}
		
/* =========================================================================================
// 	UFO
========================================================================================= */

	#ufo_container {
		width: 910px;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		line-height: 18px;
		}
		
	#ufo_container span.title {
		color: #dc0729;
		}
		
	#ufo_container #left {
		width: 240px;
		height: 170px;
		margin: 0px;
		padding: 25px;
		position: relative;
		float: left;
		border-top: #FFFFFF 1px solid;
		border-bottom: #FFFFFF 1px solid;
		}
		
	#ufo_container #center {
		width: 330px;
		height: 220px;
		margin: 0px;
		padding: 0px;
		position: relative;
		float: left;
		border-top: #FFFFFF 1px solid;
		border-bottom: #FFFFFF 1px solid;
		text-align: center;
		}
		
	#ufo_container #right {
		width: 240px;
		height: 170px;
		margin: 0px;
		padding: 25px;
		position: relative;
		float: right;
		border-top: #FFFFFF 1px solid;
		border-bottom: #FFFFFF 1px solid;
		}
		
	.news_popup {
		
		}
		
/* =========================================================================================
// 	UFO
========================================================================================= */

	#content_container {
		width: 870px;
		height: auto;
		margin-top: 15px;
		padding: 0px 20px;
		position: relative;
		float: left;
		}
		
	#breadcrumb {
		width: 870px;
		height: auto;
		margin-bottom: 10px;
		padding: 0px;
		position: relative;
		float: left;
		color: #a8a9ab;
		}
		
	#breadcrumb span {
		color: #d30023;
		}
		
	#content_spanner {
		width: 550px;
		height: auto;
		margin: 15px 0px;
		padding: 0px;
		position: relative;
		float: left;
		}
				
/* =========================================================================================
// 	Footer
========================================================================================= */

	#footer_container {
		width: 910px;
		height: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0px;
		position: relative;
		float: left;
		color: #747577;
		text-transform: uppercase;
		font-size: 14px;
		text-align: center;
		}
		
	#footer_container span {
		color: #d30023;
		}
		
	.main_menu{
		font-weight: bold;
		width: 100%;
		}
	
	.main_menu ul{
		padding: 0px 0 4px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
		margin: 0;
		text-align: center; //set value to "left", "center", or "right"*/
		}
	
	.main_menu ul li{
		display: inline;
		}
	
	.main_menu ul li a{
		color: #a8a9ab;
		padding: 0px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
		margin: 0px 30px; /*spacing between each menu link*/
		text-decoration: none;
		}
	
	.main_menu ul li a:hover, .main_menu ul li a.selected{
		color: #FFFFFF;
		}
		
	#news_popup {
		padding: 10px;
		background-color: #1a171b;
		}
		
/* =========================================================================================
// 	Thumbnails
========================================================================================= */
	
	.thumb-img {
		position:relative; 
		width:330px; height:220px;
		margin:0px;
		}
	.thumb-inner {
		position:relative; overflow:hidden; width:100%; height:100%; 
		}
	.thumb-img img {
		border:0;
		}
		
	.thumb-zoom {
		width: 30px;
		height: 30px;
		background: url(../images/enlarge.png) no-repeat;
		position: absolute;
		bottom: 10px;
		right: 10px;
		}