* {
	margin:0;
	padding:0;
	font-family:"Tahoma","Helvetica","Arial",arial,sans-serif;
}
body {
	font-size:12px;
}
img {
	border:0;
}
ul, ol {
	list-style:none;
}
.clr {
	float:none;
	clear:both;
}
a {
	text-decoration:none;
}
html {
	background-color:#041823;
}
div#wrap {
	width:950px;
	margin:0 auto;
	position:relative;
	background-color:#FFF;
}
div#wrap ul#header {
	display:block;
	float:left;
	clear:left;
	height:167px;
	width:950px;

	position:relative;
}
div#wrap ul#header li {
	float:left;
	display:none;
}

div#wrap ul#header li.title {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:167px;
	background: url('http://www.spuithoer.nl/images/header.jpg') left top no-repeat #959491;
}
div#wrap ul#header li.title a {
	display:block;
	width:950px;
	height:137px;
	text-decoration:none;
}
div#wrap ul#header li.title a span {
	visibility:hidden;
}
div#wrap ul#header li.subtitle {
	display:block;
	position:absolute;
	width:950px;
	height:33px;
	bottom:0;
	left:0;
	line-height:32px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-style: italic;
	font-size:14px;
}

/* header 2 */

div#wrap ul#headermembers {
	display:block;
	float:left;
	clear:left;
	height:167px;
	width:950px;

	position:relative;
}
div#wrap ul#headermembers li {
	float:left;
	display:none;
}

div#wrap ul#headermembers li.title {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:950px;
	height:167px;
	background: url('http://www.spuithoer.nl/images/headermembers.jpg') left top no-repeat #959491;
}
div#wrap ul#headermembers li.title a {
	display:block;
	width:950px;
	height:137px;
	text-decoration:none;
}
div#wrap ul#headermembers li.title a span {
	visibility:hidden;
}
div#wrap ul#headermembers li.subtitle {
	display:block;
	position:absolute;
	width:950px;
	height:33px;
	bottom:0;
	left:0;
	line-height:32px;
	color:#051924;
	text-align:center;
	font-weight:bold;
	font-style: italic;
	font-size:16px;
}

/* einde header 2 */



/* main scenes */

div#wrap div.scene {
	float:left;
	clear:both;
	width:950px;
}

div#wrap div.scene a.thumbnail {
	display:block;
	float:left;
	border:1px solid #000000;
	width:293px;
	height:167px;
	margin:16px 0 0 16px;
	position:relative;
	text-decoration:none;
}
div#wrap div.scene a.thumbnail span {
	display:block;
	position:absolute;
	width:287px;
	height:31px;
	padding:21px 0 0 6px;
	bottom:0;
	left:0;
	background: url(../images/bg.view.png) left bottom no-repeat transparent;
	line-height:31px;
	font-size:16px;
	color:#f7c003;
	font-style: italic;
	cursor:pointer;
}
div#wrap div.scene a.thumbnail:hover span {
	background: url(../images/bg.view.png) left top no-repeat transparent;
}
div#wrap div.scene h3 {
	clear:both;
	padding:10px 16px 0 16px;
}
div#wrap div.scene h3 a {
	font-size:14px;
	line-height:22px;
	color:#3c5476;
	font-weight:strong;
}
div#wrap div.scene p {
	clear:both;
	padding:0 16px 16px 16px;
}
div#wrap div.scene p a {
	color:#000;
}
div#wrap div.scene:hover p a,
div#wrap div.scene:hover h3 a {
	text-decoration:none;
}
div#wrap div.scene div.hr,
div#wrap div.preview div.hr {
	float:left;
	clear:both;
	height:15px;
	width:950px;
	background: url(../images/bg.hr.gif) left center repeat-x #478d93;
}

/* related & alternative scenes */

div#wrap div.relscene {
	float:left;
	border:2px solid #4f4f4f;
	width:207px;
	height:159px;
	margin:16px 0 0 22px;
}
div#wrap div.relscene a.thumbnail {
	display:block;
	float:left;
	width:207px;
	height:159px;
	position:relative;
	text-decoration:none;
}
div#wrap div.relscene a.thumbnail span {
	display:none;
}
div#wrap div.relscene a.thumbnail:hover span {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:55px;
	left:79px;
	background: url(../images/bg.view.rel.png) left top no-repeat transparent;
}
div#wrap div.relscene a.thumbnail span strong {
	display:none;
}


div#wrap div.rpos1,
div#wrap div.rpos5,
div#wrap div.rpos9,
div#wrap div.rpos13,
div#wrap div.rpos17 {
	margin-left:16px;
}
div#wrap div.rpos2,
div#wrap div.rpos4,
div#wrap div.rpos6,
div#wrap div.rpos8,
div#wrap div.rpos10,
div#wrap div.rpos12,
div#wrap div.rpos14,
div#wrap div.rpos16,
div#wrap div.rpos18,
div#wrap div.rpos20 {
	margin-left:21px;
}

/* paging */

div#wrap div.paging {
	float:left;
	clear:both;
	height:30px;
	width:950px;
	background: #3c5476;
	margin-top:16px;
	line-height:30px;
	font-size:14px;
	text-align:center;
}
div#wrap div.paging a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding:0 50px;
}
div#wrap div.paging a:hover {
	color:#f7c003;
}

/* preview */

div#wrap div.preview div.trailer {
	width:380px;
	height:290px;
	float:left;
	margin:16px;
}
div#wrap div.preview h3 {
	font-size:14px;
	line-height:22px;
	color:#3c5476;
	font-weight:strong;
	margin:16px 16px 0 0;
	float:left;
	width:512px;
}
div#wrap div.preview p {
	margin-right:26px;
	float:left;
	width:502px;
}

div#wrap div.preview a.download {
	position:absolute;
	top:410px;
	right:106px;
}


/* footer */

div#wrap ul.footer {
	display:block;
	padding:15px 0;
	float:left;
	clear:both;
	width:950px;
	font-size:12px;
	line-height:18px;
	text-align:center;
}
div#wrap ul.footer li {
	display:inline;
}
div#wrap ul.footer li.intro {
	display:block;
	font-weight:bold;
}
div#wrap ul.footer li a {
	color:#b53125;
}

/* galleries */

#galleryfooter {
	height:30px;
	background-color:#963;
}

div#wrap div.gallery div.trailer {
	width:380px;
	height:290px;
	float:left;
	margin:16px;
	border:1px solid red;
}

#galleryleft {
	width:430px;
	float:left;
	margin-left:30px;
}

#galleryright {
	width:470px;
	float:left;
}

.gallerythumb {
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #005a60;
}

