@charset "utf-8";
/* *************** Grundstruktur der Seite ****************** */
html,body {margin: 0; padding:0; height:100%;}
body{
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:black;
  background-color:white;
}

#header1{
  background-color:#ff8000; /* orange */
  height:10ex;
  border-bottom:2px solid white;
}

#header2{
  background-color:#336699; /* blau */
  min-height:3ex;
  border-bottom:2px solid white;
}

#header2 div#suchformular{
  color:white;
  font-weight:normal;
  font-size:80%;
  padding:0.5ex 1em 0.5ex 1em;
  float:left;
}

#header2 div#suchformular form{
  margin:0;
}

#header2 div#suchformular form input{
  font-size:90%;  
}


#content-wrapper{
  background: url(weiss.gif) 12em 0 repeat-y #336699; /* blau */
  float:left;
  width:100%;
}

#menue{
  float:left;
  width:12em;
  margin-left:-100%;
  position:relative;
  background-color:#336699; /* blau */
}

#content{
  margin-left:12.1em;
  background-color:white;
  border-left: 10px solid #ff8000; /* orange */
  border-top: 10px solid #ff8000; /* orange */
  min-height:72ex; /* IE < 7 bekommt dies über conditional comments als height:70ex untergeschoben */
  line-height:2.5ex;  
  padding-top:2ex;
  /* padding-bottom:2ex;*/
 }

#inner-content{ /* nur wichtig für Layout Menü-rechts */
}
  
#footer{
 clear:both;
 width:100%;
  background-color:#336699; /* blau */
  min-height:3ex;
  border-top:2px solid white;
}  
  
.cb {
  clear:both;
}

/* ********* Header-Formatierung ********* */
#header1{
/*  padding-left:250px;*/
  background-image:url(dreieck-quadrat-kreis-70.gif);
  background-repeat:no-repeat;
  background-position:1ex center;
  text-align:right;
}

#header1 img{
  float:left;
  width:280px;
  height:10ex;
}

#header1 h1{
  color:#336699; /* blau */
  font-weight:bold;
  font-size:140%;
  margin:0;
  padding:2ex 3em 2ex 3em;
}

#header2 p{
  color:white;  /*#ff8000; */ /* orange */
  font-weight:normal;
  font-size:80%;
  margin:0;
  padding:0.5ex 1em 0.5ex 1em;
  text-align:right;
}

#footer p{
  color:white;  /*#ff8000; */ /* orange */
  font-weight:normal;
  font-size:80%;
  margin:0;
  padding:0.5ex 1em 0.5ex 1em;
  text-align:left;
}

/* ********* Menüspalte********** */
#menue p, #menue form{
  padding-left:0.5em;
  padding-right:0.5em;
}

#menue h1{
  color:#ff8000; /* orange */
  font-size:120%;
  font-weight:bold;
  padding-left:0.5em;
}

/* Links im Menü */
#menue ul{
  margin:0;
  padding:0;
}

#menue ul li{
  margin:0;
  padding:0;
}

#menue ul{
  margin:0 1ex 0 0;
  padding:0 1ex 0 0;
  list-style:none;
  width:11em;
}

#menue ul li a{
  display:block;
  width:9em;
  background-color:#336699; /* blau */
  color:#ff8000; /* orange */
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  margin:0.5ex 0 0.5ex 0.5em;
  padding:0.5ex 0.5em 0.5ex 1.5em;
}

#menue ul li a:visited{
  background-image:url(quadrat-orange-20.gif);
  background-repeat:no-repeat;
  background-position:left center;
  font-style:italic;
}

#menue ul ul li a:visited{
  background-image:url(quadrat-orange-16.gif);
}

#menue ul ul ul li a:visited{
  background-image:url(quadrat-orange-12.gif);
}

#menue ul li a:hover{
 background-image:url(kreis-orange-20.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

#menue ul ul li a:hover{
 background-image:url(kreis-orange-16.gif);
}

#menue ul ul ul li a:hover{
 background-image:url(kreis-orange-12.gif);
}

/* Submenü */
#menue .submenue li a{
  display:block;
  width:9.5em;
  background-color:#336699; /* blau */
  color:#ff8000; /* orange */
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  margin:0.5ex 0 0.5ex 1.5em;
  padding:0.5ex 0 0.5ex 1.5em;
  font-size:90%;
}

/* Subsubmenü */
#menue .subsubmenue li a{
  display:block;
  width:9.5em;
  background-color:#336699; /* blau */
  color:#ff8000; /* orange */
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
  margin:0.5ex 0 0.5ex 2.5em;
  padding:0.5ex 0 0.5ex 2em;
  font-size:80%;
}

/* aktuelle Seite: im Menü kein Link */
#menue ul li span.active{
  display:block;
  width:9em;
  background-color:#ff8000; /* orange */
  color:#336699; /* blau */
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  margin:0.5ex 0 0.5ex 0.5em;
  padding:0.5ex 0.5em 0.5ex 1.5em;
  background-image:url(pfeil-nach-rechts-blau-20.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

#menue .submenue li span.active{
  display:block;
  width:9.5em;
  background-color:#ff8000; /* orange */
  color:#336699; /* blau */
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  margin:0.5ex 0 0.5ex 1.5em;
  padding:0.5ex 0 0.5ex 1.5em;
  font-size:90%;
  background-image:url(pfeil-nach-rechts-blau-16.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

#menue .subsubmenue li span.active{
  display:block;
  width:9.5em;
  background-color:#ff8000; /* orange */
  color:#336699; /* blau */
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
  margin:0.5ex 0 0.5ex 2.5em;
  padding:0.5ex 0 0.5ex 2em;
  font-size:80%;
  background-image:url(pfeil-nach-rechts-blau-12.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

.hidden {
  display:none;
}

/* ************ normale Formatierung von Text, Absätzen, Kästen etc. *********** */
#menue p{
 color:#ff8000; /* orange */
}

#content h1 {
  clear:both;
  font-weight:bold;
  font-size:140%;
}

#content h2 {
  font-weight:bold;
  font-size:100%;
}

#content h3 h4 h5{
  font-weight:bold;
  font-size:100%;
}

#content h1{
  color:#336699; /* blau */
  margin:0 1em 0 0.4em;
  padding:1ex 1em 1ex 1em;
}

#content h2, #content h3, #content  h4, #content h5{
  color:#336699; /* blau */
  margin:0 1em 0 1em;
  padding:1ex 1em 1ex 1em;
}

#content p{
  color:black;
  margin:0 1em 0 1em;
  padding:0 1em 1ex 1em;
}

#content a.extern{
  background:url(externallink.gif) center left no-repeat;
  padding-left:20px;
}

#content a{
  color:#ff8000; /* orange */
  background-color:white;
  text-decoration:none;
  font-style:normal;
}

#content a:visited{
  color:#ff8000; /* orange */
  background-color:white;
  font-style:italic;
}

#content a:hover{
  color:black;
  background-color:#ff8000; /* orange */
  text-decoration:underline;
}

#header2 a, #footer a{
  color:white;
  background-color:#336699; /* blau */
  text-decoration:none;
}

#header2 a:hover, #footer a:hover{
  color:#336699; /* blau */
  background-color:white;
  text-decoration:none;
}

img {
   border:0;
}

img.links{
  float:left;
  margin-right:10px;
}

img.rechts{
  float:right;
  margin-left:10px;
}

p.zentriert{
  text-align:center;
}


p.rechts{
  float:right;
  margin-left:10px;
}

div.kasten{
  border:1px solid #ff8000; /* orange */
  margin:0 1em 0 1em;
  padding:0 0.5em 1ex 0.5em;
}

p.losungsstelle{
  text-align:right;
  font-size:80%;
  margin-right:10px;
}

ul.linkliste{
  list-style:none;
  margin:0;
  padding-left:2em;
}

#content ul li, #content ol li{
  margin:0 1em 1ex 1em;
}


.kap {
  font-variant:small-caps;
}

#content p.warningbar{
  border:1px solid #ff8000; /* orange */
  background-color:#efc891; /* hell-orange */
  color:black;
  margin:1ex 2em 1ex 2em;
  padding:0.5ex;
}

/******** Suche **********/
#content .suchformulargross{
  border:1px solid #ff8000; /* rot(-braun) */
  padding:10px;
  margin:auto;
}

#content .suchformulargross  td{ 
  padding:1ex;
}

#content .suchtreffermarkierung{
  color:#336699; /* blau */
  background-color:white;
}

#content .suchausgabe{
}

#content .suchtreffer{
}

/* ************ js_popup-Formatierungen ******************** */

#js-popup {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url(../js/overlay.png);
}
#js-popup-box {
      position: absolute;
      padding: 3px;
      background: #ffffff;
      border: 2px ridge #8080ff;
      text-align: center;
      font-size: 80%;
}
#js-popup-image {
      margin: 0;
      padding: 0;
}
#js-popup-close {
      position: absolute;
      top: 2px;
      right: 2px;
      cursor: pointer;
}
#js-popup-resize {
      position: absolute;
      top: 5px;
      left: 5px;
      cursor: pointer;
}

/* ************ BilderGalerie-Formatierungen ******************** */

/* normaler Text */

#uebersicht img,#einzelbild img{
  border:0;
  margin:0;
  padding:0;
}

#uebersicht a:hover img,
#einzelbild a:hover img{
  background-color:white;
}

/* horizontale Linien */
hr {
   background-color:#FF8000;
   color:#FF8000;
   border:0px;
   height:1px;
   width:95%;
}

/* Darstellung von dirinfo.txt */
#di {
   text-align:left;
   margin:0 1em 0 1em;
   padding:0 1em 1ex 1em;
}

/* Extratext auf den Übersichtsseiten  */
/* -- oben  --                         */
#etueboben    {
   text-align:left;
}
/* -- unten --                         */
#etuebunten   {
   text-align:left;
}

/* Navigations-"Blättern"-Einträge */
#bloben {
   text-align:right;
}
#blunten {
   text-align:center;
}

/* Ordner-Navigationsleiste */
#ordnavi  {
   text-align:left;
    margin:0 1em 0 1em;
    padding:0 1em 1ex 1em;
}

/* Unterordner-Liste */
#ordner  {
  margin:0 1em 0 1em;
  padding:0 1em 1ex 1em;
}
#ordner table {
}
#ordner img {
   margin-right:1em;
   vertical-align:middle;
}
#ordner td.abst {
   padding-right:3em;
}

/* Tabelle mit Vorschaubildern */
#vorschau {
   text-align:center; /* nur für den IE */
}

/* Tabellenrahmen und -abstände */
#vorschau table  {
   empty-cells:show;
   margin-left:auto;
   margin-right:auto;
   border-spacing:5px;
   border:1px solid #FF8000;
}
#vorschau td {
   text-align:center;
   vertical-align:top;
   padding:15px;
   border:1px solid #FF8000;
}
#vorschau td .bild {
   width:120px;
   background-color:transparent;
   margin:auto;
}
#vorschau td .pano {
}

/* Bildbeschreibungen Übersichtsdatei */
#vorschau .beschr {
}
/*   normal (und auch "klein", soweit dort nichts anderes steht) */
#vorschau .gr {
   font-size:smaller;
}
/*   kleiner (in der Beschreibung mit \kl gekennzeichnet) */
#vorschau .kl {
   font-size:smaller;
}

/* Links zu Text-, Audio und Videodatei */
#vorschau .aviwavtxt {
   font-size:80%;
}

/* Fußzeile (Link nach oben und Hinweis auf Programm) */
#fusszeile {
   text-align:right;
   font-size:70%;
   margin:0 1em 0 1em;
   padding:0 1em 1ex 1em;
}
#fusszeilecopyright  {
   float:left;
   text-align:left;
   margin:0;
}
#fusszeilenachoben  {
}
#fusszeileproghinweis {
/*   float:right;*/
   padding-left:2em;
   margin:0;
}

/**** Formatierung für die Einzelbild-Seite ****/
#einzelbild {
   text-align:center;
}

/* Formatierung für die Navigationszeile in den Dateien der großen Bilder */
#navieinzelbild {
   margin-bottom:1ex;
}
#navieinzelbild a {
   margin-left:1em;
   margin-right:1em;
}

/* Das große Bild selber */
#grossbild {
}
#grossbild img {
margin:0ex 0.5em 0ex 0.5em;
}

/* Extratext auf den Einzelbild-Seiten */
/* -- oben --                          */
#eteinzeloben  {
   text-align:left;
}
/* -- unten --                         */
#eteinzelunten {
   text-align:left;
}

/* Bildbeschreibungen bei den großen Bildern */
#einzelbild .beschr{
}
/*   normal (und auch "klein", soweit dort nichts anderes steht) */
#einzelbild .gr {
   font-size:smaller;
}
/*   kleiner (in der Beschreibung mit \kl gekennzeichnet) */
#einzelbild .kl {
   font-size:smaller;
}
/* Links zu Text-, Audio und Videodatei */
#einzelbild .aviwavtxt {
   font-size:80%;
}