/* farben:
            subMenu     textBG     <h>      <a>       <a:hover>      
home:     
Programm:
Infos:
Anreise:

test

*/


@import "/fonts.css";

/*
body,div,p,ul,li,pre,blockquote,
iframe,
h1,h2,h3,h4,h5,h6,
table,td,
form,fieldset,textarea,input,select,
span, a, .bbox
*/
* {
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

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

body {
  width:100%;
  margin:0px;
  padding:0px;
  background-color:#F4A40D;
}

body.main,
body.popup {
  height:100%;
  background:#EC880E url('/bild/bg_m.jpg') center top no-repeat !important;
  text-align:center;
}

body,table {
/*
  font-family:Georgia,Times,Times New Roman,serif;
*/
  font-family:Ubuntu,Arial,Helvetica,sans-serif;
  font-size:10pt;
  line-height:1.35em;
}


*:active, *.focus {
/*  border:0px; */
}



/*- _grundstruktur -*/

#seite {
  position:absolute;
  left:0px; top:0px;
  padding:0px 1.2% 0px .2%;
  height:100%;
  width:100%;
  overflow:hidden;
}

.minihoch #seite {
  overflow:auto;
}


#inhalt {
  position:relative;
  left:0px; top:0px;
  text-align:left;
  border-top:0px solid #FFFFFF;
  margin:0px auto 0px;
}
.normhoch #inhalt {
  padding:230px 0px 30px;
  max-width:1000px;
  height:100%;
}

.normhoch #ie_extrawurscht {
  position:relative;
  width:100%; height:100%;
  left:0px; top:0px;
}

#textContainer {
  z-index:12;
  padding:0; /* 16px 16px 16px 16px; */
  background:url('/bild/rgba(255,255,255,.7).png');
  background:rgba(255,255,255,.7);
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:5px 5px 10px 0px rgba(0,0,0,.5);
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-box-shadow:5px 5px 10px 0px rgba(0,0,0,.5);
}

.normhoch #textContainer {
  position:absolute;
  left:0px; top:0px;
  width:100%; height:100%;
  overflow:auto;
}

#text {
  z-index:15;
  padding:0px;
  margin:16px;
}
body#text {
  margin:0;
}

/*- header / logo / footer -*/

#header {
  position:absolute;
  left:0px; top:0px;
  width:100%;
  height:105px;
  z-index:12;
  padding:0px; margin:0px;
  text-align:center;
  font-family:Georgia,serif;
  font-size:13px;
  line-height:13px;
  font-weight:bold;
  color:#332000;
}


#h_datum {
  position:absolute;
  left:2px;
  bottom:0px;
  width:30%;
  font-size:15px;
  text-align:left;
}
#h_ort {
  position:absolute;
  right:2px;
  bottom:0px;
  width:30%;
  text-align:right;
  font-size:15px;
}
#h_count {
  position:absolute;
  left:0px; top:9px;
  width:100%;
  text-align:center;
  font-weight:normal;
}
#h_sponsor {
  position:absolute;
  right:0px; top:17px;
}


#logo {
  position:relative;
  left:0px;
  top:26px;
}


/* 15 jahre wapperl */
#gmk_88 {
  position:absolute;
  z-index:20;
  width:50%;
}
#gmk_88 img {
  position:absolute;
  z-index:20;
  left:-164px;
  top:42px;
}



#footer {
/*
  position:absolute;
  left:0px;
  bottom:0px;
*/
  width:100%;
  height:30px;
  font-weight:normal;
}


/*- _navi alle -*/

.nav ul {
  list-style:none;
  margin:0px;
  padding:0px;
  width:100%;
}
.nav li {
  margin:0px;
  padding:0px;
  background-repeat:no-repeat;
  white-space:nowrap;
}


ul.menuList {
  position:relative;
  width:100%;
  margin:auto;
  padding:0px 0px 0px 0px;
  text-align:left;
  font-family:Georgia,serif;
  font-size:90%;
  font-weight:bold;
  letter-spacing:0px;
  clear:both;
  white-space:nowrap;
  overflow:hidden;
}

.no ul.menuList:hover {
  z-index:16;
  overflow:visible;
  height:auto;
  white-space:normal;
}


.menuList li {
  position:relative;
  display:inline-block;
  left:0px; top:0px;
  float:left;
}
ul.menuList:hover li {
  float:left;
}

.menuList li + li {
  box-shadow:-1px 0 0 0 rgba(0,0,0,.3), inset 1px 0 0 0 rgba(255,255,255,.2); 
  -moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.3), inset 1px 0 0 0 rgba(255,255,255,.2); 
}


.menuList a {
  display:block;
  padding:4px 17px 0px;
  background-position:10px center;
  color:#FFFFFF;
  text-decoration:none;
  text-shadow:-1px -1px 1px rgba(0,0,0,.8);/*,
              1px 1px 0px rgba(255,255,255,.5);  */
}

.menuList a:hover {
  color:#FFEE22 !important;
}

.menuList > li.active {
  top:1px;
  background:#A05011; /* #994400; */
  box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.7),
                  2px 0px 2px 0 rgba(0,0,0,.7); 
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  -moz-box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.7),
                  2px 0px 2px 0 rgba(0,0,0,.7); 
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
}

.menuList li + li.active {
  box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.7),
                  -1px 0 0 0 rgba(0,0,0,.5),
                  2px 0px 2px 0 rgba(0,0,0,.7); 
  -moz-box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.7),
                  -1px 0 0 0 rgba(0,0,0,.5),
                  2px 0px 2px 0 rgba(0,0,0,.7); 
}
.menuList li.active + li {
  box-shadow:none;
  -moz-box-shadow:none;
}


/*- _navi haupt -*/

#menu {
  position:absolute;
  left:0px;
  top:115px;
  z-index:10;
  width:100%;
  height:25px;
  padding:0px;
  margin:0px;
/*
  background-color:rgba(100,50,0,1);
*/
  background-color:rgb(100,50,0);
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  box-shadow:inset .5px .5px 1px 0px rgba(255,255,255,.5),
             inset -1px 0px 2px 0px rgba(0,0,0,.8),
             inset 0px 5px 7px 0px rgba(255,255,255,.2);
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  -moz-box-shadow:inset .5px .5px 1px 0px rgba(255,255,255,.5),
                  inset -1px 0px 2px 0px rgba(0,0,0,.8),
                  inset 0px 5px 7px 0px rgba(255,255,255,.2);
}

#menu .menuList {
  height:26px;
}
.no #menu ul.menuList:hover {
/*
  background-color:rgba(100,50,0,1);
*/
  background-color:rgb(100,50,0);
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  box-shadow:inset .5px 1px 1px 0px rgba(255,255,255,.5);
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  -moz-box-shadow:inset .5px 1px 1px 0px rgba(255,255,255,.5);
}


#menu .l0 {
  position:relative;
  left:0px; top:0px;
  height:25px;
  font-size:15px;
}
#menu .l0 ul {
  display:none;
  position:absolute;
  left:0px;
  top:23px;
  background-color:#F0A702;
}



#menu li.l0:hover ul {
  display:block;
}

#menu .l0 a {
  display:block;
  height:25px;
  text-decoration:none;
  padding-left:38px;
  background-repeat:no-repeat;
}

#menu .menuList > .active {
  top:1px;
}

#menu .l2 {
  font-size:14px;
}


#m_home1    a, #m_home_en  a { background-image:url('/mbild/icon_home.png'        ); }
#m_programm a, #m_schedule a { background-image:url('/mbild/icon_programm.png'    ); }
#m_infos    a, #m_infos    a { background-image:url('/mbild/icon_infos.png'       ); }
#m_anreise  a, #m_journey  a { background-image:url('/mbild/icon_anreise.png'     ); background-position:7px center;}
#m_shop     a, #m_shop     a { background-image:url('/mbild/icon_shop.png'        ); }
#m_galerie  a, #m_gallery  a { background-image:url('/mbild/icon_galerie.png'     ); }
#m_talk     a, #m_talk     a { background-image:url('/mbild/icon_talk.png'        ); }
#m_webcam   a, #m_webcam   a { background-image:url('/mbild/icon_webcam_b.jpg'    ); }
#m_webcam { border-right:0px !important; }


#m_suche {
  position:relative;
  float:right;
  box-shadow:none;
  -moz-box-shadow:none;
  border:0px solid green;
}

#m_suche form {
  display:block;
  position:relative;
  margin:4px 4px 0 0;
  width:100px;
  height:17px;
}

#m_suche input {
  border:0;
}

#m_suche input.text {
  position:relative;
  top:0px;
  width:100%;
  height:100%;
  background:url('/bild/rgba(220,190,150,.7).png');
  background:rgba(220,190,150,.7);
  box-shadow:-1px -1px .5px 0 rgba(0,0,0,.3), 1px 1px .0px 0 rgba(255,255,255,.6);
  border-radius:3px;
  -moz-box-shadow:-1px -1px .5px 0 rgba(0,0,0,.3), 1px 1px .0px 0 rgba(255,255,255,.6);
  -moz-border-radius:3px;
}

#m_suche input.los {
  position:absolute;
  right:0px;
  top:0px;
  width:20px;
  height:100%;
  text-indent:20px;
  background:none;
  background:url('/mbild/ic_suche.16.png') center no-repeat;
  border:0px solid red;
  overflow:hidden;
  box-shadow:none;
  -moz-box-shadow:none;
}



div {   }

/*- _navi sprachen -*/

#sprachen {
  position:absolute;
  right:-28px;
  top:25px;
  width:28px;
}
#sprachen ul, #sprachen li {
  width:28px;
  margin:0px;
  list-style:none;
}
#sprachen ul {
  position:absolute;
  left:0px; top:0px;
  padding:37px 0px 0px;
  overflow:visible;
}
#sprachen li {
  position:relative;
  height:40px;
}
#sprachen li.active {
  position:absolute;
  top:0px;
  z-index:15;
}
#sprachen a {
  position:absolute;
  left:0px;
  top:0px;
  margin:0px;
  padding:0px;
}
#sprachen .lang0 {z-index:15}
#sprachen .lang1 {z-index:14}
#sprachen .lang2 {z-index:13}
#sprachen .lang3 {z-index:12}
#sprachen .lang4 {z-index:11}


/*- _navi sub -*/

#submenu {
  position:absolute;
  top:141px;
  left:0px;
  z-index:11;
  width:100%;
  padding:0px 0px 0px 0px;
  border:0px solid red;
  background-color:#994400;
  font-size:15px;
  box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset -1px 0px 1px 0px rgba(0,0,0,.6);
  -moz-box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset -1px 0px 1px 0px rgba(0,0,0,.6);
}

#submenu > ul  {
  height:21px;
}
#submenu li {
  height:21px;
}

#submenu a {
  height:21px;
  color:#FFFFFF;
  padding-top:1px;
}

#submenuRest {
  position:absolute;
  left:0px;
  border:0px solid green;
  z-index:9;
}
#submenuRest ul {
  list-style:none;
  margin:0px;
  padding:3px 0px 5px 12px;
}
#submenuRest li {
  list-style:none;
  padding:0px;
  margin:0px;
}

#subMenuRest a {
  font-weight:normal;
  text-decoration:none;
  color:#003399;
}
#subMenuRest li.active > a {
  font-weight:bold;
}
#subMenuRest a:hover {
  text-decoration:none;
  color:#003399;
}


/*- footer -*/
#footer {
  font-family:Ubuntu,Georgia,serif;
  font-size:10pt;
  text-align:center;
  color:#663300 !important;
  font-weight:normal;
}

#footer form {
  display:inline;
}
#footer input, #footer button {
  padding:0px;
  height:16px;
  font-family:Georgia,serif;
  font-size:8pt;
  color:#663300;
  border:1px solid #663300;
  background-color:#FBEBBF;
}
#footer input.btn  {
  padding:0px 0px 1px;
  margin:0px 0px 0px 1px;
  color:#FBEBBF;
}
#footer input.text {
  padding:1px 0px 0px;
}
#footer > a {
  padding-top:5px; 
  text-decoration:none; 
  color:#663300 !important;
}
#footer > a:hover { text-decoration:underline; }


#footer .social {
  position:relative;
  z-index:13;
  float:right;
  margin:0 5% 0 2%;
  border:0px solid red;
} 

.social .anker {
  position:relative;
  height:100%;
  margin:0;
  padding:0 0 0 30px;
  overflow:hidden;
  border:0px solid red;
  cursor:pointer;
}

.social .icon {
  float:right;
  background:url('/bild/ic_social.png') left no-repeat;
  width:80px;
  height:50px;
  padding:5px 0 0 45px;
}

.social .sprbl {
  position:absolute;
  left:-10px;
  top:-10px;
  float:left;
  background:url('/bild/sprbl_zipfel_home.png') left no-repeat;
  width:50px;
  height:35px;
}
.programm .social .sprbl { background-image:url('/bild/sprbl_zipfel_prog.png'   ); }
.infos    .social .sprbl { background-image:url('/bild/sprbl_zipfel_infos.png'  ); }
.anreise  .social .sprbl { background-image:url('/bild/sprbl_zipfel_anreise.png'); }
.anreise  .social .sprbl { background-image:url('/bild/sprbl_zipfel_anreise.png'); }
.shop     .social .sprbl { background-image:url('/bild/sprbl_zipfel_shop.png'   ); }
.galerie  .social .sprbl { background-image:url('/bild/sprbl_zipfel_galerie.png'); }
.talk     .social .sprbl { background-image:url('/bild/sprbl_zipfel_talk.png'   ); }

          div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_home_hi.png'   ); }
.programm div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_prog_hi.png'   ); }
.infos    div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_infos_hi.png'  ); }
.anreise  div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_anreise_hi.png'); }
.anreise  div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_anreise_hi.png'); }
.shop     div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_shop_hi.png'   ); }
.galerie  div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_galerie_hi.png'); }
.talk     div.social:hover .sprbl { background-image:url('/bild/sprbl_zipfel_talk_hi.png'   ); }

.social .popup {
  display:none;
  position:absolute;
  bottom:100%;
  right:0px;
  width:250px;
  height:180px;
  padding:5px 10px 0 5px;
  overflow:hidden;
}
div.social:hover .popup { display:block; }

.social .panel {
  margin:0;
  height:100%;
  width:100%;
  background:url('/bild/rgba(245,235,205,.9.png');
  background:rgba(245,235,205,.9);
  border:0;
  border-radius:6px;
  box-shadow:3px 3px 5px 3px rgba(0,0,0,.4);
  -moz-border-radius:6px;
  -moz-box-shadow:3px 3px 5px 3px rgba(0,0,0,.4);
}

.panel .close {
  display:block;
  float:right;
  width:14px;
  height:14px;
  margin:2px;
  padding:0;
}

#socialLinks {
  clear:both;
}

#socialLinks a {
  float:left;
  width:47%;
  margin:0px 0% 2px 2%;
  padding:1px;
  overflow:hidden;
  border-radius:2px;
  box-shadow:0px -3px 5px ;
  box-shadow:inset 0px 15px 10px -5px rgba(255,255,255,.3),
             inset 0px -7px 7px -5px rgba(0,0,0,.1),
             1px 1px 2px 0 rgba(0,0,0,.3);
  -moz-border-radius:2px;
  -moz-box-shadow:0px -3px 5px ;
  -moz-box-shadow:inset 0px 15px 10px -5px rgba(255,255,255,.3),
             inset 0px -7px 7px -5px rgba(0,0,0,.1),
             1px 1px 2px 0 rgba(0,0,0,.3);
}

#atiBox a {
  width:50%;
}



#at15s, #atiButton {
  display:none;
}
#at20mc * {
  box-sizing:content-box;
  -moz-box-sizing:content-box;
}


/*- _inhalt -*/

#inhalt {
}

/*- _layoutraster -*/

.zentralspalte {
  position:relative;
  left:0px; top:0px;
  max-width:800px;
  margin:auto;
}


table.sp {
  width:100%;
  height:100%;
  border:0px;
}

.t2sp .sp1 {
  width:69%;
}
.t2sp .sp2 {
  width:29%;
}

.l20 #text .t2sp .sp2 .item {
  padding:0;
}


/*- _basic html tags -*/
h1, .h1,
h2, .h2,
h3, .h3 /*,
 h4, .h4 */ {
  padding:0px;
  color:#663300;
  font-family:Georgia,Courier New,serif;
  font-weight:bold;
  text-decoration:none;
  line-height:1.2em;
}
h1 em, .h1 em,
h2 em, .h2 em,
h3 em, .h3 em,
h4 em, .h4 em {
  color:#AA5500;
}

h1, .h1 {
  clear:both;
  margin:0px 0px 1em;
/*  font-family:Yanone Tagesschrift; */
  font-size:16pt;
  border-bottom:1px dashed #663300;
}
* + h1, * + .h1 {margin-top:3em;}
.rechts + h1 {margin-top:0em;}

h2, .h2 {
  margin:0em 0px .5em;
  color:#663300;
/*  font-family:Yanone Tagesschrift; */
  font-size:13pt;
  line-height:1em;
  border-bottom:1px dashed #663300;
}
* + h2, * + .h2 {margin-top:2em;}

li h2 {
  margin-top:0;
}

h3, .h3 {
  margin:0px 0px .3em;
  font-size:11pt;
  line-height:1em;
  border-bottom:1px dashed #663300;
}
* + h3, * + .h3 {margin-top:1em;}

h4, .h4 {
  margin:0px 0px .2em;
  font-size:12pt;
  font-weight:bold;
  line-height:1em;
}
* + h4, * + .h4 {margin-top:.5em;}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a {
  text-decoration:none;
}

h1.nou, .h1.nou,
h2.nou, .h2.nou,
h3.nou, .h3.nou {
    border:0px;
}

p, .p {
  margin:0px 0px 10px;
}


a {
  color:#663300;
}
a:hover {
  color:#AA5500;
}

a img {
  border:0px;
}




ul, ol {
  margin:0px 0px 10px;
  padding:0px;
}
ul, ol {
   overflow:hidden;
}
li {
  margin:0px 0px 0px 1.4em;
  padding:0px 0px 0px;
}

em {
  font-weight:bold;
  font-style:normal;
  color:#663300;
}


table {
  border-spacing:0px;
  empty-cells:show;
}
td {
  padding:0px 2px;
  text-align:left;
  vertical-align:top;
}

#text iframe {
  position:relative;
  left:0;
  top:0;
  margin:0;
  padding:0;
}


/*- _basic classes -*/

table.raster {
  margin:0px;
  padding:0px;
}

table.raster td {
  padding:5px;
}

.links {
  float:left;
  clear:left;
  margin-right:5px;
}
img.links {
  margin-top:0px;
}

td.links, th.links {
  float:none;
  text-align:left;
}

.mitte {
  float:none;
  text-align:center;
  margin:auto;
}


.rechts {
  float:right;
  clear:right;
  margin-left:5px;
}
td.rechts, th.rechts {
  float:none;
  text-align:right;
}
p.rechts {
  clear:none;
  float:none;
  text-align:right;
}

.l {text-align:left;}
.c,.m {text-align:center;}
.r {text-align:right;}


.w100pro { width:100%; }
.w80pro  { width: 80%; }
.w50pro  { width: 50%; }

.h100pro { height:100%; }
.h80pro  { height: 80%; }
.h50pro  { height: 50%; }



.clear {
  clear:both;
}

p.datum, div.datum, span.datum {
  margin:0px 0px 4px;
  font-size:10pt;
}


.vorspann,
.fett {
  font-weight:bold;
}

.klein {
  font-size:90%;
/*  line-height:90%; */
}

.hinweis {
  font-style:italic;
}

.hid {
  display:none;
}


.randlos {
  border:0px !important;
}


.odd {
  background:url('/bild/rgba(255,255,255,.1).png');
  background:rgba(255,255,255,.1);
}
.evn {
  background:url('/bild/rgba(255,255,255,.25).png');
  background:rgba(255,255,255,.25);
} /* :url('/bild/ws_a50.png'); } */

table.nobg .odd, table.nobg .evn {background:none;}


.item {
  padding:5px 0px 5px;
  clear:both;
  margin-bottom:10px;
}

.item > h1, .item > h2 {
  margin-top:5px;
}


#text .whitespace {
  background:url('/bild/rgba(255,255,255,.5).png');
  background:rgba(255,255,255,.5);
  padding:15px;
}



.error {
  border:1px solid #AA0000;
  padding:0px;
  width:80%;
  background:#FFCCCC;
  margin:auto;
}
.error > * {
  margin:5px 10px;
}
.error h2 {
  color:#FFFFFF;
  background-color:#AA0000;
  margin-top:0px;
  padding:2px 10px;
  border-bottom:0px;
  margin:0px 0px 5px;
}


div.editLinks {
  float:right;
}
.editLinks.b1 {
  width:20px;
}


.mediaplayer.mitte #film {
  margin:auto;
}


/*- debug -*/
#text .debug {
  font-family:Tahoma;
  font-size:8pt;
  margin:0px 0px 5px;
  text-align:left;
}


/*- popup -*/
.popup #inhalt {
  margin:0px 5% 2%;
  padding-top:100px;
}
.popup #logo { top:13px; }
.popup h1.balken {
  color:#FFFFFF;
  background:#663300;
  padding-top:3px;
}



/*- formular -*/
form {
  margin:0px;
  padding:0px;
}


input,
select,
textarea {
  background-color:#FCEDD3;
  border:1px solid #663300;
  padding-left:2px;
  font-family:Ubuntu, Arial, Helvetica, sans-serif;
  font-size:10pt;
  border-radius:4px;
  box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset 1px 1px 2px 0px rgba(0,0,0,.3);
  -moz-border-radius:4px;
  -moz-box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset 1px 1px 2px 0px rgba(0,0,0,.3);
}

.los,
.btn,
input.button,
button {
  cursor:pointer;
  border-color:#663300;
  border-top-color:#EEBB77;
  border-left-color:#FFF9CC;
  background-color:#BB6600;
  box-shadow:inset 0px 15px 10px -5px rgba(255,255,255,.5),
             inset 0px -7px 7px -5px rgba(0,0,0,.2),
             1px 1px 2px 0 rgba(0,0,0,.5);
  -moz-box-shadow:inset 0px 15px 10px -5px rgba(255,255,255,.5),
             inset 0px -7px 7px -5px rgba(0,0,0,.2),
             1px 1px 2px 0 rgba(0,0,0,.5);
}

.los { font-weight:bold; }

label {
  cursor:pointer;
}


.err {
  color:#AA0000;
  font-weight:bold;
}


tr.hidden { display:none; }



/*- box -*/
.box {
  border:1px solid #663300;
  background:url('/bild/rgba(255,255,255,.5).png');
  background:rgba(255,255,255,.5);
  margin-top:0px;
  margin-bottom:8px;
  overflow:hidden;
  border-radius:6px;
  -moz-border-radius:6px;
}
* + .box {
  margin-top:4px;
}
.box.mitte {
  margin:0px auto 12px;
  text-align:left;
}

table.box {
  border-spacing:0px;
}
td.box {
  padding:0;
}

.box > tr > td:first-child, .box > tr > th:first-child { padding-left: 5px;}
.box > tr > td:last-child,  .box > tr > th:last-child  { padding-right:5px;}

.box .h1,
.box h1 {
  font-family:Georgia,serif;
  font-weight:bold;
  margin:0px; /* 0px 4px; */
  padding:0px 0px 0px 4px;
  color:#FFFFFF;
  background:url('/bild/rgba(170,85,0,.85).png'); /* #663300; */
  background:rgba(170,85,0,.85); /* #663300; */
  font-size:11pt;
  line-height:15pt;
  border-bottom:0;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  box-shadow:inset 0px 6px 8px -5px rgba(255,255,255,.3),
             inset -4px -2px 5px -4px rgba(0,0,0,.3);
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -moz-box-shadow:inset 0px 6px 8px -5px rgba(255,255,255,.3),
                  inset -4px -2px 5px -4px rgba(0,0,0,.3);
}
.box .h1 a, .box h1 a { color:#FFFFFF; }

.box h1 + * {
  margin-top:4px;
}
.box h1 + img {
  margin-top:0px;
}
 
 
.box h2 {
  margin:0px 4px 4px;
  padding:0px;
  color:#663300;
  font-size:11pt;
  line-height:11pt;
}

.box p, .box .p {
  margin:0px 4px 6px;
}

.box .full {
  width:100%;
  margin:0;
}

/*
.optBox --> .menuList (~Z.250ff)
        --> .submenu  (~z.477ff)
*/
.optBox {
  display:inline-block;
  background:#663300;
  overflow:hidden;
  padding:2px;
  border-radius:4px;
  box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset -1px 0px 1px 0px rgba(0,0,0,.6);
  -moz-border-radius:4px;
  -moz-box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset -1px 0px 1px 0px rgba(0,0,0,.6);
}
.optBox > * {
  display:block;
  display:inline-block;
  padding:2px 8px;
}
.optBox > * + * {
  box-shadow:-1px 0 0 0 rgba(0,0,0,.3), inset 1px 0 0 0 rgba(255,255,255,.2); 
  -moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.3), inset 1px 0 0 0 rgba(255,255,255,.2); 
}
.optBox a, .optBox .opt {
  color:#FFF;
  text-decoration:none;
  padding-left:1em;
  padding-right:1em;
}
.optBox .on {
  background:url('/bild/rgba(255,255,255,.1).png');/*  #DD6600; */
  background:rgba(255,255,255,.2);/*  #DD6600; */
  box-shadow:-1px 0 0 0 rgba(0,0,0,.3),
                  inset  2px  7px 7px -7px rgba(0,0,0,.3),
                  inset -2px -7px 7px -7px rgba(255,255,255,.3); 
  -moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.3),
                  inset  2px  7px 7px -7px rgba(0,0,0,.3),
                  inset -2px -7px 7px -7px rgba(255,255,255,.3); 
}
.optBox .on + a, .optBox .on + .opt {
  box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,.5); /*, -1px 0 0 0 rgba(255,255,255,.3); , ; */ 
  -moz-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,.5); /*, -1px 0 0 0 rgba(255,255,255,.3); , ; */ 
}
 
/*- bild -*/
body .bild {
  display:inline-block;
  overflow:visible;
  position:relative;
  left:0px; top:0px;
  border:0px solid red;
}

body .bild img {
  float:none;
  padding:0;
  margin:0;
}
/*
.links  img { float:left;  }
.mitte  img { float:left;  }
.rechts img { float:right; }
*/

.bild a:link, .bild a:visited { text-decoration:none; }
.bild a:hover { text-decoration:underline; }


.overlay {
  position:absolute;
  right:0px;
  text-align:right;
  bottom:10px;
  padding:0px;
  margin:0px;
/*  font-family:Georgia,serif; */
  font-weight:normal;
}
.links  .overlay, .overlay.links  { text-align:left;   left:0px;   }
.mitte  .overlay, .overlay.mitte  { text-align:center; margin-left:auto; margin-right:auto; }
.rechts .overlay, .overlay.rechts { text-align:right;  right:0px;   }


.overlay p, .overlay .p {
  padding:1px 5px;
  margin:0px 0px 3px;
  text-align:right;
  margin-left:10px;
  float:right;
  background:url('/bild/rgba(255,255,255,.7).png'); /* :url('/bild/ws_a75.png'); */
  background:rgba(255,255,255,.75); /* :url('/bild/ws_a75.png'); */
}
.links  .overlay p, .overlay.links  p { text-align:left;   margin-right:10px; float:left;   }
.mitte  .overlay p, .overlay.mitte  p { text-align:center; margin-left:auto;  margin-right:auto; }
.rechts .overlay p, .overlay.rechts p { text-align:right;  margin-left:10px;  float:right;   }


.bu {
  background:url('/bild/rgba(255,255,255,.5).png');
  background:rgba(255,255,255,.5); /*url('/bild/ws_a50.png');*/
  padding:0px 3px 0px;
  margin:0px;
  font-size:90%;
  line-height:80%;
}
.links  .bu { text-align:left;   }
.mitte  .bu { text-align:center; }
.rechts .bu { text-align:right;  }


.rahmen { border:1px solid; }
.overlay.rahmen { border:0px; }
.overlay.rahmen p { border:1px solid; }

.links  .rahmen p { border-left: 0px; }
.rechts .rahmen p { border-right:0px; }


/*- modul flipper -*/

.flipper {
  display:block;
  position:relative;
  left:0px; top:0px;
  width:215px; height:322px;
  overflow:hidden;
}

.flipper .flipa {
  display:block;
}

.flipItem {
  position:relative;
  left:0px; top:0px;
  width:100%; height:100%;
  border:0px solid red;
  margin:0px 0px 2px;
}

.flipItem .info {
  position:absolute;
  right:0px;
  bottom:10px;
}

.flipItem .info p {
  clear:right;
  float:right;
  background:url('/bild/rgba(255,236,0,.75).png'); /* url('/bild/ge_a75.png'); */
  background:rgba(255,236,0,.75); /* url('/bild/ge_a75.png'); */
  margin:0px 0px 3px 10px;
  padding:1px 5px;
  border:0px solid #000000;
  border-right:0px;
/*  font-family:Georgia,serif; */
  font-weight:normal;
}

.flipItem .band {
  font-size:11pt;
}
.flipItem .zeit {
  font-size:9pt;
}

.flipItem .info a {
  text-decoration:none;
}


.flipper .flipas {
  position:absolute;
  left:0px; top:0px;
  width:100%;
  height:10px;
}

.flipas a {
  display:block;
  position:absolute;
  top:0px;
  width:50%;
  font-size:20px;
  line-height:13px;
  font-weight:normal;
  text-decoration:none;
  padding:0 7px 5px;
}
a.flipal {left: 0px; text-align:left; }
a.flipar {right:0px; text-align:right; }
.flipas a:hover {background:url('/bild/ge_a75.png');}







/*- _unterseiten -*/


/*- home -*/
/* farben von "home" oben als standard definiert. */

.home .raster { margin-right:0px; }

.home .raster > div {
}

.home #links { 
  width:75.5%;
  min-width:20em;
  float:left;
  padding-right:0px;
  border:0px solid red;
}
.home #mitte {
  width:67.4%;
  min-width:20em;
  float:right;
  border:0px solid green;
}
.home #ganzlinks {
  padding-right:18px;
  overflow:hidden;
  min-width:190px;
  border:0px solid cyan;
}
.home #rechts { 
  width:24.5%;
  min-width:10em;
  float:right;
  border:0px solid magenta;
}

.home #ganzlinks h1 {
  clear:none;
}
.home .box {
  margin-top:0px;
  margin-bottom:18px;
}

.home .bare {
  border-radius:6px;
  -moz-border-radius:6px;
  margin-bottom:18px;
  overflow:hidden;
/*
  background:#68A;
*/
}
.home .bare > img, .home .bare > a > img {
  display:block;
  width:100%;
  margin:0;
  float:none;
}


.home #teaser {
  width:100%;
  height:220px;
  margin:0 0 18px;
  border:1px solid #663300;
  border-radius:6px;
  -moz-border-radius:6px;
}

#teaser .flipItem {
  padding:0px;
}

#teaser .flipa {
}

#teaser img.flip {
  width:100%;
  height:100%;
  border-radius:4px;
  -moz-border-radius:4px;
}

#teaser h1, #teaser h1 a  {
  font-family:Yanone Tagesschrift;
  font-size:150%;
  color:rgb(100,50,0);
  color:rgba(100,50,0,.9);
  text-shadow: 2px  2px 0px rgba(255,255,255,.8), 
               2px -2px 0px rgba(255,255,255,.8),
              -2px -2px 0px rgba(255,255,255,.8),
              -2px  2px 0px rgba(255,255,255,.8);
  text-decoration:none;
  border:0;
  padding-right:18px;
}

#teaser .overlay {
  max-width:85%;
  font-size:110%;
}

#teaser .overlay p, #teaser .overlay .p {
  clear:right;
  padding-right:18px;
  border:1px solid #663300;
  border-right:0px;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-bottomleft:6px;
  text-align:left;
}
#teaser .overlay p {
  white-space:pre-wrap;
}

#teaser .programm .overlay {font-size:100%; max-width:95%; width:95%;}



.home #partner ul {
  text-align:center;
}
.home #partner li {
  list-style:none;
  margin:0;
}
.home #partner li.p1 {
  display:inline-block;
  width:100px;
  height:50px;
  margin:0 4px 4px 0;
  padding:4px;
  vertical-align:middle;
  background:url('/bild/rgba(255,255,255,.5).png');
  background:rgba(255,255,255,.5);
}

.home #freunde {
  margin:0 0 0 0em;
  padding:0;
  border:0px solid green;
}

.home #freunde > div {
  overflow:hidden;
  margin:0px 0px 18px 18px;
  padding:0;
/*
  text-align:center;
  float:left;
  clear:none;
*/
  border-radius:6px;
  -moz-border-radius:6px;
}

.home #news > div, .home #news > li {
  margin:0px 0px 20px;
  padding:4px 0 1px; 
/*
  background:rgba(255,255,255,.5);
  -moz-border-radius:6px;
*/
}
.home #news > div > *, .home #news > li > * {
  margin-left:6px;
  margin-right:6px;
}

.home #news .box > div {
  margin-left:6px;
}

.home .datum,
.news .datum {
  clear:both;
  float:right;
  font-style:normal;
  font-weight:normal;
  font-size:10pt;
  margin-top:.5em;
}

.home .news.full {
  width:80%;
  margin:auto;
}

.home .news h1,
.home #news h1,
.news .news h1,
.news #news h1 {
  clear:none;
}
.home .news.full h1 {
  margin-top:0;
}

.home #programm {
  font-size:87%;
  font-weight:normal;
}

.home #programm a {
  text-decoration:none;
}
.home #programm a:hover {
  text-decoration:underline;
}

.home #progTeaser_flip {
  margin:0px 10px 6px;
}



#news .liste {
  width:90%;
  margin-left:5%;
  border-collapse:collapse;
}
#news .liste td {
  padding:1px 2px 1px 5px;
}

#news .liste .p {
  text-align:right;
  border-right:1px solid #663300;
  padding-right:5px;
  padding-left:2px;
}


#news li {
  position: relative;
  list-style:none;
  margin:0 0 1.2em;
}

#news h1 {
  margin:0 0 .5em;;
}

#news .mehr {
  position:absolute;
  right:0px;
  bottom:-10px;
  float:right;
  margin:0px;
}
#news li.all {
  border-top:1px dashed #960;
  margin-top:2em;
  height:25px;
}
#news li.all .mehr{
  top:10px;
}


/*- suche / tagnav -*/
form.suche {
  display:block;
  margin:5px 0px 15px;
}

.suche #text li {
  margin-top:1em;
  padding:5px 10px;
}

.suche #text li .q {
  float:right;
  font-size:8pt;
  line-height:9pt;
}


#text .tagnav > ul {
  margin-top:0;
  margin-left:2px;
  height:120px;
  padding-right:20px;
}

.tagnav ul {
  margin:0 0 0 6px;
}
.tagnav li {
  position:relative;
  list-style:none;
  margin:.2em;
  padding:0;
  line-height:1.1em;
}
.tagnav > ul > li {
  float:left;
  margin-right:3px;
}

.tagnav li ul {
  position:absolute;
  left:0; top:.5em;
  background:#FEA;
  display:none;
}
#text div.tagnav:hover > ul {
  overflow-y:auto;
}

.tagnav li:hover ul {
  display:block;
  z-index:5;
}

.tagnav a {
  text-decoration:none;
}
.tagnav a:hover {
  text-decoration:underline;
}



/*- kontakt -*/
.kontakt_presse #text .label {
  width:9em;
}


.kontakt_presse #text input,
.kontakt_presse #text select,
.kontakt_presse #text textarea {
  width:400px;
}
.kontakt_presse #text textarea {
  height:150px;
}


/*- wetter -*/
.wetter table {
  width:100%;
  margin:10px 0px 20px;
}
.wetter table td {
  text-align:center;
}
.wetter td.titel {
  font-weight:bold;
}
.wetter #tage td {
  font-weight:bold;
  border-bottom:1px dashed #663300;
}
.wetter #icons td {
  vertical-align:middle;
}
.wetter #sagen td {
  border-bottom:1px dashed #663300;
}


.broschuere .los {
  width:100%;
}



body.newsletter #text {
  padding-bottom:50px;
}

body.newsletter .nlContainer {
  position:relative;
  left:0px; top:0px;
  width:800px;
  margin:20px auto 50px;
  text-align:center;
}

body.newsletter .nlContainer #seite {
  position:relative !important;
  height:auto !important;
  overflow:visible !important;
}
#nlSelecta {
  position:absolute;
  z-index:7;
  right:10px;
  top:10px;
  margin:0;
  padding:0px;
}
#nlSelecta select { width:250px; }
#nlSelecta .typ0 { color:#AAAAAA }


body.newsletter .links {
  margin-right:5px;
}



/*- formular gewinnspiel + akkreditierung  -*/

.formular {
  text-align:center;
  margin-top:10px;
}

.formular p {text-align:left;}
.formular div.msg {
  width:80%;
  margin:5px auto 10px;
  text-align:left;
}

.formular table {
  text-align:left;
}

.formular td.label {padding-right:5px; white-space:nowrap; width:100px;}
.formular td.input {width:300px; padding:0px 0px 2px;}

.formular td > div {position:relative; left:0; top:0;}

.formular input.text, .formular input.los {width:100%;}

.formular ul.ff {
  margin:0px;
  padding:0px;
}

.formular ul.ff li {
  list-style:none;
  margin:0px;
  padding:0px;
}


.formular #b_plz td, .formular #b_ort td {padding:0;}

.formular #ff_land { width: 40px; position:relative; left: 0px; top:0px; }
.formular #ff_plz  { width: 50px; position:absolute; left:43px; top:-1.6em; }
.formular #ff_ort  { width:204px; position:absolute; left:96px; top:-1.6em; }

form .invalid {background-color:#FF5828;}

form .invalid input {border:1px solid #FF0000 !important;}



/*- plakatkleber -*/

#plakatkleber #ff_land,
#plakatkleber #ff_plz, 
#plakatkleber #ff_ort  { position:relative; left: 0px; top:0px; margin:0px; }

#plakatkleber .plz  { width: 50px; }
#plakatkleber .ort  { width:220px; }

#plakatkleber .zielPlus {
  display:none;
  position:absolute;
  right:0px;
  bottom:0px;
  width:20px;
  height:20px;
  margin:0;
  padding:0;
  border:1px outset #666;
  background:#AAA;
  text-align:center;
  font-weight:bold;
  font-size:16pt;
  line-height:12pt;
  cursor:pointer;
} 



/*- iphone -*/
.iphone {
  position:relative;
  left:0; top:0;
  width:415;
  height:758;
  background:url('/mobil/iphone_rahmen.png');
  margin:auto;
}
.iphone .screen {
  display:block;
  position:absolute;
  left:47px;
  top:135px;
  width:320px;
  height:430px;
  margin:0;
  padding:0;
  border:0;
  background:url('/mobil/bg.jpg')
}
.iphone iframe {
  position:absolute;
  width:100%;
  height:100%;
  margin:0;
  padding:0; /* 20px 0 0; */
  border:0;
  background:transparent;
}
.iphone .tabbar {
  position:absolute;
  left:47px;
  top:565px;
  width:320px;
  height:50px;
  padding:1px 1px 2px;
  background:url('/mobil/gui/tab_bg.png');
}

.iphone .tabbar li {
  display:block;
  float:left;
  width:20%;
  height:100%;
  margin:0;
  padding:0px 1px;
}
.tabbar li a {
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:34px 0px 0px;
/*
  background:rgba(255,255,255,.2) center 2px no-repeat;
*/
  background:center 2px no-repeat;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-align:center;
  font-family:Helvetica,Arial,sans-serif;
  font-weight:bold;
  font-size:9pt;
  line-height:100%;
  text-decoration:none;
  color:#BBB;
}

.tabbar .prog a { background-image:url('/mobil/gui/tab_programm.png'); }
.tabbar .live a { background-image:url('/mobil/gui/tab_live.png'    ); }
.tabbar .kart a { background-image:url('/mobil/gui/tab_karte.png'   ); }
.tabbar .info a { background-image:url('/mobil/gui/tab_info.png'    ); }
.tabbar .hilf a { background-image:url('/mobil/gui/tab_hilfe.png'   ); }


/*- programm -*/
.programm #submenu, .programm #menu .menuList > .active,
.programm .optBox, .programm .box h1, .programm .box .h1 {
  background:#805500;
}
.programm #submenu li.active {
  background-color:#B37700;
}
.programm #textContainer {
/*
  padding:5px 5px 0px;
*/
  background:url('/bild/rgba(199,154,64,.85).png');
  background:rgba(199,154,64,.85);
}

.programm .social .panel {
  background:url('/bild/rgba(220,190,120,.9).png');
  background:rgba(220,190,120,.9);
}


.programm h1, .programm .h1,
.programm h2, .programm .h2,
.programm h3, .programm .h3 {
  border-color:#FFFFFF;
  color:#FFFFFF;
}
.programm h3, .programm .h3 { border:0px; }
.programm h3 a:link, h3 a:visited { text-decoration:none; color:#FFFFFF; }
.programm h3 a:hover { text-decoration:underline; color:#FFFFFF; }

.programm h4 { color:#000000; }


/* .programm .evn { background-color:rgba(255,255,255,.15); } /* :#D6A745;} */
/* .programm .odd { background-color:rgba(255,255,255,.05); } /* #CE9A31;} */


.programm .box { border-color:#B70; }
.programm .box h1 {
  background:url('/bild/rgba(180,120,0,.5).png');
  background:rgba(180,120,0,.5);
  color:#FFFFFF;
}

.programm .box td.h1 {
  font-size:14pt;
}
.programm .box td.h1 img {
  vertical-align:middle;
  margin:0px 10px;
}

.programm table.plan {
	width:80%;
	border-collapse:collapse;
	margin-top:4px;
}

.programm td h1 {border:0px; margin-bottom:0px;}

.programm .datum td {
  border-bottom:1px solid #FFFFFF;
  text-align:center;
}
.programm .datum h2 {
  padding:0px;
  margin:15px 0px 0px;
}

.programm .anmerkung  {color:#000000; font-weight:bold; font-style:normal; margin-top:0pt; margin-bottom:0pt;}

.programm .buehnen td {
  border-bottom:1px solid #FFFFFF;
  text-align:center;
  vertical-align:middle;
}
.programm td.buehne {
  border-left:1px dotted #FFFFFF;
}
.programm .buehnen img{
  vertical-align:middle;
  margin:0px 3px 0px 0px;
}
.programm .buehnen h3 {
  margin:2px auto;
}

.programm .plan td.info p {
  text-align:left;
}


.programm td.zeit {
  width:5%;
  vertical-align:top;
  text-align:center;
  padding:4px 5px 2px;
  border-left:1px dotted #FFFFFF;
}

.programm td.band {
  vertical-align:top;
  text-align:center;
  padding:3px 5px 0px;
  border-left:1px dotted #FFFFFF;
  border-right:1px dotted #FFFFFF;
}
.programm .band div {
  margin:0px 0px 3px;
  padding:0px;
}
.programm .band h4 {
  margin:0px;
  padding:2px 0px 3px;
/*  font-weight:normal; */
  line-height:10pt;
}
.programm .band p {
  margin:0px;
  padding:0px 0px 3px;
  line-height:10pt;
}

.programm .ausserdem td {
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  text-align:center;
  vertical-align:bottom;
}
.programm .ausserdem h3 {margin:10px 0px 2px;}

.programm .ende td {
  border-top:1px solid #FFFFFF;
}

.programm .buehnen td.first {
  border-left:0px;
}




.programm a.flip {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:10pt;
  text-decoration:none;
}


.programm a.gal {
  vertical-align:middle;
  padding-left:3px;
}




/*- programm info (wenn plan aus) -*/
.programm td.info {
  border:0px;
}

.programm #text td.info h1 {
  border-bottom:1px solid #FFFFFF;
  margin-bottom:10px;
}



.frueher td {
  padding:5px;
}
.frueher .buehnen td {
  padding-top:2em;
}
.frueher .bands a {
  text-decoration:none;
}
.frueher .bands a:hover {
  text-decoration:underline;
}

.frueher h1 a:link {
  color:#FFFFFF;
}
.frueher .plakat {
  border-radius:6px;
  -moz-border-radius:6px;
}


/*- programm detail -*/

.programmDetail .h1 {
  vertical-align:middle;
  height:50px;
}
.programmDetail .datum {
  padding-top:5px;
  padding-bottom:5px;
  font-size:110%;
  font-weight:bold;
}
.programmDetail .bild {
  padding:3px 10px 0px 0px;
  width:315px;
}
.programmDetail .bild img {
  margin-bottom:5px;
  width:300px;
  border-radius:6px;
  -moz-border-radius:6px;
}

table.programmDetail {
  margin-bottom:15px;
}

.programmDetail tr.spreizer td {
  height:0px;
  padding:0px;
}

.programmDetail .hr {
  border-bottom:1px dashed #FFFFFF;
}

.programmDetail .video {
  padding-top:10px;
  text-align:center;
}

.programmDetail .video div {
/*
  float:right;
*/
  margin:0px 4px 10px 0px;
}


.programmDetail p.link {
/*  float:left; */
  margin-right:20px;
}


.programmDetail a.video {
  margin-top:0px;
  padding:0px;
}
.programmDetail a.gal {
  background:url('/bild/ic_foto.20.png') left center no-repeat;
  padding-left:23px;
}


.programmDetail .grpnav td {
  text-align:right;
  padding-right:7px;
}
.programmDetail .grpnav a.link {
  position:relative;
  top:1.5em;
  font-size:9pt;
  color:#FFFFFF;
  text-decoration:none;
}

/*- programm a-z -*/


#az {
  margin-top:14px;
}

#az li {
  position:relative;
  top:0px;
  width:33%;
  float:left;
  margin:0px 0px 10px;
  padding:0px;
  list-style:none;
}

#az .char {
  clear:left;
  width:100%;
}
#az .char b { display:none; }

#az img {
  position:absolute;
  left:0px;
}
#az .b1 img {left:2px;}

#az a {
  display:block;
  float:left;
  text-decoration:none;
  padding:0px;
  margin:0px 10px 0px 30px;
}



.open_decks h4, #az h4 {
  margin-top:3px;
}
.open_decks h4 {
  margin-left:10px;
}


.open_decks #text h1 {
  margin:15px 0px 10px;
  padding:0px 0px 10px;
}

.open_decks #text .plan h1 {
  position:relative;
  left:0px;
  margin:10px 0px 0px;
  padding:0px;
}
.open_decks .plan h1 img {
  position:absolute;
  left:0px;
  top:0px;
}

.open_decks .plan .anmerkung {
}


/*- programm playlist -*/
.playlist h4 {
}




/*- bandvorschläge -*/
ul.bv, .bv li {
  padding:0px;
  margin:0px;
  list-style:none;
}

.bv li {
  position:relative;
  left:0px; top:0px;
  margin:0px 0px 2px;
}

.bv .vis {
  position:absolute;
  left:0px; top:0px;
  height:100%;
  border:1px solid #FFFFFF;
  background-color:#EAD6AA;
}

.bv .content {
  position:relative;
  z-index:2;
  margin:1px 5px;
  padding:1px 0px 1px 25px;
}
.bv .cb {
  position:absolute;
  left:3px;
  top:1px;
}
.bv .name {
  font-family:Georgia,serif;
  font-weight:normal;
}
.bv a {
  text-decoration:none
}
.bv input.text {
  width:40%;
}


/*- infos -*/

.infos #submenu, .infos #menu .menuList > .active {
  background:#336600;
}
.infos #submenu li.active {
  background-color:#468C00;
}
body.gelaende,
.infos #textContainer {
  background:url('/bild/rgba(115,196,88,.85).png');
  background:rgba(115,196,88,.85);
}

.infos .social .panel {
  background:url('/bild/rgba(180,220,150,.9).png');
  background:rgba(180,220,150,.9);
}


.infos em,
.infos #text a {
  color:#006600;
  border-color:#006600;
}
.infos h1, .infos h2, .infos h3, .infos h4,
.infos h1 a, .infos h2 a, .infos h3 a, .infos h4 a {
  color:#FFFFFF !important;
  border-color:#FFFFFF;
}

.infos #text a:hover {
  color:#448800 !important;
  text-decoration:underline;
}

.infos.mod_galerie a.nav:hover {
  color:#559900;
}

/*
.infos .odd { background:#99CA68; }
.infos .evn { background:none; }
*/

.infos .box { border-color:#006600; }
.infos .box h1, .infos .box .h1 { background-color:#006600; }
/*
.infos .box .odd { background:#DBECCA; }
*/

.infos #text input,
.infos #text select,
.infos #text textarea {
  background-color:#DDEEBB;
  border:1px solid #336600;
  width:100%;
  margin:0px 1px 1px 0px;
}
.infos textarea {
  height:100px;
}

.infos #text input.los,
.infos #text input.btn,
.infos #text input.button,
.infos #text button {
  background-color:#66AA11;
  border-top-color:#C8E2AD;
  border-left-color:#C8E2AD;
}




.infos .sp1 {
  max-width:70%;
  min-width:250px;
}
.infos .sp1 .item {
  padding-top:0;
}


.infos .sp2 {
  padding-top:5px;
  padding-right:20px;
}

.infos .sp2 div {
  margin:0 0 4px;
}

.infos .sp2 > .item > h1 {
  margin:0;
  padding:1px 5px;
  border:1px solid #006600;
  border-radius:3px;
  -moz-border-radius:3px;
  background:url('/bild/rgba(0,100,0,.3).png');
  background:rgba(0,100,0,.3);
  font-size:11pt;
  line-height:100%;
  text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
.infos .sp2 h1 a {
  display:block;
  background:url('/infos/bild/ic_info_info.16.png') left top no-repeat;
  margin:0;
  padding:2px 0px 3px 23px;
  min-height:16px;
}

.infos table.t2sp {
  width:80%;
  min-width:250px;
}

.sp2 .infos_anreise         h1 a { background-image:url('/infos/bild/ic_info_anreise.20.png'); }    
.sp2 .infos_do_dont         h1 a { background-image:url('/infos/bild/ic_info_do_dont.20.png'); }    
.sp2 .infos_umwelt          h1 a { background-image:url('/infos/bild/ic_info_umwelt.20.png'); }     
.sp2 .infos_biergarten      h1 a { background-image:url('/infos/bild/ic_info_biergarten.20.png'); } 
.sp2 .infos_grillen         h1 a { background-image:url('/infos/bild/ic_info_grillen.20.png'); }    
.sp2 .infos_getraenke       h1 a { background-image:url('/infos/bild/ic_info_getraenke.20.png'); }  
.sp2 .infos_service         h1 a { background-image:url('/infos/bild/ic_info_service.20.png'); }    
.sp2 .infos_camping         h1 a { background-image:url('/infos/bild/ic_info_camping.20.png'); }    
.sp2 .gruener_wohnen        h1 a { background-image:url('/infos/bild/ic_info_greencamp.20.png'); }  
.sp2 .superticket           h1 a { background-image:url('/infos/bild/ic_info_superticket.20.png'); }
.sp2 .infos_pack-checkliste h1 a { background-image:url('/infos/bild/ic_info_packliste.20.png'); }  
.sp2 .infos_baden           h1 a { background-image:url('/infos/bild/ic_info_baden.20.png'); }      
.sp2 .infos_jugendschutz    h1 a { background-image:url('/infos/bild/ic_info_kids.20.png'); }     
.sp2 .infos_behinderte      h1 a { background-image:url('/infos/bild/ic_info_behinderte.20.png'); } 
.sp2 .infos_jobs            h1 a { background-image:url('/infos/bild/ic_info_jobs.20.png'); }       
.sp2 .infos_geruechte       h1 a { background-image:url('/infos/bild/ic_info_geruechte.20.png'); }  
.sp2 .infos_alkohol         h1 a { background-image:url('/infos/bild/ic_info_drogen.20.png'); }    
.sp2 .infos_polizei         h1 a { background-image:url('/infos/bild/ic_info_polizei.20.png'); }    


/*- modul tagnav -*/

.infos_infos div.tagnav {
  position:absolute;
  right:20px;
  top:20px;
  width:15%;
  min-width:100px;
}

#p479 {
  float:right;
  margin-left:12px;
  height:100%;
}

.infos_tickets .zentralspalte,
.infos_vorverkaufsstellen .zentralspalte,
.infos_vorverkaufsstellen .zentralspalte,
.infos_pauschalen .zentralspalte, .infos_pauschalen .liste > .item,
.infos_unterkunft .zentralspalte, .infos_unterkunft .liste > .item,
.infos_gelaende .zentralspalte,
.infos_gelaende_neu .zentralspalte, .infos_gelaende_neu .liste > .item,
.infos_hilfsprojekte .zentralspalte,
.infos_freizeit .zentralspalte,
.nix {
  clear:none;
  overflow:hidden;
}
.infos_tickets h1,
.infos_vorverkaufsstellen h1,
.infos_pauschalen h1,
.infos_unterkunft h1,
.infos_gelaende h1,
.infos_gelaende_neu h1,
.infos_hilfsprojekte h1,
.infos_freizeit h1,
.nix {
  clear:none;
}


.infos #text ul.tagNav {
  overflow:auto;
  height:auto;
  max-height:100%;
}
.infos .tagnav > li {
  display:block;
  float:none;
}


.vorverkaufsstellen td {
  padding:0px 2px 2px;
  white-space:nowrap;
}
.vorverkaufsstellen  th {
  text-align:left;
  padding-left:2px;
}



.banner___logos .odd,
.banner___logos .evn {
  padding:1px 5px;
  margin:5px 0px 10px;
}


.infos .link {
  font-size:11pt;
  line-height:10pt;
  margin:10px 0px 0px;
}

.infos .link a {
  font-size:10pt;
  text-decoration:none;
}

.infos .rmSpace {
  text-decoration:none;
  font-size:9pt;
}



.htmlSrc {
  font-family:Courier New, Courier, monospace;
  font-size:8pt;
  line-height:9pt;
  overflow:auto;
}

.gif .htmlSrc, .jpg .htmlSrc, .png .htmlSrc {height:2.8em !important;}



/*- modul gmap -*/
.gmap {
  position:relative;
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  border:0px solid cyan;
}

.gmap_map {
  top:0;
  width:50%;
  height:100%;
}


.gmap_list {
}
ul.gmap_list, ol.gmap_list, div.gmap_list {
  width:50%;
  height:100%;
  overflow:auto;
  float:left;
  margin:0;
  padding:16px;
}
.gmap_list .no, .gmap_list .no > * {
  font-weight:normal;
  font-size:90%;
  color:#666;
}

.gmap_list > li {
  list-style:none;
  margin:0 0 8px;
  padding:4px;
  max-height:110px;
  overflow:hidden;
  border-radius:4px;
  -moz-border-radius:4px;
  cursor:pointer;
  font-size:90%;
  line-height:1.2em;
}
.gmap_list > li:hover {
  overflow:auto;
}
.gmap_list > tr {
  border-radius:4px;
  -moz-border-radius:4px;
}
.gmap_list tr.p > td {
  max-height:100px;
  overflow:hidden;
  cursor:pointer;
}

.gmap_list .show {
  background:url('/bild/rgba(240,200,0,.5).png');
  background:rgba(240,200,0,.5);
}
.gmap_list li.show, .gmap_list tr.show > td { max-height:none; overflow:visible; }

.gmap img.ico {
  float:left;
  max-width:50px;
  max-height:50px;  
}

.gmap_list .adr, .gmap_list .ort, .gmap_list .tel, .gmap_list .eml, .gmap_list .lnk {
  margin:0;
  padding:0;
}

.gmap_list .coord, .gmap_list area { display:none; }

.gmap #trace {
  position:absolute;
  right:0; top:0;
  width:20%;
  height:100%;
  background:url('/bild/rgba(200,200,200,.7).png'); 
  background:rgba(200,200,200,.7); 
  overflow:hidden;
}
.gmap #trace:hover {
  width:60%;
  height:100%; 
  overflow:auto;
}





/*- gelaendeplaene -*/

body.einkaufsfuehrer #textContainer {
  padding:0px;
  overflow:hidden;
}
.infos_einkaufsfuehrer #text,
.infos_google-map #text {
  height:100%;
  margin:0%;
  padding:0px;
}
.einkaufsfuehrer div.gmap_list { width:55%;}
.einkaufsfuehrer div.gmap_map { width:45%;}
.einkaufsfuehrer .gmap_list .tag { text-align:center;}


body.gelaende {padding:0px; margin:0px;}

body.gelaende_liste {
  padding:5px 5px 10px;
}

.gelaende .klein td {font-size:10pt;}

.gelaende td {font-size:9pt; /*font-family:Arial,Helvetica,sans-serif;*/ vertical-align:top;}
.gelaende td.titel {font-weight:bold; padding:0px;}
.gelaende .titel  td {font-weight:bold; padding:0px;}
.gelaende .titel2 td {font-weight:bold; border-bottom:1px dashed #FFFFFF;}
.gelaende .titel td img {margin:7px 5px -7px 0px; border:0px; }
.gelaende .nr {font-weight:bold; text-align:center}
/* .gelaende em {color:#FFEE11; font-weight:bold;} */

.gelaende td h1 {
  margin-top:0px;
}


.gelaende .tag {
  text-align:center;
}

.gelaende_liste h2 {
  margin:2px 0px;
}



/*- unterkunft -*/

.pauschal-angebote .item table {
  width:80%;
  font-weight:bold;
}
.pauschal-angebote .item td.preis {
  text-align:right;
}

table.pauschal {
  width:300px;
}

ul.camping li {
  padding:1px 5px 7px !important;
}
ul.camping h2 {
  margin:0px;
  padding:5px 0px 0px 35px;
  height:20px;
  background-image:url('/unterkunft/bild/zelt_kl.gif');
  background-repeat:no-repeat;
  background-position:left top;
}

.campingplaetze #text {margin:0; padding:0;}
.campingplaetze .zentralspalte {max-width:none;}
.campingplaetze .zentralspalte .item {margin:0; padding:0;}
.campingplaetze .zentralspalte h1 {display:none;}
.campingplaetze li {max-height:none;}
.campingplaetze .kontakt, .campingplaetze .inf { overflow:hidden;}



#irsbox {
  width:100%;
  background-color:#99CA68;
  border:1px solid #336600;
}

#irsbox td {vertical-align:middle; padding:0px; white-space:nowrap;}

#irsbox .z1 td { padding-top:5px; }
#irsbox .z2 td { padding-bottom:5px; }

#irsbox .s1 { width:170px; text-align:right; padding-left: 5px; }
#irsbox .s2 { width: 25px; text-align:right; }
#irsbox .s3 { width:160px;}
#irsbox .s4 { text-align:right; padding-right:5px; }

#irsbox input,
#irsbox select {
  font-size:10pt;
  margin:0px; padding:0px;
}
#irsbox #suchknopf {
  width:100%;
  text-align:center;
}

#irsbox #day   { width: 60px; text-align:right; }
#irsbox #month { width: 60px; }
#irsbox #year  { width: 60px; }
#irsbox #nacht { width: 60px; text-align:right; padding-right:5px; }
#irsbox #tot   { width:200px; }
#irsbox #ort   { width:150px; }

#irsbox label { width:25px; text-align:right;}



.unterkunft_suche #textContainer {
  padding:0px;
  background:#86BF4C;
  overflow:hidden;
}
.unterkunft_suche #text {
  height:100%;
  margin:0;
  padding:0;
}
.unterkunft_suche .zentralspalte {
  height:100%; width:94%;
  margin:0px 0px 0px 6%;
  padding:0px;
}
.unterkunft_suche #text .item {
  height:100%;
  padding:0px;
}

/*
.unterkunft #text ul {
  list-style:none;
  margin:0px;
  padding:0px;
}
*/
.urlaub li {
  clear:both;
  list-style:none;
  margin:0px 0px 16px;
  padding:1px 0px 0px;
}


/*- anreise -*/

.anreise #submenu, .anreise #menu .menuList > .active {
  background:#205080;
}
.anreise #submenu li.active {
  background-color:#1369BF;
}
.anreise #textContainer,
.anreise_popup {
  padding:5px 5px 0px;
  background:url('/bild/rgba(136,188,254,.85).png');
  background:rgba(136,188,254,.85);
}

.anreise .social .panel { 
  background:url('/bild/rgba(180,205,230,.9).png');
  background:rgba(180,205,230,.9);
}

.anreise #text a, .mfz a { color:#003388; }
.anreise #text a:hover, .mfz a:hover { color:#1369BF;}

.anreise .box,
.anreise h1, .anreise .h1,
.anreise h2, .anreise .h2 { border-color:#003388; }

.anreise h1, .anreise .h1,
.anreise h2, .anreise .h2,
.anreise em  { color:#003388; }

/*
.anreise .odd { background:#A4C0DD; }
.anreise .evn { background:#B6CDE4; }
.anreise .box { background:#CBDBEC; }

.anreise h1 {margin-top:15px;}
.anreise .box h1 {margin-top:0px;}
*/
.anreise .box h1 { background-color:#003388; color:#FFFFFF; }


.anreise .quickie {
  position:relative; left:0px; top:0px;
  z-index:2;
  margin:0px 0px 10px 5px;
  padding:0px 0px 1px;
}
.anreise .quickie div {
  margin:0px 1px 1px 2px;
  padding:0px;
  white-space:nowrap;
}

.anreise .quickie dt {
  width:58px;
  padding:1px 2px 0px 0px;
  float:left;
  text-align:right;
  line-height:11px;
}

.anreise input,
.anreise select,
.anreise textarea {
  border:1px solid #003388;
  background-color:#EAF1FF;
}

.anreise .quickie input,
.anreise .quickie select {
  font-size:8pt;
  margin:0px 1px 2px 0px;
  padding:0px 0px 0px 2px;
}

.anreise .los,
.anreise .btn,
.anreise button {
  background-color:#5588FF;
}
.anreise .quickie input       {width:139px;}
.anreise .quickie input.datum {width: 89px;}
.anreise .quickie input.zeit  {width: 49px;}
.anreise .quickie input.btn   {width:199px;}
.anreise .quickie input.los   {width:199px;}
.anreise .quickie select      {width:199px;}
.anreise .quickie select.mini {width: 59px; padding:0px;}


.bahnplan a {
  white-space:nowrap;
}


/*- anreise zug-suche-popup -*/

body.zugsuch {
  padding:30px 0px 0px;
  margin:0px;
}

.zugsuch #suche {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:30px;
  background:#205080;
  color:#FFFFFF;
  padding:2px 10px;
}

.zugsuch #modus {
  float:left;
}

.zugsuch #hafas {
  clear:none;
}

.zugsuch #plan {
  position:relative;
  left:0px; top:0px;
  width:100%;
  height:100%;
  padding:0px;
  overflow:auto;
}


.zugsuch #hilfe {
  position:absolute;
  right:10px; top:22px;
  width:65%;
}
.zugsuch #hilfe img {
  position:absolute;
  right:0px;
  top:-20px;
}
.zugsuch #hilfe .hid {
  position:absolute;
  right:0px;
  top:0px;
  width:100%;
  background:#EAF1FF;
  padding:5px 10px;
  border:1px solid #205080;
  color:#000000;
}
.zugsuch #hilfe:hover .hid {
  display:block;
  z-index:20;
}



.zugsuch td.l {
  width:60px;
}

.zugsuch #hin,
.zugsuch #weg,
.zugsuch #num,
.zugsuch #bc,
.zugsuch #cls,
.zugsuch #art,
.zugsuch #mit {
  display:none;
}

.zugsuch .in  #nach { display:none; }

.zugsuch #hafas:hover #nach,
.zugsuch #hafas:hover #hin,
.zugsuch #hafas:hover #weg,
.zugsuch #hafas:hover #num,
.zugsuch #hafas:hover #bc,
.zugsuch #hafas:hover #cls,
.zugsuch #hafas:hover #art,
.zugsuch #hafas:hover #mit {
  display:block;
}

.zugsuch #hafas {
  margin-left:200px;
  margin-top:1px;
  padding-top:25px;
}
.zugsuch #von {
  position:absolute;
  left:-185px; top:0px;
}
.zugsuch #los {
  position:absolute;
  left:0px; top:1px;
}

.zugsuch .aus #hafas {
  margin-left:400px;
}
.zugsuch .aus #von   {
  left:-385px;
}
.zugsuch .aus #nach  {
  position:absolute;
  left:-200px;
  top:0px
}



/*- anreise zug-fahrplan -*/

.zug-fahrplan td {
  text-align:center;
  font-size:10pt;
  padding:1px 2px;
}
.zug-fahrplan .ort {
  text-align:left;
  font-weight:bold;
}
.zug-fahrplan .typ td { padding-bottom:0px; line-height:8pt !important;}
.zug-fahrplan .num td { padding-top:0px}

.zug-fahrplan .muc td,
.zug-fahrplan .mgl td,
.zug-fahrplan .hbf td {
  background:#EAF1FF;
}
.zug-fahrplan .mgl td, .zugplan .muc td { line-height:8pt !important;}


.zug-fahrplan .typ .sdz,
.zug-fahrplan .num .sdz { background:#FFCC33; }

.zug-fahrplan .odd .sdz { background:#F7D673; }
.zug-fahrplan .evn .sdz { background:#F9DE8E; }

.zug-fahrplan .muc .sdz,
.zug-fahrplan .mgl .sdz,
.zug-fahrplan .hbf .sdz { background:#FFF3CA; }


body.druck-plan {background:#FFFFFF !important;}
body.druck-plan td {font-size:8pt; line-height:8pt;}
/* body.druck-plan h1 {page-break-before: always;} */
body.druck-plan table {page-break-inside: avoid;}

body.druck-plan .odd {background:#DDDDDD; }
body.druck-plan .evn {background:#E5E5E5; }



/*- anreise reservierung -*/


form.bahnRes {
  display:block;
  border:1px solid #003388;
  margin:15px 0px 15px;
  padding:0px;
}

.bahnRes h2 {
  margin:5px 5px 0px;
}

.bahnRes .katEnd {
  margin:5px 5px 15px;
  clear:left;
}

.bahnRes .resForm {
  background:#6699CC;
  padding:2px 5px 5px;
  margin:0px;
}

.resPlan {
  width:250px;
  margin:0px 2% 10px;
  float:left;
}

.drin {
  background-color:#FFF78C;
}

.resPlan th {
  padding:0px;
}
.resPlan td {
  padding:1px 6px;
  white-space:nowrap;
}

.resPlan h2 {
  color:#FFFFFF;
  background:#003388;
  margin:5px 0px 0px;
  border:0px;
  padding:2px 5px 4px 7px;
  font-size:11pt;
  text-align:left;
}

.resPlan a.druck {
  display:block;
  float:right;
  margin-top:17px;
  text-decoration:none;
  font-size:8pt;
  font-weight:normal;
}


.resPlan .s0_odd { background:#77FF77; }
.resPlan .s0_evn { background:#66EE66; }
.resPlan .s1_odd { background:#FFFF44; }
.resPlan .s1_evn { background:#EEEE33; }
.resPlan .s2_odd { background:#FFCC00; }
.resPlan .s2_evn { background:#EEBB00; }
.resPlan .s3_odd { background:#FFAA44; }
.resPlan .s3_evn { background:#EE9933; }
.resPlan .s4_odd { background:#FF7777; }
.resPlan .s4_evn { background:#EE6666; }

.resPlan .drin td {
/*
  border-top:2px solid #EFF4FA;
  border-bottom:2px solid #00254F;
*/
  box-shadow:inset 0px 15px 10px -5px rgba(255,255,255,.5),
             inset 0px -7px 7px -5px rgba(0,0,0,.4);
  -moz-box-shadow:inset 0px 15px 10px -5px rgba(255,255,255,.5),
             inset 0px -7px 7px -5px rgba(0,0,0,.4);
}
.resPlan .drin .i {
}
.resPlan .drin .an {
}


.resPlan .o {
  background:#6699CC;
}
.resPlan .i {
  padding-right:0px;
}
.resPlan .ab,
.resPlan .an {
  text-align:center;
}
.resPlan input,
.resPlan label {
  vertical-align:top;
}


.bahnRes .btn,
.bahnRes .los {
  color:#FFFFFF;
  background:#3366BB;
  border-color:#003388;
  border-top-color:#B6CDE4;
  border-left-color:#B6CDE4;
}


.bahn-reservierung .formular {
  float:none;
  margin:20px auto;
}
.bahn-reservierung .formular form {
  margin:5px 10px;
}

.bahn-reservierung .formular input {
  margin-bottom:2px;
  padding-left:3px;
}

.bahn-reservierung .formular .label {
  display:block;
  float:left;
  width:6em;
}

.bahn-reservierung .formular .los {
  width:100%;
  text-align:center;
}


.bahn-reservierung .einstieg p,
.bahn-reservierung .einstieg ul {
  padding-left:10%;
  padding-right:10%;
  text-align:left;
}

.bahn-reservierung .einstieg .email .text {
  width:80%;
}
.bahn-reservierung .einstieg .email .label {
  width:20%;
  float:left;
}

.bahn-reservierung .err { color:#CC0000; }







/*- anreise mitfahrzentrale -*/

.mitfahrzentrale #textContainer,
.mitfahrzentrale #text {
  padding:0px;
  margin:0px;
}

body.mfz {
  background:#98B8D9;
  padding:0px;
  margin:0px;
}
body.mfz_qnav {
  background:#205080;
}
body.mfz_hilfe,
body.mfz_suche,
body.mfz_liste,
body.mfz_mail,
body.mfz_edit {
  padding-left:3px;
  padding-right:3px;
}
body.mfz_info #seite {
  padding-left:3px;
  padding-right:3px;
  overflow:auto;
}


.mfz_qnav table {
  height:100%;
  width:100%;
}
.mfz_qnav td {
  vertical-align:middle;
  color:#FFFFFF;
}
.mfz_qnav a img {
  width:23px;
}

.mfz .kfz {font-size:11px; line-height:13px; /* font-family:Arial,Helvetica,sans-serif;*/ color:#000000; border:solid 1px #000000; background-color:#DDFF99; margin:0px; padding:0px 3px 1px;}
.mfz .kfz a {text-decoration:none; color:#000000; margin:0px; padding:0px;}
.mfz .kfz a:hover {color:#663300;}
.mfz .kfz img { position:relative; top:2px; }

.mfz option,.mfz select {font-family:Courier New, Courier, monospace; font-size:8pt;}
.mfz .selectbox {width:110; font-size:8pt;}

.mfz .formtab {
  width:100%;
}
.mfz .formtab td {
  padding-bottom:1px;
}

.mfz input, .mfz select, .mfz textarea {
  background-color:#EAF1FF;
  border:1px solid #003388;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8pt;
}

.mfz input.d1 {width:20px; text-align:right; padding-right:2px; }
.mfz input.d2 {width:30px; text-align:right; padding-right:2px; }
.mfz input.o1 {width: 20%; }
.mfz input.o2 {width: 80%; }

.mfz .formtab select,
.mfz .formtab textarea,
.mfz .formtab .los,
.mfz .formtab .text {
  width:100%;
}

.mfz #liste { width:100%; }

.mfz .snav { text-align:center; }

.mfz #liste .h2 { padding-top:5px; }
.mfz #liste .h2 img { position:relative; top:4px; left:6px; }

.mfz #liste .btn {
  line-height:7pt;
  padding:0px 2px;
  margin-right:2px;
}

.mfz_hilfe a.textlink { font-weight:bold; color:#FFFFDD;}
.mfz_hilfe td.icon {text-align:center;}
.mfz_hilfe td.icon img {margin:0px 5px;}
.mfz_hilfe #icons td {vertical-align:middle;}
.mfz_hilfe .selectbox {width:50px; height:16px; font-size:7pt;}






/*- shop -*/
.shop_shop #textContainer {
  overflow:hidden;
}
.shop_shop #text {
  height:100%;
  padding:0px;
  margin:0px;
}


.shop #submenu, .shop #menu .menuList > .active {
  background:#006644;
}
.shop #submenu li.active {
  background-color:#009966;
}
.shop #textContainer {
  background:url('/bild/rgba(96,190,191,.85).png');
  background:rgba(96,190,191,.85);
  padding:0px;
}

.shop .social .panel {
  background:url('/bild/rgba(160,210,190,.9).png');
  background:rgba(160,210,190,.9);
}


.shop em,
.shop #text a {
  color:#006644;
  border-color:#006644;
}
.shop h1, .shop h2, .shop h3, .shop h4,
.shop h1 a, .shop h2 a, .shop h3 a, .shop h4 a {
  color:#FFFFFF !important;
  border-color:#FFFFFF;
}
/*
.shop h1 { margin-top:15px; }
*/


.shop_hilfe #text,
.shop_ticket-reservierung #text {
  position:absolute;
  left:0px; top:0px;
  width:100%;
  height:100%;
  margin:0px;
  padding:22px 0px 0px;
  text-align:center;
}

.shop_ticket-reservierung .formular {
  width:500px;
  margin-left:5%;
}
.shop_ticket-reservierung td.input {
  width:400px;
}




.shop #nav {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:22px;
  z-index:11;
  padding:0px 0px 0px 0px;
  border:0px solid red;
  background-color:#006644;
  font-family:Georgia,serif;
  font-size:15px;
  font-weight:bold;
  box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset -1px 0px 1px 0px rgba(0,0,0,.6);
  -moz-box-shadow:inset 1px 0px 1px 0px rgba(255,255,255,.5),
                  inset 0px 5px 10px 0px rgba(255,255,255,.1),
                  inset -1px 0px 1px 0px rgba(0,0,0,.6);
}

.shop #nav a {
  display:block;
  float:left;
  height:100%;
  padding:2px 17px 0px;
  background-position:10px center;
  background-repeat:no-repeat;
  color:#FFFFFF;
  text-decoration:none;
  text-shadow:-1px -1px 1px rgba(0,0,0,.8);/*,
              1px 1px 0px rgba(255,255,255,.5);  */
}
.shop #nav a + a {
  box-shadow:-1px 0 0 0 rgba(0,0,0,.3), inset 1px 0 0 0 rgba(255,255,255,.2);
  -moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.3), inset 1px 0 0 0 rgba(255,255,255,.2);
}


.shop #nav .actions {
  float:right;
  margin-right:1px;
}
.shop #nav a:hover {
  color:#FFEE22
}
.shop #nav a.active {
  background-color:#009966;
}

.shop a#m_help { padding-left:33px; background-image:url('/shop/bild/hilf_0.gif'); }
.shop a#m_cart { padding-left:33px; background-image:url('/shop/bild/tute_0.gif'); }
.shop a#m_agbs { padding-left:33px; background-image:url('/shop/bild/agbs_0.gif'); }
.shop a#m_info { padding-left:33px; background-image:url('/shop/bild/hilf_0.gif'); }


#shopInhalt {
  height:100%;
  width:100%;
  overflow:auto;
  margin:0px;
  padding:0px;
  text-align:center;
}
#shopText {
  width:600px;
  margin:10px auto 20px;
  text-align:left;
}



.shopText a:hover {
  color:#009966 !important;
  text-decoration:underline;
}

.shop .odd { background:none; }
.shop .evn { background:#99CA68; }


.shop #text input,
.shop #text select,
.shop #text textarea {
  background-color:#DDEEE9;
  border:1px inset #006644;
  margin:0px 1px 1px 0px;
}
.shop #text input.text{
  width:100%;
}
.shop #text input.btn, .shop #text input.los,
.shop #text button {
  border:1px outset #006644;
}
.shop #text input.num {
  width:2em;
  text-align:right;
  padding-right:3px;
}

.shop #text textarea {
  height:100px;
  width:100%;
}

.shop #text input.los,
.shop #text input.btn,
.shop #text input.button,
.shop #text button {
  background-color:#33AA77;
  cursor:pointer;
  color:#FFFFFF;
  text-align:center !important;
  width:100%;
}

.shop #text .msg {
  font-weight:bold;
  margin:5px 10% 5px;
}



.shop_hilfe td.input {
  width:500px;
}
.shop_hilfe #text #plz {
  float:left;
  width:50px;
}
.shop_hilfe #text #ort {
  float:left;
  width:445px;
  margin-right:0;
}



/*- galerie -*/
.galerie #textContainer {
  overflow:hidden;
}

.galerie #text {
  height:100%;
  padding:0px;
  margin:0px;
}

.galerie #submenu, .galerie #menu .menuList > .active { background:#243A66; }
.galerie #submenu li.active { background-color:#1E6299; }

.galerie #textContainer {
/*  background:#A1A7B3; */
  background:url('/bild/rgba(146,167,212,.8).png');
  background:rgba(146,167,212,.8);
  padding:0px;
  margin:0px;
}

body.galerie { background:transparent; }

body.glr_bild {
  text-align:center;
}
body.glr_detail {
  padding-top:1px;
}

#text.galerie {
  padding-top:16px;
  padding-bottom:16px;
}


.galerie .social .panel {
  background:url('/bild/rgba(210,211,212,.9).png');
  background:rgba(210,211,212,.9);
}


.galerie h1, .galerie .h1,
.galerie h2, .galerie .h2,
.galerie h3, .galerie .h3,
.galerie em,
.galerie #text a { color:#12346A; }

.galerie a:hover { color:#2453B3; }

.galerie .box,
.galerie h1, .galerie .h1,
.galerie h2, .galerie .h2,
.galerie h3, .galerie .h3 { border-color:#243A66; }

.galerie .box { background:#CBDBEC; }
.galerie .box h1 { background-color:#243A66; color:#FFFFFF; }

/*
.galerie .odd { background:none; }
.galerie .evn { background:#BDC1CA; }
.galerie .evn { background-color:#EAAB8C; } */



.galerie input,
.galerie select,
.galerie textarea,
.galerie .btn,
.galerie .htmlSrc {
  background-color:#DADCE0;
  border:1px solid #243A66;
}

.galerie input.los,
.galerie input.btn,
.galerie input.button,
.galerie button {
  background-color:#5F87CB;
}

.glr_mail input,
.glr_mail textarea,
.galerie #kommentar input,
.galerie #kommentar textarea { width:100%; margin-bottom:1px; font-size:9pt; }
.galerie #kommentar textarea { height:100px; }

.glr_mail #bild {padding:16px 0 0;}

.glr_liste ul {
  list-style:none;
  padding:0px;
  margin:0px 0px 15px;
}
.glr_liste li {
  list-style:none;
  padding:3px 3px 10px;
  margin:0px;
}

.glr_liste table { width:100%; table-layout:fixed; }
.glr_liste td h1 { margin-top:1em; }
.glr_liste td.icon { width:40px; }

.glr_liste .pfad td,
.glr_liste .dir td {
  vertical-align:middle;
  font-weight:bold;
}

.glr_liste .dir a { text-decoration:none; }

.glr_liste .ugal td { vertical-align:middle; }
.glr_liste .ugal a { text-decoration:none; color:#000000; }
.glr_liste .ugal a:visited { color:#434852; }
.glr_liste .ugal a:hover { text-decoration:underline; color:#2453B3; }


.glr_liste form {display:inline;}

.pageNav a {
  padding:2px 2px 1px;
}

.pageNav .thin {
  font-family:Times New Roman,Times,serif;
  font-size:10pt;
  color:#000000;
  text-decoration:none;
}
.pageNav select, .pageNav option { text-align:right; }
.pageNav .doSelect {width:10px; height:20px; margin:0px 0px; vertical-align:bottom; font-size:7pt;}

#pageSelector .s0, #pageSelector .s1 {width:1em; font-weight:bold; margin:0px 2px;}

#bpsSelector {white-space:nowrap;}



.galerie div.tn {
  float:left;
  position:relative;
  top:0px; left:0px;
  padding:0px;
  margin:1px;
  border:1px solid #FFFFFF;
}
.galerie div.hl {
  outline:2px dotted #FF0000;
  border-color:#FF0000 !important;
}
/*.galerie div.hl img.tn {
  width:78px;
  height:78px;
}
*/

.galerie .tn div.commIcon {
  position:absolute;
  right:0px; bottom:0px;
}



/*- galerie-modul -*/
/*- modul galerie -*/

iframe.mod_galerie {
  height:100%;
  width:100%;
  border:0;
  margin:0;
  padding:0;
}


body.mod_galerie {
  padding:0px;
  margin:0px;
  background-color:transparent;
  width:100%; height:100%;
  text-align:center;
}

.mod_galerie #page {
  text-align:center;
  margin:0px auto;
}

.mod_galerie .raster {
  margin:0px auto;
  padding:0px;
  border-spacing:0px;
}
.mod_galerie .raster td {
  padding:0px;
}

.mod_galerie #bild {
  display:block;
  position:relative;
  left:0px; top:0px;
  margin:0px;
}
.mod_galerie img.bild {
  display:block;
}

.mod_galerie a.nav {
  display:none;
  position:absolute;
  top:0px;
/*  left:0px; */
  height:100%;
  width:25%;
  padding:32% 5px 0px;
  vertical-align:middle;
  font-family:'Arial Black',Arial,Helvetica,sans-serif;
  font-size:40px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  color:#FFFFFF;
  text-shadow:#000000 1px 1px 2px;
}
.mod_galerie div#bild:hover a.nav {
  display:block;
}

.mod_galerie a#fwd {
  right:0px;
  text-align:right;
}
.mod_galerie a#gross {
  left:32%;
  width:36%;
  height:35%;
  top:30%;
  padding:10% 0 0;
  border-radius:10px;
  -moz-border-radius:10px;
  text-align:center;
}

.mod_galerie #bild a.nav:hover {
  background:url('/bild/ws_a50.png');
  color:#3377EE;
  text-shadow:#000000 3px 3px 4px;
}

.mod_galerie #tnBar {
  display:none;
  position:absolute;
  bottom:-20px;
  margin:0px;
  padding:5px 5px 0px;
  width:100%;
  height:120px;
  overflow:auto;
  text-align:center;
  border:0px solid red;
}
.mod_galerie.klein #tnBar {  height:85px; }

.mod_galerie #bild:hover #tnBar {
  display:block;
}

.mod_galerie #tnBar #tn {
  height:90px;
/*  height:65px; */
  margin:0px auto;
  padding:0px;
  white-space:nowrap;
  text-align:center;
  border:0px solid red;
}
.mod_galerie.klein #tnBar #tn { height:50px; }

.mod_galerie #tnBar .spreizer {
  height:86px;
  width:1px;
  border:0px;
}
.mod_galerie.klein #tnBar .spreizer { height:56px; }

.mod_galerie #tnBar a {
  display:inline-block;
  margin:0px;
  padding:0px 2px;
}

.mod_galerie #tnBar b {
  display:block;
  border:1px solid #000000;
  box-shadow:0px 0px 4px 2px rgba(255,255,255,0.75);
  border-radius:4px;
  -ms-box-shadow:#FFFFFF 0px 0px 5px;
  -moz-box-shadow:0px 0px 4px 2px rgba(255,255,255,0.75);
  -moz-border-radius:4px;
  overflow:hidden;
}

.mod_galerie #tnBar a img {
  width:40px;
  height:40px;
  border:1px solid #FFFFFF;
  border-radius:3px;
  -moz-border-radius:3px;
}

.mod_galerie #tnBar a:hover b {
  border:1px solid #3377EE;
  box-shadow:0px 0px 6px 4px rgba(51,119,238,0.5);
  -moz-box-shadow:0px 0px 6px 4px rgba(51,119,238,0.5);
}

.mod_galerie #tnBar a:hover img {
  width:80px;
  height:80px;
}
.mod_galerie.klein #tnBar a:hover img {
  width:50px;
  height:50px;
}


/*- video -*/

.video .index {
  margin:5px 5px 10px 0px;
  padding:0px;
}

.video .index li {
  clear:both;
  padding:4px 4px 6px 6px;
  margin:0px;
}
.video .index li h1 {
  font-size:95%;
  clear:right;
  margin:0px 0px 4px;
  padding:0px 0px 2px;
}


.video li.aus h1 {
  text-decoration:line-through;
}

.video li p {
  margin:0px 0px 0px 75px;
}
.video li a {
  text-decoration:none;
}
.video li a.block {
  display:block;
  clear:left;
}
.video .block .icon {
  margin-bottom:2px;
}
.video li .icon {
  float:left;
  clear:left;
}

.galerie .spanner {
  width:422px;
  height:1px;
  margin:0px;
  padding:0px;
}
.galerie .bild .spanner {
  width:250px;
}

.galerie #bild,
.galerie #nav,
.glr_player #anzeige {
  text-align:center;
}
.galerie #bild p,
.galerie #bild div,
.glr_player #anzeige p,
.glr_player #anzeige h1 {
  text-align:left;
}


.galerie #nav {
  padding:0px;
  margin:10px 0px 2px;
}
.galerie #specialNav {
  padding:3px 2px 2px 4px;
  margin:0px;
  background-color:#BDC1CA;
}

.galerie #nav a,
.galerie #specialNav a  {
  white-space:nowrap;
  width:35px;
  background-color:#C9CCD1;
  border:1px solid #FFFFFF;
  text-decoration:none;
  font-weight:normal;
}
.galerie #nav a {
  padding:2px 10px 0px; margin:4px 1px;
  line-height:18px;
}
.galerie #specialNav a {
  padding:0px 3px;
  font-size:10pt;
}
.galerie #specialNav a:hover,
.galerie #rwd:hover, .galerie #fwd:hover {
  background-color:#DADCE0;
  border-color:#243A66;
}
.galerie #mailLink  { float:right; margin:0px; padding:0px; }

.galerie .msg {
  width:80%;
  margin-left:10%;
  color:#000000;
}


/*- galerie-kommentar -*/

.galerie #kommentar {
  background-color:#BDC1CA;
  padding:5px 5px 10px; margin:10px 0px;
}

.galerie #kommentar ul {
  text-align:left;
  margin:0px; padding:0px;
  list-style:disc outside;
  border:solid green 0px;
  overflow:visible;
}

.galerie #kommentar li {
  margin:0px 0px 0px 17px;
  padding:0px;
  clear:both;
  overflow:visible;
}

.galerie .kom_mini, .galerie .kom_voll {padding:0px 0px 0px 10px; clear:both;}

.galerie .kom_mini h3 {
  margin:0px; padding:0px;
  font-size:9pt; font-weight:bold;
}

.galerie .kom_voll h3 {
  padding:0px; margin:0px;
  border-bottom:1px solid #243A66;
  font-size:9pt;
  clear:right;
}

.galerie #kommentar p.info { font-style:italic; font-size:9pt; padding:0px; margin:0px;}
.galerie #kommentar p.text { font-size:10pt; padding:0px; margin:0px;}
.galerie #kommentar span.datum {font-weight:normal; }


.galerie #kommentar .edit {
  float:right;
  position:relative;
  top:-15px;
  padding:0px;
}
.galerie #kommentar .edit a {
  margin-left:2px;
  padding:0px 3px;
  border:1px solid #5F87CB;
  background-color:#DADCE0;
  color:#2453B3;
}

.reLink{
  float:right;
  margin:-5px 0px 5px;
  padding:2px 0px 0px 10px;
}
.reLink a {
  position:relative; top:-1px;
  line-height:10pt;
  border-right:1px solid #5F87CB;
  border-bottom:1px solid #5F87CB;
  padding:0px 2px;
  color:#5F87CB;
  font-size:8pt;
  text-decoration:none;
}

.reLink a:hover {
  border-color:#2453B3;
  color:#2453B3;
  background-color:#DADCE0;
  font-weight:normal;
  text-decoration:none;
}

.galerie .artist option {color:#000000;}
.galerie .artist .hat {color:#999999;}
.galerie .artist .ist {color:#006699;}
.galerie .artist .s0 {text-decoration:line-through;}


.galerie .del {
  text-align:left;
}



/*- talk/forum -*/
.talk #text {
  height:100%;
  padding:0px;
  margin:0px;
}

.talk #submenu, .talk #menu .menuList > .active {
  background:#B30000;
}
.talk #submenu li.active {
  background-color:#E50000;
}


.talk #textContainer {
/*  background:#E59973; */
  background:url('/bild/rgba(225,151,139,.85).png');
  background:rgba(225,151,139,.85);
  padding:0px 0px 0px 5px;
  margin:0px;
}

.talk_talk #text,
.talk_neu #text,
.talk_hinweise #text
 {
  padding-top:16px;
  padding-bottom:16px;
}

body.talk { background:transparent; }

.talk .social .panel {
  background:url('/bild/rgba(240,200,180,.9).png');
  background:rgba(240,200,180,.9);
}


.talk h1, .talk .h1,
.talk h2, .talk .h2,
.talk em,
.talk #text a { color:#B30000; }

.talk #text a:hover { color:#E50000;}

.talk .box,
.talk h1, .talk .h1,
.talk h2, .talk .h2 { border-color:#B30000; }

/*
.talk .box { background:#F2CCB9;}
*/
.talk .box h1 { background-color:#B30000; color:#FFFFFF !important; }

/*
.talk .odd { background:#ECB195; }
.talk .evn { background:none; }
.talk .evn { background-color:#EAAB8C; }

.talk .odd .evn { background:#F0C0AA; }
.talk .evn .evn { background:#E9A685; }
*/





.talk .sp1,
.talk .sp2 {
  float:none;
  width:46%;
  padding:0px 3% 10px;
}

.talk .list table {
  width:99%;
  font-size:9pt;
  line-height:8pt;
}
.talk .list a { text-decoration:none; }
.talk .list .d { padding:0px 2px 5px 5px; white-space:nowrap; }
.talk .list .n { padding:0px 2px 0px; white-space:nowrap; }
.talk .list .t { padding:0px; }
.talk .list .b { padding:0px 0px 0px 2px; white-space:nowrap; }

.talk #text ul {
  list-style:none;
  padding:0px;
  margin:0px;
}

.talk #text li {
  list-style:none;
  padding:2px 8px;
  margin:0px;
}

.talk #forumSuche input {
  margin:3px 0;
}

.talk #forumList {
  font-size:10pt;
  line-height:110%;
}
.talk #forumList li {
  padding:2px 5px 2px;
  margin:0px;
}
.talk #forumList h2 {
  padding:0px;
  margin:0px 0px 2px
}
.talk #forumList p {
  padding:0px;
  margin:0px;
}
.talk #forumList .kurzinfo {
}
.talk #forumList .langinfo {
  display:none;
}
.talk .box .stats {
  margin:4px 6px 5px;
  font-size:90%;
}
.talk #forumList .stats {
  margin:4px 0px 5px;
}

.talk #forum {
  margin-top:15px;
}
#forum .list {
  border-top:1px solid #B30000;
  margin-top:8px;
  padding-top:3px;
  padding-bottom:6px;
}
#gaestebuch.list {
  padding-bottom:6px;
}

.talk #text .neu {
  font-weight:bold;
}

.talk_neu #forumList li {
  padding-top:10px;
  padding-bottom:10px;
}
.talk_neu #forumList table {
  width:100%;
  margin-top:10px;
  margin-bottom:15px;
}
.talk_neu #text {
  margin-bottom:20px;
}



.talk .newPosts .d {
  width:5.5em;
  white-space:nowrap;
}


.talk .fwd, .talk .rwd {
  display:block;
  width:100px;
  height:20px;
  border:1px solid #B30000;
  background-color:#E75343;
  color:#FFFFFF;
  text-decoration:none;
  text-align:center;
}
.talk .fwd { float:left; }
.talk .rwd { float:right; }


.talk #text input.text,
.talk #text select,
.talk #text textarea {
  background-color:#EAF1FF;
  border:1px solid #B30000;
  width:100%;
}
.talk #text textarea {
  height:100px;
}

.talk .los,
.talk .btn,
.talk #text input.button,
.talk #text button {
  background-color:#E75343;
  border:1px solid #B30000;
  border-top: 1px solid #FFBFBF;
  border-left:1px solid #FFBFBF;
  width:100%;
}

.talk a.btn {
  color:#000000;
  padding:3px 10px;
  text-decoration:none;
}


.talk .nav {
  text-align:right;
}

.talk blockquote {font-style:italic; font-size:10pt; margin:0px 10px 0px; padding:3px; color:#464015;}
.talk blockquote .snip {font-style:normal; color:#FFFFFF;}
.talk blockquote span.legend {
  position:relative; left:1em; top:14px;
  color:#FFFFFF; background-color:#E59973;
  font-size:11pt; font-weight:bold;
  padding:1px 4px;
}


body.gb_eintrag {
  padding:10px 20px 0px 30px;
  margin:0px;
}
body.gb_anzeige {
  padding:12px 20px 10px 0px;
  margin:0px;
}
.gb_anzeige #text {
  height:auto;
}

.gb_anzeige .hid {
  background-color:#CCCCCC;
}

.gb_anzeige #text li {
  padding-top:8px;
  margin-bottom:6px;
  border:0px solid red;
  border-radius:6px;
}

.gb .s0  { background:#DDDDDD !important; }
.gb .s-1 { background:#999999 !important; }

.gb_anzeige .btn {
  width:25%;
}