/* CSS Document */
body {
 background: #FFFFFF;
 margin : 0px 9px 0 10px;
 padding: 0;
 height: 100%;
 }
 
.typo3-adminPanel {
/* display:none; */
}
 
.unsichtbar, .navaktiv, dfn {
 position : absolute;
 left : -1000px;
 top : -1000px;
 width : 0px;
 height : 0px;
 overflow : hidden;
 display : inline;
}

/***************************************************************/
/* Seitenkopf */
/***************************************************************/
#seitenkopf {
  background: #FFFFFF;
  width:980px;
  height: 30px;
  background-image: url(../img/raster.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding: 0px 0 0px 2px;

}
#seitenkopf-rechts {
  background: #FFFFFF;
  text-align: right;
  margin : 0 0 0px 0px;
  padding : 12px 0 0px 2px;
  float: right;
}
#seitenkopf-rechts p {
  float: left;
}
#seitenkopf-rechts a {
  text-decoration: none;
  color: #000000;
}
#seitenkopf-rechts a:hover {
  text-decoration: underline;
}
#kopf-druckansicht {
  display: none;
}

/***************************************************************/
/* Kopfbild, Titel, Hauptnavigation */
/***************************************************************/
#kopfbild {
  width: 984px;
  height: 149px;
  background-image: url(../img/raster.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}
#bild {
  height: 140px;
  width: 984px;
  position: absolute;
  float: left;
}
#seitentitel {
  position: relative;
  padding: 20px 0 0 0;
  margin: 0;
  height: 30px;
  width: 379px;
}

/*** Feld für die Suche im Kopf, absolut positioniert ***/
#titel-suche {
  position: absolute;
  top: 50px;
  left: 175px;
  height: 25px;
  z-index: 2;
  background: #FFFFFF;
  padding: 5px 0 0 0;
  width:220px;
}
#titel-suche p {
  margin: 0;
  padding: 1px 6px 0 6px;
  float: left;
}
/*** Ende ***/

#hauptnavigation {
  position: relative;
  padding: 55px 0 0 11px;
  height: 41px;
}
#logo-link {
  position:absolute;
  height:70px;
  width:160px;
  z-index:2;
}

/***************************************************************/
/* Formulare, Suchfeld */
/***************************************************************/
.suche-textfeld { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: normal; 
  font-size: 100%;
  font-weight: normal;
  color: #000000; 
  height : 15px; 
  width : 120px;
  border:2px solid #BBBBBB;
  border-style: inset;
  float:left;
  margin:0;
  padding:2px 0 0px 2px;
}
.suche-button { 
  height : 21px; 
  border : 0; 
  margin : 0;
  padding: 0 6px 0 6px;
  float:left;
}
.vera-button, .vera-button-erweitert, .vera-button-erweitert-fea, .vera-button-erweitert-fea-2 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  border-style: outset;
  margin-left: 10px;
  padding:2px 6px 2px 6px;
  margin-top:-1px;
}

/***************************************************************/
/* Zwischenbereich, History, Ecken der Spalten */
/***************************************************************/

#history {
  width: 100%;
  max-width: 984px;
  padding: 10px 0 0 0px;
}
#history p {
  padding-left: 6px;
  margin: 0;
}
#ecke-1 {
  position:absolute;
  left:181px;
  top: 0px;
  height:29px;
  width:29px;
  z-index:2;
}
#ecke-2 {
  position:absolute;
  left:735px;
  top: 0px;
  height:29px;
  width:29px;
  z-index:2;
}
#ecke-3 {
  position:absolute;
  left:955px;
  top: 0px;
  height:29px;
  width:29px;
  z-index:2;
}

/***************************************************************/
/* Inhaltsbereich, Kontextnavigation */
/***************************************************************/

/*** Hält die 3 Spalten zusammen ***/
#inhalt {
  position: absolute;
  background: #FFFFFF;
  width:984px;
  padding : 0;
  margin : 18px 0 0 0;
  display: block;
}
#unterseite-spalte-1-2 {
  width:764px;
  float:left;
  padding : 0 0 0 0;
  margin-right: 10px;
  overflow : hidden;
}

/*** Alles zu Spalte 1, Kontextnavigation ***/
#unterseite-spalte-1 {
  width:210px;
  float:left;
  padding : 0 0 0 0;
  margin-right: 10px;
}
#unterseite-spalte-1-abschluss {
  background-image: url(../img/raster.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  width:210px;
  height: 9px;
  margin-bottom:-1px;
}

/* Navigation Ebene 1 */
#unterseite-spalte-1 ul {
  padding : 0;
  margin : 10px 0 10px 0;
  width: 210px;
  list-style-type: none;
}
#unterseite-spalte-1 ul li {
  margin : 2px 0 2px 0;
}
#unterseite-spalte-1 ul li a {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  padding : 6px 8px 6px 10px;
  margin: 0;
}
#unterseite-spalte-1 ul li a:hover {
  text-decoration: none;
}
/* mit den beiden Klassen kann ein aktiver Link gesondert klassifiziert werden */
#unterseite-spalte-1 .non-aktiv {
  display: block;
}
#unterseite-spalte-1 .aktiv {
  display: block;
}
#unterseite-spalte-1 .referenzfeld {
  display: block;
  color: #FFFFFF;
  background:#000000;
  padding-top: 4px;
  padding-bottom: 4px;
}
#unterseite-spalte-1 .referenzfeld a:hover {
  padding-top: 4px;
  padding-bottom: 4px;
}


/* Navigation Ebene 2 */
/* bei 'hover' wird ein dickerer Pfeil angezeigt*/
#unterseite-spalte-1 ul li ul {
  padding-bottom : 10px;
  margin : 2px 0 2px 0;
}
#unterseite-spalte-1 ul li ul li {
  margin : 0 0 0px 0;
}
#unterseite-spalte-1 ul li ul li a {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  background-image: url(../img/pfeil.gif);
  background-repeat: no-repeat;
  background-position: 11px 4px;
  padding : 0px 8px 4px 20px;
  margin: 0;
}
#unterseite-spalte-1 ul li ul li a:hover {
  background-image: url(../img/pfeil_on.gif);
  background-repeat: no-repeat;
  background-position: 11px 4px;
  text-decoration: underline;
}
/* mit den beiden Klassen kann ein aktiver Link gesondert klassifiziert werden */
#unterseite-spalte-1 .aktiv-sub {
  display: block;
  font-weight:bold;
  background-image: url(../img/pfeil_on.gif);
  background-repeat: no-repeat;
  background-position: 11px 4px;
}
#unterseite-spalte-1 .non-aktiv-sub {
  display: block;
}
/*** Ende Spalte 1 ***/


/*** Alles zu Spalte 2, Inhaltsbereich ***/
#unterseite-spalte-2 {
  width:544px;
  float:left;
  padding : 0px 0px 0 0px;
  margin-right: 10px;
  overflow: hidden;
}
#unterseite-spalte-2-text {
  width:504px;
  padding : 0px 0px 0 0px;
  margin: 0 20px 0 20px;
}
#unterseite-spalte-2-abschluss {
  background-image: url(../img/raster.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  width:544px;
  height: 9px;
}
#unterseite-spalte-2-fusszeile {
  background: #FFFFFF;
  width:544px;
  margin : 0 0 0px 0px;
  padding : 8px 0 0px 0px;
  display: block;
}
#unterseite-spalte-2-fusszeile a {
  text-decoration: none;
  color: #000000;
}
#unterseite-spalte-2-fusszeile a:hover {
  text-decoration: underline;
}
#unterseite-spalte-2-fusszeile p {
  float: left;
  padding-top: 2px;
}
#unterseite-spalte-2-fusszeile .normal {
}
#unterseite-spalte-2-fusszeile .druckansicht {
  display: none;
}
#unterseite-spalte-2-fusszeile .copyright {
  padding: 6px 0 10px 0;
  float: none;
}
/*** Ende Spalte 2 ***/


/*** Alles zu Spalte 3, Marginalspalte ***/
#unterseite-spalte-3 {
  background-image: url(../img/box-ecke.gif);
  background-repeat: no-repeat;
  background-position: top right;
  width:210px;
  float:left;
  padding : 0px 0 0 0px;
  margin: 0;
  overflow: hidden;
}
/*** Box für Marginalspalte: wird mit Klassen deklariert da mehrere untereinander kommen können ***/
.box {
  width:210px;
  padding : 0px 0 0 0px;
  margin: 0;
}
.box-head {
  padding : 7px 14px 7px 14px;
  margin: 0;
}

.box-content, .box-content-linkliste {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding : 6px 14px 8px 16px;
  margin : 0;
  width: 180px;
}
.box-content a {
  text-decoration: none;
}
.box-content a:hover {
  text-decoration: underline;
}

/*** Navigation in Marginalspalte ***/
.box-content ul {
  padding : 0 0 0px 0px;
  margin : 10px 0 0px 0;
  list-style-type: none;
  width: 180px;
}

.liste li, .box-content li {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  background-image: url(../img/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px; 
  padding : 0px 4px 4px 10px;
  margin: 0;
}
.liste li a {
  text-decoration: none;
}
.liste li a:hover {
  text-decoration: underline;
}

.linkliste li {
  background-image: url(../img/blank.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
.linkliste li a {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  padding : 0px 4px 0px 10px;
  margin: 0;
  margin-left: -10px;
  background-image: url(../img/pfeil.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  display: block;

}
.linkliste li a:hover {
  background-image: url(../img/pfeil_on.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}
.linkliste .aktiv-sub {
  display: block;
}
.linkliste .non-aktiv-sub {
  display: block;
}

/*** Abstandhalter zwischen einzelnen Boxen ***/
.unterseite-box-abschluss {
  background-image: url(../img/raster.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  width: 210px;
  height: 9px;
}

/*** Ende Spalte 3 ***/


/***************************************************************/
/* Text, Inhalt */
/***************************************************************/
p, ul, ol, .text, .box-content  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
  margin:0;
}
.text a, .box-content a {  
  text-decoration: none;
  font-size: 100%;
}
.text a:hover, .box-content a:hover { 
  text-decoration: underline;
}
.text p, .box-content p {
  margin: 8px 0 4px 0;
  font-size: 100%;
}
.text table td {
  font-size: 100%;
}
.text h1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #000000;
  padding: 6px 0 0 0px;
  margin: 12px 0 18px 0;
}
.text h2, .box-content h2 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #000000;
  font-weight:bold;
  font-size: 100%;
}
.text ul {
  list-style-type: square;
  margin-top: 0px;
}
.text img {
  margin: 2px 10px 4px 0;
}
.EventsListDate img {
  margin: 0px 2px 4px 4px;
}
a {
  color: #000000;
}
.blank {
  position: absolute;
}

/***************************************************************/
/* Klapper */
/***************************************************************/

.klapper {
  margin: 5px 15px 10px 15px;
  overflow: hidden;
  height: 100%;
}
.klapper_headline {
  background-color: #a5acb0;
  overflow: hidden;
}
.klapper_headline a {
  background-image: url(../img/icons/pfeil_klapper.gif);
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
.klapper_headline a:hover {
}
#unterseite-spalte-2-text .klapper_headline a,
#unterseite-spalte-1-2 .text .klapper_headline a
{
  color: #fff;
}
.klapper_inhalt {
  background-color: #eaeff0;
  color: #42484b;
  display: none;
}
.klapper_inhalt table {
  width: 100%;
}
.klapper_inhalt th, td {
  text-align: left;
  padding: 3px;
  border-collapse: collapse;
}
/* aufgeklappt */
.klapper_auf .klapper_headline {
  background-color: #71787c;
}
.klapper_auf .klapper_headline a {
  background-image: url(../img/icons/pfeil_klapper_zu.gif);
}
.klapper_auf .klapper_inhalt {
  display: block;
}