html, body  {
  width: 100%;
  height: 100%;
}

html{
  height: 100.1%;
}

* {
	padding:0;
 	margin: 0; 
 	font-family: Helvetica,Arial, sans-serif;
	font-size: 1em;
}

body{
 	background-color: white;
 	background-position:top center;
 	font-size: 62.5%;
 	font-family:Helvetica,Arial, sans-serif;
 	font-weight:normal;
 	font-style:normal;
	line-height:150%;
	text-align: center;
	color:#DBDBDA;
	background-image:url(bg_sand.jpg);
	background-position:top center;
	background-attachment:fixed;
}

#OuterShell{
	position:relative;
	height:100%;
	width:100%;
	text-align: center;
}

#InnerShell{
	position:relative;
	margin:0 auto;
	width:1027px;
	text-align: left;
}

#pageregionTop{
	position:relative;
	width:100%;
	height:148px;
	margin:20px 0 0;
	background:transparent url(bg.png) repeat;
}

#TicketKaufen,
#Reservierung{
	background:transparent url(bg.png) repeat;
}


#Logo{
	position:absolute;
	top:11px;
	left:41px;
	height:129px;
	width:140px;
	z-index:999;
	display:block;
}

#Logo img{
	height:129px;
	width:140px;
}

.Metanavigation_Info {
	position:absolute;
	top:12px;
	left:-2000px;
	height:27px;
	width:auto;
	z-index:999;
	font-size:14px;
	font-weight:bold;
	padding:4px 10px;
	background:transparent url(bg_tag.png) top left no-repeat;
}

#Metanavigation_SA_A{
	left:190px;
}

#Metanavigation_FR_A{
	left:220px;
}

#Metanavigation{
	position:absolute;
	top:52px;
	left:188px;
	height:41px;
	width:60px;
	display:block;
	padding:0;
	z-index:999;
	margin:0;
}
#Metanavigation li{
	float:left;
	display:block;
	padding:0;
	margin:0 2px 0 0;
	width:28px;
	height:30px;
}

#Metanavigation li a span{
	display:none;
}

#Metanavigation li #Metanavigation_SA{
	width:28px;
	height:30px;
	display:block;
	background:url(loft_club.png);
	opacity: 0.6;
}
#Metanavigation li #Metanavigation_SA.active,
#Metanavigation li #Metanavigation_SA:hover{
	opacity: 1.1;
}
#Metanavigation li #Metanavigation_FR{
	width:28px;
	height:30px;
	display:block;
	background:url(indie_freitag.png);
	opacity: 0.6;
}
#Metanavigation li #Metanavigation_FR.active,
#Metanavigation li #Metanavigation_FR:hover{
	opacity: 1.1;
}

#Channel{
	position:relative;
	top:96px;
	left:188px;
	width:836px;
	z-index:999;
} 
#Channel ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#Channel a {
	font-size:30px;
	line-height:34px;
	font-weight:bold;
	text-transform:uppercase;
	color:#DBDBDA;
}

#Channel a:active,
#Channel a:focus,
#Channel a:hover{
	color:#E6F0C5;
	text-decoration:underline;
}

#Channel li,
#Channel li.level0{
	position:relative;
	margin:0;
	padding:0;
	float:left;
	display:block;
	line-height:18px;
}

#Channel li.level0{
	font-size:30px;
	line-height:34px;
	font-weight:bold;

}

#Channel ul.first ul{
	position:absolute;
	z-index:999;
	top:-20000px;
	left:-20000px;
	width:240px;
	height:auto;
	background:transparent url(bg.png) repeat;
}

#Channel ul.level0 li{
	width:240px;
	padding:5px 5px;	
	line-height:15px;
	height:auto;
}
#Channel ul.level0 li a{
	font-size:16px;
	line-height:14px;
}
#Channel ul.level1 li a{
	font-size:12px;
	line-height:12px;
	display:block;
}
#Channel ul.level1 li a span{
	font-size:12px;
	line-height:12px !important;
}

#Channel li.over ul.level0 {
	top:33px;
	left:0;
}

#Channel li.over ul.level0 li.over>ul.level1,
#Channel li.over ul.level0 li.over ul.level1 li.over>ul {
	left:160px;
	top:0;
}



#ContentShell{
	position:relative;
	top:0;
	left:0;
	width:100%;
	clear:both;
	margin:5px 0 0;
	padding:30px 0;
	height:auto;
	background:transparent url(bg.png) repeat;
}

#pageregionMiddle{
	position:relative;
	top:0;
	left:0;
	margin:0 0 0 35px;
	width:695px;
	background:url(border.png) top right repeat-y;
	float:left;
}

#pageregionContent {
	font-size:12px;
	width:658px;
}

.paragraph{
	padding:0 0 1em 0;
}

.NewsListItem,
.ProgrammListElement{
	position:relative;
	top:0;
	left:0;
	margin:0 16px 20px 0;
	display:inline-block;
	width:320px;
	min-height:140px;
	float:left;
	display:inline-block;
}

.NewsListItem .image,
.ProgrammListElement .image{
	float:right;
	margin:0 0 0 5px;
}

.NewsListItem .image img,
.ProgrammListElement .image img{ 
	max-width:155px; 
}

.ProgrammListCell{
	position:relative;
	top:0;
	left:0;
	margin:0 16px 10px 0;
	width:auto;
	clear:both;
}
.ProgrammList tr:hover{
	background:#454545;
}
.ProgrammList td{
	padding:0 2px 2px 0;
	vertical-align:middle;
}

.ProgrammListCell  img{ 
	max-width:55px; 
	margin:0 0 0 5px;
	float:left;
}


/*
.ProgrammListElement .paragraph{
	float:left;
	width:150px;
}
*/

#pageregionBefore{
	position:relative;
	top:0;
	left:0;
}

#Micronavigation{
	position:relative;
	top:0;
	left:0;
	margin:0 0 2px;
	font-size:10px;
	font-weight:normal;
	width:90%
}

#Prev{
	position:absolute;
	top:0;
	right:0;
	margin:0 0 2px;
	font-size:10px;
	font-weight:normal;
	width:auto;
}

#pageregionRight{
	position:relative;
	top:0;
	left:0;
	width:222px;
	margin:0 43px 0 0;
	float:right;
}

#teaser {
	position:relative;
	top: 0;
	left: 0;
	width:222px;
	overflow:hidden;
}

.teaserbilder{
	height:53px;
	width:220px;
	overflow:hidden;
}
.teaserbilder img{
	margin-right:2px;
	max-width:53px;
	min-height:53px;
}

div.ZMSTeaserElement{
	position:relative;
	top: 0px;
	left: 0;
	width:222px;
	margin:0 0 2em 0;
}

div.ZMSTeaserElement .title{
	color:#DBDBDA;
	width:222px;
	padding:0;
	margin:0 0 4px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

div.ZMSTeaserElement .text{
	font-size:13px;
	background:#454545;
	padding:5px;
}
div.ZMSTeaserElement .Twitter{
	background:#454545;
	padding:5px;
}
div.ZMSTeaserElement .text .paragraph{
	padding:0;
}
.Clubletter input{
background:#454545;
width:180px;
height:21px;
line-height:21px;
border:none;
color:#585858;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
float:left;
}
.Clubletter input#FormButton_Subscribe{
width:40px;
float:right;
	color:#DBDBDA;

}

.smteaserlist {
	position:relative;
	top: 0px;
	left: 0;
	width:222px;
	margin:0;
	padding:0;
	height:34px;
}

.smteaserlist li {
	float:left;
	display:inline-block;
	height:34px;
	width:34px;
	margin:0 5px 0 0;
}
.smteaserlist li a {
	display:block;
	height:34px;
	width:34px;
}
.smteaserlist li a span{
	display:none;
}
.SozialMedia_Facebook{
	background:url(facebook.png) no-repeat;
}
.SozialMedia_Twitter{
	background:url(twitter.png) no-repeat;
}

.Twitter .tweet{
	display:block;
	margin:0 0 5px 0;
}
.Twitter .tweet .timg {
	margin: 0 5px 5px 0;
}
.Twitter .tweet a.tuser {
	text-decoration:none;
	font-weight:bold;
}
.Twitter .tweet a {
	font-weight:normal;
	text-decoration:underline;
}

.SozialMedia_MySpace{
	background:url(myspace.png) no-repeat;
}
.SozialMedia_YouTube{
	background:url(youtube.png) no-repeat;
}
#socialteaserholder {
	position:relative;
	top: 0px;
	left: 0;
}

.socialteaser{
	position:relative;
	top: 0px;
	left: 0;
	padding: 5px 0 10px;
	width:220px;
}

.fan_box .connections {
	overflow:auto;
}


#pageregionBottom{
	position:relative;
	top:0;
	left:0;
	width:100%;
	clear:both;
	height:35px;
	color:#DBDBDA;
	margin:5px 0 10px;
	background:transparent url(bg.png) repeat;
}

#Copyright{
	position:relative;
	top:0;
	left:0;
	padding:0.8em 0 0 25px;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#DBDBDA;
}

#Copyright a{
	color:#DBDBDA;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
#Copyright a:hover,
#Copyright a:active,
#Copyright a:focus {
	color:#E6F0C5;
	text-decoration:underline;
}

h1{
	font-weight:bold;
	font-size:16px;
	line-height:21px;
	height:21px;
	padding: 0 0 0 4px;
	margin:0 0 5px -4px;
	background:#454545;
	color:#CECECE;
}
#HeadlineImage{
	margin:0 0 5px -4px;
	width:658px;
	height:105px;
	text-align:left;
}



a.addReservation,
h2{
	font-weight:bold;
	font-size:13px;
	line-height:110%;
	padding: 3px 0 4px;
	margin:0 0 8px;
	background:url(border.png) bottom left repeat-x;
}

h2.notrenner{
background:none;
}

a.addReservation{
	font-weight:bold;
	font-size:15px;
	line-height:110%;
	padding: 2.5px;
	margin:0 0 2.5px;
	background:url(border.png) bottom left repeat-x;
	display:block;
}


h3{
	font-weight:bold;
	font-size:12px;
	padding: 2.5px;
	line-height:110%;
}

hr,
hr.Trenner,{
	height:2px;
	width:100%;
	border:none;
	background: transparent url(border.png) bottom left repeat-x;
}


i,em  {
	font-style:italic;
}

small, .small {
	font-size: 0.9em;
}

a,
a:link,
a:visited {
	color:#DBDBDA;
	text-decoration:none;
}

a.readmore,
a:hover,
a:active,
a:focus {
	color:#E6F0C5;
	text-decoration:underline;
}

a img {
	border:none;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

.fb_event_button,
.fb_share_button{
position:absolute;
bottom:0;
right:0;
background-color:#5f78ab;
border-bottom-color:#1A356E;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#879AC0;
border-top-style:solid;
border-top-width:1px;
}
.fb_event_button{
position:relative;
left:0;
top:0;
display:block;
}
.FB_Event{
	padding:0 0 10px 0;
}

.fb_button{
background-attachment:scroll;
background-color:#5f78ab;
background-image:url(fb_teilen.gif);
background-position:0 0;
background-repeat:no-repeat;
cursor:default;
display:inline-block;
font-size:9px;
line-height:10px;
text-decoration:none;
display:block;
}
.fb_text{
display:block;
margin-left:17px;
padding-bottom:3px;
padding-left:6px;
padding-right:6px;
padding-top:2px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-weight:bold;
color:white;
}


ul {
	list-style: square outside;
	margin: 0px 10px 15px;
	padding: 0px 30px;
}

ol {
	list-style: decimal outside;
	margin: 0px 10px 15px;
	padding: 0px 30px;
}

th,td{
text-align:left;
}

div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin: 0 10px 0 0;
}
div.ZMSGraphic.floatright {
	float:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.graphic.alignleft {
	float:left;
	margin: 0 10px 0 0;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic div.text {
	padding:0;
}
div.ZMSGraphic div.text p{
	margin:0;
}

.calendar {
	margin: 6px 0 10px 0;
	width: 42px;
	height: 42px;
	display:block;
}
.calendar-day {
	display:block;
        font-weight: bold;
        font-size: 18px;
        color: #000;
        width: 42px;
        text-align:center;
        padding-top: 19px;
}


.clerasil:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clerasil {display: inline-table;}

/* IE-Mac \*/
* html .clerasil {height: 1%;}
.clerasil {display: block;}
/* /IE-Mac */