@charset "UTF-8";
/* CSS Document */

	/* --- ALLGEMEIN ---*/
	
	body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#f8f8f8;
		background-color:#0f0f0f;
		line-height:20px;
		/*background-image:url(../images/raster.gif);*/
		margin:0;
		padding:0;
		height:auto;
	}
	a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:rgb(142,168,247);
	}
	a:hover{background:none;}
	/* --- HAUPTELEMENTE ---*/
	div#wrapper_seite{
		margin:85px 0 85px 85px;
	}
	div#wrapper_seite div#wrapper_header{
		position:relative;
		top:0;
		height:115px;
		width:auto;
	}
	div#wrapper_seite div#logo_eskapaden{
		width:290px;
		height:115px;
		margin-bottom:20px;
		float:left;
	}
	div#wrapper_seite div#logo_eskapaden img{
		width:290px;
		height:115px;
	}
	/* --- MENÜ --- */
	div#wrapper_seite  ul#main_menu{
		position:absolute;
		bottom:0;
		margin-left:450px;
	}
	div#wrapper_seite  ul#main_menu li{
		float:left;	
		padding-right:10px;
	}
	div#wrapper_seite  ul#main_menu li a{
		line-height:29px;
		border-bottom:1px solid #0f0f0f;
		font-size:1.5em;
		color:rgb(142,168,247);
		display:block;
		text-transform:uppercase;
	}
	div#wrapper_seite  ul#main_menu li a:hover{
		background:none;
		border-bottom:1px solid rgb(142,168,247);
	}
	div#wrapper_seite ul#sub_menu{
		clear:left;
		width:140px;
		float:left;
	}
	div#wrapper_seite ul#sub_menu li{
		padding-top:10px;
	}
	div#wrapper_seite  ul#sub_menu li a{
		color:rgb(142,168,247);
		padding:0;
		display:block;
		text-transform:uppercase;
		border-bottom:1px solid #0f0f0f;
		height:19px;
	}
	div#wrapper_seite  ul#sub_menu li a:hover{
		border-bottom:1px solid rgb(142,168,247);
		height:19px;
		background:none;
	}
	/* --- CONTENT --- */
	div#wrapper_seite div#content{
		margin-top:15px;
		width:600px;
		float:left;
		margin-left:85px;
		display:none;
	}
	div#wrapper_seite div#content ul#content_menu{
		width:600px;
	}
	div#wrapper_seite div#content ul#content_menu li{
		width:150px;
		height:150px;
		float:left;
		margin:0;
	}
	div#wrapper_seite div#content ul#content_menu li a{
		display:block;
		text-transform:uppercase; 
		color:#f8f8f8;
	}
	div#wrapper_seite div#content ul#content_menu li.loading{
		background: url(../images/loader.gif) center no-repeat;
	}
	div#wrapper_seite div#content ul#content_menu li a img, div#wrapper_seite div#content ul#content_menu li a{
		width:140px;
		height:140px;
		display:block;
	}
	div#wrapper_seite div#content ul#content_menu li a div.BG{
		position:absolute; 
		height:140px; 
		width:140px; 
		background-color:#0f0f0f;
	}
	div#wrapper_seite div#content ul#content_menu li div.ART{
		position:absolute; 
		color:#fff; 
		text-transform:uppercase; 
		display:none; 
		width:130px; 
		margin-top:-30px;
		text-align:center;
	}
	div#wrapper_seite div#content ul#content_menu li div.ART a{
		height:auto;
		margin:0;
		padding:0;
		font-size:10px;
		line-height:15px;
	}
	div#wrapper_seite div#content form#contact p{
		line-height:30px;
		margin-bottom:5px;
	}.error{
		background-color:rgb(142,168,247);
	}
	div#content form#contact p span{
		display:inline-block;
		vertical-align:top;
		width:225px;
		line-height:20px;
		margin-bottom:10px;
	}
	div#content form#contact p span.title{
		text-transform:uppercase;
	}
	div#content form#contact p input, div#content form#contact p textarea, div#content form#contact p select{
		width:220px;
		height:20px;
		line-height:30px;
	}
	div#content form#contact p input{
		padding-top:3px;
		height:17px;
	}
	div#content form#contact p textarea{
		height:65px;
		border:none;
		margin-bottom:10px;
		line-height:normal;
		font-size:12px;
		font-weight:normal;
	}
	div#content form#contact p input.sex{
		width:auto;
		vertical-align:middle;
	}
	div#content form#contact p input#submit{
		padding:0;
		height:20px;
	}
	/* --- Detailseite --- */
	div#content div#artist_detail{
		width:290px;
		float:left;
	}
	div#content div#artist_detail p{
		color:#f8f8f8;
		line-height:20px;
		margin-bottom:10px;
	}
	div#content div#artist_detail p a{
		width:300px;
		height:300px;
	}
	div#content div#artist_detail p span{
		width:75px;
		display:inline-block;
	}
	div#content div#chronik{
		height:465px;
		width:160px;
		float:left;
		margin-left:85px;
		position:relative;
	}
	div#content div#chronik p{
		color:#f8f8f8;
		line-height:20px;
		margin-bottom:20px;
		clear:left;
	}
	div#content div#chronik p a{
		font-style:normal;
		text-transform:none;
	}
	div#content div#chronik span#disko{
		width:160px;
	}
	div#content div#chronik span#disko ul#disko_menu li{
		float:left;
		width:30px;
		height:30px;
		margin:10px 10px 0 0;
	}
	div#content div#chronik span#disko ul#disko_menu li a img{
		width:30px;
		height:30px;
	}
	div#content div#chronik p.title{
		text-transform:uppercase;
	}
	
	/* NEWS */
	div#content h1{
		text-transform:uppercase;
		font-size:26px;
		line-height:20px;
		margin-bottom:20px;
		color:#f8f8f8;
	}
	div#content ul#date_menu{
		background-color:#0f0f0f;
	}
	div#content ul#date_menu li{
		float:left;
	}
	div#content ul#date_menu li a{
		color:#333;
		text-transform:uppercase;
		display:block;
		padding:0 5px;
		cursor:default;
	}
	div#content ul#date_menu li.active a:hover, div#content ul#date_menu li a.default{
		background-color:rgb(142,168,247);
		cursor:pointer;
		color:#0f0f0f;
	}
	div#content ul#news, div#content ul#date{
		width:440px;
		clear:left;
	}
	div#content ul#date{
		margin-top:60px;
		width:510px;
	}
	div#content ul#news li, div#content ul#date li{
		margin:0 0 20px 0;
	}
	div#content ul#news p, div#content ul#date li p{
		margin-bottom:10px;
	}
	div#content ul#news p.title, div#content ul#date li p.title{
		margin:0;
		color:rgb(142,168,247);
		text-transform:uppercase;
	}
	div#content ul#date p.subtitle{
		margin:0;
	}
	div#content ul#date li p a{
		color:rgb(142,168,247);
		font-style:normal;
	}
	div#content ul#date li ul li{
		margin:0;
	}
	div#content ul#date li ul li span{
		display:inline-block;
		margin-right:10px;
		width:auto;
	}
	div#content span{
		display:inline-block;
		width:140px;
	}
	div#content p.kontakt{
		margin-bottom:10px;
	}
	div#content p a{
		font-style:italic;
	}