/* Grundsätzliches ----- */

.unsichtbar {
  display: none;
}

body {
  padding: 15px 0 0 20px;
  margin: 0;
  font-size: 100%;
  font-family: arial, sans-serif;
  width: 960px;
}
img {
  border: 0;
}
.trenner {
  float: none;
  clear: both;
}




/* KOPF ---------------- */

#kopf {
  width: 960px;
  height: 60px;
}

#logo {
  background: #fff;
  width: 280px;
  float: left;
}

#servicenavigation {
  font-size: 80%;
  height: 30px;
}

#servicepunkte {
  color: #002649;
  float: left;
  padding-top: 3px;
  padding-top: 2px;
  line-height: 18px;
}
#servicepunkte a {
  color: #002649;
  text-decoration: none;
}
#servicepunkte a:hover {
  text-decoration: underline;
}

#schriftservice {
  float: right;
  color: #002649;
  margin-right: 30px;
}
#schriftservice_legende {
  float: left;
  margin-left: 6px;
  padding-top: 3px;
}
#schriftservice_buttons {
  float: left;
}
#schriftservice_buttons a {
  margin-left: 6px;
}

#suche {
  float: right;
}
#suche form {
  margin: 0;
}
#suche input {
  float: left;
  background-image: url(../images/suche_textfeld-kleiner_hintergrund.gif);
  font: normal 100% arial, sans-serif;
  padding: 3px 0 0 5px;
  border: 0;
  color: #002649;
  width: 131px;
  margin-right: 10px;
  height: 18px;
}
#suche input.stufe1 {
}
#suche input.stufe2 {
  padding: 2px 0 0 5px;
  height: 19px;
}
#suche input.stufe3 {
  padding: 0 0 0 5px;
  height: 21px;
}


/* -- Solange die Suche noch nicht funktioniert: -- */
/*
#suche {
  display: none;
}
#schriftservice {
  margin-right: 0;
}
*/

/* -- sobald die Suche tut, diesen Teil einfach löschen! -- */



/* SPALTE 1 ------------ */

#spalte1 {
  width: 280px;
  float: left;
}

#hauptnavigation {
  background: #1265a8;
  min-height: 180px;
}
#hauptnavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#hauptnavigation ul li {
}
#hauptnavigation ul li a {
  font: bold 90% arial, sans-serif;
  background-image: url(../images/icon_hauptnavigation_aus.gif);
  background-repeat: no-repeat;
  background-position: 11px 7px;
  padding: 7px 0 6px 33px;
  color: #fff;
  text-decoration: none;
  display: block;
}
#hauptnavigation ul li a#hauptnav_aktiv {
  background: #002649;
  background-image: url(../images/icon_hauptnavigation_an.gif);
  background-repeat: no-repeat;
  background-position: 11px 7px;
}
#hauptnavigation ul li a.stufe1, #hauptnavigation ul li a#hauptnav_aktiv.stufe1 {
}
#hauptnavigation ul li a.stufe2, #hauptnavigation ul li a#hauptnav_aktiv.stufe2 {
  background-position: 11px 9px;
  padding: 8px 0 8px 33px;
}
#hauptnavigation ul li a.stufe3, #hauptnavigation ul li a#hauptnav_aktiv.stufe3 {
  background-position: 11px 13px;
  padding: 9px 0 9px 33px;
}
#hauptnavigation ul li a:hover {
  background-image: url(../images/icon_hauptnavigation_over.gif);
  text-decoration: underline;
}


#kontextnavigation {
  padding-top: 23px;
}
#kontextnavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#kontextnavigation ul li {
}
#kontextnavigation ul li a {
  font: normal 80% arial, sans-serif;
  background-image: url(../images/icon_kontextnavigation_aus.gif);
  background-repeat: no-repeat;
  background-position: 11px 5px;
  padding: 4px 0 4px 33px;
  color: #1268b1;
  text-decoration: none;
  display: block;
}
#kontextnavigation ul li a#kontextnav_aktiv {
  background: #e5ebf6;
  background-image: url(../images/icon_kontextnavigation_an.gif);
  background-repeat: no-repeat;
  background-position: 11px 5px;
  font-weight: bold;
}
#kontextnavigation ul li a.stufe1, #kontextnavigation ul li a#kontextnav_aktiv.stufe1 {
}
#kontextnavigation ul li a.stufe2, #kontextnavigation ul li a#kontextnav_aktiv.stufe2 {
  background-position: 11px 8px;
  padding: 6px 0 6px 33px;
}
#kontextnavigation ul li a.stufe3, #kontextnavigation ul li a#kontextnav_aktiv.stufe3 {
  background-position: 11px 12px;
  padding: 8px 0 8px 33px;
}

#kontextnavigation ul li ul li a {
  background-position: 33px 5px;
  padding: 4px 0 4px 55px;
}
#kontextnavigation ul li ul li a#kontextnav_aktiv {
  background-position: 33px 5px;
  padding: 4px 0 4px 55px;
}
#kontextnavigation ul li ul li a.stufe1, #kontextnavigation ul li ul li a#kontextnav_aktiv.stufe1 {
}
#kontextnavigation ul li ul li a.stufe2, #kontextnavigation ul li ul li a#kontextnav_aktiv.stufe2 {
  background-position: 33px 8px;
  padding: 6px 0 6px 55px;
}
#kontextnavigation ul li ul li a.stufe3, #kontextnavigation ul li ul li a#kontextnav_aktiv.stufe3 {
  background-position: 33px 12px;
  padding: 8px 0 8px 55px;
}



#kontextnavigation ul li a:hover {
  background-image: url(../images/icon_kontextnavigation_an.gif);
  text-decoration: underline;
}






/* SPALTE 2 ------------ */
#spalte2 {
  float: left;
  width: 60px;
}
#farbstreifen {
  background: #e9ebe8;
  height: 180px;
}




/* SPALTE 3 ------------ */

#spalte3 {
  float: left;
  width: 620px;
  padding: 0;
}

#headerfoto {
  margin-bottom: 20px;
}

#claim {
  width: 620px;
  height: 180px;
}
#claim_text {
  background: #e9ebe8;
  color: #002649;
  font: normal 120% arial, sans-serif;
  height: 27px;
  padding: 3px 10px 0 10px;
  margin: 30px 0 0 0;
  float: right;
  text-align: right;
}

.teaser {
  font: normal 80% arial, sans-serif;
  color: #002649;
  line-height: 140%;
  padding: 20px 0 20px 0;
  overflow: hidden;
}
.teaser_bild {
  float: left;
  width: 150px;
  margin-right: 20px;
  text-align: right;
}
.teaser_text {
  overflow: hidden;
  height: 100%;
}
.teaser_text h3 {
  margin: 0;
  font-size: 120%;
}
.teaser_text p {
  margin: 5px 0 5px 0;
}
.teaser_text a {
  color: #002649;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../images/icon_pfeil_weiter.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding-left: 20px;
}
.teaser_text a.stufe1 {
}
.teaser_text a.stufe2 {
  background-position: 0 2px;
}
.teaser_text a.stufe3 {
  background-position: 0 4px;
}
.teaser_text a:hover {
  text-decoration: underline;
}
.teaser_trennlinie {
  background: #002649;
  height: 1px;
  overflow: hidden;
  clear: both;
}
.teaser_text ul {
  list-style-type: square;
}



/* -- Teaser unter Hauptnavi der Home -- */

#spalte_teaser_links_bild {
  margin-top: 30px;
}

#spalte_teaser_links {
  font-size: 70%;
  color: #002649;
  margin-top: 20px;
}

.teaser_links {
  background: #e5ebf6;
  padding: 10px;
  float: left;
  width: 120px;
}

.teaser_links_flash {
  margin-left: 10px;
  float: left;
}

.teaser_links_bild {
  float: left;
  margin-right: 10px;
}

.teaser_links_text {
  overflow: hidden;
  height: 100%;
}

.teaser_links_text a {
  color: #002649;
  text-decoration: none;
}
.teaser_links_text a:hover {
  text-decoration: underline;
}

.teaser_links_text img {
  margin-right: 5px;
}






#form_newsletter {
  margin: 0;
}
#form_newsletter input {
  float: left;
  background-image: url(../images/newsletter_textfeld_hintergrund.gif);
  font: normal 100% arial, sans-serif;
  padding: 3px 0 0 5px;
  border: 0;
  color: #002649;
  width: 155px;
  margin-right: 10px;
  height: 18px;
}
#form_newsletter input.stufe1 {
}
#form_newsletter input.stufe2 {
  padding: 2px 0 0 5px;
  height: 19px;
}
#form_newsletter input.stufe3 {
  padding: 0 0 0 5px;
  height: 21px;
}
#form_newsletter a {
  background-image: url();
  padding: 0;
  margin: 0;
}


/* -- Teaser unter Hauptnavi der Home -- */

#spalte_teaser_links_bild {
  margin-top: 30px;
}

/* -- Link zu Zertifikaten unter Hauptnavi der Home -- */

#zertifikate_navi {
  padding: 5px 0 6px 0;
  border: 1px solid #1265a8;
}

#zertifikate_navi a {
  display: block;
  font-size: 90%;
  color: #1265a8;
  font-weight: bold;
  text-decoration: none;
  background-image: url(../images/icon_stern_aus.gif);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  padding: 10px 10px 10px 32px;
}

#zertifikate_navi a:hover {
  text-decoration: underline;
  background-image: url(../images/icon_stern_over.gif);
}

/* -- Link zu Filmen unter Hauptnavi der Home -- */

#filme_navi {
  padding: 5px 0 6px 0;
  border: 1px solid #1265a8;
  margin-top: 10px;
}

#filme_navi a {
  display: block;
  font-size: 90%;
  color: #1265a8;
  font-weight: bold;
  text-decoration: none;
  background-image: url(../images/icon_filme.gif);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  padding: 10px 10px 10px 32px;
}

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



/* -- Kontaktformular -- */

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

#form_kontakt .formular_label {
  float: left;
  width: 150px;
  padding: 10px 0 10px 0;
}
#form_kontakt input {
  width: 200px;
}
#form_kontakt textarea {
  width: 250px;
  height: 120px;
  margin-bottom: 15px;
}
#form_kontakt input#button_submit {
  border: 0;
  padding: 3px 0 3px 0;
  background: #002649;
  color: #fff;
  font: bold 100% arial, sans-serif;
}



/* -- Contentnavigation -- */


#klammer_spalte_1, #klammer_spalte_2 {
  float: left;
  overflow: hidden;
  height: 100%;
}
#klammer_spalte_1 {
  width: 420px;
}
#klammer_spalte_2 {
  width: 160px;
  margin-left: 40px;
}

#spalte3 #contentnavigation {
  float: left;
  margin-top: 30px;
}
#spalte3 #contentnavigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#spalte3 #contentnavigation ul li {
}
#spalte3 #contentnavigation ul li a {
  font: normal 80% arial, sans-serif;
  background-image: url(../images/icon_contentnavigation_aus.gif);
  background-repeat: no-repeat;
  background-position: 11px 5px;
  padding: 4px 0 4px 33px;
  color: #002649;
  text-decoration: none;
  display: block;
}
#spalte3 #contentnavigation ul li a#contentnav_aktiv {
  background-image: url(../images/icon_contentnavigation_an.gif);
  background-repeat: no-repeat;
  background-position: 11px 5px;
  font-weight: bold;
}
#spalte3 #contentnavigation ul li a.stufe1, #contentnavigation ul li a#contentnav_aktiv.stufe1 {
}
#spalte3 #contentnavigation ul li a.stufe2, #contentnavigation ul li a#contentnav_aktiv.stufe2 {
  background-position: 11px 8px;
  padding: 6px 0 6px 33px;
}
#spalte3 #contentnavigation ul li a.stufe3, #contentnavigation ul li a#contentnav_aktiv.stufe3 {
  background-position: 11px 12px;
  padding: 8px 0 8px 33px;
}



#spalte3 #contentnavigation ul li a:hover {
  background-image: url(../images/icon_contentnavigation_an.gif);
  text-decoration: underline;
}









/* FUSS ---------------- */

#fuss {
  clear: both;
  padding: 40px 0 0 0;
}
#fuss_text {
  background: #e5ebf6;
  height: 20px;
  width: 610px;
  color: #002649;
  font-size: 70%;
  padding: 5px 0 0 350px;
}
#fuss_text.stufe1 {
}
#fuss_text.stufe2 {
  height: 40px;
}
#fuss_text.stufe3 {
  height: 45px;
}
#fuss_text a {
  color: #002649;
}
#fuss_text a:hover {
  text-decoration: none;
}