/* Important */
/* You may not reproduce this design elsewhere without the 
   designer's written permission.*/
/* Jo Pott's stylesheet for screen. */
/* All rights reserved */


/* Allgemein
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	background: #000000 repeat-y top left;
	font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
	margin: 0;
	padding: 0;
	}

/* Layout Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#conti {
	background: transparent no-repeat center center;
	position: absolute;
	visibility: visible;
	margin: 0;
	padding: 0;
	width: 599px;
	height: 424px;
	left: 329px;
	top: 186px;
	}
	
#imgbox {
	background: #000000 url(../img/dino_bl.jpg) no-repeat center center;
	position: absolute;
	visibility: visible;
	width: 721px;
	height: 590px;	
	margin-left: 303;
 	margin-top: 53;
	left: 382px;
	top: 120px;
	}
#fotos {
	background: #000000 url(../img/malte-jan.jpg) no-repeat center center;
	position: absolute;
	visibility: visible;
	width: 721px;
	height: 590px;	
	margin-left: 303;
 	margin-top: 53;
	left: 382px;
	top: 120px;
	}
#musik {
	background: #000000 url(../img/dosen.jpg) no-repeat center center;
	position: absolute;
	visibility: visible;
	width: 721px;
	height: 590px;	
	margin-left: 303;
 	margin-top: 53;
	left: 382px;
	top: 120px;
	background-color: #000000;
	color: #FFF;
	}

#texte {
background: #000000 url(../img/mars.jpg) no-repeat center center;
	position: absolute;
	visibility: visible;
	font-size: 12px;
	width: 721px;
	height:590px;	
	margin-left: 303;
 	margin-top: 53;
	left: 382px;
	top: 120px;
	background-color: #000000;
	color: #FFF;
	}

#navi {
	position:absolute;
	left:470px;
	top:670px;
	width:721px;
	height:90px;
	z-index:1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#addr {
	position: absolute;
	visibility: visible;
	width: 721px;
	height:200px;	
	margin-left: 303;
 	margin-top: 53;
	left: 382px;
	top: 390px;
	text-align: center;
	text-vertical-align: middle;
	background-color: #000000;
	color: #FFF;
	}

#footer{
	text-align: left;
	padding-left: 63px;
	padding-top: 140px;
}


/*Textformatierungen 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navi a {
	font-size: 12px;
	color: #666666;
	text-transform: lowercase;
	text-decoration: none;
	}

#navi a:visited {
	 text-decoration:none;
	color: #666666;
	  }	  
#navi a:active {
	color: #FFFFFF;
	font-style: normal;

	 }
#navi a:hover {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
	}	 
	 
#addr a {
	font-size: 14px;
	color: #666666;
	text-transform: lowercase;
	text-decoration: none;
	}
#addr a:visited {
	 text-decoration:none;
	color: #666666;
	  }	  
#addr a:active {
	color: #FFFFFF;
	font-style: normal;

	 }
#addr a:hover {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration:none;
	}	 
	 

#footer a, #footer a:visited {
	padding: 5px;
	border: 1px solid #f4f4f4;
	background-color: #fff;
}

#footer a:hover {
	padding: 5px;
	border: 1px solid #993300;
	background-color: #D94904;
	color: #fff;
}



/*Textboxen als fake popups/Layer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#triumph {
margin:100px 0 0 -30px;
}

#triumph a {
color:#666666;
background:transparent;
font:bold 12px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width:150px;
padding:5px;
}

#triumph a:hover {
color:#ffffff;
}

#triumph a span {
display:none;
}

#triumph a:hover span {
position:absolute; top:150px;left:40px;z-index:3;
display:block;
width:550px;
color:#ffffff;
background:transparent;
font:normal 12px  Verdana, Arial, Helvetica, sans-serif;
padding:50px;
text-align:center;
}


#airlock {margin:50px 0 0 -30px;}

#airlock a {
color:#666666;
background:transparent;
font:bold 12px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width:150px;
padding:5px;
}

#airlock a:hover {
color:#ffffff;
}

#airlock a span {
display:none;
}

#airlock a:hover span {
position:absolute; top:150px;left:40px;z-index:3;
display:block;
width:550px;
color:#ffffff;
background:transparent;
font:normal 12px  Verdana, Arial, Helvetica, sans-serif;
padding:50px;
text-align:center;
}

#urlaub {
margin:50px 0 0 -30px;
}

#urlaub a {
color:#666666;
background: transparent;
font:bold 12px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width:150px;
padding:5px;
}

#urlaub a:hover {
color:#ffffff;
}

#urlaub a span {display:none;}

#urlaub a:hover span {
position:absolute; top:150px;left:40px;z-index:3;
display:block;
width:550px;
color:#ffffff;
background:transparent;
font:normal 12px  Verdana, Arial, Helvetica, sans-serif;
padding:50px;
text-align:center;
}


.downlinks {margin:60px 0 0px -30px;}

.downlinks a {
color:#666666;
background:transparent;
font:bold 12px  Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
width:150px;
padding:5px;
}

.downlinks a:hover {
color:#ffffff;
}