h1{
 font-size:21px;
 margin-bottom:18px;
} 

/*Styles fuer Layout-Zwecke */
/*  #mainMenu: Das Hauptmenue unter dem Header-Bild, rechte Seite */
/* Allgemeine Überschreibungen vorhandener Klassen */

/* Schrift für Bilduterschriften */
.csc-textpic-caption {font-size:0.6em; font-weight: bold;}

/* Schrift für Text am Textpic */
/* .csc-textpic-text {font-size:1.0em;float: left;} */

/* Schrift für normalen Text */
/*.bodytext {font-size:0.8em;float: left;} */

#mainMenu {
  float: left;
  width: 100%;
  border-bottom: 1px solid #000;
  clear: both;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 0px 0.2em;
  font: 400 .9em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #000;
}

#mainMenu li a:hover {
  color: #3366ff;
  background: #d9d9cd;
  }

/*die Klasse .hier fuer den gerade aktiven Seitenlink*/

#mainMenu li a.hier {
  color: #3366ff;
  background: #d9d9cd;
  }

#mainMenu li a.last {
  margin-right: 0;
}

/*Skip-Navigation fuer den Content, linke und rechte Spalte
normalerweise nicht sichtbar aus dem Viewport verschoben,
bei Tabtasten-Druck erscheinen die Links,
fuer Screenreader wird vorgelesen, da nicht auf unsichtbar gesetzt*/

.skip {
     position:absolute;
     left:-150px;top:-150px;
}

.skip li {
     font-size:0.8em;
     text-align:center;
     padding:0 5px;
}

/*bei on focus oder active des skip-Links sichtbar */

.skip li a:focus, .skip li a:active {
           position:absolute;
           top:300px;
           left:300px;
           white-space:nowrap;
           z-index:1;
}

/* #leftMenu id fuer linke Navigationsleiste */

#leftMenu ul {
        margin:0;
        padding:5px 5px;
        list-style: none;
}

#leftMenu ul ul {
        padding-left:20;
        }
#leftMenu li {
        width: 95%;
        display: block;
        margin: 0;
        padding: 2px 0px;*/
        color:#000;
        font: bold 1em "trebuchet ms", arial, verdana, helvetica, sans-serif;
}

#leftMenu li li {
        width: 100%;
        padding-left: 5px;
        }


#leftMenu a {
        display:block;
        margin: 0;
        padding: 0;
        text-decoration:none;
        color:#000;
}

#leftMenu ul li a:hover {
        color:#3366ff;
}

#leftMenu li a.hier {
  padding-left: 3px;
  color: #3366ff;
  border-left: 3px solid #3366ff; /* hier geändert */
  font-weight: bold;
  background: #d9d9cd;
  font-size:0,8em;


}

/*Sprachmenue mit Background-Bildern auszeichnen */
.lang ul a {
  margin:0;
  padding: 0;
  list-style: none;
  text-align:center;
  color: #3366ff;
  font-weight: bold;
  text-decoration: none;
  width: 95%;
  }

.lang ul li.german  {
  padding-left: 25px;
  display: inline;
  background: url('../images/icons/flag_de.gif') no-repeat 3px 0px;
  }

.lang ul li.english  {
  padding-left: 25px;
  display: inline;
  background: url('../images/icons/flag_uk.gif') no-repeat 3px 0px;
  }

/* .sideMenu: eine Menubar links, Listenelemente mit Klasse subLinks
erhalten einen Pfeil-Button */

ul.sideMenu {
  margin: 0;
  padding: 0;
  position:absolute;
  position:fixed;
  top:150px;
  left:10px;
  font-size:0,8em;



}

.sideMenu li {
  display: inline;

  /* Fake-Gif wird nur fuer IE gebraucht, da es dort nicht mit list-style: none; funktioniert*/
  list-style-image: url('foo.gif');

  /*Schrift fuer die Links im sideMenu */
  font-style:normal;
  font-variant:normal;
  font-weight:300;
  font-size:0,8em;
  font-family:trebuchet ms, serif;

}

.sideMenu li a {
  display: block;
  margin: 0em 0;
  padding: 0px 5px;
  text-decoration: none;
  color: #000;
  font-size:0,8em;

  }

.sideMenu li a:hover {
  color: #3366ff;
  background: #ccc; /*zusaetzlicher Hover-Effekt*/
}

/* Active menu item */
.sideMenu li.subLinks {
  display: block;
  padding: 25px;
  color: #3366ff;
  font-size:0,8em;


}

/* Submenu fuer active menu item */
.sideMenu li.subLinks ul {
  margin: 0;
  padding: 5;
}

.sideMenu li.subLinks ul li a {
  padding-left: 35px;
  color: #000;
  background: url('../images/bullet.gif') no-repeat 10px 3px;
  font-style:normal;
  font-variant:normal;
  font-weight:300;
  font-size:0.55em;
  font-family:verdana, arial, sans-serif
}

.sideMenu li.subLinks ul li a:hover {


  color: #3366ff;
  background: #d9d9cd url('../images/bullet.gif') no-repeat 10px 2px;
}

/*  #page: enthaelt den Hauptpage content */

#page {
  float: left;
  width: 100%;
  clear: both;

  padding-bottom: 4em;
}

/* #footer: Fusszeile, bleibt unten, auch wenn nicht genug Content da ist.*/

#footer {
  float: left;
  width: 100%;
  clear: both;

  border: 0;
  margin-top: -1em;
  background-color: #f7f7f7;
  /*url('../images/bg/footer.jpg') repeat-x top left;*/
}

#footer img {
   margin-left: 2em;
}

/* Bestimmt die Breite der footer-Zeile */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
}

/*  Breiten fuer die Spalten: etwas ungrade, damit IE und Mozilla ungefaehr gleich liegen */

.width100 {
  width: 100%;
}

.width75 {
  width: 74.7%;
}

.width50 {
  width: 49.7%;
}

.width25 {
  width: 24.7%;
}

.width60 {
  width: 59.7%;
}

.width33 {
  width: 32.7%;
}

.width20 {
  width: 19.7%;
}


/* Ausrichtungsklassen */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}
.tx-guestbook-form-textarea { border-style: solid; border-width: 1pt; border-color:#539521; font-size:12; color:#333333; width:400; }
.tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1pt; border-color:#539521; font-size:12; color:#333333; width:200; height:20; }
.tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1pt; border-color:#539521; font-size:12; color:#333333; width:200; height:20; }
.tx-guestbook-list-row {font: normal 12px Helvetica,Verdana,Arial;}
.tx-guestbook-list-rowleft {font: normal 12px Helvetica,Verdana,Arial;}
.tx-guestbook-list-small {color:#000000;font-size:12px; font-weight: bold}