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

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

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

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

body,table {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11pt;
  line-height:110%;
}

*:active {
  border:0px;
}


/*- _grundstruktur -*/

#seite {
  position:absolute;
  left:0px; top:0px;
  margin:0px;
  padding:0px 0px 0px;
  height:100%;
  width:100%;
  overflow:hidden;
  border:0px solid #999999;
}

.minihoch #seite {
  overflow:auto;
}



#inhalt {
  position:relative;
  left:0px; top:0px;
  width:100%;
  height:100%;
  margin:0px auto 0px;
  padding:95px 0px 14px;
  text-align:left;
  border-top:0px solid #FFFFFF;
  border:0px dashed #0000AA;
}

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

#textContainer {
  padding:0px 0px 0px 0px;
  border:0px solid red;
  text-align:center;
}

.normhoch #textContainer {
/*
*/
  position:absolute;
  left:0px; top:0px;
  width:100%; height:100%;
  z-index:5;
  overflow:auto;
  border:0px solid red;
}



#text {
  border:0px solid #0066AA;
  text-align:left;
  margin:auto;
  border:0px solid red;
}


/*- header / logo / footer -*/

#header {
  position:absolute;
  left:0px; top:0px;
  z-index:9;
  width:100%;
  height:90px;
  padding:0px; margin:0px;
  text-align:center;
  font-weight:bold;
  background-color:#000000;
  color:#FFFFFF;
  border:0px solid #AA0000;
}



#logo {
  z-index:15;
  position:absolute;
  right:5px;
  top:5px;
}


#footer {
  clear:both;
  width:100%;
  height:14px;
  overflow:hidden;
  font-weight:normal;
  background:#000000;
  border:0px solid #AA0000;
}
.normhoch #footer {
  position:absolute;
  left:0px;
  bottom:0px;
}


/*- navigation alle -*/
.nav ul {
  list-style:none;
  margin:0px;
  padding:0px;
}
.nav li {
  margin:0px;
  padding:0px;
  background-repeat:no-repeat;
  white-space:nowrap;
}

.main .nav a {
  display:block;
  font-size:10pt;
/*
  font-family:Courier New,Courier,monospace;
*/
  color:#FFFFFF !important;
  font-weight:bold;
  padding:2px 24px 0px;
  background-position:10px center;
}

ul.menuList {
/*
  width:600px;
  margin:auto;
*/
  padding:0px 0px 0px 0px;
  text-align:left;
}

/*- hauptnavigation -*/

#menu {
  position:absolute;
  left:0px;
  top:69px;
  z-index:10;
  width:100%;
  height:22px;
  padding:0px;
  margin:0px;
  text-align:left;
}


#menu .l0 a { display:none; }
#menu .l0 { padding:0px;}

#menu .l1 {
  position:relative;
  left:0px; top:0px;
  float:left;
  height:22px;
  border:0px solid #FFFFFF;
  font-size:16px;
}
#menu .l1 ul {
  display:none;
  position:absolute;
  left:0px;
  top:23px;
  background-color:#000000;
}

body.home #m_uebersicht,
.l0 li.active {
  border:1px solid #FFFFFF !important;
  border-bottom:0px !important;
}


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

#menu .l1 a {
  display:block;
  height:22px;
  text-decoration:none;
  background-repeat:no-repeat;
}
#menu .l1 a:hover,
#submenu a:hover {
  color:#000000 !important;
}

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


#m_home1    a { background-image:url('/mbild/icon_home.png'        ); }
#m_infos    a { background-image:url('/mbild/icon_infos.png'       ); }
#m_webcam { border-right:0px !important; }








/*- unternavigation -*/

#submenu {
  position:absolute;
  top:91px;
  left:0px;
  width:100%;
  clear:both;
  padding:0px 0px 0px 0px;
  margin-bottom:2px;
  border:0px solid red;
  font-size:14px;
}

#submenu ul {
  height:20px;
  clear:both;
  background-color:#333333;
}
#submenu li {
  float:left;
  position:relative;
  left:0px; top:0px;
  height:20px;
  border-right:0px dotted #88BCF7;
}

#submenu a, #submenu .active li a {
  display:block;
  height:21px;
  text-decoration:none;
  font-weight:bold;
  padding-top:1px;
}
#submenu li.active a {
  color:#FFFFFF;
}
#submenu a:hover {
  color:#000000;
}



#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;
}







/*- _inhalt -*/

#inhalt {
}




/*- layoutraster -*/

.zentralspalte {
  width:80%;
  margin:auto;
}


table.sp,
div.sp {
  float:left;
  height:100%;
  border:0px solid red;
  margin-right:3px;
}


.t1sp  { width:200px; }
.t15sp { width:300px; }
.t2sp  { width:403px; }

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


/*- basic html tags -*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
  padding:0px;
  color:#666666;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  text-decoration:none;
}

h1, .h1 {
  clear:both;
  margin:10px 0px 5px;
  font-size:11pt;
  border-top:0px solid #666666;
  border-bottom:1px solid #666666;
}

h2, .h2 {
  margin:10px 0px 5px;
  color:#666666;
  font-size:10pt;
  font-weight:bold;
  line-height:10pt;
  border-bottom:1px solid #666666;
}

h3, .h3, .titel td {
  margin:15px 0px 3px;
  font-size:10pt;
  line-height:10pt;
}

h4, .h4 {
  margin:10px 0px 3px;
  font-size:10pt;
  line-height:10pt;
}

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 {
  margin:0px 0px 10px;
}


a {
  color:#3267C0;
}
a:hover {
  color:#0185F1;
}

a img {
  border:0px;
}




ul, ol {
  margin:0px 0px 10px;
  padding:0px;
}
li {
  margin:0px 0px 0px 1.2em;
  padding:0px 0px 0px;
}

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


td {
  text-align:left;
  vertical-align:top;
}





/*- basic classes -*/

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

table.raster td {
  padding:5px;
}

.links {
  float:left;
  clear:left;
  margin-right:5px;
}
td.links {
  float:none;
  text-align:left;
}


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


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

.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%;
}


/*- formular -*/
form { display:inline; }


input,
select,
textarea {
  background-color:#FCEDD3;
  border:1px solid #3267C0;
  padding-left:2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
}

input.los,
input.btn,
input.button,
button {
  cursor:pointer;
  background-color:#BB6600;
  font-family:Times New Roman, Times, serif;
}

input.los { font-weight:bold; }



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



/*- box -*/
.box {
  border:1px solid #3267C0;
  background:url('/bild/ws_a50.png');
  margin:0px 0px 12px;
}

.box h1 {
  margin:0px 0px 4px;
  padding:0px 0px 0px 4px;
  color:#FFFFFF;
  background-color:#3267C0;
  font-size:11pt;
  line-height:11pt;
}
.box h1 a { color:#FFFFFF; }

.box h2 {
  margin:0px 4px 4px;
  padding:0px;
  color:#3267C0;
  font-size:11pt;
  line-height:11pt;
}

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



/*- _unterseiten -*/


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

.main #textContainer,
.home #textContainer {
  padding:5px 5px 0px;
}

.test #textContainer {
  padding:0px;
}

.home #links  { width:180px; }
.home #mitte  {}
.home #rechts { width:120px; }

.home #partner p {
  text-align:center;
}

.home #news div {
  margin:5px 0px 15px;
}

.home #news .datum {
  clear:both;
  float:right;
  font-style:normal;
  font-weight:normal;
  font-size:10pt;
}
.home #news h1 {
  clear:none;
}




/*- tabelle -*/

#tabelle td {
  vertical-align:top;
  padding:2px 2px 0px;
}
#tabelle .z {
  white-space:nowrap;
  padding-right:3px;
}
#tabelle .r {
  white-space:nowrap;
}
#tabelle .t a {
  text-decoration:none;
}
#tabelle .titel td  { vertical-align:middle !important; text-align:center; height:20px;}

#tabelle .space td {
  height:4px;
}



/*- filme -*/
p.datum {margin:0px 0px 3px; padding:0px;}



.raum {
  white-space:nowrap;
}

.filmListe td  { vertical-align:top;}
.filmListe td.spacer {
  background:#FFFFFF;
  padding:0px 0px 0px 4px;
}

.filmListe .titel td  { vertical-align:middle !important; text-align:center; height:20px;}
.filmListe .titel p {margin-bottom:0px;}
.filmListe .info td   { font-size:9pt; }
.filmListe .text td   { font-size:9pt; }
.filmListe .text0 td, .odd td  { font-size:9pt; }
.filmListe .text1 td, .evn td  { font-size:9pt; }

.filmListe .bild td  { background-repeat:no-repeat; width:210px; height:133px;}
.filmListe .filmbild { width:200px; height:133px; }

.filmListe .fb { position:relative; left:0px; top:0px; }

.filmListe .flipper {
  display:block;
  width:200px; height:133px;
  overflow:hidden;
}
.filmListe .flipper a {
  display:block;
  padding-bottom:5px;
}

.filmListe .flipper .flipas {
  position:relative;
  left:0px; top:0px;
  height:1px;
}

.filmListe .flipas a {
  display:block;
  position:absolute;
  top:-20px;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  padding:0 20px 2px;
}
.filmListe a.flipal {left:0px;  padding-right:70px;}
.filmListe a.flipar {right:0px; padding-left: 70px;}
.filmListe .flipas a:hover {background:url('/bild/ws_a50.gif');}


.filmListe .zeitContainer {
  position:relative;
  left:0px; top:0px;
  height:5em;
  overflow:hidden;
}
.filmListe .zeitContainer .zeiten {
  position:absolute;
  left:0px; top:0px;
}
.filmListe .zeitContainer .mehr {
  position:absolute;
  right:0px;
  bottom:0px;
  font-weight:bold;
}
.filmListe div.zeitContainer:hover {
  overflow:visible;
}
.filmListe div.zeitContainer:hover .zeiten {
  z-index:100;
  width:100%;
  background-color:#FFFFFF;
  padding-bottom:10px;
}
.filmListe div.zeitContainer:hover .mehr {
  display:none;
}



.filmListe .datum  {font-weight:normal; font-size:8pt; letter-spacing:0px; margin:0px !important;}
.filmliste p.datum {line-height:9pt; margin-bottom:4pt !important; }


.filmListe .zusatz { font-size:9pt; font-weight:bold; font-style:italic; letter-spacing:0px; line-height:10pt; margin-top:6px;}

.filmListe div.max

.filmListe .az i {
  font-weight:bold;
  padding-right:3px;
  padding-left: 10px;
}

.nav a, .nav { font-weight:bold; text-decoration:none;}



.eBild {
  position:relative;
  left:0; top:0;
}

.eBild ol, .eBild b , .eBild ul, .eBild i,
.elo, .ero, .eru, .elu  {
  box-sizing:border-box;
  display:block;
  overflow:hidden;
  position:absolute;
  width:15px; height:15px;
  border:0px;
  margin:0px; padding:0px;
}

.eBild ol, .elo {top:0px;    left:0px;  background:url('/bild/elo.png'); }
.eBild b , .ero {top:0px;    right:0px; background:url('/bild/ero.png'); }
.eBild ul, .elu {bottom:0px; left:0px;  background:url('/bild/elu.png'); }
.eBild i , .eru {bottom:0px; right:0px; background:url('/bild/eru.png'); }


div.trailer, span.trailer, a.trailer {
  position:relative;
  top:0px; left:0px;
  width:24px;
  height:20px;
  float:right;
  margin-top:1px;
  padding:2px 4px;
  text-decoration:none;
  color:#000000;
  background:#000000 url('/bild/ic_play.24.png') no-repeat;
  cursor:pointer;
}


a.trailerGross {
  display:block;
  position:absolute;
  right:20px;
  bottom:5px;
  width:19px;
  height:17px;
  background:url('/bild/ic_gross_w.gif');
}


.trailer .list {
  display:none;
  float:right;
}
div.trailer:hover .list, span.trailer:hover .list {
  display:block;
}

.trailer .list a {
  display:block;
  padding:1px 5px;
  background:#CCCCCC;
  white-space:nowrap;
  text-decoration:none;
}




body.info #spalteLinks .filmListe {
  margin:auto;
}





/*- galerie -*/

body.location #textContainer {
  padding-left:0px;
  padding-right:0px;
}


div.galerie {
  text-align:center;
}



div.galerie ul {
  white-space:nowrap;
  margin:0px auto;
}

div.galerie li {
  display:block;
  position:relative;
  left:0px; top:0px;
  list-style:none;
  float:left;
  margin:0px 2px 2px 0px;
  padding:0px;
}

.galerie li a {
  display:block;
  position:relative;
  left:0px; top:0px;
  margin:0px;
  padding:0px;
  border:0px solid red;
}

.galerie li img {
  float:none;
  margin:0px;
  padding:0px;
}

.galerie .thumbs {
  margin:2px auto;
  overflow:auto;
  border-bottom:1px solid #FFFFFF;
}

.galerie .thumbs table {
  margin-bottom:3px;
}

.galerie .thumbs img {
/*
  width:300px;
  height:67px;
*/
}

.grossbild {
  margin:10px auto;
}





/*- trailer.php -*/
body.trailer {
  background-color:transparent;
}
/*


.trailer #header {
  height:36px;
  padding-bottom:0px;
}

.trailer #logo {
  top:3px;
  right:20px;
}


.trailer #header h1 {
  position:absolute;
  bottom:0px;
  left:0px;
  width:99%;
  padding:0px 100px 0px 5px;
  margin-bottom:2px;
  text-align:Left;
  color:#FFFFFF;
}


.trailer #text {
  margin:36px 0px 10px;
}


.trailer .filmbild {
  border:1px solid red;
}
*/
.trailer #seite {
  position:relative;
  left:0px; top:0px;
  margin:0px;
  padding:36px 0px 10px;
}


.trailer #header {
  position:absolute;
  left:0px; top:0px;
  width:100%;
  height:36px;
  padding-bottom:0px;
}

.trailer #logo {
  top:3px;
  right:20px;
}


.trailer #header h1 {
  position:absolute;
  bottom:0px;
  left:0px;
  width:99%;
  padding:0px 100px 0px 5px;
  margin-bottom:2px;
  text-align:Left;
  color:#FFFFFF;
}


.trailer #text {
  position:relative;
  left:0px; top:0px;
  margin:0px;
  padding:0px;
}


.trailer #footer {
  position:absolute;
  left:0px; bottom:0px;
  width:100%;
  height:10px;
}








/*- popin -*/

#popin {
  position:absolute;
  left:0px;
  top:0px;
  z-index:100;
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  empty-cells:show;
}
#popin.hid {
  display:none;
}

#popin td {
  background:url('/bild/dim.k.50.png');
  padding:0;
}


.popin .mo .l, .popin .mo .r { width:33%; }

.popin .o .m { height:15%; }
.popin .u .m { height:41%; }

.popin .su .sl, .popin .mo .sr { width:8px !important; height:8px !important;}

#popin .mo .sr { background:url('/bild/olShd_ro.png') left  bottom no-repeat; }
#popin .mu .sr { background:url('/bild/olShd_r.png')  left  top repeat-y;  }
#popin .su .sl { background:url('/bild/olShd_lu.png') right top no-repeat; }
#popin .su .sm { background:url('/bild/olShd_u.png')  left  top repeat-x; }
#popin .su .sr { background:url('/bild/olShd_ru.png') left  top no-repeat;  }


#popin .mo .m {
  background:url('/bild/dim.w.95.png');
  border:1px solid #000000;
  padding:10px 10px;
  padding:0px;
  vertical-align:middle;
  text-align:center;
}

#popin a.close {
  display:block;
  position:absolute;
  top:2px;
  right:2px;
  z-index:100;
  width:13px;
  height:13px;
}

#popin a.close .bg {
  display:block;
  position:absolute;
  left:3px;
  top:3px;
  width:7px;
  height:7px;
  color:#FFFFFF;
}

#popin a.close img {
  position:absolute;
  left:0px;
  top:0px;
}

#overlay {
  position:relative;
/*  background:#CC0000; */
  width:500px;
  height:403px;
  text-align:center;
}

#ol_inhalt img {
  margin:17px auto 10px;
}