/********************************************************/
/********************************************************/
/* ALGEMEEN */
/********************************************************/
/********************************************************/

html{
	overflow:hidden;
}

body{
	background		:	#000000;
	margin			:	0;
	padding			:	0;
	text-align		:	center;
	overflow		:	auto;
}

body,p{
	font-family		:	Geneva, Arial, Helvetica, sans-serif;
	font-size		:	12px;
	line-height		:	14px;
}


a{
      outline: none;
}

td, th{
	vertical-align:top;
	text-align:left;
	font-size:12px;
	color:white;
}



/********************************************************/
/********************************************************/
/* MENU */
/********************************************************/
/********************************************************/

#menu{
	position		:	absolute;
	top				:	20px;
	left			:	50%;
	width			:	728px;
	margin-left		:	-364px;
}

#main{
	position		:	absolute;	
	top				:	80px;
	left:			:	0;
	height			:	600px;
	width			:	100%;
	padding			:	4px;

}

#menu a{
	display			:	block;	
	width			:	100px;
	height			:	40px;
	background-image:url(../images/menu.png);
}

a#index{background-position:0 0;}
a#index:hover{background-position:0 40px;}

a#bio{background-position: -100px 0;}
a#bio:hover{background-position: -100px 40px;}
	
a#muziek{background-position: -200px 0;}
a#muziek:hover{background-position: -200px 40px;}
	
a#triestlied{background-position: -300px 0;}
a#triestlied:hover{background-position: -300px 40px;}
	
a#los{background-position: -400px 0;}
a#los:hover{background-position: -400px 40px;}
	
a#aarde{background-position: -500px 0;}
a#aarde:hover{background-position: -500px 40px;}
	
a#contact{background-position: -600px 0;}
a#contact:hover{background-position: -600px 40px;}

	


/********************************************************/
/********************************************************/
/* BIO */
/********************************************************/
/********************************************************/

body#bio {
	background-image: url(images/bgrBIOlogo.jpg);
	color:#fff;
	text-align:left;
}

#bio #main {
	position: absolute;
	/*height: 353px;*/
	width: 790px;
	left: 50%;
	padding:15px;
	margin-left:-395px;
	font-size: 18px;
	font-weight: bold;
	background: #0a0a0a;
	overflow: hidden;
	padding: 0.5em;
}
#bio #main  span {
	position: relative;
	text-align: center;
	z-index: 1;
}

#bio form{
	visibility: hidden;
	display:none;
}

/********************************************************/
/********************************************************/
/* Triest Lied */
/********************************************************/
/********************************************************/

#triestlied #main{
	overflow:scroll;
	height:100%; 
/* 
	margin-top:-20px;
*/
}


/********************************************************/
/********************************************************/
/* LOS */
/********************************************************/
/********************************************************/

body#los { 
	overflow:hidden; 
}

#los #main {
	background: #000000 url(../images/bgrLOSmain.jpg)  0 4px repeat-x;
 	height:425px; 
	left:0;
}

#los #tekst {
	display:none;
}

#los #target {
	background:#555555 url(../images/bgrLOS.jpg);
	border:#777 solid 1px;
	position:absolute;
	left:50%;
	margin-left:-172px;
	width:345px;
	height:425px;
	text-align:justify;
	line-height:13px;
	
}

#los span {
	color:white;
	font-size: 11px;
	position: relative;
}

#los h1{
	color:black;
	font-size: 10pt;
	position: relative;
}

/********************************************************/
/********************************************************/
/* AARDE */
/********************************************************/
/********************************************************/

body#aarde { 
	overflow:hidden; 
	height:100%;
	background:#000 url(../images/bgrAARDEbw.jpg) no-repeat center center;
}

#aarde #main{
	left:50%;
	top:50%;
}

#aarde span{
	position:absolute;
	font-weight: bold;
}


/********************************************************/
/********************************************************/
/* CONTACT */
/********************************************************/
/********************************************************/

body#contact{
	background: #000 url(../images/bgrMAIL.jpg) no-repeat;
}

#contact #main{
	/*top:120px;*/
	left:50%;
	height : auto;
	width:500px;
	margin-left:-250px;

}

#contact th{
	width:150px;
}

#contact td{
	width:350px;
	padding:0 0 8px 0 ;
}

textarea, input{
	border:1px solid #eee;
	background-color:#d7d7d7;
	color:#333;
	font-family:"Courier New", Courier, mono;
	font-size:12px;
}

#contact textarea{
	width:500px;
}

#contact input.inputlang{
	width:350px;
}

#contact tfoot td{
	text-align:right;
}

/********************************************************/
/********************************************************/
/* DOWNLOADS */
/********************************************************/
/********************************************************/

body#downloads{
	background: #000 url(../images/downloadsLDERS.jpg) no-repeat center top;
	height:100%;
}

#downloads #main{
	width:900px;
	height:600px;
	margin-left:-360px;
	margin-top:-260px;
	left:50%;
	top:50%;
	text-align:left;
}

#downloads h1,
#downloads h2{
	color:white;
}

#downloads a{
	font:Arial, Helvetica, sans-serif;
	color:#BFBFBF;
}

#downloads a:hover{
	color:#FFFFFF;
}


/********************************************************/
/********************************************************/
/* verzenden */
/********************************************************/
/********************************************************/


#gelukt #main{
	background:#000 url(../images/gelukt.jpg) no-repeat center top;
}


#mislukt #main{
	background:#000 url(../images/mislukt.jpg) no-repeat center top;
}