/*-----------------------------------------------------------------------------
[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:#cb107e;
	background-image:url(../images/back.png); 
	_background-image:url(../images/back.png); 
	background-position: top left; background-repeat: repeat-x; 
	
	}


#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	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;
	}


#header{
	clear: both;
	position: relative;
	width: 1000px;
	_width: 1012px;
	height: 425px;
	border: 0px solid #ffffff;
	}

	
		#header .visual{
		float: left;
		position: relative;
		width: 742px;
		height: 425px;
		border: 0px solid #ffffff;
			
		}
		#header .buttons{
		float: right;
		position: relative;
		width: 256px;
		height: 438px;
		border: 0px solid #ffffff;
		margin-top:6px;
		}
		#header .buttons ul{
		margin-top: 0px;
		*margin-top: -5px;
		list-style: none;
		}
		#header .buttons li{
		margin-bottom: -6px;
		border: 0px;
		}
		#header .buttons li img{
		border: 0px;
		}
	


#newsteasers{
	clear: both;
	position: relative;
	width: 976px;
	height: 134px;
	padding: 0px 0px 12px 0px;
	margin: 0px 0px -16px 0px;
	border: 0px solid #ffffff;
	}
	
	#newsteasers img{
	float: left;
/*	width: 120px;	*/
	max-height: 90px;
	border: 1px solid #8c8187;
	margin: 6px 6px 6px 0px;
	}
	
		
		
		#newsteasers .links{
		float: left;
		width: 478px;
		height: 134px;
		}
		#newsteasers .rechts{
		float: right;
		width: 478px;
		height: 134px;
		}

	#content {
	width: 1000px;
	vertical-align: top;
	}
		#content .block{
		position: relative;
		width: 742px;
		height: 650px; 
		background-image:url(../images/back_block.png); 
		_background-image:url(../images/back_block.gif); 
		background-position: top left; background-repeat: no-repeat; 
		padding: 34px 0px 6px 12px;
		}
		#content .block ul{
		margin: 12px 0px 0px 32px;
		color: #959595;
		}
		#content .block ul a{
		color: #959595;
		}
		
		#content .block .groot{
		position: relative;
		float: left;
		width: 480px;
		height: 360px; 
		}
		#content .block .groot img {
		width:480px;
		height:360px;
		}
		#content .block .tekst{
		position: relative;
		margin-right: 24px;
		float:right;
		width: 200px;
		height: 320px; 
		padding: 12px;
		overflow: hidden;
		}
		
		#content .block .tekst .btn{
		width: 160px;
		height: 40px; 
		border: 0px;
		}
		
		
		#content .block .klein{
		position: relative;
		margin-top: 4px;
		float:left;
		width: 730px;
		height: 180px; 
		}
		#content .block .klein img {
		width:238px;
		height:179px;
		}
		
		#content .block .groot img, #content .block .klein img{
		display: inline; 
		border: 0px;
		}
		
		#content .blockdetail{
		position: relative;
		width: 742px;
		height: 580px; 
		background-image:url(../images/back_blockdetail.png); 
		_background-image:url(../images/back_blockdetail.gif); 
		background-position: top left; background-repeat: no-repeat; 
		padding: 34px 0px 6px 12px;
		text-align:center;
		}
		#content .blockdetail .groot{
		position: relative;
		width: 720px;
		height: 540px;
		position: relative;
		float: left;
		
		text-align:center;
		}
		#content .blockdetail .groot img{
			max-height:540px;
			max-width:720px;
		}
		
		#content .navigation {
		clear: both;
		width:742px;
		text-align: center;
		margin: 0px 12px 24px 12px;
		border: 0px solid #ffffff;
		}
		.number_images {
		color: cccccc;
		}
		.navigation_link {
		font-size: 14px;
		font-weight: bold;
		}
		
		#content #kolomrechts.home{
		position: absolute; 
 		top: 590px;
 		right: 0;
 		padding: 24px;
		width: 200px; 
		}
		
		#content #kolomrechts.vervolg{
		position: absolute; 
 		top: 436px;
 		right: 0;
 		padding: 24px;
		width: 200px;
		}
		#content #kolomrechts.vervolg img, #content #kolomrechts.home img{
		border: 0px;
		}
		
		#content #kolomrechts.home ul, #content #kolomrechts.vervolg ul { 
		list-style-image: url('../images/pijltje1.png');
		_list-style-image: url('../images/pijltje1.gif');
		margin: 6px 0px 12px 4px; 
		}
		
		
		
		
		
		
		
		
		#kolomrechts:after {
		display: block;
		clear:both;
		content:".";
		visibility:hidden;
		height:0px;
		overflow:none;
		}
		
	
		
		
		#content .agenda ul { 
		list-style-image: url('../images/pijltje1.png');
		_list-style-image: url('../images/pijltje1.gif');
		margin: 6px 0px 12px 4px; 
		}
		.contentlinks{
		position: relative;
		float: left;
		width: 734px;
 		padding: 34px 12px 6px 0px;
 		margin-bottom: 24px;
 	
		}
		.contentlinks p{
		margin-bottom: 12px;
		}
		#content .contentlinks .newspagina{
		clear: both;
		width: 700px;
		height: 134px;
		display: block;
		}
		
		#content .contentlinks .newspagina img{
		float: left;
		width: 120px;
	/*	height: 90px;	*/
		border: 1px solid #8c8187;
		margin: 6px 6px 6px 0px;
		}
		#content .contentlinks .newsdetail{
		clear: both;
		width: 700px;
		display: block;
		min-height:500px;
		}
		
		#content .contentlinks .newsdetail img.thumb   {
		float: left;
		max-width: 200px;
		/*	height: 90px;	*/
		border: 1px solid #8c8187;
		margin: 6px 6px 6px 0px;
		}
		
		

		#content .galleryoverzicht{
		position: relative;
		width: 742px;
		/* height: 200px;  */
		margin-top: 24px;
		margin-bottom: 24px;
		clear:both;
		}
		#content .galleryoverzicht table {
		width: 730px; 
		/* height: 160px;  */
		border: px solid #ffffff;
		}

		#content .galleryoverzicht p {
		width: 580px; 
		padding-bottom: 6px;
		border-bottom: 1px dotted #cf1481;
		}
		
		#content .galleryoverzicht table td {
		padding: 3px;
		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;
		}


	.galleryoverzicht ul {
		margin:10px 0px;
		float: left;
		width: 730px;
		clear:both;
		}
	.galleryoverzicht ul li {
		float: left;
		display: inline;
		line-height: 1.8em;
		margin: 0 5px 5px 0;
		list-style-type: none;
		padding:0px;
		text-align:left;

		}
	.galleryoverzicht ul li div {
		height:171px;width:180px;
		border:0px solid blue;
		background-image:url(../images/back_gallery.png); 
		text-align: center;
		padding-top: 9px;
	
		}
	.galleryoverzicht ul li div img {
		border: 1px solid #545454;
		max-height:162px;
		max-width:160px;
	
		}



		
		#content .inzendingvandemaand { 
		width: 730px;
		padding: 18px 18px 18px 0px;
		margin-bottom: 12px;
		display: block;
		border-bottom: 1px dotted #c8c2c5;
		}
		
		#content .inzendingvandemaand img { 
/*		float: left;	images were going right too */ 
		margin: 0px 20px 24px 0px;
		border: 0px;
		max-width:350px;
		}
		
		#content .inzendingvandemaand .info { 
		float:right;
		width: 340px;

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


#disclaimer {
	clear: both;
	display: block;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height: 34px;
	text-align: center;
	border-top: 1px dotted #585858;
	padding: 12px 0px 0px 0px;
	}
	
	#disclaimer p.w3c {
	display: block;
	padding: 12px 0px 0px 0px;
	}
	#disclaimer p.w3c img {
	border: 0px
	}

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

h1{
font-size: 18px; 
margin-bottom: 4px;
}
h2{
font-size: 14px;
padding-top: 0px;
margin-bottom: 6px;
}
h3{
font-size: 12px; 
margin-bottom: 4px;
}
p, q, cite{
font-size: 12px;
}
li, dd, dt{
font-size: 12px;
}
.datum {color: #8c8187;
}
color: 
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;}






/* ---------------------- Forms ---------------------------------------*/
input
	{
	font-size: 11px;
	padding: 2px;
	height: 16px;
	border: 1px solid #cfe1f0;
	margin-right: 4px;
	color: #464646;
	}
	

			
	
	
input.search
	{
	background-image:url(../images/back_form_search.gif); background-position: top left; background-repeat: no-repeat; 
	width: 197px;
	}
input.submit
	{
	background-image:url(../images/back_form_submit.gif); background-position: top left; background-repeat: repeat-x; 
	border: 0px solid #cfe1f0;
	width: 60px;
	height: 24px;
	color: #004b85;
	}
select.select
	{
	font-size: 11px;
	padding: 2px;
	height: 22px;
	border: 1px solid #cfe1f0;
	margin-right: 4px;
	width: 270px;
	color: #464646;
	}

/* ---------------------- 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;}