@charset "utf-8";
@import url("/css/reset.css");

* {
	margin: 0;
}

div.wcol {
	width: 190px;
}

p{
	line-height: 1.5em;
}

strong{
	font-weight: bold;
}

html, body {
	height: 100%;
	font: 11px/18px Arial, Verdana, "Trebuchet MS", Helvetica;
	color: #000;
}

body{
	background: #FF4202 url(/css/images/bg.gif) no-repeat;
}

h4{
	margin-top: 5px;
}

#footer, #push {
	width: 100%;
	height: 40px;
	background-color: transparent;
}


/* BASE */

#shapeshifter{
	width: 960px;
	margin-left: 20px;
	overflow: hidden;
	/*border-right: 1px solid #fff;*/
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: url(/css/images/sm_bg.gif) repeat-y;
}

#flashcuntent{
	width: 962px;
	height: auto;
	margin-left: 20px;
	padding-top: 20px;
}

.col{
	width: 191px;
	height: 100%;
	float: left;
	position: relative;
	margin-right:1px;
}

.col ul, .col li{
	line-height: 1.5em;
}

.col li{
	margin-left: 15px;
	list-style-type: disc;
	
	width: 500px;
	border: 0px solid black;
	
}

.col.drie{
	width: 575px;
	background-color: #fff;
}

.col.drie .column{
	width: 270px;
	background-color: #fff;
	float: left;
	margin-top: 10px;
	margin-left: 12px;
	display: inline;
}

.col.drie .column h2{
	width: 270px;
	float: left;
	color: #FF4202;
}

.col.drie .column p{
	padding-bottom: 0px;
}

.col.vier{
	width: 767px;
	background-color: #fff;
}

.col.vier p{
	width: 747px;
	background-color: #fff;
}

.coldiapblokje{
	width: 171px;
	padding: 10px;
	color: #fff;
	background-image: url(/css/images/blok_bg.gif);
}

.colblokje{
	width: 171px;
	padding: 10px;
	color: #fff;
}

.coldiapblokje p{
	width: 171px;
}

.coldiapblokje h2{
	width: 171px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	float: left;
	text-transform: uppercase;
	clear: left;
}

a{
	line-height: 2.5em;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	padding: 1px 3px;
	display: inline;
	background-color: #FF4202;
	text-decoration: none;
	margin-top: 5px;
}

a:hover{
	background-color: #000;
}

a.home{
	font-size: 1.4em;
}

div.nieuwsrow{
	width: 100%;
	float: left;
}

div.nieuws{
	width: 555px;
	margin-left: 10px;
	margin-top: 10px;
}

a.nieuws{
	width: 176px;
	min-height: 30px;
	float: left;
	color: #fff;
	line-height: 1.3em;
	background: #000;
	border-bottom: 1px solid #fff;
	padding: 5px 5px 5px 10px;
	margin-top: 0 !important;
}

a.nieuws.first{
	border-top: 1px solid #fff;
}

.spacer{
	width: 100%;
	height: 40px;
	float: left;
}

a.nieuws:hover{
	background: transparent;
}

#footer p{
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	
}

#foobar{
	width: 961px;
	height: auto;
	background-color: #000;
	float: left;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
}

#foobar ul{
	width: 190px;
	float: left;
	margin-right: 1px;
}

#foobar li, #credits li{
	width: 185px;
	color: #fff;
	text-decoration: none;
	margin: 0 !important;
	float: left;
	font-weight: bold;
	padding: 0 0 0 6px;
	margin-bottom: 2px;
	display:inline;
}

#foobar li.eerste{
	padding-bottom: 2px;
}

#credits li a{
	color: #fff;
	text-decoration: none;
	background-color: transparent !important;
	font-weight: normal;
	font-style: normal;
	padding: 0 !important;
	line-height: 1.5em;
}


#foobar li a{
	color: #fff;
	text-decoration: none;
	background-color: transparent !important;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3em;
	float: left;
	padding:0px;
	padding-top: 0px;
}

#credits li a, #credits li{
	color: #000;
}

#credits li span{
	color: #000;
	text-decoration: none;
	background-color: transparent !important;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3em;
	float: left;
	padding:0px;
	padding-top: 1px;
}

#credits li a:hover{
	color: #fff;
}

#foobar li a:hover{
	color: #7e7e7e;
}

#credits{
	width: 961px;
	height: auto;
	float: left;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline;
}

#spacedout{
	width: 100%;
	height: 40px;
	float: left;
}

.formhead{
	width: 100%;
	padding-bottom: 20px;
	padding-top: 10px;
}

label{
float: left;
width: 240px;
line-height: 1em;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
}

label span{
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	clear: both;
}

input, textarea{
width: 310px;
padding: 3px;
margin-bottom: 10px;
background-color: #e3e3e3;
border: none;
}

input:focus, textarea:focus{
color: #fff;
background-color: #FF4202;\
}


textarea{
width: 250px;
height: 150px;

}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 240px;
margin-top: 5px;
width: 90px;
text-align: center;
background-color: #FF4202;
font-weight: bold;
color: #fff;
cursor: pointer;
}

form, .form{
	width: 560px;
	border: 0px solid black;
}

form br{
clear: left;
}

form#nieuwsbriefform{
	width: 150px !important;
}

form p{
	padding-top: 10px;
	padding-bottom: 20px;
}

.archrow{
	width: 747px;
	float: left;
	border-bottom: 1px solid #f1f1f1;
}

.archrow.diap{
	background-color: #f1f1f1;
}

span.name{
	width: 240px;
	padding: 5px 10px;
	float: left;
}

span.timeorigin{
	width: 100px;
	margin-left: 5px;
	padding: 5px 0px;
	float: left;
}

#twittercol{
	width: 171px;
	background: #000 url(../images/twitterkop.gif) no-repeat;
	padding: 60px 10px 10px;
	margin-top: 10px;
}

#twittercol p{
	color: #fff;
	padding-bottom: 10px;
}

#twittercol a{
	color: #FF4202;
	text-decoration: none;
	background-color: transparent;
	padding: 0 !important;
	line-height: 1.5em;
}

#twittercol a.date{
	color: #7e7e7e !important;
	font-style: italic;
}

#twittercol a.link{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
	padding-left: 20px !important;
	padding-top: 5px !important;
	background: url(/images/t.gif) no-repeat;
}

/* AZ tabling */

table.az {
	width: 100%;
	font-family: "Arial";
	font-size: 10px;
}
	
	table.az tr.head {

	}

		table.az tr.head td {
			font-size: 1.2em;
			font-weight: bold;
			padding: 1.5em 10px 1.5em 0;
		}
		
			table.az tr.head td.this {
				padding-left: 10px;
			}

	table.az tr.lettre {
		background-color: #d9d9d9;
	}
	
		table.az tr.lettre td {
			font-size: 2.1em;
			text-transform: uppercase;
			color: #fff;
			font-weight: bold;
			padding: .333em 10px .333em 10px;
		}
		
	table.az tr.movies:hover {
		background-color: #ececec;
	}
	
		table.az tr.movies td {
			font-size: 1.1em;
			border-bottom: 1px solid #d9d9d9;
		}
		
			table.az tr.movies td a {
				font-size: 1.1em;
				padding: 0;
				margin: 0;
				background: none;
				color: #000;
				display: block;
				line-height: 1.3em;
				padding: .833em 10px .833em 10px;
				font-weight: normal;
			}
		
/* Highlights */

div#container {
	width: 100%;
	font-family: "Arial";
	font-size: 10px;
	overflow: hidden;
}

	div#container div.left {
		float: left;
	}
	
	div#container div.right {
		float: right;
	}
	
	div#container div#blocks {
		width: 191px;
		margin-right: 1px;
	}
	
		div#container div#blocks div.block {
			margin-bottom: 1px;
		}
		
			div#container div#blocks div.block div.selected {
				background-color: #ff4300;
			}
	
			div#container div#blocks div.block div.title {
				background-color: #e1e1e1;
			}
			
				div#container div#blocks div.block div.title a {
					display: block;
					margin: 0;
					padding: 0;
					padding: 11px 11px 11px 11px;
					background: #e1e1e1;
				}
				
				div#container div#blocks div.block div.selected a {
					display: block;
					margin: 0;
					padding: 0;
					padding: 11px 11px 11px 11px;
					background: #ff4300;
				}
			
				div#container div#blocks div.block img {
					margin-bottom: 10px;
					width: 169px;
				}
				
					div#container div#blocks div.block a {
						margin: 0;
						padding: 0;
						background: none;
						cursor: pointer;
					}
				
					div#container div#blocks div.block img a {
						border: none;
					}
				
				div#container div#blocks div.block p {
					background: none;
					color: #000;
					font-size: 1.1em;
					font-weight: bold;
					text-transform: uppercase;
					background: none;
					width: auto;
					margin: 0;
					line-height: 12px;
					padding: 0;
				}
				
				div#container div#blocks div.block span.time {
					font-family: "Helvetica", "Arial";
					font-size: 1.1em;
					font-weight: bold;
					background: none;
					color: #ff4300;
				}
				
				div#container div#blocks div.block div.selected span.time {
					color: #fff;
				}
			
			div#container div#blocks div.block ul {
				padding: 13px 12px 13px 6px;
				background-image: url("/css/images/block-bg.gif");
			}
			
				div#container div#blocks div.block ul li {
					margin: 0 0 10px;
					overflow: hidden;
					padding-left: 15px;
					background-image: url("/css/images/plus.png");
					background-repeat: no-repeat;
					background-position: left .455em;
					color: #000;
					font-weight: normal;
					font-size: 1.1em;
				}
				
					div#container div#blocks div.block ul li a {
						background: none;
					}
				
				div#container div#blocks div.block ul a {
					display: block;
					margin: 0;
					padding: 0;
				}
						
	div#highlights {
		width: 575px;
	}
	
		div#highlights h3 {
			margin: 14px 13px 0;
		}
	
		div#highlights div.highlight {
			width: 190px;
			margin-right: 1px;
		}
		
			div#highlights div.highlight img {
				width: 191px;
			}
		
		div#highlights div.last {
			margin: 0;
		}
		
			div#highlights div.highlight div.info {
				padding: 11px 11px;
			}
			
				div#highlights div.highlight div.info p {
					width: auto;
					margin-bottom: 10px;
					line-height: 1.6em;
				}
				
	div#detail {
		width: 575px;
		overflow: hidden;
	}
	
		div#detail h3 {
			margin: 14px 13px 0;
		}
	
		div#detail div.pad {
			padding: 15px 0 15px 12px;
			overflow: hidden;
		}
		
			div#detail div.pad div.nl, div#detail div.pad div.en {
				width: 275px;
			}
				
				div#detail div.pad div.nl {
					margin-right: 10px;
				}
			
				div#detail div.pad div.nl p, div#detail div.pad div.en p {
					width: auto;
					font-size: 1.1em;
					line-height: 16px;
				}
		
		div#detail div.special {
			background-image: url("/css/images/block-bg.gif");
			overflow: hidden;
		}
		
			div#detail div#special-left {
				float: left;
			}
		
			div#detail div.special img {
				border-right: solid 1px #fff;
			}
		
			div#detail div.special div#data {
				width: 160px;
				padding: 12px 15px 0 7px;
				float: left;
			}
			
			div#detail div.special div#data p {
				width: auto;
				background: none;
				color: #000;
				overflow: hidden;
				font-size: 1.1em;
				font-weight: bold;
				margin: 5px 0;
				line-height: 18px;
				clear: both;
			}
			
			div#detail div.special div#data p span {
				float: left;
				line-height: 18px;
			}
			
			div#detail div.special div#data p span.span-left {
				width: 100px;
				font-weight: normal;
				float: right;
			}
			
			div#detail div.special div#data p span.niet-bold {
				font-weight: normal;
			}
			
				div#detail div.special div#data p a {
					line-height: 16px;
				}
	
		div#detail div.order-btn {
			width: 575px;
			height: 60px;
			background-image: url("/css/images/order.gif");
			background-repeat: no-repeat;
			background-color: #000;
			margin: 0 0 1px;
		}
		
			div#detail div.order-btn a {
				display: block;
				width: 575px;
				height: 59px;
				background: none;
				position: absolute;
				margin: 0;
				padding: 0;
				line-height: 1.333em;
			}
			
			div#detail div.order-btn p {
				background: none;
				color: #fff;
				text-transform: uppercase;
				padding: 35px 0 0 53px;
				font-weight: bold;
				width: auto;
			}
			
		div#detail div.order-btn-rood {
			width: 575px;
			height: 59px;
			background-image: url("/css/images/order-rod.gif");
			background-repeat: no-repeat;
			background-color: #000;
			margin: 0 0 13px;
		}
		
			div#detail div.order-btn-rood a {
				display: block;
				width: 575px;
				height: 60px;
				background: none;
				position: absolute;
				margin: 0;
				padding: 0;
				line-height: 1.333em;
			}
			
			div#detail div.order-btn-rood p {
				background: none;
				color: #fff;
				text-transform: uppercase;
				padding: 17px 0 0 53px;
				font-weight: bold;
				width: auto;
			}
			
				div#detail div.order-btn-rood p a {
					width: auto;
					height: auto;
				}
			
		div#detail div.item {
			overflow: hidden;
		}
		
		div#detail div.line {
			height: 1px;
			width: 564px;
			margin: 4px 0 13px 11px;
			background: #e1e1e1;
		}
		
			div#detail div.item p {
				width: auto;
				line-height: 1.455em;
				background: none;
			}
			
			div#detail div.item h6 {
				font-size: 1.5em;
				font-weight: bold;
				margin: 2px 0 7px;
			}
			
			div#detail div.item div.text {
				width: 362px;
			}
			
				div#detail div.item div.text p {
					font-size: 1.1em;
					margin-bottom: 3px;
				}
				
					div#detail div.item div.text p.sub-title {
						font-size: 1.2em;
						color: #7b7b7b;
						margin: 0 0 21px;
					}
				
			div#detail div.item div.media {
				width: 192px;
			}
				div#detail div.item div.media img {
					width: 192px;
					margin: 0;
				}
			
				div#detail div.item div.media div.video {
					background: #e0e0e0;
					height: 42px;
					margin: 0;
				}
				
				div#detail div.item div.media div.video a {
					position: absolute;
					width: 192px;
					height: 42px;
					margin: 0;
					padding: 0;
					background: none;
					color: #000;
				}
				
				div#detail div.item div.media div.video p {
					padding: 13px 0 0 15px;
				}
				
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#locphoto{
	width: 261px;
	height: 287px;
	float: left;
}

#loctekst{
	width: 290px;
	float: left;
	padding-left: 10px;
}

#locdata{
	width: 250px;
	padding-top: 10px;
	padding-left: 10px;
}

ul#download{
	list-style-type: none;
	padding-top: 38px;
	background: #000 url(/images/downloads_kop.gif) no-repeat;
}

ul#download li{
	width: 189px;
	margin-left: 0;
	margin-bottom: 1px;
	background-image: url(/images/dl_menu_bg.gif);
}

ul#download li a{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
	background-color: transparent;
}

ul#download li a:hover{
	color: #ff4300;	
}

a.image{
	padding: 0px;
	margin: 0;
	background-color: transparent;
}