@charset "utf-8";
/* CSS Document */
/* ================================================== */
/* GENERAL */
/* ================================================== */
html, body {height:100%;}
body {margin:0; padding:0;
	font:10px Verdana, Arial, Helvetica, sans-serif
}
h1, h2, h3, h4, h5, p {margin:0; padding:0;}
img {border:0;}
.clear {clear:both;}
strong {font-weight:bold;}
a {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
div#background {margin:0 auto; min-height:100%; height:auto !important; height:100%; background:#fff url(img/bg.jpg) repeat-x;}
div#main {margin:0 auto; min-height:100%; height:auto !important; height:100%;
	width:960px; /* INCLUDING BORDER, PADDING, MARGIN MAX 960 */
	background:#fff;}

div#header {position:relative; width:960px; height:360px;}
div#header img, #flash {float:left;}
div#content {padding-top:20px;}

div#header #islive_promo {position: absolute; top:84px; right:232px; width:155px; height:96px;}
div#header #agenda {position: absolute; top:193px; right:25px; width:379px; height:128px;overflow-y:auto;}
div#news p {border-bottom:1px solid #81d1f4; padding:4px 0;}
div#news span {font-weight:bold;}

/* ================================================== */
/* CASE */
/* ================================================== */
div.case {padding:0 8px;}
div.case img {float:left;}
div.case div.txt {float:left; background:url(img/bg_txt.jpg); width:419px; height:321px; position:relative;}
div.case div.txt p {font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:20px 30px 0 20px; height:140px;}
div.case div.txt a {color:#00f; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:underline; position:absolute; text-align:center; right:75px; width:290px;}
div.case div.txt a.trailer {top:165px;}
div.case div.txt a.film {top:255px;}
div.case div.txt a:hover {text-decoration:none;}
div.case div.mtxt {float:left; background:url(img/mtxt.jpg); width:602px; height:200px; position:relative;}
div.case div.mtxt p {float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:10px 0 0 15px; width:290px;}
div.case div.mtxt div.btn {float:left; padding-top:35px;  width:280px;}
div.case div.mtxt div.btn .btn_film {padding-bottom:21px;}
div.case div.mtxt a {color:#00f; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:underline;}
div.case div.mtxt a:hover {text-decoration:none;}
/* ================================================== */
/* MEMBERS CASE */
/* ================================================== */
div#scases {}
div#scases_cases {padding-top:5px;}
div.scase {float:left; width:240px; text-align:center;}
div.scase h2 { font:bold 18px Times New Roman, Times, serif; padding-bottom:3px;}
div.scase .pict {border:2px solid black;}
div.scase .btn {padding: 5px 0 16px 0;}
/* ================================================== */
/* === VPS standaard styles === */
/* ================================================== */
/* ================================================== */
/* COLORS */
/* ================================================== */
div#islive {border:1px dotted #000;} /* BORDER ISLIVE */
div#thumbs img, div#slideshow_pic img {border:1px solid #000;} /* BORDER MEMBERS THUMB + IMAGE */
/* ================================================== */
/* TRALER PAGE */
/* ================================================== */
#trailerb {border-bottom:10px solid red;}
#trailerb h3 {font:bold 22px arial, verdana, sans-serif; text-transform:uppercase; text-align:center;}
#trailer_textb {text-align:center; width:640px; margin:0 auto;}
#trailerb a.helefilm {font:bold 24px arial, verdana, sans-serif; color:red;text-decoration:underline;}
#trailerb #download {padding-top:5px; padding-bottom:30px; width:300px; margin:0 auto;}
#trailerb #trailer_textb #download img {float:left;}
#trailerb a.download {font:12px arial; color:red; text-decoration:underline;}
#trailerb div.download {float:left; padding-top:9px;}
#trailerb p {padding-bottom:20px; width:640px;}
#container {width:860px; margin:0 auto;}
#trailerb a:hover {text-decoration:none;}
#lowres {font:10px arial; text-transform:uppercase; text-align:right; padding-right:58px;}
/* ================================================== */
/* 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-size:20px; text-align:center; padding:5px 0;}
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:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#disclaimer  p {padding:5px 0;}
div#disclaimer p, a {color:#000;}
/* ================================================== */
/* 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;}