body {
	background:url(../bilder/body_bgr.jpg) repeat fixed;
	font: 100,01%;
	height: 94%;
	padding-top:3%;
}
html { height: 100%;} /*nötig, damit Inhalt sich der Höhe des Browserfensters anpasst.*/


h1 {
	font: bold 1.4em/1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #8e2800;
	border-bottom:2px solid #933;
	margin-bottom:.8em;
}
h2 {
	font: bold 1.2em/1.3em Verdana, Geneva, sans-serif;
	color: #406571;
	text-align: left;
}
h3 {
    font-weight:bold;
    font-size:1em;
    color: #406571;
    color: #8e2800;
    margin: .5em 0 .1em;
}

h4 {
    font-weight:bold;
    font-size:1em;
    margin: .5em 0;
    background: url(../bilder/arrow.png) no-repeat 0 2px;
    padding-left:15px;
}

h5 {
    font-weight:bold;
    font-size: 2em;
    line-height:1.3em;
    margin-bottom:.5em;
    color:#fff;
}

h5 a {font-weight:bold;}

h2.note, h3.note {
    font-weight:normal;
}

p {margin-bottom:1em;}


a { color:#8e2800;}
.noliststyle {list-style-type: none;}

.space-top {
    margin-top:1em;
}

.attention {color:#d43130;}

.bigger {font-size:1.1em; font-weight:bold;}

/*--------------- class Selektoren --------------------------------*/
ul.tickets {
	margin-left:30px;
}
ul.tickets li {
	padding: 0.5em 0.1em;
}

.list {margin:0 0 .5em 15px;}

.floatleft {float:left;}

img.floatleft {margin: .5em 1em .5em 0;}

.floatright {float:right;}

.floatright.space {
    margin: 5px 0 5px 10px;
}

img.floatright {margin: 1em 0 .5em 1em;}


.clear {
    clear:both;
}

.clearfl {
	line-height: 1px;
	font-size:1px;
	margin:0;
	padding:0;
	clear:both;
}
.rechts { text-align:right;}

.small {
	font-size:0.8em;
	line-height:1.2em;
	text-align:center;
	color:#666;
}

#mycarousel .small {
	text-align: left;
	color:white;
}
.datum {
	padding: 5px;
	margin:5px 0;
	background:#666;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
}
.ort {
	font-size:1.2em;
	font-weight:bold;
}
.datum2 {
	font-size:1.3em;
	font-weight:bold;
	border-bottom: 1px solid #999;
	margin-bottom:5px;
}
.hauptsponsor{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:5px;
}


p.programm {
	font: italic bold 1.2em Verdana, Geneva, sans-serif;
	color: #903;
	padding:10px;
}
p.programm a {
	padding-bottom:2px;
	display:block;
}
#sponsoren .small {
	font-size:1em;
	font-style: italic;
	text-align:left;
}

.formlist li {
	padding:.5em;
	border-bottom: 1px solid #ccc;
	background: url(../bilder/li-bgr.gif) repeat-x 0 20px;
}

a.musiclogo {
	background: url(../bilder/music-logo.gif) no-repeat left;
	padding-left:20px;
	margin-top:5px;
	display:block;
	line-height:16px;
	color:#1d67c0;
}

/*--------------- id Selektoren ------------------------------------*/
#wrapper {
	width:990px;
	margin: 0 auto;
	position:relative;
	clear:both;
	overflow:hidden;
}

/*	-------------------------------------------------------------
	2. NAVIGATIONSMENÜ
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#navbar {
	float: left;
	width: 100%;
	font:1.0em/1.5em Arial, Helvetica, sans-serif;
	border-bottom:18px solid #8e2800;
	height:1.9em;
}
#navbar ul {
	list-style: none;
	display:table;           /*diese 3 Attribute werden zur Zentrierung benutzt*/
	margin:0 auto;
	white-space:nowrap;
}
* html #navbar ul {margin-left:30%;
}/*ie 6 und drunter*/
*+html #navbar ul {margin-left:30%;
} /*ie 7*/
#navbar li {
	float: left;
	width: auto;
	border-bottom:1px solid #d09031;
}
#navbar a {
	float:left;
	width:auto;
	text-decoration:none;
	background: url(../bilder/tabs_left.gif) no-repeat left top;
	padding-left:10px;
	color:#8e2800;
}
#navbar a:hover {
	background-position: 0% -150px;
}
#navbar li.current {
	border-bottom:1px solid #8e2800;
}
#navbar li.current a{
	background-position: 0% -150px;
	font-weight:bold;
	color:#FFF;
}
#navbar li.current a span{
	background-position:100% -150px;
	font-weight:bold;
}
#navbar li:hover { border-bottom:1px solid #5a1c04;} 
#navbar li.current:hover { border-bottom: 1px solid #8e2800;}
#navbar a span {
	float:left;
	width:auto;
	background: url(../bilder/tabs_right.gif) no-repeat right top;
	padding: 4px 15px 2px 5px;
}
#navbar a:hover span {
	background-position: 100% -150px;
	cursor:pointer;
	color:#f9dfdf;
}

#navbar li.socialLink {
	border-bottom:1px solid #335390;
}
#navbar .socialLink a {
	background-image: url(../bilder/tabs_left_facebook.gif);
}
#navbar .socialLink a span{
	padding: 3px 10px 2px 0px;
	background-image: url(../bilder/tabs_right_facebook.gif);
}

/*	-------------------------------------------------------------
	3. HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			   
#header {
	clear:both;
	height:95px;
	background: #b64926 url(../bilder/header_bottom.gif) repeat-x left bottom;
	text-align:right;
	border-left: 3px solid #8e2800;
	border-right: 3px solid #8e2800;

} 
#header .logo {
	margin:12px 20px;
	float:left;
	width:490px;
}


/*	-------------------------------------------------------------
	4. MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#main {
	background:#FFF url(../bilder/left_bottom.jpg) repeat-y left top;
	border:5px solid #8e2800;
	border-top:none;
	position:relative;
	width:980px;
	overflow:hidden;
}


/*	-------------------------------------------------------------
	5. LINKE SPALTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#left {
	float:left;
	width:270px;
	min-height:390px;
	background: url(../bilder/left_inner_bgr.jpg) repeat left top;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	padding:8px 3px 10px 8px;
	margin:10px;
}

#left table {
	width:100%;
	text-align:left;
}
#left td { padding:10px 5px;}

#left table.location {
	width:200px;
	margin-left: 10px;
}

#impressumLink {
	color:#8e2800;
	text-decoration:none;
	display:block;
	float:right;
}
#impressumLink:hover { color: #000;}
/*	-------------------------------------------------------------
	6. CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#content {
	width:auto;
	min-height:400px;
	font: 0.9em /1.3em Arial, Helvetica, sans-serif;
	color:#333;
}
#fotos #content {margin-left:20px;}
* html #content {
	margin-left: -3px;
}


#footer {clear:both;margin:5px 0 10px;font: 0.8em /1.3em Arial, Helvetica, sans-serif;}

#footer a {text-decoration:none;}

#social_sharing_bar {width:320px;margin: 0 auto;padding:5px 0;}

/*	-------------------------------------------------------------
	6.1 TEXT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
.wide #text {
	width:620px;
}
#text {
	width:470px;
	float:left;
	margin: 20px 0 20px 30px;
}
#text a {
	text-decoration:none;
	color: #000;
	font-style: normal;
}
#text a {text-decoration:underline;}
#text a:hover, #text a:active { color:#903;}

/*	-------------------------------------------------------------
	6.2 RECHTE SPALTE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

#sponsoren {
	background: url(../bilder/left_inner_bgr.jpg) repeat left top;
	float:right;
	width:158px;
	padding:10px 0;
	margin: 16px 0 16px 10px;
}
.wide #sponsoren {display:none}
#sponsoren img {
	margin:10px 18px 10px 20px;
}



form#newsletter {
    width:90%;
    border:2px solid #8e2800;
    padding:10px;
    float:left;
    clear:both;
    background: url(../bilder/newsletter-bgr.gif) repeat-x left bottom;
}

form#newsletter label {
    font-weight:bold;
    display:inline-block;
    padding-bottom:1em;
    color: #333;
}

form#newsletter input#email {
    border:1px solid #aaa;
    border-top: 2px solid #777;
    border-left: 2px solid #777;
    height:1.5em;
    font-size:1.1em;
}

form#newsletter input#submit {
    float:right;
    margin-top:1.5em;
    font-weight:bold;
    font-size:1.2em;
    color:#8e2800;
    background: url(../bilder/email_icon.png) no-repeat left;
    width:260px;
    height:40px;
    border:none;
}
form#newsletter input#submit:hover {cursor:pointer;}

/*------------------------------------------------------------*/

.downloadLink {
	display:block;
	font-weight:bold;
	background: url(../bilder/link-icon.png) no-repeat left center;
	padding-left:30px;
	padding-bottom:5px;
}

#news {
    font-size:1.1em;
    line-height:1.2em;
}

#news h2 {
    color: #fff;
}

#news li {
    list-style:none;
    margin: 1em 1em 1em;
    padding-bottom:1em;
    border-bottom: 2px solid #39667b;
}

#news li li {
	list-style: disc;
	border:none;
	margin:0 0 .3em 15px;
	padding:0;
}

/*-----------------------------------------------------------------------------*/
#animation {
    clear:left;
    position:relative;
    width:630px;
    height:400px;
    overflow:hidden;
    background: url(../bilder/animation_bgr.jpg) no-repeat;
}

#animation ul {
    margin:0;
    padding:0;
    list-style:none;
}


#animation .jcarousel-item {
    width:288px;
    list-style:none;
    height:380px;
    float:left;
    position:relative;
    margin:5px 0 5px 5px;
    padding:5px 10px;
    border:1px solid #000;
    background: url(../bilder/transparent_black.png) repeat;
    font-size:1.1em;
    line-height:1.3em;
    color: #fff;
}

#animation a, #animation h2{
    color: #fff;
    text-decoration:none;
}

#animation a:hover{
    text-decoration:underline;
    color: #fae372;
}

#animation  .fancyList {
    width:250px;
}

#animation .fancyList.wide {
    width:100%;
}

#animation .fancyList dt, #animation .fancyList dt a {
    font-weight:bold;
    padding: .3em 0;
}

#animation .fancyList .col2, #animation .fancyList .col2 a {
    color:#b64926;
}

#animation .color, #animation .fancyList .color, #animation .fancyList a.color {
    color:#fae372;
}

.fancyList .small {
    font-size:0.9em;
    line-height:1.2em;
    color:#ccc;
}

#animation .imgbox {
    width:50px;
    position:absolute;
    top:10px;
    right:0;
}

#animation .imgbox img {
    margin: 5px 0;
}

.impressum {
    position:relative; left:100px
}

.bandList {
	margin: 5px 0 10px 5em;
}

.bandList li {
	font-size: 1.2em;
	padding:.2em 0;
	list-style:none;
}

.facebookPlugin {
	border:2px solid #3B5998;
	background:#cddce2;
	margin:5px auto;
	clear:left;
	width:250px;
}

#gallery {margin:0; padding:0;overflow:hidden;}

#gallery li {list-style:none;float:left;margin:0px 15px 15px 0;padding:0;}
#gallery a {display:block;padding:3px; border:1px solid #666;}
#gallery img {margin:0; padding:0;}