html {
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	background: url(images/elements/bg-body.gif) no-repeat top center;
	color: #111;
}
body, div, p, div#text-area div {
	font: 13px/1.5em Helvetica, Arial, sans-serif;
}
/* basic html elements */
h1 {
	position: relative;
	font-size: 24px;
	margin-bottom: 12px;
	line-height: 130%;
} 

h2 {
	position: relative;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
h3.subtitle{
display: none;
}
h3 {
	position: relative;
	font-size: 13px;
	margin: 5px 0px 5px 0px;
}

img, img a {border: none;}

a:link, a:visited{
	color: #C03;
	text-decoration: underline;
}
a:hover{
	color: #333333;
	text-decoration: none;
}
h2 a:link, h2 a:visited, h2 a:hover{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
a.feed{
	background: url(images/elements/feed.png) no-repeat;
	padding-left: 20px;
}
ul{
	list-style-type: disc;
	margin: 10px 0;
}
ul li, ol li{
	margin-bottom: 5px;
}
ol{
	list-style-position: outside;
	margin-bottom: 10px;	
}
hr{	

	width: 70%;
    	height: 1px;
	color: #CCCCCC;
    	background-color: #CCCCCC;
    	border: none;	
}

/* custom page elements */
#container{
	position: relative;
	width: 952px;
	margin: 0 auto 0 auto;
	background: url(images/elements/bg-bottom.gif) no-repeat bottom right;
	min-height: 100%;
  	height: auto !important; /* moderne Browser */
  	height: 100%; /* IE */
}
/*div#top-area{
	position: absolute;
	height: 280px;
	width: 952px;
	border: 1px solid red;
	background: transparent url(images/elements/logo-main.gif) no-repeat 674px 60px;
}*/
div#top-area{
	position: absolute;
	top: 60px;
	right: 60px;
	height: 130px;
	width: 220px;
	background: transparent url(images/elements/logo-main.gif) no-repeat;
}
a#home-link{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 214px;
	height: 121px;
}
#main-content-area{
	float: left;
	width: 540px;
	margin-top: 60px;
	padding: 0 60px 60px 80px;
display: inline;
}
#text-area, #list-area{
	margin-bottom: 15px;
}
div#list-description{
	margin-bottom: 15px;
}
p.abstract, div.abstract{
	margin-bottom: 5px;
}
p.text, div.text{
	margin-top: 10px;
clear: left;
}
.abstract img.keyvisual{
	float: left;
	margin: 5px 10px 10px 0;
display: inline;
}
p.parameter, div.parameter{
	position: relative;
	margin-bottom: 15px;
clear: left;
}
p.parameter a.read-more, div.parameter a.read-more{
	padding-right:5px;
	position:absolute;
	right:0;
	top:0;
}
a.read-more:link, a.read-more:visited{
	color: #C03;
	text-decoration: underline;
}
a.read-more:hover{
	color: #333333;
	text-decoration: none;
}
p.parameter, div.parameter,
p.parameter a, div.parameter a{
	color: #5f7b88;
}

div#footer-area{
	position: absolute;
	bottom: 0;
	clear: both;
	background: transparent; 
	padding: 2px 0 18px 40px;
	color: #FFF;
	font-size: 11px;
}

/* main navigation */
input, label, 
div#nav01-area ul li a, div#nav02-area ul li a
{
	font: 12px Arial, Helvetica, sans-serif;
}
div#nav01-area{
	margin-top: 92px;
	padding-left: 75px;
	font-family: "Trade Gothic LT", Arial sans-serif;
	font-weight: bold;
}
div#nav01-area ul{
	list-style-type: none;
	margin-bottom: 0;
}
div#nav01-area ul li{
	display: inline;
	background: url(images/elements/bg-rose.gif) no-repeat 8px 0;
	padding-top: 20px;
}
div#nav01-area ul li a{
	padding: 2px 28px 2px 0px;
	font-size: 21px;
	text-decoration: none;
	color: #FFF;
}
div#nav01-area ul li a:hover{
	color:#999999;
}
div#nav01-area ul li a.menu01_act{
	color:#EB0D0F;
}
/* sub navigation - level 2 */
div#nav02-area ul{
	list-style-type: none;
	margin-bottom: 30px;
	margin-top: 0px;
	width: 230px;
}
div#nav02-area ul li{
	margin: 0 0 10px 0;
}
div#nav02-area ul li a:link, div#nav02-area ul li a:visited{
	padding: 2px 13px 2px 0;
	text-align: left;
	margin-right: 3px;
	color: #C03;
	font-size: 14px;
	background: url(images/elements/listenpunkt-nav2.gif) no-repeat 0 50%;
	padding-left: 15px;
}
div#nav02-area ul li a.active{
	background: url(images/elements/listenpunkt-nav2-a.gif) no-repeat 0 50%;
}
div#nav01-area ul li a.active{
	color: #777;	
}
div#nav02-area ul li a.active, div#nav02-area ul li a:hover{
	color: #888;
	text-decoration: none;	
}


/** rechte Seitenspalte **/




div#teaser-area{
	float: right;
	margin: 200px 40px 60px 0;
	width: 232px;
display: inline;
}



/* momentan nicht in Verwendung, eventuell spaeter */
div.functions-area{
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
div.functions{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 35%;
	text-align: right;
	padding: 3px 5px 13px 0;
}
div.functions img{
	padding-left: 8px;
}

#appendix-area{
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 40px;
	/*border-top: 1px dotted #CCCCCC;*/
}
div.teaser{
	width: 170px;
	margin-bottom: 10px;
}
div.teaser h2{
	margin: 10px 0 0 0;
	padding: 3px 6px;
	color: #FFF;
	background-color: #000;
	font-size: 14px;
	font-weight: normal;
}
div.teaser div.body{
	margin: 0;
	padding: 5px 0 0 0;
}
div.teaser div.footer{
	margin: 0;
	padding: 0 0 5px 0;
}
div.teaser a {

}


/* events */
div.events{
margin-top: 20px;
}
div.event-item h2{
margin-bottom: 15px;
font-weight: normal;
font-size: 13px;
}
div.event-item h2 span.location{
font-weight: bold;
}
div.event-item h2 span.location a{
text-decoration: underline;
}
/* guestbook */
div#discours-user-nav{
	background: none;
	color: #666666;
	border: 1px solid #CCCCCC;
}
div#discours h2{
	/*color: #222;*/
}
form#discours-login{
	background: none;
padding: 5px;
}

form#discours-login legend{
	display: none;
	font-weight: bold;
	/*color: #222;*/
}
form#discours-login label{
	padding-right: 0px;
	font-weight: bold;
	color: #666666;
}
form#discours-login input#discours-login-user, 
form#discours-login input#discours-login-password{
	width: 130px;
	border: 1px solid #CCCCCC;
}
form#discours-login input.submit{
	border: 1px solid #CCCCCC;
	color: #666666;
}

form#discours-register, form.user-data{
	margin-top: 15px;
	background: none;
	padding: 5px;
	padding-bottom: 5px;	
border: 1px solid #CCCCCC;
}
div#discours-disclaimer{

}

/* gallery */
table.gallery{
width: 100%;
margin-top: 15px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

table.gallery td{
vertical-align: bottom;
padding: 5px 0px 3px 0px;
}

div#img_gal{
margin-top: 15px;
}
div#img_gal img{
width: 540px;
}

/* shop extensions */

.order-number{
	cursor: pointer;
	background: url(images/elements/booking.gif) no-repeat top right;
	padding-right: 25px;
	background-color: #FFFFA9;
	border: 1px solid #FFFFFF;
}
.order-number.hilite{
	border: 1px solid #FF9900;
}
.order-number.active{
	/*background: url(images/elements/booked.gif) no-repeat top right;*/
	background: none;
	/*background-color: #FF9900;*/
	border: 1px solid #FFFFFF;
	color: #999999;
	cursor: auto;
}
.price{
	font-weight: normal;
}
h2.order, h1.order{
	background: url(images/elements/booked.gif) no-repeat;
	background-position: 520px 3px;
	background-color: #EDEDED;
}
h1.order{
	background-position: 520px 7px;
}
ul#basket-items{
list-style-type: none;
list-style: none;
}
table#basket-table{
	width: 100%;
}
table#basket-table td{
	vertical-align: top;
	padding-bottom: 5px;
}
table#basket-table td.image{
	width: 60px;
}
table#basket-table td.number{
	width: 80px;
	color: #666666;
}
table#basket-table td.remove{
	width: 30px;
	text-align: right;
	padding-top: 2px;
}

table#basket-table td.number input{
	width: 20px;
	border: 1px solid #CCCCCC;
	color: #666666;
}

table#basket-table td h3{
	margin-top: 0px;
}

table#basket-table td.spacer{
	border-top: 1px solid #CCCCCC;
	height: 15px;
}

table#customer-data{
	width: 100%;
}
table#customer-data td{
	vertical-align: top;
	padding-bottom: 10px;
}
input, textarea{
	border: 1px solid #CCCCCC;
	color: #333333;
	width: 100%;
}
input.zip-code{
	width: 35px;
}

input.submit{
	width: 100px;
}
input.radio{
	width: 20px;
}
table#customer-data td label{
	font-weight: bold;
}
h2.error{
color:#EB0D0F;
}
div#appendix-area{
	position: relative;
}

h1 a.basket-indicator, div a.basket-indicator{
	display: block;
	position: absolute;
	right: 0px;
	top: 3px;
	width: 80px;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	/*padding-right: 35px;*/
	background: url(images/elements/goto-booking.gif) no-repeat;
	background-position: 65px 8px;
}
div#appendix-area a.basket-indicator{
	background-position: 65px 3px;
}
.order-number{

}
.price{

}
.important{
font-size: 18px;
font-weight: bold;
}

body.start #container{
	background-image: none;
}
body.start {
	height: 710px;
	background: url(images/elements/bg-body-start.gif) no-repeat top center ;
}
body.start #container{
	background-image: none;
	min-height: 710px;
  	height: 710px !important;
}
body.start #main-content-area{
	width: 920px;
	margin-top: 250px;
	padding: 0 0 0 0;
}
body.start div#enter{
	text-align: center;
}
body.start div#enter-link a{
	text-decoration: none;
font-weight: bold;
font-size: 120%;
}
body.start div#club{
position: relative;
	text-align: right;
	margin: 20px 36px 0 0;
width:95%;
}
body.start div#club div#event-preview{
position: absolute;
top: 0px;
left:60px;
}
body.start div#club div#event-preview div.events{
margin-top: 10px;
text-align: left;
}

body.start div#club div#event-preview div.event-item h2{
margin-bottom: 5px;
}

body.start #nav01-area, body.start div#top-area, body.start #nav02-area, body.start #teaser-area,
body.start #main-content-area h1, body.start #appendix-area{
	display: none;
}
body.start div#footer-area {
	position: static;
	margin-top: 34px;
	padding:0 0 2px 40px;
}

body.start div.abstract{
display:none;
}
body.band{
	height: 730px;
}
body.band{
	height: 736px;
}
body.band div.text{
	margin-top: 7px;
}
body.band div.abstract{
	display: none;
}
body.band #container{
	min-height: 736px;
  	height: 736px !important;
}
body.band #main-content-area{
	width: 870px;
	margin: 17px 0 0 37px;
	padding: 0;
	height: 638px;
}
body.band #nav02-area, body.band #teaser-area, body.band #main-content-area h1, body.band #appendix-area{
	display: none;
}
body.band div#top-area {
	right: 175px;
}
body.band div#footer-area {
	position: static;
	margin-top: 18px;
	padding:0 0 2px 40px;
}

div.widget{
	position: relative;
	margin-bottom: 5px;
}

div.widget div{
		padding: 3px;
}
div.widget div.header{
	/*width: 100%;*/
	background-color: #000000;;
	border: 1px solid #666666;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
padding: 3px;
}
div.widget div.description{
	font-weight: bold;
}
div.widget div.body{
position: relative;
	background-color: #FFFFFF;
	border: 1px solid #666666;
border-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.widget div.body img.keyvisual{
position: relative;
float:left;
margin:5px 15px 5px 5px;
display: inline;

}

div.widget div.header div.description{
	position: relative;
	width: 75%;
}
div.widget div.header div.action{
	position: absolute;
	top: 2px;
	right: 10px;
	width: 20%;
	text-align: right;
}
div.widget div.action a.close{
	position: absolute;
	right: 0px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
div.widget div.action a:hover{
color: red;
}

div.loading-page{
	position: absolute;
width:100%;
	min-height: 100%;
  	height: auto !important; /* moderne Browser */
  	height: 100%; /* IE */
	z-index:99;
	background: url('images/elements/busy_bg.gif');
}
body.club div#top-area{
	background: transparent url(images/elements/logo-club-g2.gif) no-repeat;
	height: 136px;
}
body.club a#home-link{
	height: 77px;
}

body.club div#text-area  p.abstract img.keyvisual{
	display: none;
}
body.media h3.subtitle{
display: block;
}
body.media p.parameter{
display:none;
}
body.lyrics div#top-area{

}
div.list-item{
margin-bottom: 15px;
}
div.list-item h2{
position: relative;
}
div.list-item h2:hover{
background-color: #EDEDED;
}
div.list-item h2 a.read-more{
position: absolute;
right: 0px;
font-weight: normal;
font-size: 13px;
}