/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      08/07/2008
author:    Lowtone
website:   [your domain]


-----------------------------------------------------------------------------*/
* 	{
	margin:0px;
	padding:0px;
	}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 12px;
	color: #ffffff;
	background:#000000;
	background-image:url(../images/back.png); 
	_background-image:url(../images/back.png); 
	background-position: top left; background-repeat: repeat-x; 
	
	}


#wrapper{
	background-image:url(../images/backcontent.jpg);  
	background-position: top left; background-repeat: no-repeat; 
	margin-left:auto;
	margin-right:auto;
	width:820px;
	position: relative;
	min-height: 100%;
	height:auto !important;
	height:100%; /* voor IE */
	border: 0px solid #ffffff;
	}

#wrapper:after {
	display: block;
	clear:both;
	content:".";
	visibility:hidden;
	height:0px;
	overflow:none;
	}


#wrapper .header{
	
	width:820px;
	height: 400px;
	border: 0px solid #ffffff;
	}


#wrapper .header img{
	border: 0px solid #ffffff;
	}
	



		#content {
		width: 1000px;
		vertical-align: top;
		}
		

		#content .galleryoverzicht{
		position: relative;
		width: 742px;
		}
		
		#content .galleryoverzicht table { 
		}
		
		#content .galleryoverzicht table td {
		padding: 12px 12px 12px 0px;
		position: relative;
		width: 140px;
		height: 140px; 
		border-bottom: 0px dotted #cccccc;
		vertical-align: top;
		text-align: center;
		overflow: hidden;
		}
		
		#content .galleryoverzicht table td img { 
		border: 1px solid #cccccc; 
		}
		#content .galleryoverzicht table td strong { 
		display: block;
		}
		
		
		#content .trailer {
		padding: 12px 12px 12px 230px;
		position: relative;

		overflow: hidden;
		}


#footer {

	margin-left:auto;
	margin-right:auto;
	width:820px;
	height: 200px;
	border: 0px solid #ffffff;
	text-align: center;
	margin-top: 18px;
	

}

#footer h2 {

	font-size: 24px;
	

}



/* ---------------------- Typography ---------------------------------------*/

h1{
font-size: 18px; 
margin-bottom: 8px;
}
h2{
font-size: 14px;
padding-top: 6px;
margin-bottom: 6px;
}
h3{
font-size: 12px; 
}
p, q, cite{
font-size: 12px;
}
li, dd, dt{
font-size: 12px;
}
.datum {color: #8c8187;
}

img
{
border: 0px;
}
	
	
	
	
/* ---------------------- Menu & links ---------------------------------------*/

		a:link			{color: #ffffff;}
		a:visited		{color: #ffffff;}
		a:hover			{color: #ffffff; text-decoration: none;}

#footer	a:link			{color: #ffffff; text-decoration: none;}
#footer	a:visited		{color: #ffffff; text-decoration: none;}
#footer	a:hover			{text-decoration: underline;}





/* ---------------------- Tables ---------------------------------------*/

table	{ 
border-spacing: 0;
border-collapse: collapse;
}
td{
text-align: left;
vertical-align: top;
}


table#teasers	{ 
border: 0px solid #000000;
margin-top: 18px;
}

td.teasers	{ 
border: 0px solid #000000;
vertical-align: top;
padding: 4px 34px 24px 0px;
}


.clear{	clear:both;}
.right{float: right;}
.left{float: left;}