body {margin: 0;
	  padding: 0;
	  background: url('../img/bodybg.gif') repeat-x;
	  font: normal small Arial;
	 
	  }
	  
#container{
	margin: 0 auto;
	width:900px;
	
}


#header {
	float: left;
	width:900px;
	height:150px;
	background: #FFF url('img/header.gif') no-repeat;
	margin: 0px 0 0 0;
}

 
	

#menu{
	float:left;
	width:207px;
	padding: 20px 0 0 0;

	}

#menustrook{
	width:200px;
	

	}	
		#menustrook a { display: block;
		  width: 175px; 
		  height: 18px; 
		  padding-top: 6px ;
		  padding-bottom: 3px;
		  padding-left: 10px;
		  color: #F5B024; 
		  text-decoration: none; 
		  margin: 0px 0px 2px 10px; 
		  border-top: 1px solid #DAD8D8;
		  font: normal 1.2em Arial Rounded MT Bold;}	
		  
		 #menustrook ul ul a { display: block;
		  width: 160px; 
		  height: 14px; 
		  padding-top: 2px ;
		  padding-bottom: 3px;
		  padding-left: 25px;
		  color: #F5B024; 
		  text-decoration: none; 
		  margin: 0px 0px 2px 10px; 
		  border-top: 1px solid #DAD8D8;
		  font: normal 1.0em Arial Rounded MT Bold;}	
		  
		  
		#menustrook a:hover { border-top: 2px solid #ffa500; 
						color: #468AB4;
						display: block;
						width: 175px;  
						height: 18px; 
						padding-top: 5px;
						padding-bottom: 3px; 
						padding-left: 10px; 
						 font: normal 1.2em Arial Rounded MT Bold;}
						 
		#menustrook ul ul a:hover { border-top: 2px solid #ffa500; 
						color: #468AB4;
						display: block;
						width: 160px;  
						height: 14px; 
						padding-top: 1px;
						padding-bottom: 3px; 
						padding-left: 25px; 
						 font: normal 1.0em Arial Rounded MT Bold;}
						 
						
		#menustrook ul { display: inline; list-style: none; padding: 0; margin: 0px 0 0 0px; }
		#menustrook ul ul { list-style: none; padding: 0; margin: 0px 0 0 0px; }
		#menustrook li { float: left; display: inline; padding: 0; margin: 0;}
		#menustrook ul ul li { float: left; display: inline; margin: 0; padding: 0 0 0 0px;}

	#tvgids {
			float: left; margin: 15px 0 0 20px;
			font: normal 11px Arial;
			}
#content {
	float: left;
	width:663px;
	padding: 0px 0px 0px 5px;
	border: 0px solid green;
}



	#content h1 {color: #F5B024;
				font: normal 1.9em Arial Rounded MT Bold;
				float: left; width: 100%; margin: 0px 0 5px 0;}
	#tekst
	{
		
		
		font: normal small Arial;
		text-align: justify;
		line-height: 20px;
		color: #2977A8;
		border: 0px solid blue;
		
	}
	
	.dvds{float: left; width: 470px; border: 0px solid red; margin: 0; padding: 0; }
	
	.relevantedvds {float: left; width: 100%; margin: 10px 0px;}
	
	.dvdsfrontpage{float: left; width: 195px; border: 0px solid red; margin: 1px; padding: 0; }
	
			.dvdsfrontpage a:link {color: #5277AF; text-decoration: none;}
			.dvdsfrontpage a:hover{color: #5277AF; text-decoration: underline;}
			.dvdsfrontpage a:visited:hover {color: #5277AF; text-decoration: underline;}
			.dvdsfrontpage a:visited {color: #5277AF; text-decoration: none;}
			
			.dvdsfrontpage h3{float: left; color: #F5B024;
				font: normal 16px Arial Rounded MT Bold;
				 margin: 0px 0 2px 0; }

			.dvdfr {float: left;  margin: 0px 0 20px 0; line-height: 19px; font: normal 11px Verdana; color: black;}			
			.dvdfr img{float: left; margin: 5px 10px 5px 0; width: 50px; height: 71px; border: 0px solid red;}
			
				.aboutsfr {margin: 5px 0 5px 0; padding: 0; line-height: 19px; width: 110px; float: left;}
				.aboutsfr p{margin: 0; padding: 0;}
	
	.topdvds{float: left; width: 172px; border: 0px solid blue; color: black; margin: 0px 3px;}
	.topdvds h3 {float: left; color: #F5B024;
				font: normal 18px Arial Rounded MT Bold;
				 margin: 0px 0 2px 0;
				}
	.topdvd { float: left;
			  margin: 0 9px 10px 0;
			  margin: 0 5px 10px 0;
			  padding: 3px;
			  font: normal 11px Arial;
			  color: gray;
			  width: 190px;
			  _width: 172px;
			  border: 1px solid #d3d3d3;
		
			}
			
			.topdvd img {float: left; width: 30px; height: 43px; border: 1px solid gray; margin: 0 5px 0 0;}
			
			.topdvd a:link {color: #5277AF; text-decoration: none;}
			.topdvd a:hover{color: #5277AF; text-decoration: underline;}
			.topdvd a:visited:hover {color: #5277AF; text-decoration: underline;}
			.topdvd a:visited {color: #5277AF; text-decoration: none;}
			
	.dvd {float: left; width: 470px; margin: 0px 0 20px 0; line-height: 19px; font: normal 11px Verdana; color: black;}
	
	.dvd h3 {float: left; color: #F5B024;
			 margin: 0px 0 2px 0;
				}
	.dvd h3 a{color: #F5B024;
				font: normal 22px Arial Rounded MT Bold;
				text-decoration: none;}
	.dvd h3 a:hover{	text-decoration: underline;}			
	.dvd h3 a:visited{	text-decoration: none;}			
	.dvd h3 a:visited:hover{	text-decoration: underline;}			
	
	.abouts {margin: 5px 0 5px 0; padding: 0; line-height: 19px; width: 400px; float: left;}
	.abouts p{margin: 0; padding: 0;}
	.prijs {float: right; margin: 0 5px 5px 5px; width: 60px; height: 20px; text-align: center; color: red; border: 2px solid red; background: pink; font: bold 1.2em Trebuchet MS; }
	
	.dvd img{float: left; margin: 5px 10px 5px 0; width: 50px; height: 71px; border: 0px solid red;}
	
#livesearch
  {
  
  width:174px;
  }
#txt1
  {
  margin:0px;
  width: 170px;
  }
 
 #zoekcabaretier{float: left; font: normal small Arial; color: #2977A8; margin: 14px 0 0 20px; _margin: 0 0 0 10px;}
 #zoekcabaretier ul{list-style-type:none; margin:0; padding: 0;}
 #zoekcabaretier li{margin: 2px;}
 #zoekcabaretier a {color: black;  width: 168px; 		  
		  font: normal small Arial; text-decoration: none; border: none;margin: 3px 0 3px 0; }	
#zoekcabaretier a:hover { 
						color: orange;
						 width: 168px; margin: 3px 0 3px 0;   font: normal small Arial; text-decoration: none; border: none; }
						 
						 
	/* individuele pagina */
	
	.dvdpagina {float: left; width: 650px; margin: 0px 0 20px 0; font: normal 11px Verdana; color: black;}
	
	.dvdpagina h3 {float: left; color: #F5B024;
			 margin: 0px 0 2px 0; width: 510px;
			 font: normal 1.9em Arial Rounded MT Bold;
				}
	
	
	.dvdpagina p{margin: 0; padding: 0; line-height: 19px;}
		
	.dvdpagina img{float: left; margin: 5px 10px 5px 0; width: 130px; height: 185px; border: 0px solid red;}
	
	/* film pagina */
	
	.filmpagina {float: left; width: 650px; margin: 0px 0 20px 0; font: normal 11px Verdana; color: black;}
	
	.filmpagina h3 {float: left; color: #F5B024;
			 margin: 0px 0 2px 0; width: 540px;
			 font: normal 1.9em Arial Rounded MT Bold;
				}
	
	
	.filmpagina p{margin: 0; padding: 0; line-height: 19px;}
		
	.filmpagina img{float: left; margin: 5px 10px 5px 0; width: 87px; height: 125px; border: 0px solid red;}
	/* einde filmpagina */
	
	
	
	/* einde individuele pagina */
	
	.kooplink a:link{text-decoration: underline; color: green;}
	.kooplink a:hover{text-decoration: none;}
	.kooplink a:visited{text-decoration: underline; color: green;}
	.kooplink a:visited:hover{text-decoration: none; color: green;}
	
	.infolink a:link{text-decoration: underline; color: blue;}
	.infolink a:hover{text-decoration: none;}
	.infolink a:visited{text-decoration: underline;}
	.infolink a:visited:hover{text-decoration: none; color: blue;}
	
#footer {float: left; width:	900px; height: 60px; text-align: center;
		margin: 30px 0 10px 0; 
		padding: 40px 0 0 0;
		color: orange;
		border: 0px solid orange;
		}
		
	#footer a:link{color: red;}
	
/* jquery css */
.main_image {
	width: 300px;
	height: 366px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
	margin: 0 0 0 0px;
}
.main_image h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 0px 5px;
	padding: 4px;
}

.main_image a:link{text-decoration: none;}
.main_image a:hover{text-decoration: underline;}

.main_image p {
	font-size: 1.0em;
	line-height: 1.6em;
	padding: 5px;
	margin: 0 0 0 5px;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
	font-size: 1em;
	padding: 0 0 0 20px;
	background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;
	left: 0; /*--Stick the desc class to the bottom of our main image container--*/
	width: 100%;
	display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
	background: url(img/btn_collapse.gif) no-repeat left top;
	height: 27px;
	width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px;
	right: 20px;
}
.main_image a.show {background-position: left bottom;}

/* thumb css */
.image_thumb {
	float: left;
	width: 360px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
	margin: 0 0 14px 0;
}

.block a:link{color: white; font-weight: bold;}

.image_thumb img {
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	float: left;
	width: 40px;
	height: 57px;
}
.image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0;
	padding: 4px 10px;
	background: #f0f0f0 url(img/nav_a.gif) repeat-x;
	width: 340px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 12px;
	margin: 5px 0;
	padding: 0;
}
.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 250px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/