body {
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #343434;
  font-style: normal;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

a:link { text-decoration: none; color: #f60; }
a:visited {text-decoration: none; color: #f60; }
a:hover { color:#f90; text-decoration: none; }
a:focus { color:#f60; text-decoration: none; }

hr { height: 1px; border: 0 none; border-top: 1px dotted #ccc; margin-top: 10px; }

strong { color: #267b44; font-weight:bold; }

acronym { border-bottom-style: dotted; border-bottom-width: 1px; cursor: help; }

.unsichtbar{ visibility: hidden; display: none; }

/***************** Header und Oberes Menue Hauptmenue und Bildleiste ****************/

#header {
  background-image: url("images/header_bg.gif");
  background-repeat: no-repeat;
  height: 100px;
}

#header_en {
  background-image: url("images/header_bg_en.gif");
  background-repeat: no-repeat;
  height: 100px;
}

/*Definition fuer die Navigation oben*/
#navtop{
  margin: 15px 0 0 55%;
  background-color: #fff;
  padding: 0;
  height: 25px;
  font-size: 75%;
}
#navtop ul {padding: 0; list-style-type: none; }

#navtop ul li { display: block;float:left; }

#navtop ul li a {
  text-decoration: none;
  padding: 0 10px 0 10px;
  border-right: 1px solid #666;
  color: #666;
  background-color: #fff;
  text-align: center;
}
#navtop ul li a:hover { text-decoration: underline; }

#navtop ul li#minusRand a {
  text-decoration: none;
  padding: 0 1px 0 7px;
  border-right: 0;
  color: #666;
  background-color: #fff;
  text-align: center;
}

#bildleiste { height: 152px; background-image: url("images/picrow2.jpg"); background-repeat: repeat-x; border-top: 2px solid #fff; border-bottom: 1px solid #fff; }

#bildleiste-follow { height: 81px; background-image: url("images/picrow_follow.jpg"); background-repeat: repeat-x; }
#bildleiste-follow2 { height: 81px; background-image: url("images/picrow_follow2.jpg"); background-repeat: repeat-x; }

#bildleiste-follow_en { height: 81px; background-image: url("images/picrow_follow_en.jpg"); background-repeat: repeat-x; }
#bildleiste-follow2_en { height: 81px; background-image: url("images/picrow_follow2_en.jpg"); background-repeat: repeat-x; }

/***************** Hauptmenue ****************/
#menuebox { height: 25px; font-size: 75%; background-color: #4c9265; margin-top: 0px; }
*html #menuebox { height: 22px; }
*html #menuebox-follow { height: 22px; }

.stupidie { display: none; }
.stupidie-follow { display: none; }

#menue {
  left: 0;
  z-index: 200;
  margin-left: 200px;
  position: absolute;
  visibility: inherit;
}

#menue .aussen {
  float: left;
  display: block;
  overflow: hidden;
  width: 132px;
  height: 20px;
  margin-top: 0px;
  font-weight: normal;
  text-align: center;
  background-color: #4c9265;
  color: #fff;
  border-left: 1px solid #fff;
  padding-top: 3px;
}

#menue .aussen:hover, .aussen:link, .aussen:visited { height: auto; background-color: #85b596; color: #fff; text-decoration: none; }

a.innen-1 { margin-top: 0px; }
a.innen, a.innen-1 {
  display: block;
  width: 132px;
  padding: 2px 0 2px 6px;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #fff;
  text-align: left;
  color: #666;
}

a:visited.innen, a:visited.innen-1 { background-color: #fff; color: #666; }
a:hover.innen { background-color: #f90; color: #fff; margin-top: 0px; }
a:hover.innen-1 { background-color: #f90; color: #fff;  margin-top: 0px; }

span.menutag { display: block; cursor: default; height: 20px; }

span.menutag-active { display: block; cursor: default; height: 20px; background-color: #85b596; margin-top: -3px; padding-top: 3px; }

#menuebox-follow { height: 23px; font-size: 75%; background-color: #4c9265; margin-top: 0px; }
#menue-follow {
  left: 0;
  z-index: 200;
  margin-left: 250px;
  position: absolute;
  visibility: inherit;
}

#menue-follow .aussen {
  float: left;
  display: block;
  overflow: hidden;
  width: 132px;
  height: 20px;
  margin-top: 0px;
  font-weight: normal;
  text-align: center;
  background-color: #4c9265;
  color: #fff;
  border-left: 1px solid #fff;
  padding-top: 3px;
}

#menue-follow .aussen:hover, .aussen:link, .aussen:visited { height: auto; background-color: #85b596; color: #fff; text-decoration: none; }

/***************** Mittlerer Bereich - linkes Menue, Content ****************/

#wrapper {
  width: 100%;
  margin: auto;
  text-align: left; /*Aufheben von IE_quirks im BODY*/
  border-top: 5px solid #267b44;
}

#wrapper-follow {
  width: 100%;
  margin: auto;
  text-align: left; /*Aufheben von IE_quirks im BODY*/
}

#left {
  left: 0;
  top: 0;
  width: 180px;
  padding: 0px 10px 0px 10px;
  margin: 55px 0 0 0px;
  float: left;
  height: 100%;
  border-right: 1px solid #ccc;
  font-size: 70%;
}

* html #left { margin-right:-2px; }  /****** diese Definition wird nur vom IE interpretiert  *******/

#left p {
  line-height: 1.2em;
  border-bottom: 1px dotted #ccc;
}

#content {
  padding: 0;
  margin: 20px 180px 0px 210px;
  font-size: 80%;
}

#content-phonedir {
  padding: 0;
  /* margin: 20px 30px 0px 210px; hsk*/
  margin: 20px 30px 0px 20px;
  font-size: 80%;
}

#right {
  width: 160px;
  margin: 55px 0 0px 0px;
  padding: 0px 10px 10px 6px;
  background-color: #fff;
  right: 0;
  top: 0;
  float: right;
  border-left: 1px solid #ccc;
  font-size: 70%;
}

* html #right { margin-left: -3px; }

/***************** Definitionen fuer linkes Menue ****************/

#menue-left { margin: 0; width: 160px; margin-left: 15px; }
#menue-left ul { list-style-image: url(images/dot.gif); list-style-position: inside; margin: 0; padding: 0; }
#menue-left ul li {padding: 6px 0px 6px 0px; border-bottom: 1px dotted #ccc; }
#menue-left ul li a {list-style-image: url(images/dot.gif); color: #666; }

*html #menue-left ul li { margin-left: -5px; }
*html #menue-left ul li a { padding-left: 5px; }

#menue-left ul li a.active { color: #f90; list-style-image: url(images/dot_on.gif); }

#menue-left ul li a:hover { list-style-image: url(images/dot_on.gif); color: #f90; }

#menue-left ul ul { padding-top: 2px; }
#menue-left ul ul li { border-bottom: none; padding-left: 10px; }
#menue-left ul ul li a { color: #666; }

*html #menue-left ul ul li { padding-left: 15px; }

/***************** Definitionen fuer den Content Bereich ****************/

#story { padding: 20px 30px 0 40px; line-height: 1.5em; }
#story p { padding: 0; margin: 0; }
#story .border-5-left { border-left: 5px solid #cc0; }

#story h1 { font-size: 110%; color: #267b44; }
#story h2 { font-size: 100%; color: #267b44; background-color: #f4f4f4; }
#story h3 { font-size: 95%; color: #267b44; padding: 0; margin:0; border-bottom: 1px dotted #ccc; }
#story h4 { color: #666; font-weight: bold; font-size: 95%; }

#story-small {
  line-height: 1.3em;
}

#story-small p {
  font-size: 90%;
  line-height: 1.3em;
}

#story-small h2 {
  color: #267b44;
  background-color: #f4f4f4;
  font-weight: bold;
  font-size: 105%;
  padding-left: 3px;
  line-height: 1.2em;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 0px;
}

/* Formatierung Texte mit Bildern */
#story img { float: left; margin: 0 25px 5px 0; }
#story img.right { float: right; margin: 0 0 5px 15px; }

#nofloat { float: none; }
.small { font-size: smaller; }

.gruen-bold { color: #267b44; }

#breadcrumb { float: right; height: 20px; font-size: 0.9em; margin-top: 0px; padding-right: 30px; }
#breadcrumb a:link { text-decoration: none; }
#breadcrumb a:visited {text-decoration: none; }
#breadcrumb a:hover {  text-decoration: none; }
#breadcrumb a:focus { text-decoration: none; }

#img-container-60 { width: 70px; padding: 5px; float: left; margin-right: 15px; font-size: 0.8em; }
#img-container-110 { width: 110px; padding: 0; float: left; margin-right: 20px; }
#img-container-150 { width: 150px; padding: 0; float: left; margin-right: 20px; }
#img-container-165 { width: 165px; padding: 5px; float: left; margin-right: 20px; }
#img-container-300 { width: 300px; padding: 0; float: left; margin-right: 20px; }
#img-container-450 { width: 450px; padding: 0; float: left; margin-right: 20px; }

#img-container-165-right { width: 165px; padding: 5px; float: right; margin-left: 20px; background-color: #fff; }
#img-container-200-right { width: 200px; padding: 5px; float: right; margin-left: 20px; background-color: #fff; }
#img-container-300-right { width: 300px; padding: 5px; float: right; margin-left: 20px; background-color: #fff; }
#img-container-430-right { width: 430px; padding: 5px; float: right; margin-left: 20px; background-color: #fff; }

#img-container-300-left { width: 300px; padding: 5px; float: left; margin-right: 20px; background-color: #fff; }
#img-container-230-left { width: 230px; padding: 5px; float: left; margin-right: 20px; background-color: #fff; }




#img-row { width: 99%; padding: 0; margin: 0; }
#img-row img { padding-right: 20px; }

#container-60 { width: 70px; padding: 5px; float: left; margin-right: 15px; font-size: 1em; }

#story ul { list-style: none; margin: 0; padding: 0; }
#story ul li { list-style-image: url(images/dot.gif); padding: 6px 0px 6px 0px; margin-left: 15px; }
#story ul.none li { list-style: none; padding: 2px 0px 2px 0px; margin-left: 15px; }
#story ul.narrow li { list-style-image: url(images/dot.gif); padding: 2px 0px 2px 0px; margin-left: 15px; }

/***************** Definitionen fuer den Abstand z.B. fuer telefon, fax usw. damit die Zahlen buendig untereinander stehen ****************/
.anschrift-abstand { width: 80px; margin-right: 0px; float: left; }
.anschrift-abstand180 { width: 180px; margin-right: 0px; float: left; }
.anschrift-kontakt { width: 40px; margin-right: 0px; float: left; }

.seitenanfang {
  float: right;
  background-image: url(images/top.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
  font-size: 0.9em;
  height: 20px;
}

/***************** Tabellen ****************/

#story table, td {
  border: 1px solid #CCC;
  border-collapse: collapse;
}
* html #story table { float: left; }

#story table.nobo, td.nobo {
  border: 0px solid #CCC;
  border-collapse: collapse;
}

#thmbcontainer {
  width: 35px;
  height: 35px;
  float: left;
  margin: 0px 8px 2px 0px;
}

#story thead th, tbody th {
  background: #c8e0d1;
  color: #267b44;
  padding: 5px 5px;
  border-left: 1px solid #CCC;
}
#story tbody th{
  background: #c8e0d1;
  border-top: 1px solid #CCC;
  text-align: left;
}
#story tbody tr td{
  padding: 5px 5px;
  color: #666;
  vertical-align: top;
}
#story tbody tr:hover {
  background: #f4f4f4;
}
#story tbody tr:hover td {
  color: #454545;
}

/***************** Definitionen fuer den rechten Bereich ****************/

#right p { line-height: 1.2em; border-bottom: 1px dotted #ccc; }

.headline {
  color: #267b44;
  background-color: #f4f4f4;
  font-weight: bold;
  font-size: 110%;
  padding-left: 3px;
}

/***************** footer ****************/
#footer {
  font-size: 70%;
  clear: both;
  height: 40px;
  border-top: 1px solid #267b44;
  margin-top: 10px;
  text-align: center;
  padding-top: 5px;
  margin-top: 20px;
}

/***************** zusatz ****************/

#inhalt_zentriert_aussen {

}

#inhalt_zentriert_innen {
  margin: 0 auto;
  background-color: #ffffff;
  width: 410px;
}