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

/** =COLORS **
*/


body {
	background: #ed7703 url('/image/bg.gif') repeat-x left top;
	}
#bg {
	background: url('/image/bg.jpg') no-repeat center top;
	}


/** =LAYOUT **/

#shadow-top {
	width: 986px;
	margin: 20px auto;
	padding-top: 22px;
	background: url('/image/shadow-top.png') no-repeat center top;
	}
#shadow-bottom {
	padding-bottom: 22px;
	background: url('/image/shadow-bottom.png') no-repeat center bottom;
	}
#shadow-middle {
	width: 940px;
	padding: 0px 23px;
	background: url('/image/shadow-middle.png') repeat-y center top;
	}

#container {
	width: 940px;
	z-index: 10;
	padding-top: 30px;
	background: #ffffff url('/image/content.png') repeat-x left top;
	position: relative;
	}


/** =HEADER **/

#hp #header {
	height: 460px;
	}
#header {
	height: 125px;
	z-index: 100;
	position: relative;
	}

#logo {
	float: left;
	margin-left: 30px;
	}
#hp #logo {
	width: 480px;
	height: 396px;
	background: url('/image/logo-image.png') no-repeat;
	}
#cp #logo {
	margin-top: 5px;
	position: relative;
	}
#logo,
#logo a {
	width: 468px;
	height: 75px;
	}
#hp #logo a {
	top: 175px;
	display: block;
	position: absolute;
	}

#navigation {
	height: 60px;
	padding-bottom: 6px;
	background: #ffffff url('/image/navbg.png') repeat-x;
	}

.sticker {
	top: -20px;
	right: 0px;
	width: 128px;
	height: 128px;
	z-index: 100;
	text-indent: -999em;
	position: absolute;
	background: url('/image/sticker.png') no-repeat;
	}

.decal {
	}
#hp .decal {
	top: -173px;
	right: 3px;
	width: 386px;
	height: 242px;
	position: absolute;
	background: url('/image/treintje.gif') no-repeat;
	}
#cp .decal {
	top: -100px;
	left: 540px;
	width: 124px;
	height: 141px;
	position: absolute;
	background: url('/image/blussertje.png') no-repeat;
	}


/** =CONTENT - HOMEPAGE **/

#homeIntro {
	float: right;
	width: 452px;
	height: 184px;
	margin-top: 55px;
	margin-right: 10px;
	background: url('/image/intro.png') no-repeat;
	}
#homeIntro * {
	visibility: hidden;
	}


/** =CONTENT - FOTOALBUM **/

.contentAlbum {
	overflow: hidden;
	}

#introAlbum {
	margin: 30px 0px;
	}

.albums,
.photos {
	padding-top: 10px;
	margin-left: -15px;
	overflow: hidden;
	}

.albums a,
.photos a {
	display: block;
	}

.album,
.thickbox, {
	width: 100px;
	height: 67px;
	display: block;
	overflow: hidden;
	}
.figure img {
	width: 100px;
	height: 67px;
	display: block;
	overflow: hidden;
	}
.album {
	text-align: center;
	height: 110px;
	}
.album .figure img {
	margin-bottom: 10px;
	}
.album,
.thickbox {
	float: left;
	padding: 10px;
	margin: 0px 0px 10px 10px;
	background: url('/image/photo.png') no-repeat;
	}

.paging {
	margin-top: 30px;
	}


/** CONTENT - DEFAULT **/

#hp #titleOfPage {
	margin-bottom: 10px;
	}
#titleOfPage {
	margin-bottom: 30px;
	}

#wrapper {
	overflow: hidden;
	background: url('/image/line.gif') repeat-y 628px 0px;
	}

#content {
	float: left;
	width: 627px;
	width: 567px;
	padding: 0px 30px;
	}


#hp #sidebar {
	padding-top: 22px;
	}
#sidebar {
	float: right;
	width: 261px;
	padding-top: 17px;
	padding-left: 26px;
	padding-right: 26px;
	}
#sidebar legend {
	display: none;
	}
#sidebar h2 {
	width: 261px;
	height: 56px;
	margin-bottom: 5px;
	margin-left: -4px;
	text-indent: -999em;
	background: url('/image/nieuwsgierig.gif') no-repeat;
	}

	#contactInfo {
		margin-top: 30px;
		}

#extra {
	clear: both;
	padding: 55px 0px;
	}
#extra #photos {
	width: 236px;
	width: 246px;
	height: 174px;
	margin-top: -53px;
	position: absolute;
	background: url('/image/photos.gif') no-repeat;
	}
#extra #photos img {
	margin-top: 23px;
	margin-left: 18px;
	}
#extra #words {
	height: 65px;
	text-indent: -999em;
	display: block;
	background: url('/image/extra.gif') no-repeat 175px 0px;
	}


/** =FOOTER **/

#footer {
	width: 960px;
	margin: 0px auto;
	padding-bottom: 10px;
	}
#footer p,
#footer a {
	color: #ffffff;
	text-decoration: none;
	}


/** =CLASSES **/

.clearfix {
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
	}

.width {
	width: 986px;
	margin: 0px auto;
	position: relative;
	}

.button a,
.formGenerator button {
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	width: 86px;
	height: 35px;
	line-height: 35px;
	border: 0px;
	background: url('/image/button.png') no-repeat;
	}

.button a {
	bottom: 30px;
	right: 0px;
	position: absolute;
	}