/* 

STYLE SHEET FOR [www.stsreclame.nl]
Created by Stein van der Valk
www.stsreclame.nl

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/



/* --------- 1. defaults  --------- */


body {
		margin:0;
		padding:0;
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		}


		
/*  --------- 2. structure  --------- */

#rootContainer {
		font-size: 1.2em;
		line-height: 1.5em;
		width: 1250px;
		padding: 0;
		margin: 0 auto;
		border: 0;
		text-align: left;
		}
		
#contactContainer {
		width: 175px;
		float: left;
		padding: 0;
		margin: 0;
		border: 0;	
		position: relative;
		}

img#logo {
		position: relative;
		left: 45px;
		top: 248px;
		border: 0;
		}				

#contactTekst p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;	
		color: #555;
		position: relative;
		top: 245px;
		left: 47px;
		}		
		
#contactTekst p a {
		text-decoration: none;
		color: #555;
		}
		
#contactTekst p span{
		color: #00aeef;
		}			
		
#menuContainer {
		width: 260px;
		float: left;
		padding: 0;
		margin: 0;
		margin-top:60px;	
		border: 0;
		top: 0;	
		}

legend.legendhide, #menuContainer legend, #fotoContainer legend, #contactContainer legend {
		visibility: hidden;
		display: none;
		}
		
#contentContainer legend {
		padding-left: 0;
		color: #555;
		font-size: 10px;
		position: absolute;
		left: 40px;
		}
			
#contentContainer {
		display:block;
		width: 720px;
		float: left;
		padding: 0;
		margin: 0;
		border: 0;
		position: relative;	
		top: 40px;
		}	

#fotoContainer {
		padding: 0;
		margin: 0;	
		border: 0;		
		}

div#playlist {
	position:absolute;
	z-index:1000;
	top:20px;
	left:40px;
	width:665px;
	height:718px;
	overflow:hidden;
}

div#playlistinner {
		display:block;
		position:relative;
		}
		
div#playlistInner ul {
		margin:0;
		padding:0;
		display:block;
		list-style:none;
		}
div#playlistInner ul li {
		display:block;
		float:left;
		width:665px;
		height:718px;
		}

.pijlLinks {
		position: absolute;
		top: 335px;
		left: 10px;
		z-index: 2000;
		border: 0;
		}		

.pijlRechts {
		position: absolute;
		top: 335px;
		left: 711px;
		z-index: 2000;
		border: 0;
		}

#tekstContainer {
		width: 310px;
		position: relative;
		display: block;
		top: 50px;
		left: 395px;
		z-index: 3000;
		}

#tekstAchtergrond {
		position: absolute;
		background-color: #555;
		width: 100%;
		height: 100%;
		filter:alpha(opacity=85);
		-moz-opacity:0.85;
		-khtml-opacity: 0.85;
		opacity: 0.85;		
		}
		
#tekstInner {
		position: relative;
		color:#fff;
		padding: 5px 15px 5px 15px;
		}
		
#tekstInner h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		line-height: 10px;
		}
		
#tekstInner h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;		
		line-height: 16px;		
		}
		
#tekstInner p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 14px;		
		}

#tekstInner div#vervolgtekst {
		padding:0;
		padding-bottom:20px;
		margin:0;
		}

#tekstInner img#tekst_toggle {
		position: relative;
		left: 130px;
		padding: 0;
		margin: 0;
		border: 0;
		cursor:pointer;
		}		

.uitgeschakeld {
		filter:alpha(opacity=30);
		-moz-opacity:0.3;
		-khtml-opacity: 0.3;
		opacity: 0.3;	
		}
	
		
/* ---------- 3. links and navigation ---------- */

a {
		}

/* Backup

#menuContainer a{
		width: 244px;
		height: 29px;
		position: relative;
		display: block;
		padding: 0;
		padding-right: 20px;
		text-decoration: none;		
		}

#menuContainer a:hover, #menuContainer a.menuActive{
		width: 260px;
		height: 29px;
		position: relative;
		display: block;
		padding: 0;
		}
*/

#menuContainer a.menuActive, .menuActive {
		width: 260px;
		height: 29px;
		position: relative;
		display: block;
		padding: 0;
		text-decoration: none;
		}
		
#menuContainer a.menuItem {
		width: 244px;
		height: 29px;
		position: relative;
		display: block;
		padding: 0;
		padding-right: 20px;
		text-decoration: none;	
	}

#menuContainer a span {
		text-decoration: none;
		background-color: #878787;
		height: 29px;
		line-height: 29px;
		padding: 5px;
		margin:0;
		}

#menuContainer a:hover span, #menuContainer a.menuActive span {
		color: #00aeef;
		background-color: #707070;
		text-decoration:none;
		}	
					

#menuContainer ul {
		list-style-type: none;
		margin: 0 0 20px 0;
		padding: 0;
		width: 260px;
		}

#menuContainer li {
		display: block;
		height: 29px;	
		text-align: right;
	}

#menuContainer li:hover ul{
		display: block;
}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
		}

h2 {
		}

h3 {
		}
		
h4 {
		}

p {
		margin-bottom: 1.5em;
		}

ul {
		margin-bottom:10px;
		}

#menuContainer a {
		font-size: 14px;
		color:white;
		text-decoration:none;
		}			

#contentContainer a {
		color:#fff;
		text-decoration:underline;
		}
		
#contentContainer legend a {
		color:#555;
		}

/* ---------- 5. images ---------- */

a img {
		border:0;
		}