/*
design by
www.benedikt-scherer.de
c2009
*/

/* ========================================== # 
 ################### UNDO #################### 
# ========================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin: 0;padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; }

/* ========================================== # 
 ################### HTML #################### 
# ========================================== */

html , body {
	color: #fff;
	font:  12px/1.4 Trebuchet, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #3E3A31 url(img/main-bg.jpg) 0 0 repeat;
	background-attachment: fixed;	
}

/* ========================================== # 
 ############# ÜBERGEORDNETE TAGS ############ 
# ========================================== */
hr { 
	height: 1px; 
	border: 1px; 
	background: #000;
	margin:50px 0px;
	}

p{ margin: 0px 0px 15px 0px; }


/* 
ÜBERSCHRIFTEN
*/

h1{	
	font: 36px/1.0 Trebuchet, Helvetica,Arial, sans-serif;
	color: #fff; 
	letter-spacing: -3px;
	margin: 0 0 10px 0; 
	padding: 0 0 5px 0; 
	border-bottom:1px dotted #98C757;
	width:100%;
	}

h2{	
	font:  16px/1.2 Trebuchet, Helvetica, Arial, sans-serif;
	font-weight: bold; 
	color: #fff;
	}

h3{ 
	font: 26px/1.2 Georgia, serif;
	color:#6F6B62;
	font-weight:bold;

	}  
  
small { 
	font: 9px/1.2 Trebuchet, Helvetica, Arial, sans-serif;
	}
	
big { 
	font: 20px/1.2 Trebuchet, Helvetica, Arial, sans-serif;
	font-weight:normal;
	}
  
/* 
LINKS
 */

a:link, a:active, a:visited { 
	color: #fff; 
	text-decoration: underline; 
	padding: 0px 0px 0px 0px; 
	}
a:hover{ 
	color: #98C757; 
	}
a:focus { 
	-moz-outline-style: none; 
	}
	
	
/* 
SCHRIFTAUSZEICHNUNG 
 */
i, em{ font-style: italic; letter-spacing: 1px; color: #f65200; }
b, strong{ font-weight: bold; }

/* 
SCHRIFTAUSRICHTUNG
 */	
.alignright { float:right; }	
.alignleft { float:left; }	
.clear { clear:both; }	
	
	
/* ========================================== # 
 ################ NAVIGATION ################ 
# ========================================== */

#leftbg{ /* linker weißer streifen */ 
	position:fixed;
	top:0px;
	left:0px;
	width: 290px;
	height: 100%;
	background: #3E3A31 url(img/left-bg_290x116.jpg) 0 0 repeat;

	}

#left{
	z-index:20;
	position:fixed;
	top:0px;
	left:0px;
	width:290px;
	height:100%;
	background:url(img/left-bg_290x650.jpg) left bottom no-repeat;
	}
	
	/* Haupt Navigation
	-------------------------*/
	#left ul#navigation{ 
		position:absolute;
		bottom:60px;
		left:30px;
		margin:0px 0px 0px 0px;
		width:144px;
		background:#fff;
		}
	#left ul#navigation li {}
	#left ul#navigation li a{ display:block; }
	
	#left ul#navigation li a.start{ width:104px; height:44px; background:url(img/nav_start.jpg) 0 0 no-repeat; }
	#left ul#navigation li a.start:hover, 
	#left ul#navigation li a.start:active{ background:url(img/nav_start.jpg) 0 -44px no-repeat; }
	
	#left ul#navigation li a.band{ width:109px; height:57px; background:url(img/nav_band.jpg) 0 0 no-repeat; }
	#left ul#navigation li a.band:hover, 
	#left ul#navigation li a.band:active{ background:url(img/nav_band.jpg) 0 -57px no-repeat; }
	
	#left ul#navigation li a.live{ width:109px; height:59px; background:url(img/nav_live.jpg) 0 0 no-repeat; }
	#left ul#navigation li a.live:hover, 
	#left ul#navigation li a.live:active{ background:url(img/nav_live.jpg) 0 -59px no-repeat; }
	
	#left ul#navigation li a.kontakt{ width:144px; height:43px; background:url(img/nav_kontakt.jpg) 0 0 no-repeat; }
	#left ul#navigation li a.kontakt:hover, 
	#left ul#navigation li a.kontakt:active{ background:url(img/nav_kontakt.jpg) 0 -43px no-repeat; }
	
	#left ul#navigation li a.news{ width:96px; height:45px; background:url(img/nav_news.jpg) 0 0 no-repeat; }
	#left ul#navigation li a.news:hover, 
	#left ul#navigation li a.news:active{ background:url(img/nav_news.jpg) 0 -45px no-repeat; }
	
	/* Profile
	-------------------------*/
	#left ul#profilnavigation{
		position:absolute;
		bottom:5px;
		left:30px;
		margin:0px 0px 0px 0px;
		width:204px;
		}
	#left ul#profilnavigation li a{
		background:#fff url(img/profiles_sprite.png) 0 0 no-repeat;
		width:33px;
		height:33px;
		margin:0 1px 0 0;
		float:left;
		display:block;
		}
	#left ul#profilnavigation li a.myspace{ background-position:-543px 0px; }
	#left ul#profilnavigation li a.myspace:hover{ background-position:-543px -33px; }
	
	#left ul#profilnavigation li a.twitter{ background-position:-32px 0px; }
	#left ul#profilnavigation li a.twitter:hover{ background-position:-32px -33px; }
		
	#left ul#profilnavigation li a.facebook{ background-position:-64px 0px; }
	#left ul#profilnavigation li a.facebook:hover{ background-position:-64px -33px; }
		
	#left ul#profilnavigation li a.youtube{ background-position:-256px 0px; }
	#left ul#profilnavigation li a.youtube:hover{ background-position:-256px -33px; }
		
	#left ul#profilnavigation li a.vimeo{ display:none; background-position:-864px 0px; }
	#left ul#profilnavigation li a.vimeo:hover{ background-position:-864px -33px; }
	
	#left ul#profilnavigation li a.lastfm{ background-position:-832px 0px; }
	#left ul#profilnavigation li a.lastfm:hover{ background-position:-832px -33px; }
	
	
	/* Sub Navigation
	-------------------------*/
	#left ul#subnavigation{
		position:absolute;
		top:20px;
		left:30px;
		margin:0px 0px 0px 0px;
		width:137px;
		}
	ul#subnavigation li {}
	ul#subnavigation li a{ display:block; }
	
	ul#subnavigation li a.media{ width:123px; height:47px; background:url(img/subnav_media.jpg) 0 0 no-repeat; }
	ul#subnavigation li a.media:hover{ background:url(img/subnav_media.jpg) 0 -47px no-repeat; }
	
	ul#subnavigation li a.streetteam{ width:137px; height:47px; background:url(img/subnav_streetteam.jpg) 0 0 no-repeat; }
	ul#subnavigation li a.streetteam:hover{ background:url(img/subnav_streetteam.jpg) 0 -47px no-repeat; }
	
	
/* ========================================== # 
 ################# CONTAINER ################# 
# ========================================== */
#right {
	width:700px;
	min-height:100%;
	margin:0px 0px 150px 290px; 
	}

/*  ################# S T A R T #################  */

#right.start #content{
	margin:0px 60px;
	padding:140px 0px 0px 0px;
	}
	#right.start #content SPAN{
	margin: 0 0 0 50px;
	}
	#right.start #content #start-news{ 
		float:left;
		width:380px;
		background:#343025 url(img/main-bg_dark.jpg) 0 0 repeat;
		border:1px solid #6F6B62;
		margin:30px 0 0 30px;
		padding:15px;
		-webkit-border-radius:10px;
	    -khtml-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
		} 
	#right.start h2, #right.start h2 a{ 	
		font: 16px/1.2 Georgia, serif;
		color:#6F6B62;
		font-weight:bold;
		letter-spacing: -1px;
		text-decoration:none;
		}
	#right.start #content #start-news h2 a:hover{
		color:#99C858;
		}
	#right.start #content #start-news p.more{
		width:100%;
		text-align:right;
		margin:0 0 0 0;
		}
	p.more a{
		text-decoration:none;
		color:#99C858;
		}
	p.more a:hover{
		color:#fff;
		}
		
	#right.start #start-bilder { /* zufällige Bilder */
		float:right;
		margin:60px 0 0 0;
		width:190px;
	}	
	#right.start #start-bilder .ngg-widget img{ 
	border:0px;
	float:left;
	}
	
	#right.start #start-bilder p.more{
		width:100%;
		text-align:right;
		margin:0 30px 0 0;
		}
		
	#right.start #start-information { /* Dauer Werbung */
		float:right;
		margin:20px 0 0 0;
		width:190px;	
	}
	#right.start #start-information  P{
		background:url(img/green-dot.jpg) 3px 6px no-repeat;
		padding:0 0 0 13px;
		color:#98C757;
	}
	#right.start #start-information  a{ 
	text-decoration:none;
	}
	
	
/*  ################# B A N D #################  */
	
#right.band #content{
	margin:0px 0px;
	padding:60px 0px 0px 0px;
	width:100%;
	overflow:hidden;
	}
	#right.band #content p{  }
	#right.band #content h1{ margin-bottom:10px; }
	#right.band #content h3{ 
		font: 16px/1.2 Georgia, serif;
		color:#6F6B62;
		font-weight:bold;
		letter-spacing: -1px;
		}
	
	#right.band #content #boxLeft{ 
		float:left;
		width:310px;
		text-align:justify;
		padding:10px;			
		}
	#right.band #content #boxRight{
		float:right;
		width:350px;
		text-align:justify;
		padding:10px;
		}
	#right.band #content #boxCenter{
		clear:both;
		width:680px;
		overflow:hidden;
		padding:10px;
		}
	
	.flaeche{
		background:#343025 url(img/main-bg_dark.jpg) 0 0 repeat;
		border:1px solid #6F6B62;
		padding:10px;
		}
	
	/* Band Bilder */
	#right.band #content #boxCenter SPAN {
			float:left;
			display:block;
			margin:0 29px 20px 0;
			}
	#right.band #content #boxCenter SPAN b{
			font: 12px/1.2 Georgia, serif;
			color:#fff;
			font-weight:bold;
			}
	
	/* Von WordPress organisierte Links */
	#right.band #content #boxLeft ul ul, #right.band #content #boxRight ul ul {
			margin:0px 0 20px 20px;
			}
	#right.band #content #boxLeft li.linkcat, #right.band #content #boxRight li.linkcat {
			list-style: none;
			margin:0px 10px 0 0;
			font: 12px/1.4 Georgia, serif;
			float:left;
			}
	#right.band #content #boxLeft li.linkcat h2, #right.band #content #boxRight li.linkcat h2 {
			display:none;
			}
	#right.band #content #boxLeft ul ul li, #right.band #content #boxRight ul ul li {
			list-style: square;
			color:#98C757;
		}

/*  ################# L I V E #################  */
		
#right.live #content{
	margin:0px 0px;
	padding:60px 0px 0px 0px;
	width:100%;
	overflow:hidden;
	}

	/* Artikel: Neue Termine */
#right.live #contentLeft{
	float:left;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	width:365px;
	}	
	#right.live #contentLeft .post{
		background:#343025 url(img/main-bg_dark.jpg) 0 0 repeat;
		border:1px solid #6F6B62;
		width:340px;
		padding:10px;
		margin:0px 0px 20px 0px;
		-webkit-border-radius:10px;
	    -khtml-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
		}
	#right.live #contentLeft .post:hover{
		border:1px solid #f65200;
		}
			
	#right.live #contentLeft h2{
		font: 36px/1.0 Trebuchet, Helvetica,Arial, sans-serif;
		letter-spacing:-2px;
		}
	#right.live #contentLeft .postmetadata{ /* Kategorie und Kommentare */ 
		display:none;
		}
	
	/* Alte Termine */
#right.live #contentRight{ 
	float:right;
	padding:10px 0px 0px 0px; 
	font: 10px/1.1 Trebuchet, Helvetica,Arial, sans-serif;
	color:#c4c4c4;
	}
#right.live #contentRight p:hover{
	color:#fff;
	}
	#right.live #contentRight h2{ 
		font: 14px/1.2 Trebuchet, Helvetica,Arial, sans-serif;
		font-weight:bold;
		color:#98C757;
		} 

/*  ################# K O N T A K T #################  */
			
#right.kontakt #content{
	margin:0px;
	padding:60px 0px 0px 0px;
	}	
	
	#right.kontakt #content INPUT{
		width:260px;
		height:15px;
		padding:5px 5px;
		margin:0 10px 0 0;
		color:#fff;
		background:#343025;
		border:1px solid #6F6B62;
		}
	#right.kontakt #content .cform{
		font: 16px/1.2 Georgia, serif;
		color:#6F6B62;
		font-weight:bold;
		letter-spacing: -1px;
		}
	#right.kontakt #content #reason{
		width:270px;
		height:30px;
		padding:5px 5px;
		margin:0 10px 0 0;
		color:#fff;
		background:#343025;
		border:1px solid #6F6B62;
		}
		#right.kontakt #content TEXTAREA{
		width:520px;
		height:180px;
		padding:5px 5px;
		margin:0 0 0 0;
		color:#fff;
		background:#343025;
		border:1px solid #6F6B62;		
		}
	.spam b{ color:#f65200; }
	#right.kontakt #content INPUT#spamq {
		width:120px;
		height:15px;
		padding:5px 5px;
		margin:0 10px 0 0;
		color:#fff;
		background:#343025;
		border:1px solid #6F6B62;
		}
	#right.kontakt #content .cform BUTTON{
		width:130px;
		height:30px;
		padding:5px 5px;
		margin:30px 10px 0 0;
		color:#fff;
		background:#343025;
		border:1px solid #6F6B62;
		font: 16px/1.2 Georgia, serif;
		color:#6F6B62;
		font-weight:bold;
		letter-spacing: -1px;
		}	
		#right.kontakt #content .cform BUTTON:hover{ background:#92BC4E; color:#fff; }
	LABEL.ignore { display:none; }	
	
	#right.kontakt #content INPUT#spamq:focus, #right.kontakt #content TEXTAREA:focus, #right.kontakt #content INPUT:focus{
		border:1px solid #f65200; 
		}
		
/*  ################# N E W S ( Artikel ) #################  */
	
#right.news #content{
	margin:0px;
	padding:60px 0px 0px 0px; 
	}
	#right.news #content .post{
		background:#343025 url(img/main-bg_dark.jpg) 0 0 repeat;
		border:1px solid #6F6B62;
		padding:10px;
		margin:0px 0px 20px 0px;
		-webkit-border-radius:10px;
	    -khtml-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
		}
	#right.news #content .post:hover{
		border:1px solid #f65200;
		}
	
	#right.news #content h2{
		font: 36px/1.2 Trebuchet, Helvetica,Arial, sans-serif;
		letter-spacing:0px;
		}
		
	#right.news #content .post .entry{	
		margin:10px 0px;
		}
			
/*  ################# M E D I A ( Artikel ) #################  */
	
#right.media #content{
	margin:0px;
	padding:60px 0px 0px 0px; 
	}
	#right.media #content ul#media-uebersicht {
		margin:0px 0px 150px 0px;
		}
	#right.media #content ul#media-uebersicht li{
		margin:3px 20px;
		list-style:disc;
		}
	#right.media #content ul#media-uebersicht li.pagenav{
		list-style:none;
		}
	#right.media #content ul#media-uebersicht li.pagenav h2{
		font: 36px/1.0 Trebuchet, Helvetica,Arial, sans-serif;
		color: #fff; 
		letter-spacing: -3px;
		margin: 0 0 10px 0; 
		padding: 0 0 5px 0; 
		border-bottom:1px dotted #98C757;
		width:100%;
		}
	#right.media #content ul#media-uebersicht li a{
		text-decoration:none;
		width:100%;
		display:block;			
		}
		
	#right.media #content #boxLeft{ 
		float:left;
		width:310px;
		text-align:justify;
		padding:10px;	

		}
	#right.media #content #boxRight{
		float:right;
		width:350px;
		text-align:justify;
		padding:10px;
		}
		
	#right.media #content .post{
		border:0px solid #6F6B62;
		padding:10px;
		margin:0px 0px 100px 0px;
		}
	#right.media #content .post:hover{
		border:0px solid #f65200;
		}
	
	#right.media #content h2{
		font: 30px/1.2 Trebuchet, Helvetica,Arial, sans-serif;
		letter-spacing:0px;
		border-bottom:1px dotted #f65200;
		width:100%;
		}
		
	#right.media #content .post .entry{	
		margin:10px 0px;
		}			
	
	#right.media #content .post p.head{	
		width:100%;
		text-align:right;
		}
	#right.media #content .post p.head a{	
		background:url(img/up_arrow_12x6.gif) right 6px no-repeat;
		text-decoration:none;
		padding:0px 16px 0px 0px;
		}
	#right.media #content .post p.head a:hover{ color:#f65200; }

	
/*  ################# A R T I K E L ( einzelansicht )  #################  */
#right.artikel #content{
	margin:0px;
	padding:60px 0px 0px 0px; 
	}
	#right.artikel #content .navigation{
		display:none;
		}
	#right.artikel #content .navigation .alignleft {
		width:50%;
		float:left;
		}
	
	#right.artikel #content .navigation .alignright {
		width:50%;
		float:right;
		text-align:right;
		}
	
	#right.artikel #content .post{
		background:#343025 url(img/main-bg_dark.jpg) 0 0 repeat;
		border:1px solid #6F6B62;
		-webkit-border-radius:10px;
		-khtml-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
		padding:10px;
		margin:0px 0px 20px 0px;
		}
	#right.artikel #content ol.commentlist li{
		margin: 15px 0 30px 0;
		}
	#right.artikel #content ol.commentlist p.headline { 
		width:100%; 
		border-bottom:1px dotted #f65200;
		margin:0px;
		padding:0px;
		}
	#right.artikel #content ol.commentlist p cite{
		font: 36px/1.0 Trebuchet, Helvetica,Arial, sans-serif;
		letter-spacing:0px;
		}
	#right.artikel #content ol.commentlist cite a{
		text-decoration:none;
		}
	#right.artikel #content p#respond{
		margin:50px 0 0 0;
		}
	#right.artikel #content form p { margin:4px 0; }
	#right.artikel #content form p input{
		background:#fff;
		border:1px solid #403C33;
		width:150px;
		height:14px;
		padding:2px 3px;
		}
	#right.artikel #content form p textarea{ 
		background:#fff;
		border:1px solid #403C33;
		width:450px;
		height:240px;
		padding:2px 3px;
		}
	#right.artikel #content form input:focus, #right.artikel #content form textarea:focus{
		border:1px solid #f65200;
		} 
	#right.artikel #content form p input#submit{
		background:#98C757;
		color:#fff;
		width:150px;
		height:26px;
		display:block;
		}
	#right.artikel #content form p input#submit:hover{
		background:#f65200;
		}

/*  ################# A R C H I V #################  */
	
#right.archiv #content{
	margin:0px;
	padding:60px 0px 0px 0px; 
	}
				
	#right.archiv #content .post{
		padding:10px;
		margin:0px 0px 10px 0px;
		}
	#right.archiv #content .post:hover{
		}
	
	#right.archiv #content h2{
		font: 30px/1.2 Trebuchet, Helvetica,Arial, sans-serif;
		letter-spacing:0px;
		border-bottom:1px dotted #f65200;
		width:100%;
		}
			
/*  ################# F O O T E R #################  */
#footer{
	width:700px;
	min-height:100px;
	margin:50px 0px 0px 290px; 
	border-top:1px dotted #98C757;
	overflow:hidden;
}
	#footer #box{
		float:left;
		width:210px;
		min-height:90px;
		margin:0px 5px 50px 5px;
		padding:5px;
		font: 12px/1.2 Georgia, serif;
		}
	#footer #box ul li{ 
		margin:5px 0px;
		list-style:none;
		}	
	#footer #box a{ text-decoration:none }
	#footer #box a:hover{ color:#f65200;	}
	#footer #box b{
		color:#6F6B62;
		}