/* BASICS */
/* **************************** */
body {
  margin: 0;
  padding: 0;
  border: 0;
  font: normal 100% arial, sans-serif;
  background-color: #f8f8f8;
  background-image: url(../images/hintergrund.gif);
  background-repeat: repeat-y;
  background-position: center top;
}

.unsichtbar {
  display: none;
}

img {
  border: 0;
}

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

form {
  margin: 0;
  padding: 0;
  border: 0;
}



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

#servicenavigation {
  color: #002e60;
  font-size: 80%;
  text-align: right;
  padding: 5px 0 0 0;
  height: 40px;
}

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

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

#logo {
  position: absolute;
  z-index: 2;
  margin-top: -37px;
  right: 57px;
}

#logo_print {
  display: none;
}


#hauptnavigation {
  overflow: hidden;
  height: 100%;
  border-bottom: 5px solid #e2001a;
}

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

#hauptnavigation ul li {
  float: left;
}

#hauptnavigation ul li a {
  display: block;
  color: #002e60;
  text-decoration: none;
  font-weight: bold;
  font-size: 90%;
  padding: 5px 15px 7px 15px;
}

#hauptnavigation ul li a.aktiv, #hauptnavigation ul li a:hover {
  color: #fff;
  background-color: #e2001a;
}




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

#inhalte {
  margin: 30px 0 42px 0;
  height: 100%;
  overflow: hidden;
}

#spalte_1 {
  width: 240px;
  margin: 0 30px 0 0;
  float: left;
  height: 100%;
  overflow: hidden;
}

#kontextnavigation {
}

.kontextnavigation_headline {
  font-size: 80%;
  color: #002e60;
  height: 24px;
  padding-top: 6px;
}

#kontextnavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 5px solid #e2e2e2;
  border-bottom: 4px solid #e2e2e2;
}

#kontextnavigation ul li {
  border-bottom: 1px solid #e2e2e2;
}

#kontextnavigation ul li a {
  display: block;
  color: #002e60;
  font-size: 80%;
  text-decoration: none;
  background-image: url(../images/kontextnav_kreuz_blau.gif);
  background-repeat: no-repeat;
  background-position: 10px 11px;
  background-color: #f8f8f8;
  padding: 6px 0 8px 25px;
  line-height: 150%;
  overflow: hidden;
  height: 100%;
}

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

#kontextnavigation ul li a.aktiv {
  background-color: #fff;
  background-image: url(../images/kontextnav_kreuz_rot.gif);
  color: #e2001a;
}


/* 2.Ebene */

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

#kontextnavigation ul li ul li {
  border: 0;
  border-top: 1px solid #e2e2e2;
}

#kontextnavigation ul li ul li a {
  display: block;
  color: #002e60;
  font-size: 80%;
  text-decoration: none;
  background-image: url(../images/kontextnav_kreuz_blau.gif);
  background-repeat: no-repeat;
  background-position: 25px 11px;
  background-color: #fff;
  padding: 6px 0 8px 40px;
  line-height: 150%;
  overflow: hidden;
  height: 100%;
}


/* Texte, Bilder */
/* **************************** */

#spalte_2 {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 450px;
}

.headline {
  border-bottom: 5px solid #d9e0e7;
  height: 30px;
}

.headline h1 {
  margin: 0;
  padding: 0;
  color: #002e60;
  font-size: 130%;
  font-weight: normal;
}

.headline h2 {
  margin: 0;
  padding: 0;
  color: #002e60;
  font-size: 110%;
  font-weight: normal;
}

.vorspann {
  color: #002e60;
  font-size: 80%;
  font-weight: bold;
  line-height: 150%;
  padding: 18px 30px 0 0;
}

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

.copytext {
  font-size: 80%;
  line-height: 150%;
  padding: 0 30px 0 0;
  color: #002e60;
  clear: both;
  float: none;
}

.vorspann a, .copytext a, .bildtext a {
  color: #002e60;
  text-decoration: underline;
}

.vorspann a:hover, .copytext a:hover, .bildtext a:hover {
  text-decoration: none;
}

.fotozeile {
  background-color: #eceff3;
  overflow: hidden;
  margin: 21px 30px 21px 0;
}

.fotozeile .foto {
  float: left;
  height: 100%;
  overflow: hidden;
}

.fotozeile .bildtext {
  color: #002e60;
  font-size: 80%;
  padding: 10px;
  height: 100%;
  overflow: hidden;
}

.fotozeile .bildtext p {
  margin: 0 0 1em 0;
}



/* Galerie */
/* **************************** */

#galerie {
  background-color: #eceff3;
  overflow: hidden;
  width: 420px;
  padding: 0 0 6px 0;
}

#galerie_gross {
}

#galerie_navigation {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
  height: 100%;
}

#nav_zurueck, #nav_weiter {
  float: left;
  width: 14px;
}
#nav_zurueck a, #nav_weiter a {
  display: block;
  background-image: url(../images/pfeil_zurueck.gif);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}
#nav_zurueck a:hover {
}

#nav_weiter {
}
#nav_weiter a {
  background-image: url(../images/pfeil_weiter.gif);
}
#nav_weiter a:hover {
}

#galerie #bildtext {
  color: #002e60;
  font-size: 80%;
  float: left;
  padding: 0 10px 0 10px;
  width: 352px;
  text-align: center;
}

#galerie_thumbs {
}

.galerie_thumbs_zeile {
  clear: both;
  float: none;
  padding-left: 6px;
}

.galerie_klein {
  float: left;
  padding: 4px;
}
.galerie_klein a {
}
.galerie_klein a img {
  border: 1px solid #eceff3;
  padding: 1px;
}
.galerie_klein a img.aktiv {
  border-color: #002e60;
}
.galerie_klein .text {
  display: none;
}



/* Seitenservice */

#seitenservice {
  font-size: 80%;
  font-weight: bold;
  margin-top: 30px;
}

#seitenservice a {
  color: #002e60;
  text-decoration: none;
  display: block;
  float: left;
  margin-right: 30px;
  padding: 1px 0 0 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

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

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

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



/* Marginalie */
/* **************************** */

#spalte_3 {
  width: 180px;
  height: 100%;
  overflow: hidden;
  float: left;
}

.headline_marginalie {
  border-bottom: 5px solid #d9e0e7;
  height: 24px;
  padding-top: 6px;
}

.headline_marginalie h3 {
  margin: 0;
  font-size: 80%;
  color: #002e60;
}

.navigation_marginalie {
}

.navigation_marginalie ul {
  margin: 18px 0 0 0;
  padding: 0;
  list-style-type: none;
}

.navigation_marginalie ul li {
}

.navigation_marginalie ul li a {
  font-size: 80%;
  color: #002e60;
  text-decoration: none;
  display: block;
  background-image: url(../images/marginalienav_pfeil.gif);
  background-repeat: no-repeat;
  background-position: 3px 6px;
  line-height: 150%;
  padding: 0 0 0 15px;
}

.navigation_marginalie ul li a:hover {
  text-decoration: underline;
}



/* Startseite einer Rubrik */
/* **************************** */

#spalte_2.rubrik {
  width: 630px;
}

#rubrik_spalte1 {
  width: 240px;
  margin-right: 30px;
  float: left;
}

#rubrik_spalte1 .vorspann {
  padding: 18px 0 0 0;
}

.teaser_zeile {
	clear: both;
	overflow: hidden;
	height: 100%;
	margin-bottom: 1em;
}
.teaser {
  font-size: 80%;
  color: #002e5f;
  width: 210px;
  margin: 30px 0 0 0;
}
.teaser_headline {
  border-bottom: 5px solid #002e5f;
  padding: 0 0 7px 0;
}
.teaser_foto {
}
.teaser_link {
  padding: 5px 0 0 0;
}
.teaser_link a {
  color: #002e5f;
  font-weight: bold;
  text-decoration: none;
}
.teaser_link a:hover {
  text-decoration: underline;
}
.teaser_home_box {
}
.teaser_home_box .teaser_text {
	background-color: #e5eaef;
	background-image: url(../images/home_textbox-verlauf.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	padding: 15px 10px;
	min-height: 135px;
}
.teaser_home_box .teaser_text p {
	margin-top: 0;
}


#rubrik_spalte2 {
  width: 360px;
  float: left;
}

#rubrik_spalte2 .copytext {
  padding: 18px 15px 0 0;
}

#rubrik_spalte2 .copytext p {
  margin: 0 0 1em 0;
}



/* Home */
/* **************************** */

#willkommen {
  padding: 17px 0 0 15px;
}

#kontextnavigation.home ul {
  color: #002e60;
  background-color: #f8f8f8;
}

#kontextnavigation.home ul li {
  background-image: url(../images/kontextnav_quadrat.gif);
  background-repeat: no-repeat;
  background-position: 10px 11px;
  border-bottom: 1px solid #e2e2e2;
  padding: 6px 0 8px 25px;
  font-size: 80%;
}

#kontextnavigation.home ul li a {
  color: #e2001a;
  font-size: 100%;
  background-image: url();
  padding: 0;
}

#link.termine a {
  color: #e2001a;
  font-size: 80%;
  background-image: url(); 
  float: right;
  text-decoration: none;
}

#link.termine a:hover {
  text-decoration: underline;
}

#spalte_2_home {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 660px;
  margin-left: -30px;
}

.teaser_home {
  font-size: 80%;
  color: #002e5f;
  width: 300px;
  padding: 6px 0 0 30px;
  float: left;
}

.teaser_home_box {
  font-size: 80%;
  color: #002e5f;
  width: 300px;
  padding: 6px 0 0 30px;
    float: left;
}

.rot {
  color: #e2001a;
}

.teaser_link {
  padding: 10px 0 0 0;
  text-align: right;
}



/* Online-Bewerbung */
/* **************************** */

a.link_bewerben {
  background-image: url(../images/pfeil_bewerben.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding: 0 0 0 16px;
  margin: 3px 0 3px 0;
  color: #e2001a;
  text-decoration: none;
  display: block;
  overflow: hidden;
}
a.link_bewerben:hover {
  text-decoration: underline;
}

.formular_bewerbung, .formular_bewerbung_uebersicht {
  font-size: 80%;
  color: #002e60;
  width: 420px;
  margin-top: 18px;
}
.form_zeile {
  clear: both;
  float: none;
  padding: 10px 0 10px 0;
  border-top: 1px solid #e2e2e2;
  overflow: hidden;
  height: 100%;
}
.form_label {
  float: left;
  width: 150px;
  padding-top: 4px;
}
.form_select, .form_input, .form_textarea, .form_submit {
  float: left;
}
.form_input input {
  font: normal 100% arial, sans-serif;
  color: #002e60;
  border: 1px solid #002e60;
  padding: 3px;
  background-color: #f8f8f8;
  width: 240px;
}
.form_input input#plz {
  width: 60px;
}
.form_textarea textarea {
  font: normal 100% arial, sans-serif;
  color: #002e60;
  border: 1px solid #002e60;
  padding: 3px;
  background-color: #f8f8f8;
  width: 240px;
  height: 150px;
}
.form_submit, .form_submit_sp1, .form_submit_sp2 {
  margin-top: 20px;
}
.form_submit_sp1 {
  float: left;
}
.form_submit_sp2 {
  float: right;
}
.form_submit input, .form_submit_sp1 input, .form_submit_sp2 input {
  border: 0;
  font: bold 13px arial, sans-serif;
  padding: 3px 5px 3px 5px;
}
.form_submit input:hover, .form_submit_sp1 input:hover, .form_submit_sp2 input:hover {
  cursor: pointer;
}
.form_submit input#input_submit, .form_submit_sp2 input#input_submit {
  color: #fff;
  background-color: #e2001a;
}
.form_submit input#input_zurueck, .form_submit_sp1 input#input_zurueck {
  color: #fff;
  background-color: #002e60;
}
label:hover {
  cursor: pointer;
}
.errorlabel {
  color: #e2001a;
}
.form_zwischenhead {
  padding: 0 0 10px 0;
}
.form_trenner {
  height: 30px;
}

.formular_bewerbung_uebersicht .form_label {
  width: 180px;
  padding-top: 0px;
}
.form_info {
  float: left;
}

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

#fusszeile {
  clear: both;
  float: none;
  font-size: 80%;
  background-color: #f0f0f0;
  color: #002e60;
  margin: 0 -15px 0 -15px;
  padding: 6px 15px 9px 15px;
}

#fusszeile_spalte1 {
  float: left;
}

#fusszeile_spalte2 {
  text-align: right;
}

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

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

#logo_drk {
  padding: 10px 0 30px 0;
}


