/*-----------------------------------------------------------------------------
[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 */
	background:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 12px;
	color: #eeeeee;
	background-image:url(../images/back.jpg); background-position: top left; background-repeat: repeat-x; 
	}


#wrapper{
	margin-left:auto;
	background-image:url(../images/back_content.jpg); background-position: top left; background-repeat: no-repeat; 
	background-color: #000000;
	margin-right:auto;
	width:845px;
	position: relative;
	height: 600px;
	}

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


img{
	border: 0px;
	}

#kolom_links { 
display: inline;
width: 480px;
float: left;
border: 0px solid #ffffff;
}

#kolom_links .content { 

border: 0px solid #ffffff;
height: 440px;
width: 530px;
overflow-x: hidden;
overflow-y: scroll; 
margin: 12px 0px 6px 0px;
}

#kolom_links .contenthome { 

border: 0px solid #ffffff;
height: 440px;
width: 530px;
overflow: hidden;
margin: 12px 0px 6px 0px;
}
#kolom_links .contentvideo { 

border: 0px solid #ffffff;
height: 440px;
width: 530px;
overflow: hidden;
margin: 12px 0px 6px 0px;
background-image:url(../images/back_video.gif); background-position: top left; background-repeat: no-repeat; 
}

#kolom_links .content p { 
margin: 0px 0px 12px px;

}
#kolom_links .contenthome .content_tekst, #kolom_links .contentvideo .content_tekst, #kolom_links .content .content_tekst { 
margin: 0px 0px 12px 42px;
padding: 0px 8px 8px 0px;
}

#kolom_links .contentvideo .content_tekst .marquee { 
width: 392px;
background-color: #000000;
padding: 6px 4px 2px 4px;
}


#kolom_links .cd1 { 
margin-bottom: 12px;
border-bottom: 1px dotted #ffffff;
height: 228px;
}

#kolom_links .cd2 { 
margin-bottom: 12px;
border: 0px solid #ffffff;
height: 220px;
}


#kolom_links .content table {
width: 450px; 
border: 0px;
}
#kolom_links .content td {
padding: 2px; 
border: 0px;
}
#kolom_links .content th {
text-align: left;
padding: 2px; 
border: 0px;
}

#kolom_rechts { 

position: relative;
display: inline;
float: right;
width: 280px;
border: 0px solid #ffffff;
margin-top: 160px;
padding-right: 12px;
}

#kolom_rechts strong { 
font-weight: bold;

}

#kolom_rechts ul.menu { 

}
#kolom_rechts ul.menu li { 
display: block;
border-bottom: 1px dotted #4dc4ed;
width: 262px;
height: 22px;
}

#kolom_rechts ul li a { 
font-weight: bold;
text-decoration: none;
}
#kolom_rechts ul li a:hover, #kolom_rechts ul li a.active, #kolom_rechts ul li a:active{ 
text-decoration: none;
color: #000000;
}






body#player {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#0f0f0f;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 12px;
	color: #eeeeee;
	background-image:url(../_images/back_player.gif); background-position: top center; background-repeat: no-repeat; 
	}

#audioPlayer {
width: 230px;
display: inline;
float: right;
border: 0px solid #ffffff;

}

body#player .playercontent {
width: 802px;
height: 35px;
border: 0px solid #ffffff;
margin-right:auto;
margin-left:auto;
}

body#player .playercontent .werving {
border: 0px solid #ffffff;
float: left;
margin-top: 0px;
padding: 0px 48px 0px 12px;
width: 530px;
height: 35px;
color: #ffffff;
}







#footer { 
clear: both;
display: block;
width: 200px;
height: 60px;
border: 0px solid #ffffff;

margin: 0px 0px 0px 40px;
}

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

h1{
font-size: 16px; 
margin-bottom: 8px;
}
h2{
font-size: 14px; 
}
h3{
font-size: 12px; 
}
p, q, cite{
font-size: 12px;
margin-bottom: 12px;
}
ul, dl	{
}
ol	{
margin-left: 42px;}
li, dd, dt{
font-size: 12px;
}


/* ---------------------- Menu & links ---------------------------------------*/

		a:link			{color: #eeeeee;}
		a:visited		{color: #eeeeee;}
		a:hover			{color: #eeeeee; 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;}



/* ---------------------- Hoofdmenu ---------------------------------------*/

.menu #hoofdmenu {clear: both; float: left; width: 578px; display:inline; height:25px; font-size:11px; font-weight:bold; background:transparent url(../images/blueslate_background.gif) repeat-x top left; text-transform:uppercase;}
.menu #hoofdmenu ul{margin:0px; padding:0; list-style-type:none; width:auto;}
.menu #hoofdmenu ul li{display:block; float:left; margin:0 1px 0 0;}
.menu #hoofdmenu ul li a{display:block; float:left; color:#D5F1FF; text-decoration:none; padding:4px 12px 0 12px; height:21px;}
.menu #hoofdmenu ul li a:hover,.menu #hoofdmenu ul li a.active{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}

.menu #kleinmenu {float: left; width: 322px; position:relative; background:transparent url(../images/blueslate_background.gif) repeat-x top left; }
.menu #kleinmenu ul{margin:0px; padding:0; list-style-type:none; width:auto;}
.menu #kleinmenu ul li{display:block; float:left; margin:0 1px 0 0;}
.menu #kleinmenu ul li a{display:block; float:left; color:#D5F1FF; text-decoration:none; padding:3px 6px 0 6px; height:22px;}
.menu #kleinmenu ul li a:hover,.menu #kleinmenu ul li a.active{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}


/* ---------------------- Forms ---------------------------------------*/
input
	{

	
	}
textarea.text
	{
width: 340px;
	
	}
input.search
	{
	
	}
input .submit
	{
	}
select.select
	{
	font-size: 11px;
	padding: 2px;
	height: 22px;
	border: 1px solid #cfe1f0;
	margin-right: 4px;
	width: 270px;
	color: #464646;
	
	}

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

table	{ 


}
td		{
text-align: left;
font-weight: normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 150%;
font-size: 12px;
}
th		{
text-align: left;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height: 150%;
font-size: 12px;

}





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


form {width: 100%;}
form p {margin: 8px 0px;}
form td.description {width: 64px;}
form td.field {width: 240px;}
form td.field input {width: 240px;}
form textarea {width: 100%; height: 96px;}