﻿html {
  margin: 0;
  padding: 0;
  min-height: 100%;
height: auto !important;
height: 100%;
}
body {
  margin: 0;
  padding: 0;
  background-color: #000;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
  color: #FFF;
}


/* ------- DIV HOLDERS ------- */

.main {
  margin: 0;
  padding: 0 0 0 20px;
  width: 915px;
  background: url(../images/bg_shadow_left.gif) repeat-y top left;
  }

.header_holder {
  margin: 0;
  padding: 0;
  height: 135px;
  }

.header_left, .header_right {
  margin: 0;
  padding: 0;
  float: left; 
  }
  
.header_left {
  height: 135px;
  width: 135px;
  }

.header_right {
  margin: 0;
  padding: 0;
  background: url(../images/bg_shadow_menu.gif) repeat-y top left;
  height: 135px;
  width: 545px;
  }

.menu_top {
 margin:110px 0 0 0;
 width: 775px;
 clear:both;
}

.content_holder {
  margin: 0;
  padding: 0;
  height: 25px;
  color: #000;
  float:left;
  height: 100%;
  width: 1100px;
  }
  
 .content_holder h1 {
  margin: 0;
  padding: 0 0 10px 0;
  font-family: Arial Narrow;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
 }
 
.content_left_holder, .content_right_holder {
  float:left;
  }

.content_left_holder {
  margin: 0;
  padding: 0;
  background: url("../images/bg_shadow_right.gif") repeat-y top right;
  background-color: #FFF;
  width: 690px;
  }
  
.content_right_holder {
  width: 232px;
  margin: 0 0 0 -10px;
  }
  
.content_left{
  float:left;
  background: url(../images/bg_shadow_content.gif) repeat-x 30px 0px;
  padding: 15px 15px 75px 20px; 
  width: 645px;
  
  }
.content_right{
  float:left;
  margin: 0;
  padding: 0;
  }
  

.sub_left, .sub_right {
  margin: 0;
  padding: 0;
  float: left;
  height: 25px;
  }
 
.sub_left {
  background: url("../images/bg_truecrime.gif") no-repeat top left;  
  width: 680px;
  background-color: #ee1c24;
  }
  
.sub_right {
  background: url("../images/hd_winkelwagen.gif") no-repeat 12px 5px;
  width: 232px;
  background-color: #ee1c24;
  }

.sub_right img {
  margin: 4px 0 0 20px;
  padding: 0;
  }

.winkelwagen {
  margin: 0 0 5px 10px;
  padding: 5px 5px 8px 10px;
  width: 205px;
  background: url(../images/bg_shadow_content.gif) repeat-x 0px 0px;
  background-color: #FFF;
  }

.advertentie {
  margin: 10px 5px 10px 10px;
  padding: 10px 5px 10px 5px;
  width: 208px;
  background-color: #FFF;
  border: 1px solid #EE1c24;
  }

.advertentie img {
  margin: 10px 0;
  padding: 0;
  }  

.advertentiebanner {
  margin: 10px 5px 10px 10px;
  padding: 0;
  width: 220px;
  }
    
.footer_holder {
  margin: 0;
  padding: 18px 0 0 10px;
  clear:both;
  background: url("../images/bg_shadow_right.gif") repeat-y top right;
  background-color: #ee1c24;
  height: 34px;
  width: 680px;
  }
.footer_holder a {
  color: #FFF;
  }
.footer_left, .footer_center, .footer_right {
  margin: 0;
  padding: 0;
  float: left;
}
.footer_center {
  padding: 0 60px;
}



.footer_right img {
  margin: -5px 0 0 0;
  padding: 0;
  display: inline;
  position: absolute;
}

/* ------- END DIV HOLDERS ------- */


/* ------- MENU  ------- */

.menu {
  margin: 0;
  padding: 0;
  float:right;
  list-style: none;
  }

.menu li {
  margin: 0;
  padding: 0 2px;
  list-style: none;
  float: left;
}

.menu_bullits {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  }

.menu_bullits li {  
  margin: 5px 0;
  padding: 0;
  }

.menu_bullits img {
  border: 0;
  }

.menu_footer {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
.menu_footer li {
  margin: 0;
  padding: 0 2px;
  list-style: none;
  float: left;
  }
/* ------- END MENU ------- */




/* ------- FLOATERS ------- */

.img_flr {
  padding: 0 25px 0 0;
  float: right;
  }

.img_bullit {
  margin: 0;
  padding: 0;
  }
/* ------- END FLOATERS ------- */


/* ------- LINKS ------- */

a {
  color: #FFF;
  text-decoration: underline;
}

.img_bullit {
  margin: 0;
  padding: 0;
  }
/* ------- END LINKS ------- */




/* ------- TABLES ------- */

.height {
  height: 18px;
}  

tr .winkelwagenlijn {
  height: 1px !important; 
  background-color: #ee1c24;
  }
  
/* ------- END TABLES ------- */

/* ------- BUTTONS ------- */
.button, .button2 {
	margin: 5px 0 0 0;
	padding: 0 5px;
	border: 0;
	background-color: #EE1C24;
	color: #FFF;
	height: 20px;
	width: 0;
	overflow:visible;
	font-size: 11px;
	font-weight: bold;
			
}
.button, .button2 {
	width:auto;
}


.button1 {
	margin: 15px 0 0 40px;
	padding: 0 5px;
	border: 0;
	background-color: #EE1C24;
	color: #FFF;
	height: 20px;
	width: 0;
	overflow:visible;
	font-size: 11px;
	font-weight: bold;
			
}
.button1 {
	width:auto;
}

/* ------- END BUTTONS ------- */




/* ------- ARCHIEF ------- */

.video 
{
  height: 220px;
}


.archief, .video {
  margin: 0 0 0 10px;
  padding: 0 0 30px 0;
  width: 150px;
  float: left;
}

.archief a, .video a{
  margin: 0;
  padding: 0;
  font-family: Arial Narrow, Arial, Verdana, helvetica;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  }

.archief a:hover, .video a:hover {
  text-decoration: underline;
  }

.completearchiefvideo, .completearchiefuitgave {
  margin: 0 0 40px 0;
  padding: 0; 
  position:relative;
  width:640px;
  overflow-y:hidden;
  overflow-x:scroll;
  }
.completearchiefvideo {
  height:250px;
  }
  
.completearchiefuitgave {
  height: 200px;
  }
  
.completearchiefvideo a, .completearchiefuitgave a {
  margin: 0;
  padding: 0;
  color: #000;
  padding: 0 15px;
  }

.archiefdetailvideoitem, .archiefdetailarchiefitem {
  margin: 0;
  padding: 0;
  width: 100px;
  
  float:left; 
  position: absolute;
  text-align: left;
  }

.archiefdetailvideoitem {
  height:250px; 
  }
.archiefdetailarchiefitem {
  
  height: 150px;
  
  } 


.archiefdetailvideoitem a, .archiefdetailarchiefitem a{
  margin: 0;
  padding: 0;
  text-decoration: none;
  }

.archiefdetailvideoitem a:hover, .archiefdetailarchiefitem a:hover {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  }  
  
.archieflinks, .archiefrechts {
  margin: 0;
  padding: 0;
  float:left;
  
  }
  
.archieflinks {
  width:360px;
  }
  
.archiefrechts {
  margin: 0 0 0 40px;
}
 .inhoudsopgave {
  margin: 10px 0;
  padding: 0;
  } 
  
   .inhoudsopgave h2 {
  margin: 0;
  padding: 0;
  font-family: Arial Narrow;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
 }
/* ------- END ARCHIEF ------- */



/* ------- VIDEODETAIL ------- */

.videoinfo h1 {
  margin: 0;
  padding: 0 0 10px 0;
  font-family: Arial Narrow;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
  }

.videodetail {
  margin: 0;
  padding: 0;
  float: left;
  width: 425px;
  }

.videoextra {
  margin: 0;
  padding: 0 0 0 5px;
  float: left;
  width: 205px;
  }

/* ------- END VIDEODETAIL ------- */


/* ------- ABONNEMENT ------- */
.abonnementtable {
  margin: 20px 0 0 0;
  padding: 0;
  }

/* ------- END ABONNEMENT ------- */

.dd1, .dd2 {

	border: 1px solid #BBB;
	background-color: #F6F6F6;
	height: 20px;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
  } 
.dd1 {
	margin: 0 0 0 0;
	padding: 3px 0 2px 4px;
	width: 206px;
}

.dd2 {
	margin: 0 0 0 5px;
	padding: 3px 0 2px 4px;
	width: 126px;
}

.inp1, .inp2 {
	border: 1px solid #BBB;
	background-color: #F6F6F6;
	height: 15px;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.inp1 {
	margin: 0 0 5px 0;
	padding: 3px 0 0 4px;
	width: 200px;
}

.inp2 {
	margin: 0 0 0 5px;
	padding: 3px 0 0 4px;
  width: 120px;
}
.bedanktabonnement {
  margin: 20px 0 0 0;
  padding: 0;
}

.bedanktabonnement h2{
  margin: 0;
  padding: 0;
  font-family: Arial Narrow;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}


.nieuwsbriefformulier {
  margin: 30px 0 0 0;
  padding: 0;
}

.actie {
  margin: 0 0 20px 0;
  padding: 0;
  }

.actie img, .nieuws img {
  margin: 10px 0;
  padding: 0;
  }
  
  
 a { 
  color: #000;
  }
  
.outletshop {
  margin: 20px 0 0 0;
  }
  
.btn-buy {
	background: url(/images/btn_buy.png) no-repeat top left;
	margin :0 0 0 -5px ;
	padding : 9px 0 0 22px;
	width: 208px !important;
	height : 38px;
	display: block;
	color : #FFF;
	font-size : 15px;
	text-decoration: none;
	
}  
