/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     GLOBAL               XXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

* {margin:0; padding:0;}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  }

body.bodywww   {
  background-color:#000077;
  background: url(bild/grafik/bg-allg.jpg);
  /* folgende Zeile für Opera: */
  /* display: table; width: 100%; border-collapse:collapse; */
  }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     SEITEN-KOPF   XXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


div.skopf { background-color:#000099; width:780px; margin:0 auto;}

div.skopfhuelle { width:780px; }

/* ===========================================
==========     Zur Startseite       ==========
=========================================== */

div.gohome {
  float:left;
  width:230px;
  height:62px;
  background-color:rgb(255,210,50);
  background: url(bild/grafik/bg-hauptrub.jpg);
  }

div.gohome img {border:0;}

div.gohome a {text-decoration:none;}

/* SK: IE 3px gap \*/
* html div.gohome {margin-right: -3px;}
/* */


/* ===========================================
==========     Hauptrubriken      ============
=========================================== */

div.hauptrub {
  margin:0 0 0 230px;
  width:550px;
  height:62px;
  background-color:rgb(174,144,34);
  background: url(bild/grafik/bg-hauptrub.jpg);
  text-align:center;
  display:table-cell;
  vertical-align:middle;
  }

/* IE-BUG-KORREKTUR "3 pixel gap" \*/
* html div.hauptrub {margin-left:0}
/* */


div.hauptrub a {
  font-weight:bold;
  color:white;
  font-size:13px;
  text-decoration:none;
  padding: 0 3px 2px;
  }

div.hauptrub a:hover {
  color:white;
  background-color: #0000cc;
  text-decoration:none;
  }


/*  Navi-Leiste Hauptrubriken  ---------------- */

#hauptrubs {
  list-style: none;
  text-align: center;
  }

#hauptrubs li {
  display: inline;
  line-height: 16px;
  font-size: 13px;
  background: url(bild/grafik/listbull.png) left center no-repeat;
  padding-left: 10px;
  margin-left: 2px;
  }

#hauptrubs .erste {
  background: none;
  padding-left: 0;
  margin-left: 0;
  }

#hauptrubs .hauptrubshier {
  font-weight: bold;
  }

/* SK: IE5, Erkennen von Margin bei Inline-Elementen, angleichen des Zwischenraums \*/
* html #hauptrubs li {
  height: 1px;
  height/**/: auto;
  padding-left: 13px;
  padding-left/**/: 10px;
  margin-left: 9px;
  margin-left/**/: 2px;
}
/* */



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     FUSS       XXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

div.fuss {
  clear:both;
  background-color:#ffd232;
  width:780px;
  margin:0 auto;
  background: url(bild/grafik/bg-fuss.png);
  }

div.fusstext {
  width:550px;
  height:35px;
  margin:0 0 0 230px;
  padding:10px 0 10px 0;
  color:white;
  background-color:#ffd232;
  background: url(bild/grafik/bg-fuss.png);
  text-align:center;
  font-family:Arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  }

div.fusstext a {
  color:white;
  font-size:11px;
  text-decoration:none;
  }

div.fusstext a:hover {
  background-color: #660000;
  text-decoration:none;
  }




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     KÖRPER     XXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

div.koerper {
  padding:0;
  width:780px; margin:0 auto;
  /* background: #000099 url(bild/grafik/bg-subnav.jpg) left top repeat-y; */
  background: #000099 url(bild/grafik/bg-subnav-blue.jpg) left top repeat-y;
  }



/* ===========================================
==========     Unter-Navigation     ==========
=========================================== */

div.subnavi {
  float:left;
  padding-bottom:20px;
  width:230px;
  }

/* SK: IE 3px gap \*/
* html div.subnavi {margin-right: -3px;}
/* */

div.subnavi p {
  margin: 5px 10px 0 0;
  font-size:12px;
  /* color:#ff6666; */
  color:rgb(255,210,50);
  text-align:right;
  font-weight:bold;
  display:block;
  }

div.subnavi a {
  color:white;
  text-decoration:none;
  display:block;
  }

div.subnavi a:hover {
  color:#000099;
  background-color:#ffd232;
  }

div.subnavi p.subnavtitel {
  /* color:#ffeeee; */
  color:#000099;
  background-color:#ffd232;
  font-weight:bold;
  font-size:12px;
  text-align:right;
  margin:10px 0 0 0;
  padding:3px 10px 3px 0;
  border-top:1px solid #ffcc00;
  border-bottom:1px solid #000099;
  }

p.subnavtitel a:link    { color:#6666cc; }
p.subnavtitel a:visited { color:#6666cc; }
p.subnavtitel a:hover   { color:#0000cc; }
p.subnavtitel a:active  { color:#0000cc; }


/* ===========================================
==========     Inhaltsbereich       ==========
=========================================== */


div.inhalt {
  margin:0 0 0 230px;
  padding:15px 20px;
  background-color:#f7f7f7;
  /* width:550px; /* SK: kann gern hier hin, obwohl unnötig; für IE wird aber sowieso eine Dimension benötigt */
  }

/* IE-BUG-KORREKTUR "3 pixel gap" \*/
* html div.inhalt {margin-left: 0; height:1px;}
/* */



div.huelle {
  /* width:510px;  /* 550 - horizontal-paddings */
  /* padding:15px 20px; */
  width:100%;
  float:left;
  /* background:#f7f7f7; */
  font-size:13px;
  vertical-align:top;
  text-align:justify;
  margin:0px;
  line-height:17px;
  }

/* IE-BUG-KORREKTUR falsches clear \*/
* html div.huelle { float:none; }
/* */

/* IE-BUG-KORREKTUR italics cause trouble */
/* \*/
* html div.huelle {
  overflow: hidden;
  o\verflow: visible;

  padding:0 3px;
  padding/**/:0;  
}
/* */  




/* ----------------------------------- Querlinks   */

div.quer  {
  font-size:11px;
  text-align:center;
  margin-bottom:10px;
  }

div.quer a {color:#000099; text-decoration:none;}



/* ----------------------------------- Inhaltskopf */

div.kopf   {
  background-color:#e0e0e0;
  background: url(bild/grafik/bg-kopf-2.png);
  padding:5px 0 10px 0;
  margin-bottom:18px;
  /* border:1px solid #000099; */
  border:1px solid rgb(255,210,50);
  border-left:0;
  border-right:0;
  /* background-color:#ffcccc; */
  /* border:1px solid #000099; */
  /* border-bottom:2px solid #999999; */
  }


/* IE-BUG-KORREKTUR: div 100% */
/* \*/
* html div.kopf {
  width: 100%;
}
/* */  



.normkopf {
   text-align:center;
   margin-bottom:5px;
   padding-left:5px; padding-right:5px;
   }

img.kopfgrafli {float:left;}
img.kopfgrafre {float:right;}

.headx  {
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size:16px;
   font-weight:bold;
   font-style:normal;
   color:#000099;
   }

.headn {
   font-size:12px;
   font-weight:bold;
   color:#000099;
   }



/* ------------------------------------------ Text */

div.lauftext {
  /*
  font-size:13px;
  vertical-align:top;
  text-align:justify;
  margin:0px;
  line-height:17px;
  */
  }


h1 {
  clear:both;
  border-top:1px solid #ffffff;
  color:#000099;
  /* margin-top:15px; */
  padding-top:12px;
  padding-bottom:0px;
  font-family:Tahoma,Arial,Helvetica,Sans-Serif;
  font-size:17px;
  font-weight:bold;
  text-align:center;
  }

h2 {
  margin-bottom:6px;
  color:#3333cc;
  text-align:center;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  }

/* für Zwischentitel */
h3 {
  display:inline;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  }

div.clearline {
   clear:both;
   padding-top:5px;
   border-bottom:1px solid #999999;
   margin-bottom:10px;
   height:5px;
   }



div.clearpure { clear:both; padding-bottom:8px; }


/* Links ----------------------- */

a       {color:#000099;}
a:hover {color:#dd0000;}

/* Absätze --------------------- */

p.umbruch { page-break-after:always;}

p { margin:0px; padding:0px; }

p.titel  {
  font-family:Tahoma,Arial,sans-serif;
  font-weight:normal;
  font-size:22px; color:#cc0033;
  margin-top:0px; margin-bottom:5px;
  }

p.titelB {
  font-size:15px; color:#000000;
  font-weight: bold;
  margin-top:0px; margin-bottom:6px;
  }


div.sitemap {}

div.sitemap p.ebene1 {
  color:rgb(255,210,50);
  font-weight:bold;
  font-size:14px;
  text-align:left;
  margin:10px 0 4px 0;
  padding:3px 10px 3px 10px;
  /* border-top:1px solid #cc0000; */
  /* border-bottom:1px solid #cc0000; */
  background-color:#333399;
  }


div.sitemap p.ebene2 {
  color:black;
  font-weight:bold;
  font-size:12px;
  text-align:left;
  margin:3px 0 3px 0;
  padding:3px 10px 3px 0;
  }

div.sitemap a {text-decoration:none; color:#000099;}
div.sitemap a:hover {text-decoration:none; font-weight:bold; background-color:rgb(255,210,50); }


.autor  {
  font-size:12px;
  font-style:italic;
  }

.anmerkung {font-size:11px;}


.klotz {
  font-family:Tahoma, Arial, sans-serif;
  font-weight:bold;
  font-size:17px;
 }


.filmtitel {
   font-weight:bold;
   font-style:italic;
   color:#3333cc;
   }

.proginfo   {line-height:18px;}
.proginfo em {color:#000099; font-weight:bold; font-style:normal;}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     Standardtags         XXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

em      {color:#000099;}

strong  {font-weight:bold; color:#000099;}

ul, ol  {margin:0; padding-left:18px;}

li {
  margin:0;
  padding:0;
  text-align:left;
  }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     Sonstiges            XXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

table.credits td {vertical-align:top; font-size:12px; text-align:left; padding-left:0; padding-right:0;}

table.tabnorm td {vertical-align:top; font-size:13px; text-align:left; padding-left:0; padding-right:0;}

td.tdtop3    {padding-top:3px;}
td.tdbild    {background-color:#eeeeee;}
td.td165     {width:165px;}
td.td170     {width:170px;}
td.td180     {width:180px;}
td.td185     {width:185px;}
td.td190     {width:190px;}
td.td195     {width:195px;}
td.td200     {width:200px;}
td.td210     {width:210px;}

img.dvd      {margin: 3px 10px 4px 0px; border: 1px solid #000000;}
img.norm     {border: 1px solid #000000;}
img.rechts   {margin: 3px 0 4px 10px; float:right;}
img.links    {margin: 3px 10px 4px 0; float:left;}
img.mitte    {margin:auto; display:block;}

img.linie    {border:1px solid #333333; }
img.foto     {border:1px solid #999999; padding:5px; background-color:#ffffff; }

img.fotorechts { float:right;
  border: 1px solid #999999;
  padding:5px;
  margin:3px 0 3px 12px;
  background-color:#ffffff;
  }


table.bildlinks {
  border-collapse:collapse;
  float:left;
  margin: 3px 10px 4px 0px;
  }


div.divPreis {
  /* background: #fff url(bild/grafik/bg-preis.jpg) right top no-repeat; */
  background-color:#ffffff;
  text-align:center;
  border:6px double #000099;
  padding-top:20px;
  padding-bottom:15px;
  }


div.divZentriert { text-align:center; }

div.divZKopf {
  background-color:#dddddd;
  /* background: #fff url(bild/grafik/bg-kopf.jpg) left top repeat; */
  padding:8px 7px 8px 7px;
  margin-top:14px;
  margin-bottom:14px;
  /* border:1px solid #000099; */
  border-bottom: 2px solid #000099;
  /* border:2px 0px 2px 0px solid #000099; */
  color:#000099;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  text-align:left;
  }


div.FilmZeile {
   clear:both;
   margin:0 0 10px 0;
   padding:4px 0 8px 0;
   border-top:1px solid #cccccc;
 }


div.bildmax        { width:510px; overflow:hidden; background-color:#ddd; padding:0; margin:0;}
div.bildmax      p {font-size:11px; padding:4px; line-height:140%; }

div.bildlinks      { float:left; overflow:hidden; background-color:#ddd; padding:0; margin:3px 12px 10px 0px; }
div.bildlinks img  { display:block; }
div.bildlinks p    { font-size:11px; padding:4px; line-height:140%; }

div.bildrechts     { float:right; overflow:hidden; background-color:#ddd; padding:0; margin:3px 0px 10px 12px; }
div.bildrechts img { display:block; }
div.bildrechts p   { font-size:11px; padding:4px; line-height:140%; }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     Veraltet             XXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* Für die Überschriften in den KopfTexten */
.titlex           {font-family:times,serif; font-size:18pt; font-weight:bold; font-style:italic; color:black}
.titlen           {font-family:times,serif; font-size:16pt; font-weight:bold; font-style:italic; color:black}


.hh2  {font-size:16px; font-weight:bold; }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     FOTO-ÜBERSICHTEN     XXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

div.fotosheet  {text-align:center;}

div.fotorubrik {
  font-family: Verdana, Arial, sans-serif;
  margin:8px 0 8px 0;
  padding:5px;
  background-color:#dddddd;
  /* border-top:2px solid #cc0000; */
  border-bottom:2px solid #cc0000;
  font-size:14px;
  color:#000000;
  text-align:center;
  font-weight:bold;
  }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXX   Fotoserien (Einzelbilder)   XXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

body.bodyfoto {
  margin:0; padding:0;
  background-color:#e7e7e7;
  background-image:url(bild/grafik/bgtextbe.jpg);
  font-family:Verdana,Arial,Helvetica,sans-serif;
  }

div.fotorubrik {
  margin:6px 0 6px 0;
  padding:5px;
  background-color:#eee;
  border:0; border-bottom:3px solid #bbb;
  font-size:14px;
  color:#000000;
  text-align:center;
  font-weight:bold;
  }

a.foto       {color:#aa0000;}
a.foto:hover {color:#ff0000;}

img.fotonavi {border:none;}

.bildbu {
  background-color:#dddddd;
  text-align:center;
  font-size:13px;
  }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXX   NUR FÜR DRUCKVERSIONEN  XXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

body.bodydruck {
  background-color:white;
  text-align:center; /* weil IE 5.0 kein "margin:auto" kennt */
  }

.druck-inhalt {
  width: 550px; margin:auto;
  text-align:left; /* wegen IE-5.0-Vererbungs-Bug */
  }

.druck-kopf {
  width:600px;
  margin:auto;
  margin-bottom:25px;
  padding-bottom:5px;
  font-size:10px; vertical-align:top;
  border-bottom:1px solid #000000;
  }

div.fussdruck {
  width:100%;
  margin:15px 0 0 0;
  border-top:1px solid #999999;
  padding-top:12px;
  text-align:center; font-family: Arial, sans-serif;
  font-size:11px; font-weight:normal; color:black;
  }



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     Nur für Startseite     XXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

body.bodyhome {
  background: #000099 url(bild/grafik/home-bg.jpg);
  color:white; font-size:11px;
  font-family: Arial, Helvetica, sans-serif;  
  }

body.bodyhome a       {color:white; text-decoration:none;}
body.bodyhome a:hover {color:white; text-decoration:underline;}

body.bodyhome div.home {text-align:center;}

body.bodyhome img {border:none;}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXX     Memo     XXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/*
td.demo background-color:#eeddcc;
        background-image:url(../anfang/bgfoto.jpg);
        vertical-align:top bottom middle
        alignment:justify
*/