/* BASICS */
/* **************************** */
body {
  margin: 0;
  padding: 0;
  border: 0;
  font: normal 100% verdana, sans-serif;
}

.unsichtbar {
  display: none;
}

img {
  border: 0;
}

#hintergrund {
  position: fixed;
}

#positionierung {
  position: absolute;
  width: 900px;
  left: 50%;
  top: 0;
  margin-left: -450px;
}

#flaeche {
  background-color: #fff;
  padding: 10px;
  height: 100%;
  overflow: hidden;
}

.trenner_h {
  float: none;
  clear: both;
  height: 10px;
  font-size: 1%;
  display: block;
}

.trenner_v {
  float: left;
  width: 8px;
  height: 100%;
  overflow: hidden;
  font-size: 1%;
  display: block;
  border: 1px solid #fff;
}




/* KOPF */
/* **************************** */

#servicenavigation {
  color: #fff;
  font-size: 70%;
  text-align: right;
  padding: 5px 0 5px 0;
}

#servicenavigation a {
  color: #fff;
  text-decoration: none;
}

#servicenavigation a:hover {
  text-decoration: underline;
}

#servicenavigation label {
  cursor: pointer;
}

#servicenavigation label:hover {
  text-decoration: underline;
}

#servicenavigation form {
  margin: 0;
  padding: 0;
  display: inline;
}


#logos {
  height: 80px;
}

#logo_ks {
  float: left;
}

#logo_bz {
  text-align: right;
  padding-right: 44px;
}


#hauptnavigation {
  background-color: #d9d9d9;
  overflow: hidden;
}

#hauptnavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#hauptnavigation ul li {
  float: left;
}

#hauptnavigation ul li a {
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 80%;
  background-image: url(../images/hauptnav_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 8px 9px;
  padding: 5px 10px 7px 18px;
}

#hauptnavigation ul li a.aktiv, #hauptnavigation ul li a:hover {
  color: #fff;
  background-color: #000;
  background-image: url(../images/hauptnav_pfeil_aktiv.gif);
}




/* INHALTSBEREICH */
/* **************************** */

#inhalte {
}

#spalte_1 {
  width: 270px;
  /*background-image: url(../images/kontextnav_verlauf.gif);
  background-repeat: repeat-y;
  background-position: right top;*/
  float: left;
  height: 100%;
  overflow: hidden;
}

table#table_verlauf {
  border-collapse: collapse;
  border: 0;
  margin: 0;
  padding: 0;
}

table#table_verlauf td {
  vertical-align: top;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: 0;
}

td#td_verlauf {
  background-image: url(../images/kontextnav_verlauf.gif);
  background-repeat: repeat-y;
  background-position: right top;
}

#kontextnavigation {
}

.kontextnavigation_headline {
  background-color: #d9d9d9;
  font-size: 80%;
  padding: 5px 0 7px 7px;
}

#kontextnavigation ul {
  list-style-type: none;
  margin: 10px 0 30px 0;
  padding: 0;
}

#kontextnavigation ul li ul {
  list-style-type: none;
  margin: 0px 0 0px 0px;
  padding: 0;
}

#kontextnavigation ul li {
  background-image: url(../images/kontextnav_gestrichelt.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#kontextnavigation ul li ul li {
  background-image: url(../images/kontextnav_gestrichelt.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left:30px;
}

#kontextnavigation ul li a {
  display: block;
  color: #000;
  font-size: 70%;
  text-decoration: none;
  background-image: url(../images/kontextnav_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 7px 11px;
  padding: 6px 0 8px 17px;
  line-height: 150%;
  overflow: hidden;
  height: 100%;
}

#kontextnavigation ul li a:hover {
  text-decoration: underline;
}

#kontextnavigation ul li a.aktiv {
  font-weight: bold;
}



#kontextnavigation_kontakt {
  font-size: 70%;
  margin: 10px 0 0 0;
  padding: 0 0 0 7px;
  line-height: 150%;
}

#kontextnavigation_kontakt a {
  color: #000;
}

#kontextnavigation_kontakt a:hover {
  text-decoration: none;
}



#spalte_2 {
  width: 600px;
  height: 100%;
  overflow: hidden;
}

.zeile {
}



/* Unterseite */

td#td_unterseite {
  background-color: #fff5c0;
}

.headline {
  background-color: #b9e1f0;
  border-bottom: 10px solid #fff;
  padding: 20px 0 0 20px;
  height: 50px;
}

.headline h1 {
  margin: 0;
  font-weight: normal;
  font-size: 140%;
}

.fotozeile {
  background-color: #cfea7e;
  border-bottom: 10px solid #fff;
  width: 100%;
  overflow: hidden;
}
.foto {
  float: left;
  margin-right: 15px;
}
.bildtext {
  padding: 15px;
  font-size: 70%;
  line-height: 150%;
}
.bildtext p {
  margin: 0 0 1em 0;
}

.vorspann {
  font-size: 70%;
  line-height: 150%;
  padding: 0 20px 0 20px;
  font-weight: bold;
}

.copytext {
  font-size: 70%;
  line-height: 150%;
  padding: 0 20px 0 20px;
}

a {
  color: #000;
}

a:hover {
  text-decoration: none;
}

#seitenservice {
  font-size: 70%;
  font-weight: bold;
  padding: 10px 0 20px 20px;
}

#seitenservice a {
  color: #000;
  text-decoration: none;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 3px 0 3px 20px;
  margin-right: 30px;
}

#seitenservice a#Top {
  background-image: url(../images/icon_seitenanfang.gif);
}

#seitenservice a#Print {
  background-image: url(../images/icon_seitedrucken.gif);
}

#seitenservice a#Contact {
  background-image: url(../images/icon_kontakt.gif);
}

#seitenservice a:hover {
  text-decoration: underline;
}




/* BOXEN */
/* **************************** */

.box_gruen, .box_blau, .box_orange, .box_grau {
  float: left;
}

.box_gruen {
  background-color: #d7f3cc;
  background-image: url(../images/box_verlauf_gruen.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}

.box_blau {
  background-color: #d0eef6;
  background-image: url(../images/box_verlauf_blau.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}

.box_orange {
  background-color: #ffeacc;
  background-image: url(../images/box_verlauf_orange.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}

.box_grau {
  background-color: #f0f0f0;
  background-image: url(../images/box_verlauf_grau.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}



.box_headline, .box_headline_termine {
  color: #fff;
  font-size: 70%;
  padding: 6px 10px 8px 10px;
}

.box_gruen .box_headline {
  background-color: #38c500;
}

.box_blau .box_headline {
  background-color: #009cc9;
}

.box_orange .box_headline {
  background-color: #ff9600;
}

.box_grau .box_headline {
  background-color: #be0000;
}



.box_inhalt {
  padding: 10px;
}


.box_foto {
  float: left;
  margin: 0 10px 10px 0;
}

.box_text {
  font-size: 70%;
  line-height: 130%;
}

.box_text p {
  margin: 0 0 1em 0;
}

.box_text a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.box_text a:hover {
  text-decoration: underline;
}


/* Box Termine / News */

.box_headline_termine {
  background-color: #be0000;
}

.box_headline_termine_sp1 {
  float: left;
  text-transform: uppercase;
}

.box_headline_termine_sp2 {
  text-align: right;
}

.box_headline_termine_sp2 a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.box_headline_termine_sp2 a:hover {
  text-decoration: underline;
}

.trenner_h_klein {
  height: 5px;
  background-color: #fff;
  font-size: 1%;
}


/* -- Kontaktformular -- */

#form_kontakt {
  margin: 0;
  padding: 0;
}

#form_kontakt .formular_label {
  float: left;
  width: 100px;
  padding: 2px 0 10px 0;
}
#form_kontakt input {
  width: 200px;
  padding: 2px 0 2px 2px;
}
#form_kontakt #PLZ {
  width: 60px;
}
#form_kontakt textarea {
  width: 250px;
  height: 120px;
  margin-bottom: 30px;
}
#form_kontakt input#button_submit {
  border: 0;
  padding: 3px 0 3px 0;
  background: #b9e1f0;
  color: #000;
  font: bold 100% arial, sans-serif;
  margin-bottom: 15px;
}
#form_kontakt .trenner {
  clear: left;
}


/* Fusszeile */
/* **************************** */

#fusszeile {
  color: #fff;
  font-size: 70%;
  text-align: right;
  padding: 5px 0 5px 0;
  font-weight: bold;
}

#fusszeile a {
  color: #fff;
  text-decoration: none;
}

#fusszeile a:hover {
  text-decoration: underline;
}