/* Allgemeine Elementanweisungen */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html { height: 100%; margin-bottom: 1px; }

body {
  color: #333;
  background: #faf5ee;
  font-family: verdana,arial,sans-serif;
  font-size: 100.01%;
  padding: 0 0 20px 0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

img { border: 0; }


/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}


/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
  width: 770px;            /* der Breite des Hintergrundbilds entsprechend */
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
  padding: 0 0 0 0;
}

#kopf {
  padding-top: 50px;
  padding-bottom: 0px;
  width: 240px;
  float: right;
}

#kopf img {
  padding: 0;
}


/* Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue {
  color: #666;
  border-bottom: 1px solid;
  font-size: 0.7em;
  line-height: 1.2em;
}

#menue ul {
  padding: 0 0 4px 0;
  margin: 0px;
  list-style: none;
}

#menue li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin: 0;
  padding: 0;
}

* html #menue li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#menue a {
  text-transform: uppercase;
    font-weight: bold;
}

#menue a:link, #menue a:visited {
  color: #666;
  text-decoration: none;
}

#menue a:focus, #menue a:hover, #menue a:active {
  color: #b50909 !important;
}

#menue li.on a {
  color: #b50909 !important;
}


/* Menueleiste 2. Ebene
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue2 {
  color: #666;
  border-bottom: 1px solid;
  font-size: 0.7em;
  line-height: 1.2em;
}

#menue2 ul {
  padding: 3px 0 4px 0;
  margin: 0 0 0 54px;
  list-style: none;
}

#menue2 li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin: 0;
  padding: 0 0px 0 0;
}

* html #menue2 li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#menue2 a {
  text-transform: uppercase;
    font-weight: bold;
}

#menue2 a:link, #menue2 a:visited {
  color: #666;
  text-decoration: none;
}

#menue2 a:focus, #menue2 a:hover, #menue2 a:active {
  color: #b50909 !important;
}

#menue2 li.on a {
  color: #b50909 !important;
}


/* Pfad
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#pfad {
  color: #666;
  margin-top: 30px;
  font-size: 0.65em;
  line-height: 1.2em;
}

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

#pfad li {
  display: inline;   /* Listenpunkte nebeneinander stellen */
  margin: 0;
  padding:0;
}

* html #menue li {   /* Sternchen-Hack - sehen nur IEs */
  height: 1em;       /* damit margin-right auch im IE 5 beachtet wird */
}

#pfad a {
  text-transform: uppercase;
  font-weight: bold;
}

#pfad a:link, #pfad a:visited {
  color: #666;
  text-decoration: none;
}

#pfad a:focus, #pfad a:hover, #pfad a:active {
  color: #b50909 !important;
}

#pfad li.on a {
  color: #b50909 !important;
}


/* Inhalt
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt {
  float: left;
  width: 100%;
  padding: 30px 0 60px 0;
  border-bottom: 1px solid #b50909;
}

#inhalt h1 {
  color: #666;
  font-size: 110%;
  line-height: 140%;
  margin: 0;
}

#inhalt p {
  font-size: 75%;
  line-height: 150%;
  margin: 1em 0px;
}

#inhalt img {
  margin: 40px 0px 1.5em 0px;
}

#inhalt a:link, #inhalt a:visited {
  color: #b50909;
  font-weight: bold;
  text-decoration: none;
}

#inhalt a:focus, #inhalt a:hover, #inhalt a:active {
  color: #666;
}

/* Teaser Techniken */

.teaser {
  float: left;
  width: 100%;
  padding: 0px 0 10px 0;
}

.teaserbild {
  float: left;
  width: 200px;
  padding: 0px 0 1px 0;
  /* border-bottom: 1px solid #b50909; */
margin: 0 12px 0 0px;
}

.teaserbild img {
padding: 0;
margin: 0;
}

.teasertext {
  float: left;
  width: 500px;
  padding: 0px 0 0px 0;
  /* border-bottom: 1px solid #b50909; */
margin: 0;
}

.teaser p {
  margin: 0;
 padding: 20px 10px;
}

.teasertext p {
  margin: 0;
 padding: 0px 10px;
}

/* Tabelle*/

#inhalt table {
width: 500px;
border-collapse: collapse;
}

#inhalt td, #inhalt th, #inhalt tr {
padding: 5px 0px;
}

#inhalt td {
border-bottom: 1px solid #ccc;
font-size: 70%;
}

#inhalt .spalte1 {
width: 10%
}

#inhalt .spalte2 {
width: 87%
}

span.redLine {
color:#b50909;
}

/* **** Galerie neu ***/

#galerie {
width: 100%;
float: left;
}

#galerie img {
margin: 0px 4px 12px 0;
 vertical-align: middle;
}

#galerie a img {
border: 1px solid #ccc;
padding: 1px;
}

#galerie a:link img, #galerie a:visited img {
border: 1px solid #ccc;
padding: 1px;
}

#galerie a:focus img, #galerie a:hover img, #galerie a:active img {
border: 1px solid #b50909;
padding: 1px;
}

/*** Textlink ***/


#galerie a {
 font-size: 75%;
 vertical-align: middle;
}

#galerie a:link, #galerie a:visited {
  color: #b50909;
  font-size: 75%;
  font-weight: bold;
  text-decoration: none;
}

#galerie a:focus, #galerie a:hover, #galerie a:active {
  color: #666;
}

  
/* Inhalt 2-spaltig *1*
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt1 {
  float:left;
  width: 500px;
  padding: 30px 0 60px 0;
}

#inhalt1 h1 {
  color: #666;
  font-size: 110%;
  line-height: 140%;
  margin: 0;
}

#inhalt1 p {
  font-size: 75%;
  line-height: 150%;
  margin: 40px 0px 1.5em 0px;
}

#inhalt1 img {
  margin: 20px 0px 1.5em 0px;
}

#inhalt1 a:link, #inhalt1 a:visited {
  color: #b50909;
  font-weight: bold;
  text-decoration: none;
}

#inhalt1 a:focus, #inhalt1 a:hover, #inhalt1 a:active {
  color: #666;
}

/* Tabelle*/

#inhalt1 table {
width: 500px;
border-collapse: collapse;
}

#inhalt1 td, #inhalt1 th, #inhalt1 tr {
padding: 5px 0px;
}

#inhalt1 td {
border-bottom: 1px solid #ccc;
font-size: 70%;
line-height: 150%;
vertical-align: top;
}

#inhalt1 .spalte1 {
width: 10%
}

#inhalt1 .spalte2 {
width: 87%
}

  
  /* Inhalt 2-spaltig *2*
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt2 {
  float:left;
  width: 270px;
  padding: 30px 0 60px 0;
}

#inhalt2 p {
  font-size: 75%;
  line-height: 150%;
  margin: 1em 0px 1em 30px;
}

#inhalt2 img {
 margin: 20px 0px 0 30px;
 border: 1px solid #999;
 padding: 4px; 
}

#inhalt2 a:link, #inhalt2 a:visited {
  color: #b50909;
  font-weight: bold;
  text-decoration: none;
}

#inhalt2 a:focus, #inhalt2 a:hover, #inhalt2 a:active {
  color: #666;
}

.kleiner {
  font-size: 55%;
  line-height: 100%;
  color: #666;
  margin: 10px 30px 1em 50px;
}

#linie {
   border-bottom: 1px solid #b50909;
   width: 100%;
  padding: 0px 0 0px 0;
}

  
  /* Inhalt 2-spaltig *2* Ausnahme Portrait
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt2b {
  float:left;
  width: 270px;
  padding: 30px 0 60px 0;
}

#inhalt2b img {
 margin: 72px 0px 0 30px;
 border: 1px solid #999;
 padding: 4px; 
}


/* Footer
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer_links {
width: 500px;
float: left;
}

#footer_rechts {
 float: left;
 width: 240px;
 text-align: right;
}

#footer_links,  #footer_rechts {
  font-size: 0.65em;
  color: #666;
}

#footer_rechts {
  margin: 20px 0px 20px 30px;
}

#footer_links {
  margin: 20px 0px 20px 0px;
}

#footer_links a,  #footer_rechts a {
  padding: 0 0 0 0;
}

#footer_links a:link, #footer_links a:visited, #footer_rechts a:link, #footer_rechts a:visited {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

#footer_links a:focus, #footer_links a:hover, #footer_links a:active,
#footer_rechts a:focus, #footer_rechts a:hover, #footer_rechts a:active {
  color: #b50909 !important;
}

#footer_links li.on a, #footer_rechts li.on a  {
  color: #b50909 !important;
}

#footer_links img,  #footer_rechts img {
 vertical-align: bottom;
 padding: 0 3px 0 0;
}