@import url(/include/css/editor.php);

/** =COLORS **
	a2ca00 groen
	940f17 red bg
	db0d19 red fel
*/


body {
	background: #368e10;
	}


/** =LAYOUT **/
#container1 {/*straight lines to bottom*/
	background: transparent url(/image/body_bg.gif) repeat-y center top;
	overflow: auto;
	zoom:1;
}
	#container2 {/*green/red stripe*/
		overflow: auto;
		zoom:1;
		background: url(/image/cont_bg.gif) no-repeat center top;
	}
		#container3 {/*bg photo*/
			overflow: auto;
			zoom:1;
			width: 973px;
			/*height: 742px;*/
			display: block;
			margin: 0 auto;
			background:  url(/image/bg1.jpg) no-repeat 41px 96px;
		}


/** =HEADER **/

#header {
	position: relative;
	height: 96px;
	margin: 0 0 0 221px;
	background: url(/image/top_balloon.gif) no-repeat top left;
	}
	#header h3, #header h4 {
		position: relative;
		padding: 15px 35px 0 0px;
		width: 520px;
		color: #940f17;		
		font-size: 30px;
		line-height: 30px;
		font-weight: bold;
		text-align: center;
	}
		#header h4 {
			position: absolute;
			top: -1px;
			left: -1px;
			color: white;
		}

	#logo a {
		position: absolute;
		top: 15px;
		left: 585px;
		width: 135px;
		height: 187px;
		background: url(/image/aardbei_top.png) no-repeat top left;
	}
	#logo a img {
		margin: 39px 0 0 49px;
	}




#wrapper {
	padding: 0 95px 0 78px;
	margin: 200px 0 0 0;
	/*background: yellow;*/
	overflow: auto;
	zoom:1;
}

/** NAV **/
#navigation {
	float: left;
	width: 240px;
	height: 610px; /*needed to strecht to solid border*/
	height: 380px;
	margin: 0 0 0 -80px;
	background: url(/image/navbg.png) no-repeat 0px 0px;
}

/** CONTENT - DEFAULT **/

#content {
	display: inline;
	width: 560px;
	margin: 18px 50px 0 0;
	padding: 0 0 185px 0;
	float: right;
	}


#sidebar {
	}
/** FOTOALBUM  **/
#foto, #foto_index, #fotoalbums {
	padding: 0px 6px;
	margin: 0 auto;
	width: 371px;
	overflow: auto;
	zoom:1;
	list-style: none;
	background: url(/image/album_bg_center.gif) repeat-y;
	line-height: 0;
}
	div.fototop, div.fotobottom {
		display: block;
		width: 383px;
		height: 7px;
		margin: 0 auto;
		font-size: 0px;
		background: red url(/image/album_bg_bottom_top.gif) no-repeat 0px -7px;
	}
	div.fotobottom {
		background: yellow url(/image/album_bg_bottom_top.gif) no-repeat 0px 0px;
		margin: 0 auto 10px auto;
	}
#foto_index li {
	display: block;
	float: left;
	margin: 0 9px 6px 0;
	width: 65px;
	line-height: 65px;
}
#fotoalbums li {
	display: inline;
	float: left;
	margin: 0 18px 18px 0;
	width: 45%;
	line-height: 1.5em;
}
	#fotoalbums li a:link, #fotoalbums li a:visited {
		text-decoration: none;
	}



/** =FOOTER **/

#footer {
	position: relative;
	background: url(/image/footer_bg.gif) no-repeat 1px 0px;
	height: 36px;
	width: 973px;
	margin: 0 auto;
	}
	#footer a#photos {
		width: 315px;
		height: 274px;
		position: absolute;
		right: -4px;
		top: -195px;
	}
		#footer a#photos *{
			cursor: pointer;
		}
		#footer a#photos img {
			margin: 30px 0 0 25px;
		}
		#footer a#photos #photosoverlay{
			background: url(/image/photo_overlay.png) no-repeat 0px 0px;
			width: 315px;
			height: 274px;
			position: absolute;
			left: 0;
			top: 0;
		}
	#footer p {
		background: url(/image/aardbei_bottom.png) no-repeat top left;
		width: 200px;
		height: 75px;
		padding: 75px 0 0 375px;
		position: absolute;
		top: -100px;
		left: 0px;
		}
	#footer a {
		}