@charset "utf-8";
/* CSS Document */
/* ================================================== */
/* GENERAL */
/* ================================================== */
html, body {height:100%;}
body {margin:0; padding:0;
	background:#1d1d1d;
	font:10px Georgia, "Times New Roman", Times, serif;
	background:url(img/bg.jpg);
}
h1, h2, h3, h4, h5, p {margin:0; padding:0;}
img {border:0;}
.clear {clear:both;}
strong {font-weight:bold;}
a {color:#fff; text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}
div#main {position:relative; margin:0 auto; min-height:100%; height:auto !important; height:100%;
	width:950px; /* INCLUDING BORDER, PADDING, MARGIN MAX 960 */
	border-top:none; border-bottom:none;
	background-color:#171717; 
}
#main #left {position:absolute; left:-70px; top:0;}
#main #right {position:absolute; right:-70px; top:0;}
div#header {padding-bottom:20px;}
div#header img, #flash {float:left;}
div#content {}
/* ================================================== */
/* CASE */
/* ================================================== */
div.case {position:relative; width:920px; margin:0 auto 20px auto;}
div.case .h1_title {background:url(img/c_bg_titel.jpg); height:86px; padding-left:40px; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase;}
div.case h1 {padding-top:35px}
div.case img {float:left;}
div.case img.pict {border:1px solid #666;}
div.case .player {float:left; width:602px;}
div.case .small_pics {float:left;}
div.case img.spict {border:7px solid #171717; border-top:none; border-bottom:none; padding:1px; background:#666;}
div.case p {width:247px; height:258px; float:left; font:12px Arial, Helvetica, sans-serif; color:#fff; padding:0 20px; text-align: justify; }
/* ================================================== */
/* MEMBERS CASE */
/* ================================================== */


div.mcase {position:relative; width:920px; margin:0 auto 20px auto;}
div.mcase .h1_title {background:url(img/c_bg_titel.jpg); text-align:center; height:86px; padding-left:40px; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase;}
div.mcase h1 {padding-top:35px}
div.mcase img {float:left;}
div.mcase img.pict {border:1px solid #666;}
div.mcase .holder {float:left; width:906px;}
div.mcase .small_pics {float:left; padding-left:20px;}
div.mcase img.spict {border-right:10px solid #171717; border-top:none; border-bottom:none; padding:1px; background:#666;}
div.mcase p {float:left; font:12px Arial, Helvetica, sans-serif; color:#fff; padding:20px 20px 0 20px; text-align: justify; }

/* ================================================== */
/* SMALL CASE */
/* ================================================== */
div#scases {width:920px; margin:0 auto;}
div#scases img {float:left;}
div#scases_cases {width:905px; margin:0 auto; border-left:9px solid #c7c7c7; border-right:6px solid #757575;}

div.scase {
	float:left;
	position:relative;
	width:270px;
	height:350px;
	padding:0 0 20px 26px;
}
div.scase h2 {
	position:absolute;
	width:270px;
	height:41px;
	top:0;
	background:url(img/sc_titel.jpg) left top no-repeat;
	line-height:41px;
	color:#000;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:10px 0;
}
div.scase img.pict {position:absolute; width:268px; height:190px; top:40px; border:1px solid #666;}
div.scase img.btn {position:absolute; width:270px; height:119px; top:230px}
/* ================================================== */
/* TRAILER BIG */
/* ================================================== */
#trailerb {width:940px; margin:0 auto; color:#fff; font:11px Arial, Helvetica, sans-serif;}
#trailerb h3 {font:bold 22px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; padding-bottom:20px;}
#trailer_textb {text-align:center; width:640px; margin:0 auto;}
#trailerb a.helefilm {font:bold 24px Arial, Helvetica, sans-serif; color:#ff9; text-decoration:underline;}
#trailerb #trailer_textb img {float:left;}
#trailerb #download {padding-top:5px; padding-bottom:20px; width:280px; margin:0 auto;}
#trailerb a.download {font:12px Arial, Helvetica, sans-serif; color:#ff9; text-decoration:underline;}
#trailerb div.download {float:left; padding-top:9px; font-size:12px;}
#trailerb p {padding-bottom:20px; width:640px;}
#container {width:440px; margin:0 auto;}
#trailerb a:hover {text-decoration:none;}
#lowres {width:440px; margin:0 auto; font:10px arial; text-transform:uppercase; text-align:right;}
/* ================================================== */
/* === VPS standaard styles === */
/* ================================================== */
/* ================================================== */
/* COLORS */
/* ================================================== */
div#islive {border:1px dotted #fff;} /* BORDER ISLIVE */
div#thumbs img, div#slideshow_pic img {border:1px solid #000;} /* BORDER MEMBERS THUMB + IMAGE */
/* ================================================== */
/* TRALER PAGE */
/* ================================================== */
div#trailer_text {margin:0 auto; width:440px; padding-top:20px; text-align:center; font-size:12px;}
div#trailer {width:440px;margin:0 auto; border:1px solid black;}
/* ================================================== */
/* MEMBERS THUMBS + SLIDESHOW */
/* ================================================== */
div#thumbs {width:848px; padding:10px 0 0 10px; margin:0 auto;}
div#thumbs img {float:left; margin-right:10px; margin-bottom:10px;}
div#slideshow {padding:0; width:453px; margin:0 auto;}
div#slideshow img {float:left;}
div#slideshow_pic {width:800px; margin:0 auto; text-align:center; padding-bottom:20px;}
/* ================================================== */
/* BUTTON OVERZICHT */
/* ================================================== */
div.overzicht {width:940px; font:bold 20px Arial, Helvetica, sans-serif; text-align:center; padding:5px 0; text-transform:uppercase;}
div.overzicht a {text-decoration:underline;}
div.overzicht a:hover {text-decoration:none;}
/* ================================================== */
/* ISLIVE PROMO */
/* ================================================== */
div#islive_cnt {padding:20px 0;}
div#islive {margin:0 auto;width:752px; text-align:center;}
/* ================================================== */
/* DISCLAIMER */
/* ================================================== */
div#disclaimer {width:940px; margin:0 auto; text-align:center; padding:20px 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#disclaimer p {padding:5px 0;}
div#disclaimer p, a, a:hover {color:#666;}
/* ================================================== */
/* 403 404 */
/* ================================================== */
div#bg_error {border:1px solid #000;background:#fff;color:#000;width:650px;margin:0 auto;}
div#bg_error img {margin:0 auto;padding:10px 0;}
a.error,a.error:link,a.error:visited {color:#a10000;}
a.error:hover {color:#a10000;text-decoration:underline;}
div.melding {font:bold 12px verdana;color:#000;text-align:center;padding:10px 0;}
div.evengeduld {font:large arial black;color:#a10000;text-align:center;padding:10px 0;}
div.sign {width:100px;margin: auto;}
div.count {width:30px;margin: auto;}