@charset "utf-8";

html, body {
  height: 100%;
}

html, body, textarea {
  background-color:Black;
  color:#f3f3ee;
  font-family:"Andale Mono",Arial,sans-serif;
}


body {
  color: Black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  margin:0px;
  padding:0px;
}

/*
body.bg1 {
  color: Black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  margin:0px;
  padding:0px;

  width: 1000px;
  margin: 0px auto;

}
*/

div,
form,
p,
ul,
li,
ol,
span,
dd,
pre
{
  margin:0px;
  padding: 0px;
}

table {
  width: 100%;
  height: 100%;
  background: url('../img//layout/main-bg.jpg') no-repeat 50% 50% #000000 scroll;
}

#body-startseite table {
  background: url('../img//layout/startseite-main-bg.jpg') no-repeat 50% 50% #000000  scroll;
}


#main-wrapper {

  position:relative;
  width:960px;
  height:600px;
  overflow:hidden;
  text-align: left

}

.main-wrapper-sub-0,
.main-wrapper-sub-1,
.main-wrapper-sub-2 {
  margin-top:90px
}


.main-wrapper-sub-0 {
  position: relative;
  height: 510px;
  overflow: auto;
  color: #f3f3ee;
}

*+html #body-startseite .main-wrapper-sub-0 {
  height: 509px;
}


#body-startseite .main-wrapper-sub-0 {
  overflow: hidden;
}


.main-wrapper-sub-1 {
  position: relative;
  height: 510px;
  overflow: auto;
  background: url('../img//layout/paint-bg.jpg') 15px -90px no-repeat;
  color: Black;
}

.main-wrapper-sub-2 {
  position: relative;
  height: 490px;
  overflow: auto;
  background: url('../img//layout/paint-bg.jpg') 15px -90px no-repeat #000000;
  color: Black;
}

.programm-overview-wrapper {
  width:auto;
  height:auto;
  overflow:auto;
  float: left;
  margin: 0px;
}

#body-startseite .programm-overview-wrapper {
  height: 345px;
  overflow: auto;
}


.navigation-wrapper {
  position: absolute;
  top:0px;
  width: 100%;
}

.content-wrapper-sub,
.content-wrapper {
  position:relative;
  width:885px;
  height:485px;
  top:0px;
  left:38px;
  overflow:auto;
  padding:0px;
  margin-top:25px
}

#body-startseite .content-wrapper {
  height: 500px;
}

#body-programm_der_plan .content-wrapper {
	height:365px;
  clear: both;
}

.content-wrapper-sub {
  height:425px;
  margin-top: 13px;
}

.content-static-width {
	width: 863px;
	height:auto;
	overflow:hidden;
	float:left;
}

#body-kontakt .content-static-width {
  width: 885px;
}


#body-startseite .content-static-width {
  width: 885px;
  height: 470px;
}

#body-zwischendurch .content-wrapper-sub {
  width: 885px;
}


p {
  font-size: 11px;
  margin: 0px 0px 18px 0px;
}

.h2 p {
  font-size: 11px;
  font-weight: normal;
}


a {
  text-decoration: none;
  color: Black;
  font-weight: bold;
}
a:hover {
  text-decoration: none;
  color:#e85607;
}

a:active {
  text-decoration: none;
}


a.menu-hi {
  text-decoration: none;
  color:#e85607;
}

a img {
  border:0px;
}

#body-kontakt a {
	text-decoration: none;
}

.main-wrapper-sub-0 a {
  color:#f3f3ee;
}

.main-wrapper-sub-0 a:hover {
  color:#FFB771;
}

#body-feiern .galerie-content .programm-anker-link  span a,
#body-konzerte .galerie-content .programm-anker-link  span a,
#body-menschen .galerie-content .programm-anker-link  span a {
  color:#FFF;
}

.adsbutton {
  width: 300px;
  height:40px;
  float: right;
  margin: 28px 0px 0px 0px;
}

.adsbutton a {
  display: block;
  width: 60px;
  height: 40px;
  overflow: hidden;
  float: right;
}

a.allstars {
  margin: 0px 5px 0px 0px;
}

a.fmradio {
  width: 55px;
  margin: 0px 25px 0px 0px;
}
a.afk {
  width: 55px;
  margin: 0px 25px 0px 0px;
}
a.laxmag{
  width: 55px;
  margin: 0px 10px 0px 0px;
}

.h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0px 10px 0px;
}

.programm-overview-wrapper .h1,
#body-startseite .h1 {
	width: 460px;
	color: #373535;
    font-size: 12px;
    letter-spacing: 0.1em;
  margin: 20px 0px 15px 0px;
}

#body-links .h1,
#body-presse .h1 {
  margin: 0px 0px 10px 0px;
}

#body-presse .presse-kontakt .h1 {
  margin: 0px 0px 10px 0px;
}

.presse-gallery-wrapper {
  width: 490px; 
  float:left
}


.h2 {
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
}

#body-links .h2 {
	clear:both;
}

#body-startseite .h2 {
  margin: 5px 0px 0px 0px
}


.h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}

.link-list .h3 {
	display:block;
	height: 40px;
	overflow:hidden;
}

.clear {
  clear: both;
}


.left {
  float: left;
}

.right {
  float: right;
}
.strong,
.bold {
  font-weight: bold;
}


.spacer {
  margin-top : 50px; 
}

.left img {
  display: block;
  margin: 0px;
}



#body-geschichte .left img,
#body-anmieten .left img,
#body-kontakt .left img {
  margin-bottom: 10px;
}



.margin-l-10 {
  margin-left: 10px;
}

.margin-r-10 {
  margin-right: 10px;
}

.img-no-smoking {
  margin: 4px 0px 0px 0px;
}



h1,h2,h3 {
  color: Black;
}

ul {
  list-style: none;
}


li a {
  color: Black;
}

#body-startseite .main-wrapper-sub-0 a,
#body-startseite .main-wrapper-sub-0 li a {
  color: Black;
}

#body-startseite .main-wrapper-sub-0 a:hover,
#body-startseite .main-wrapper-sub-0 li a:hover {
  color: #E85607;
}


li a:hover {
  text-decoration:none;
}
#body-ausser_plan li,
#body-zwischendurch li {
  height: auto;
  overflow:hidden;
  display:block;
}


#body-ausser_plan li {
	margin-bottom: 20px;
}

#body-startseite .programm-list-5-tage,
#body-startseite .programm-list {
  width:460px;
  height:auto;
  overflow:hidden;
  margin: 0px 0px 0px 0px;
  color: Black;
}

#body-startseite div.programm-list {
	height:auto;
	overflow:hidden;
  margin-bottom: 15px;
}


#body-startseite .programm-list p {
/*
  width: 460px;
  float: left;
*/
  margin-bottom: 0px;
}

#body-startseite .programm-list p.title {
/*
	width: 400px;
*/
  margin-bottom: 0px;
}

* html #body-startseite .programm-list p.title {
  float: left;
}

#body-startseite .programm-list p.title-img {
	width: 320px;
}

* html #body-startseite .programm-list p.title-img {
  width: 250px;
  float: left;
}
*+html #body-startseite .programm-list p.title-img {
  width: 250px;
  float: left;
}

#body-startseite .programm-list p.line {
	width: 400px;
/*
	white-space: nowrap;
*/
	margin: 0px;
	float:left;
}


#body-startseite .programm-list p.line a {
  font-weight: normal;
}


#body-startseite .programm-list span.line {
	display: block;
	width: 60px;
	height:auto;
	overflow:hidden;
	float:left;
}

* html #body-startseite .programm-list p.line {
  height: 20px;
}

* html #body-startseite .programm-list span.line {
  height: 13px;
}


#body-startseite li.programm-list-fussball {
	width: 460px;	
	margin: 0px 0px 10px 0px;
}


#body-startseite ul.programm-list li div {
  width:200px;
  height:auto;
  overflow:hidden;
  float: left;
  margin: 5px 0px 10px 0px;
}


#body-startseite ul.programm-list li img {
  margin: 0px 0px 0px 0px;
}

#body-startseite ul.programm-list li a img {
  margin: 0px;
}


img.img-links {
	width: 100px;
	height: 100px;
}

#body-startseite ul.programm-list li div.img-wrapper{
  width: 120px;
  height:auto;
  overflow: hidden;
  float: right;
  margin-left: 10px;
}


#body-startseite ul.programm-list li {
	width:auto;
	height:auto;
	overflow:hidden;
}

#body-startseite .programm-list-float-img p {
	width: 340px;
    margin: 0px;
}

* html #body-startseite .programm-list-float-img p {
  width: 330px;
}


#body-ausser_plan .programm-list li,
#body-programm_der_plan .programm-list li {
  width:auto;
  height:auto;
  overflow:hidden;
  clear: both;
}

#body-ausser_plan .programm-list li
#body-programm_der_plan ul.programm-list {
  width: 750px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 40px 80px;

}

* html #body-ausser_plan .programm-list li
*+html #body-ausser_plan .programm-list li {
  width: 750px;
  float: left;
  clear: both;
}


ul.link-list li {
	float:left;
	width: 100px;
	height:auto;
	overflow:hidden;
	margin-right:20px;
}


.programm-wrapper {
  height: auto;
  overflow: hidden;
  margin: 10px 0px 20px 0px;
}



.programm-januar-wrapper {
  background: url('../img//layout/programm/programm_januar.gif') no-repeat;
}
.programm-februar-wrapper {
  background: url('../img//layout/programm/programm_februar.gif') no-repeat;
}
.programm-maerz-wrapper {
  background: url('../img//layout/programm/programm-maerz.gif') no-repeat;
}
.programm-april-wrapper {
  background: url('../img//layout/programm/programm-april.gif') no-repeat;
}
.programm-mai-wrapper {
  background: url('../img//layout/programm/programm-mai.gif') no-repeat;
}
.programm-juni-wrapper {
  background: url('../img//layout/programm/programm-juni.gif') no-repeat;
}
.programm-juli-wrapper {
  background: url('../img//layout/programm/programm-juli.gif') no-repeat;
}
.programm-august-wrapper {
  background: url('../img//layout/programm/programm-august.gif') no-repeat;
}
.programm-september-wrapper {
  background: url('../img//layout/programm/programm-september.gif') no-repeat;
}
.programm-oktober-wrapper {
  background: url('../img//layout/programm/programm_oktober.gif') no-repeat;
}
.programm-november-wrapper {
  background: url('../img//layout/programm/programm-november.gif') no-repeat;
}
.programm-dezember-wrapper {
  background: url('../img//layout/programm/programm-dezember.gif') no-repeat;
}

.programm-januar-wrapper,
.programm-februar-wrapper,
.programm-maerz-wrapper,
.programm-april-wrapper,
.programm-mai-wrapper,
.programm-juni-wrapper,
.programm-juli-wrapper,
.programm-august-wrapper,
.programm-september-wrapper,
.programm-oktober-wrapper,
.programm-november-wrapper,
.programm-dezember-wrapper {
  width: 450px;
  height: 35px;
  overflow: hidden;
  float: left;
  margin: 0px 0px 10px 138px;
}


* html .programm-januar-wrapper,
* html .programm-februar-wrapper,
* html .programm-maerz-wrapper,
* html .programm-april-wrapper,
* html .programm-mai-wrapper,
* html .programm-juni-wrapper,
* html .programm-juli-wrapper,
* html .programm-august-wrapper,
* html .programm-september-wrapper,
* html .programm-oktober-wrapper,
* html .programm-november-wrapper,
* html .programm-dezember-wrapper,
 {
  width: 770px;
  margin: 0px 0px 10px 69px;
}

.programm-title {
  width: 370px;
  height: auto;
  overflow: hidden;
  float: left;
  font-size: 14px;
  font-weight: bold;
}

#body-ausser_plan .programm-title,
#body-zwischendurch .programm-title {
  width:auto;
  float: none;
}

#body-ausser_plan .anker-link,
#body-ausser_plan .h1,
#body-ausser_plan .programm-text,
#body-ausser_plan .programm-title {
  margin: 0px;
}


.programm-title a:hover {
  color:#e85607;
  text-decoration: none;
}

.programm-text {
  width:370px;
  height:auto;
  overflow:hidden;
  float:left;
  padding: 0px 0px 0px 0px;
}

.galerie-content .programm-title {
  margin-bottom: 20px;
}

#body-ausser_plan .programm-text,
#body-zwischendurch .programm-text,
#body-presse .presse-content {
  width:470px;
}


.programm-text p {
  width:auto;
  height: auto;
  overflow: hidden;
  display: block;
  line-height: 18px;
  margin: 0px 0px 14px 0px;
}


.programm-info {
  width: 150px;
  height: auto;
  float:left;
  overflow: hidden;
  font-weight: bold;
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin-top: -2px;
}

.programm-info p {
  font-size: 12px;
  line-height: 18px;
  margin: 0px
}

p.programm-date {
  font-size: 14px;
  line-height: 22px;
  margin: 0px;
}



.programm-daten {
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
}


.programm-img-r {
  width:248px;
  height:auto;
  overflow:hidden;
  margin: 0px 0px 0px 0px;	
  float: right;
}

.programm-img-r img {
  display: block;
  margin: 0px 0px 20px 0px;
}

#body-geschichte .geschichte-img-r,
#body-anmieten .mieten-img-r,
#body-ausser_plan .programm-img-r,
#body-zwischendurch .programm-img-r,
#body-taeglich_nachts .programm-img-r {
  width:268px;
  margin: 0px;
  float: right;
}

#body-zwischendurch .programm-img-r,
#body-ausser_plan .programm-img-r {
  margin-top: 20px;
}

#body-taeglich_nachts .programm-img-r {
  margin-top: 33px;
}


#body-zwischendurch .programm-img-r img,
#body-taeglich_nachts .programm-img-r img,
#body-ausser_plan .programm-img-r img {
  clear: both;
}


.programm-main-col {
  width:640px;
  height:auto;
  overflow:hidden;
  float:left;
  padding: 0px 0px 0px 20px;
  background: url('../img//layout/title-bullet.gif') no-repeat 7px 4px;
}

div #main-menu a {
  font-size: 10px;
  font-weight: bold;
  line-height: 0px;
}



div #sub-menu a {
  font-size: 10px;
  font-weight: bold;
  margin-right: 20px;
  line-height: 90%;
}

/*
.taeglich-nachts-montag,
.taeglich-nachts-dienstag,
.taeglich-nachts-donnerstag,
.taeglich-nachts-freitag,
.taeglich-nachts-mittwoch,
.taeglich-nachts-samstag,
.taeglich-nachts-sonntag {
  width:auto;
  height:auto;
  overflow:hidden;
  float:left;
  margin: 20px 20px 20px 0px;
}

.taeglich-nachts-mittwoch,
.taeglich-nachts-samstag {
  width:auto;
  height:auto;
  overflow:hidden;
  float:left;
  margin: 20px 0px 40px 0px;

}
*/
.galerie-content,
.zwischendurch-content,
.ausser-plan-content,
.taeglich-nachts-content{
  width: 470px;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 20px 0px 20px 0px;
}




#main-menu-wrapper-0,
#main-menu-wrapper-1 {
  width:auto;
  /*height:auto;*/
  height:90px;
  overflow:hidden;
  margin: 1px  0px  0px  37px
}

#main-menu-wrapper-1 {
  background: #000000 url('../img//layout/paint-bg.jpg') no-repeat scroll -22px -1px
}

.programm-zwischendurch-content,
.programm-ausser-plan-content {
  width: 400px;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 0px 20px 0px 155px;
}

.history_list {
  margin-bottom: 20px;
}

ul.programm-list,
.mieten-content,
.kontakt-content,
.gallerie-content,
.links-content,
.geschichte-content,
#body-presse .presse-content {
  width: 480px;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 0px;
}

#body-webteam .content-static-width {
  width: 880px;
}


.webteam-content {
  width: 480px;
  height: auto;
  overflow: hidden;
  float: left;
  margin: 0px;
  clear: both;
}

.webteam-content-personal {
  width:297px;
  height:auto;
  overflow:hidden;
  float: left;
  margin: 0px 0px 55px 0px
}

.webteam-content-personal p {
  width: 175px;
  padding: 5px 2px 0px 8px;
  float:left;
}


.kontakt-content img {
  vertical-align: middle;
}


#body-feiern  .galerie-content,
#body-menschen  .galerie-content,
#body-konzerte  .galerie-content {
  width: 490px;
  /*width: 865px;*/
  margin-right: 0px;
  margin-top: 20px;
}

#body-presse  .presse-content {
  width: 490px;
  margin-right: 0px;
  margin-bottom: 30px;
}

#body-feiern .galerie-content a img {
  margin-right: 10px;
  margin-top: 10px;
}

.galerie-image-wrapper {
  overflow: hidden;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 9px;
  line-height: 11px;
  color: #d0d0d0;
}
#body-menschen .galerie-image-wrapper img,
#body-konzert .galerie-image-wrapper img {
  margin-bottom: 5px;
}

#body-menschen .galerie-image-wrapper,
#body-konzert .galerie-image-wrapper {
  margin-bottom: 10px;
 }

* html #body-menschen .galerie-image-wrapper img,
* html #body-konzert .galerie-image-wrapper img{
  margin-bottom: -10px;
 }
 
*+html #body-menschen .galerie-image-wrapper img,
*+html #body-konzerte .galerie-image-wrapper img{
  margin-bottom: -10px;
 }

 
 .galerie-row-wrapper {
  width: 490px; 
  height:auto; 
  overflow:hidden; 
  float:left; 
  clear: both;
 }
 
.presse-content a img {
  margin-right: 10px;
  margin-top: 10px;
}

.presse-kontakt {
  width:268px;
  height:auto;
  overflow:hidden;
  float:right;
  margin:0px 0px 0px 0px
}

.presse-kontakt p {
  margin-bottom: 30px;
}

.presse-kontakt a {
  font-weight: normal;
}

.h1 a {
  font-weight: bold;
}


#map {
	width: 292px;
	height: 300px;
	float: right;
	margin: 15px 0px 0px 0px
}

.disclaimer {
  width: 850px;
	float:left;
	margin-top: 70px;
	clear: both;
}

.disclaimer h3 {
	font-size:10px;
	line-height:14px;
}

ul.programm-list {
  width: 825px;
  margin: 0px 0px 0px 33px;
}

* html #body-programm_der_plan ul.programm-list {
  margin: 0px 0px 0px 16px;

}


.friend-link,
.nav-item,
span.teaser-title
 {
  display: none;
}


#logo {
  margin: 22px  36px  0px  0px;
  float: right;
}

* html #logo {
  margin-right: 18px;
}


.slogan {
  width: 100%;
  height: auto;
  float:left;
  clear: both;
  margin: 0px 0px 20px 0px;
  font-size: 12px;
  letter-spacing: 0.2em;
}

#body-programm_der_plan .slogan {
  width: 650px;
  margin: 25px 0px 15px 241px;
  clear: both;
}


* html #body-programm_der_plan .slogan {
  margin-left: 122px;
}

* html #body-programm_der_plan .slogan,
*+html #body-programm_der_plan .slogan {
  margin-bottom: 0px;
}


* html #body-programm_der_plan .slogan {
  margin-bottom: 0px;
}

/*#body-programm_der_plan .slogan {
	margin: 45px 0px 0px 300px;
}*/





.slogan p {
  width: 470px;
  color: #ffb771;
  line-height: 25px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.125em;
  margin: 0px

}

#body-programm_der_plan .slogan p span,
p.slogan-copy {
  font-weight: bold;
  font-size: 11px;
  line-height: 18px;
  margin: 0px;
  color: White;
  letter-spacing: 0em;
}

#body-feiern p.slogan-copy 
#body-konzerte p.slogan-copy 
#body-menschen p.slogan-copy 
{
  width: 490px;
}


#body-programm_der_plan .slogan p span,
#body-programm_der_plan .slogan p {
  line-height: 18px;
  color: #373535;
}



/*#body-programm_der_plan .slogan p {
	text-align: right;
  float: left;
}*/

.slogan img {
  margin: 15px 0px 0px 10px;
  width: 30px;
}

.teaser-image {
  width: 294px;
  height: 222px;
  overflow: hidden;
  float: right;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

.teaser-image img {
  position: relative;
  left: 1px;
  bottom: 12px;
  margin: 0px;
  padding: 0px;
}


.special {
  width: 293px;
  height: 125px;
  float: right;
  overflow: hidden;
  margin: 0px 0px 0px 0px;
  position: relative;
}

#body-startseite .special .bold a {
  color: White;
  text-decoration: none;
}

#body-startseite .special .bold a:hover {
  color: #E85607;
}






.counter {
  width: 102px;
  height: 13px;
  float: left;
  clear: left;
  padding: 0px;
  margin: 30px 0px 0px 190px;
}

* html .counter {
  margin: 32px 0px 0px 95px;
}
*+html .counter {
  margin-top: 30px;
}


.counter img {
  margin: 0px 2px 0px 0px;
}

.links-devider {
  width:850px;
  height:60px;
  clear:both;
  float:left;
  overflow:hidden
}
a.link-arrow {
  background: url('/img/layout/link-arrow.gif') no-repeat 0px 2px;
}

#body-ausser_plan a.link-arrow,
#body-zwischendurch a.link-arrow {
  background: url('/img/layout/link-arrow-light.gif') no-repeat 0px 2px;
}