/*-----------------------------------------------------------------------------
    3 Pixel Bug IE Ausgleich
-------------------------------------------------------------------------------*/ 
* html p {
height: 1%;
margin-left: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Grundlegende 3-Spalter-Eigenschaften:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*
{
  border: 0;
  margin: 0;
  padding: 0;
}

body { 
  text-align: center;
  font-size: 100.01%; /* damit Schriftgrößen unter 0.8 in manchen Browsern nicht winzig werden */
  font-family: Verdana, Arial, sans-serif;
  margin: 0; 
  padding: 0;
  min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  
 /* 
 verlaufshintergrund:
 background: url('../files/_.jpg') repeat-x; */
  }
  
img { border: 0; }
  
#container { position: relative; text-align: left; margin: 0px auto; /* width: 58.3em; */  width: 58.7em; /* Breite der gesamten Seite */
  /* background: #E4E4E4;   Färbt Spalte rechts und links (eigentlich gesamten Hintergrund) ganzflächig */ }

#spaltelinks { float: left; width: 12em; margin: 0; padding: 0; /* background: #E4E4E4;   Färbt nur oberen Bereich Spalte links */ }
#spalterechts { float: right; width: 12em; margin: 0; padding: 0; /* background: #E4E4E4;  Färbt nur oberen Bereich Spalte rechts */}
#spaltemitte { 
  /* Für IE 5, sonst verbreitert er mittlere Spalte und rückt sie nach unten */
  margin: 0 0 0 12.6em !important;  /* hier non IE Abstand einstellen rechts und links der mittleren Spalte! */ 
  margin: 0 0 0 12.3em;
  padding: 0; 
  width:33em;
 }
  
  /* Alle Browser: Nur mit diesem Extra-div werdenen korrekt untereinander 
  angeordnet, sonst gibts Abstände und Hintergrundfarbe wird nicht korrekt dargestellt.
  Außerdem wird hier die Mindesthöhe der Seite eingestellt: */
#spaltemitteextra {
  float:left; 
  width: 100%;
  min-height: 40em;
  height:auto !important; 
  height:40em;  /*für IE */
  }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Titelbild 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#titelbild { 
  width: 100%; 
  margin: 0.5em 0 0 0; 
  padding: 0; 
  background-image: url(../files/bg_head.gif); 
  background-repeat: repeat-x; 
  border: 0;
 }
 
.titel_innen {
  margin:auto; /* Nur damit können Firefox, Opera, Netscape ein div im div zentrieren! */
  background: url('../files/head.jpg') no-repeat; 
  border: 0;
 /*  width: 59.1em; Entspricht Breite des Titelbildes */
  width: 59.9em; /* Entspricht Breite des Titelbildes */
  height: 8em; /* Höhe des Innenbereichs */
 }
 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Lässt Brief-Icon hinter allen Email-Adressen erscheinen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a[href ^="mailto:"] { padding-right: 1.7em; padding-top: 0.2em; background: transparent url('../files/email.gif') no-repeat center right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Anfügen eines Symbols (.gif) zum Kennzeichnen externer Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.extern{ padding-right: 1.5em; background: url('../files/external.gif') no-repeat center right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Überschriftmodul
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
  h1 { line-height: 1.4em; font-family: arial, verdana, sans-serif; font-size: 1.3em; margin: 0; padding: 0.4em 0em 0.2em 0.5em; color: #999; /* grau */ line-height: 1.3em; font-weight: normal; }
  h2 { line-height: 1.4em; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 0.81em; padding: 0.6em 0.5em 0.5em 1.2em; color: #000; background: #E4E4E4;}
  h3 { line-height: 1.4em; font-family: verdana, arial, sans-serif; font-weight: bold; font-size: 0.81em; margin: 0; padding:  0.6em 0.5em 0.5em 1.2em; color: #000; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
     Textile Editor mit Artikelbild (Wichtig für Bilder)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

  .fllinks { float: left; }
  .flrechts { float: right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Textbox 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.textbox { margin-bottom: 0em;}
.textbox p { margin: 0; padding: 0.5em 0.9em 0.5em 1.1em; color: #000;  font-size: 0.84em; line-height: 1.4em; } 
.textbox li { padding-bottom: 0.5em; }
  
.textbox ul { 
  list-style: url('../../files/listenpunkt.gif');
  border: 0; 
  color: #333; 
  font-size: 0.84em; 
  padding: 0.2em 0.84em 0 2.3em; 
  margin: 0 0 0 0;
  line-height: 1.4em;
  }
.textbox ol { color: #333; font-size: 0.84em; margin-right: 1em; line-height: 1.4em; }
.textbox ol li { }

.textbox img { margin: 0; } /* nur wenn Bild manuell direkt in Textbox eingebunden wird! */
.textbox a { font-size: 0.9em; }
.textbox a:hover {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Boxcontent beinhaltet Textbox mit Bildern usw. (für grauen Strich links)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
.boxcontent { 
  border-left: 0.2em solid #E4E4E4;
  }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Text hervorheben (innerhalb der Textbox)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

.hervorheben {
  padding: 0.5em; background: #FFF; 
  /* border: 0.1em; border-color: #80A9C9; */ /* blau */
  border: 0.1em; border-color:  #A13761; 
  border-style: solid;
  font-size: 0.8em; margin: 0 1em 0 1em;
  }
  
.hervorheben a {font-size: 0.89em}
  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Bildmodul
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

  #bildcontainer {background: #A13761;}
  .pnormal { clear: both; margin: 0.7em 0 0em 0.85em; border: none; }
  .pleft { float: left; margin: 0.7em 0.8em 0em 0.85em; vertical-align: text-bottom; border: none; }
  .pright { float: right; margin: 0.7em 0.8em 0em 0.85em; vertical-align: text-bottom; border: none; }
  .ptitel { margin: 0; clear: both; border: none; }

/*-----------------------------------------------------------------------------
    Blättermodul 1, 2, 3 weiter
-------------------------------------------------------------------------------*/ 

.paginate_nav { text-align: center; margin-left: 0; height: 2.2em; 
  /* Höhe der Gesamtaußenbox, falls mehr Links entstehen sollen als in eine Zeile passen muss Höhe evtl. angepasst werden. */
   margin-top: 1em; font-size: 0.88em;}
   
.paginate_nav span { font-size: 0.81em; display: block; float: left; line-height: 1.5em; margin-right: 0.2em; }

.paginate_nav .paktiv {  /* Aktiver Link */

   text-align: center;
   background-color: #F8F8F8; /* hellgrau */
   border: 0.1em solid #F20000;
   color: #F20000;
   display: block;
   padding: 0.2em 0.9em 0.3em 0.9em;
   line-height: 1em;
   text-decoration: none;
   font-weight: bold;
   }

  /* sonst springt Zahlenblock bei Seite 1 nach rechts: */

.paginate_nav ul { padding-left: 0; margin-left: 0; }
.paginate_nav li { display: block; float: left; }

  /*
   Wenn ich das einsetze ist nur noch der zurück-weiter Link zu sehen! 
  .paginate_nav li span { width: 0; padding: 0; margin: 0; }
  */
  
.paginate_nav li a { background-color: #fff; display: block; text-decoration: underline; font-weight: normal; }
.paginate_nav li a:hover { background-color: #fff; border: 0.1em solid #E4E4E4; display: block; text-decoration: underline; }

.paginate_nav span a { /* Link */
   background-color: #F8F8F8; /* hellgrau */
   border-top: 0.1em solid #F8F8F8; /* hellgrau */
   border-right: 0.1em solid #E4E4E4; /* grau */
   border-bottom: 0.1em solid #E4E4E4; /* grau */
   border-left: 0.1em solid #F8F8F8; /* hellgrau */
   display: block;
   padding: 0 0.9em 0em 0.9em;
   text-decoration: none;
   color: #F20000;  /* Linktextfarbe */
   font-weight: bold;
   }

.paginate_nav span a:hover, .paginate_nav span a:active { 
   background-color: #F20000; 
   color: #fff;
   border-top: 0.1em solid #F8F8F8; /* hellgrau */
   border-right: 0.1em solid #E4E4E4; /* grau */
   border-bottom: 0.1em solid #E4E4E4; /* grau */
   border-left: 0.1em solid #F8F8F8; /* hellgrau */
   }
  
.paginate_nav span.aktuell { color: #fff; }
.paginate_art { clear: both; } /* Betrifft den eingebundenen Artikel */

/*-----------------------------------------------------------------------------
    Breadcrumb
-------------------------------------------------------------------------------*/ 

#breadcrumb { 
  font-size: 0.71em; 
  padding: 0 0.9em 0.7em 1.2em; 
  text-decoration: underline;
  }

#breadcrumb a:link { color: #333; font-weight: normal;}
#breadcrumb a:visited { color: #333; font-weight: normal; }
#breadcrumb a:hover { color: #F20000; }

  /* Aktive Seite  */
.bcActive { color: #F20000; /* blau */ font-weight: bold; }
  
.bcTitle { } /* display: none; macht Anzeige des domainnamens in Breadcrumb unsichtbar */
  
/*-----------------------------------------------------------------------------
   Fußbereich
-------------------------------------------------------------------------------*/ 

.fussbereich { 
  /* border-top: 0.1em solid #E4E4E4; */
  font-size: 0.71em;  
  line-height: 1.5em; 
  color: #999;
  }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
     Sitemap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
.sitemap ul {list-style-image: url('../../files/listenpunkt.gif'); font-size: 0.84em; }
.sitemap ul ul { font-size: 1em; } 
.sitemap li {}
.sitemap li a {}
.sitemap li a:hover{}
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    KONTAKTFORMULAR (Formular Generator)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

  /* Div welches das Formular umschließt */
.formgen { margin-top: 1em; }

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }

.formgen form {}

  /* Blöcke, jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann: */
.formgen .formblock { margin-bottom: 0.5em; margin-top:0.5em; margin-left: 0.99em; }

  /* Verhalten von br-Tags */

.formgen br { clear : both; }

  /* FORMULAR: */


  /* Mehrzeiliges Eingabefeld */
.formgen .formtextfield { 
   width: 20em; height: 20em; color: #5C5C5C;
   border: 0.1em solid #333333; /* grau */
   padding: 0.5em;
   font-family: verdana, arial, sans-serif; 
   font-size: 1em;
   float: right;
   margin-right: 1em;
   background: #F8F8F8;
   }

  /* Einzeiliges Eingabefeld */
.formgen .formtext { 
   width: 20em; color: #5C5C5C; 
   border: 0.1em solid #333333; /* grau */
   padding: 0.5em;
   font-family: verdana, arial, sans-serif; 
   font-size: 1em;
   float: right;
   margin-right: 1em;
   background: #F8F8F8;
  }

  /* Trennelement , Abstand */

.formgen .formtrenn { display: block; /* height: 30em; */}

  /* Hinweistext */
.formgen .formhinweis {
   font-size: 0.78em; padding-right: 1em;
  }
  
  /* Überschrift */
.formgen .formheadline { font-weight: bold; color: #5C5C5C; }

  /* Passwortfeld */
.formgen .formpassword { width: 20em; background-color: #CCCCCC; }


  /*Captcha-Bild*/
.formgen .formcaptcha { border: 0; padding: 0 0 0 9.8em; }


  /* Feldbeschreibung (Name, E-Mail...) */
.formgen label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.81em;
  width: 11.25em; /* Breite Feldbeschreibungsfeld. Noch breiter = Umbruch */
  clear: left;
  float: left;
  padding: 0;
  color: #333; /* Schriftfarbe Feldbeschreibung */
  }

  /* Aussehen der Select-Ausgabe */
.formgen .formselect { width: 100px; background-color: #fff; color: #5C5C5C; }

  /* Sende-Button */
.formgen .formsubmit {
  display: block;
  font-weight: bold;
  color: #FFF;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1.4em;
  height: 3.7em; 
  width: 8.5em;
  padding-bottom: 0.4em;
  background: url('../../files/kontakt.jpg') no-repeat; 
  cursor:pointer; /* Nur für IE */
  }

.formgen .formsubmit:hover {
 /* color: #80A9C9; */ /* blau */
  } 
  

  /* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset { padding: 0; /* border: 0.1em solid #E4E4E4; */ border: 0;  /* Wenn Rand um Formular verschwinden soll */ }


  /* Fieldsetbeschriftung */
.formgen legend {
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1.1em;
  color: #333;
  padding: 0 0.88em 0 0.88em;
  }

  /* -------------- AUSGABEN / Fehlermeldungen --------*/

#form-module-thanks {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.81em;
  margin: 0 1em 0 1em;
  margin-bottom: 3em;
  padding: 1em;
  }

  /* Fehlermeldung nach Versand */

.forminfo { color: #F20000; /* rot */ margin-left: 10px; margin-bottom: 15px; padding: 5px;  font-size: 0.81em; font-weight: bold; }

  /* Markierung der Labels bei Fehler */
.formgen .formerror {  color: #F20000; /* rot */ }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Link
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* allgemeine Linkdefinition */

a:link, a:visited, a:hover, a.active {
  /* Schrift siehe textbox */
  font-weight: bold;
  }

a:link {
  color: #F20000; /* rot */
  text-decoration: underline;
  }

a:visited {
  color: #F20000; /* rot */
  }

a:focus { outline: none; } /* Schaltet punktierten Linkrahmen (IE) ab, auch bei Bildlinks */


a:hover {
  text-decoration: underline;
  color: #000;
  }  
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Zweispalter mit Textile
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.zweispalter_ueber {
/*  width: 10em;
  border-color: #E2E2E2;
  border-style: solid;
  border-width: 1px 0 0 0;
*/
}

.zweispalter_1 {
  float: left;
  width: 13em;
}

.zweispalter_1 p {
  padding: 0.5em  1.1em  0.5em  1.1em; color: #333;  font-size: 0.84em; line-height: 1.3em;
}


.zweispalter_2 {
  margin: 0 0 0 13em;
  border-left: 1px solid #E2E2E2;
}

.zweispalter_2 p {
  padding: 0.5em  1.1em  0.5em  1.1em; color: #333;  font-size: 0.84em; line-height: 1.3em;
}

.clboth {  
  clear: both;
  display: block;
  line-height: 0;
  font-size: 0; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Separater Kontaktbutton
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.kontakt a, .kontakt a:visited, .kontakt a:hover, .kontakt a:active {
  display: block;
  font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: none;
  font-size: 1.3em;
  color: #FFF;
  height: 2.5em !important;   /* Gesamtboxgröße */
  height: 4em;                /* Gesamtboxgröße */
  padding: 1.4em 0 0 2.3em;
  background: url('files/kontakt.jpg') no-repeat;
  cursor:pointer; /* Nur für IE */
  } 
 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Macht Printheader (Adressfeld)unsichtbar, das nur in der Printversion erscheint.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
.printheader {display: none; }
  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Separater Seite empfehlen Button
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.empf a, .empf a:visited, .empf a:hover, .empf a:active {
  font-size: 0.7em;
  /* font-weight: bold;
  font-family: verdana, arial, helvetica, sans-serif;
  text-decoration: underline;
  margin-right: 1.9em; */
  } 
  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Popuplink
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
  .popuplink {  
  padding: 0 1em 0 1em;
  line-height: 1.4em;
  font-size: 0.8em;
}  

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Downloadmodul mit Zeitsteuerung
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .list_content {  
  padding: 0 1em 0 1em;
  line-height: 1.4em;
  font-size: 0.8em;
  border-left: 0.3em solid #E4E4E4;
} 
  .menueueberschrift { 
/* font-size: 0.7em; */
font-size: 0.83em;
font-weight: bold;
color: #999;
margin: 0.1em 0.2em 0 0; 
padding: 0.6em 0.9em 0.1em 0em;
background: #FFFFFF; 
}  
 




/*
 a:link
 a:visited
 a:hover
 a:active
*/


/* Allgemeine Angaben: */
.submenu { padding: 0; margin: 0; }  
.submenu ul { padding: 0; margin: 0; }
.submenu li { display: inline; 
/* Leerraum-Bug (whitespace bug) IE */ }




/* Liste Submenu */
.submenu li a {
  display: block; 
  margin: 0.1em 0.2em 0.1em 0; 
  padding: 0.4em 0.8em 0.4em 0.8em;
  font-family: Verdana, Arial, sans-serif; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: 0.7em;
  color: #FFFFFF; 
  background: #F20000;
  border-left: 0.4em solid #F20000;
  }
  
  .submenu li a:visited { /* für IE 6 */
  color: #FFFFFF;
  background: #F20000;
  border-left: 0.4em solid #F20000;
  }

.submenu li a:hover {
  color: #000000;  
  background: #FFFFFF;
  border-left: 0.4em solid #F20000;
  text-decoration: none; /* Für IE 6 */
  }
 
  
  


.submenu #current a {
  color: #000000;
  background: #E4E4E4;
  border-left: 0.4em solid #F20000;
  }
   
.submenu #current a:visited {
  color: #000000;
  background: #FFF;
  border-left: 0.4em solid #F20000;
  }

.submenu #current a:hover {
  color: #000000;  
  background: #FFFFFF;
  border-left: 0.4em solid #F20000;
  }



/****************************
  1. Unterebene (subnav1)
*****************************/

.submenu .subnav1  { padding-left: 0.35em; }
  

.submenu #current .subnav1 a {
  color: #000000; /* Text schwarz, damit aufgeklapptes Submenü besser sichtbar ist */
  background: #E2E2E2;
  border-left: 0.4em solid #F20000;
  padding: 0.3em 0.8em 0.2em 0.8em; 
  }
  
.submenu #current .subnav1 a:visited {
  color: #000000; /* damit aufgeklapptes Submenü besser sichtbar ist */
  background: #E2E2E2;
  border-left: 0.4em solid #F20000;
  }

.submenu #current .subnav1 a:hover {
  color: #000000; 
  background: #FFFFFF;
  border-left: 0.4em solid #F20000;
  } 

.submenu #current .subnav1 #active a {
  color: #000000; 
  background: #FFFFFF;
  border-left: 0.4em solid #F20000; 
  }
  
  

  /****************************
  2. Unterebene (subnav2)
*****************************/


  
.submenu .subnav2  { padding-left: 0.35em; }
  
.submenu .subnav2 { color: #FFFFFF; }.menueueberschrift { 
/* font-size: 0.7em; */
font-size: 0.83em;
font-weight: bold;
color: #999;
margin: 0.1em 0.2em 0 0; 
padding: 0.6em 0.9em 0.1em 0em;
background: #FFFFFF; 
}  
 




/*
 a:link
 a:visited
 a:hover
 a:active
*/


/* Allgemeine Angaben: */
.zweitmenue { padding: 0; margin: 0; }  
.zweitmenue ul { padding: 0; margin: 0; }
.zweitmenue li { display: inline; 
/* Leerraum-Bug (whitespace bug) IE */ }




/* Liste zweitmenue */
.zweitmenue li a {
  display: block; 
  margin: 0.1em 0.2em 0.1em 0; 
  padding: 0.4em 0.8em 0.4em 0.8em;
  font-family: Verdana, Arial, sans-serif; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: 0.7em;
  color: #FFFFFF; 
  background: #F20000;
  border-left: 0.4em solid #F20000;
  }
  
  .zweitmenue li a:visited { /* für IE 6 */
  color: #FFFFFF;
  background: #F20000;
  border-left: 0.4em solid #F20000;
  }

.zweitmenue li a:hover {
  color: #000000;  
  background: #FFFFFF;
  border-left: 0.4em solid #F20000;
  text-decoration: none; /* Für IE 6 */
  }
 
  
  


.zweitmenue #current a {
  color: #000000;
  background: #E4E4E4;
  border-left: 0.4em solid #F20000;
  }
   
.zweitmenue #current a:visited {
  color: #000000;
  background: #FFF;
  border-left: 0.4em solid #F20000;
  }

.zweitmenue #current a:hover {
  color: #000000;  
  background: #FFFFFF;
  border-left: 0.4em solid #F20000;
  }



/****************************
  1. Unterebene (subnav1)
*****************************/

.zweitmenue .subnav1  { padding-left: 0.35em; }
  

.zweitmenue #current .subnav1 a {
  color: #000000; /* Text schwarz, damit aufgeklapptes Submenü besser sichtbar ist */
  background: #E2E2E2;
  border-left: 0.4em solid #F20000;
  padding: 0.3em 0.8em 0.2em 0.8em; 
  }
  
.zweitmenue #current .subnav1 a:visited {
  color: #000000; /* damit aufgeklapptes Submenü besser sichtbar ist */
  background: #E2E2E2;
  border-left: 0.4em solid #F20000;
  }

.zweitmenue #current .subnav1 a:hover {
  color: #000000; 
  background: #FFFFFF;
  border-left: 0.4em solid #F20000;
  } 

.zweitmenue #current .subnav1 #active a {
  color: #000000; 
  background: #FFFFFF;
  border-left: 0.4em solid #F20000; 
  }
  
  

  /****************************
  2. Unterebene (subnav2)
*****************************/


  
.zweitmenue .subnav2  { padding-left: 0.35em; }
  
.zweitmenue .subnav2 { color: #FFFFFF; }/*
 a:link
 a:visited
 a:hover
 a:active
*/


/* Allgemeine Angaben: */
.menueunten { padding: 0; margin: 0;  }  
.menueunten ul { padding: 0; margin: 0; }
.menueunten li { display: inline; 
/* Leerraum-Bug (whitespace bug) IE */ }


/* Liste Submenu */
.menueunten li a {
  float: left;
  margin: 1em;
  display: block; 
  margin: 0.3em 0.2em 0 0; 
  padding: 0.1em 0.8em 0.1em 0.8em;
  font-family: Verdana, Arial, sans-serif; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: 0.7em;
  color: #414141;
  border-left: 0.4em solid #F20000;
  }
  
  .menueunten li a:visited { /* für IE 6 */
   color: #414141;
   border-left: 0.4em solid #F20000;
  }

.menueunten li a:hover {
  color: #F20000;
  text-decoration: none; /* Für IE 6 */
    border-left: 0.4em solid #F20000;
  }
  
.menueunten #current a  {
   color: #F20000;
  }
  
  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Suchformular Eingabefeld 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.search-form {  /* Container für search-input und search-btn */ 
   float: right; 
   width: 12.1em;  /* Breite des äußeren Suchformulardivs */
/*   right: 100px;  right oder left = Abstand zu rechten Rand des übergeordneten divs */
  margin: 3em 0 0 0!important; /* schiebt Suchfeld non IE nach unten */
  margin: 2.7em 0 0 0;  /* schiebt Suchfeld im IE nach unten */
  background: #FF0;
  height: 1.63em;
  background: url('../../files/suchfunktion.gif') repeat-x; 
}  

.search-input {  
  font-weight: bold;
  width: 11.1em;
  background: none;
  padding-top: 0.2em !important;
  padding-top: 0.1em; /* nur für IE, zentriert Text vertikel in Eingabefeld */
  padding-left: 0.3em;
}  
/* Button */
.search-btn { 
  font-weight: bold;
  font-size: 0.71em;
  cursor: pointer;
  border: none; 
  width: 3em;
  background: none; 
}

.search-btn:hover { /* Button */
  /* Schrift siehe ganz oben */
 /* color: #80A9C9; */ /* blau, Schrift des Buttons */
 /*  font-weight: bold; */
}
#jaos {
/*  margin:0 auto; */
  }


.jaosg_galerie {
border-left: 0.2em solid #E4E4E4;
padding-left: 1em;
}


.jaosg_bildbeschreibung {
margin: 0; padding: 0.5em 0.9em 0.5em 1.1em; color: #000;  font-size: 0.7em; line-height: 1.4em;

}

.jaosg_thumbnail { 
padding-right: 0.5em;
padding-bottom: 0.5em;
}

.jaosg_bild {
margin: 0;
padding-left: 0.8em; 
border-left: 0.2em solid #E4E4E4;
}

.jaosg_nav {
border-left: 0.2em solid #E4E4E4;
padding-left: 1em;
font-size: 0.8em;
padding-bottom: 0.4em;
}


.jaosg_thumbnail {
padding-right: 0.3em;
padding-bottom: 0.3em;
margin: 0;
float: left;
  
  /* 
  height: 80px;
  width: 80px;
  text-align: left;
  vertical-align:middle; 
  */
  }





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Tabellendefinition
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table {
  /* Schrift siehe ganz oben */
  border-collapse: collapse; 
/*  table-layout:fixed; macht alle Zellen gleich breit */
  margin: 7px 5px 10px 15px;  
  font-size: 0.8em; 
}

td, th{
  padding: 3px 10px 5px 15px;  /* Abstand um Tabelleninhalt herum, wie bei Textbox p */
  border-top: 0.1em solid #999;
  border-right: 0.1em solid #999;
  border-bottom: 0.1em solid #999;
  border-left: 0.1em solid #999;
  vertical-align: top;
  background: #FFF;
}

th {
  color: #000;
  background: #E4E4E4;
  text-align: right; 
}