﻿
/** Allgemeine Elementanweisungen */

body {
  background: #F9FCFD;
  color: #000;
  font-family: verdana, arial, sans-serif;
  font-size: 100.01%;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, fieldset {
  padding: 0;
  border: 0;
  margin: 0;
}

ul { list-style: none; }

img {
  border: none;
  vertical-align: bottom;
}

input, textarea, select { font-size: 1em; }

a { text-decoration: underline; }

abbr,
acronym {
  font-style: normal;
  text-decoration: none;
  border-bottom: none;
}

hr { display: none; }

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

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

.unsichtbar {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Positionierungen */

#wrapper-1,
#wrapper-2 {
  position: relative;
  width: 100%;
  min-width: 765px;
  background: url(../images/hintergrund/wrapper.gif) repeat-y 94% 0;
}

#wrapper-2 { background: url(../images/hintergrund/spalte_1.gif) repeat-y; }

#kopf {
  position: relative;
  width: 100%;
  background: url(../images/hintergrund/streifen_oben.gif) 94% 0 no-repeat;
}

#kopf-innen {
  min-width: 765px;
  padding: 8px 0 0 0;
}

#logo {
  position: absolute;
  z-index: 300;
  top: 0;
  left: 9px;
  background: url(../images/hintergrund/logo.gif) no-repeat;
  padding: 8px 4px 4px 4px;
}

#logo p { margin: 0; }

#servicemenue {
  position: absolute;
  float: right;
  right: 6%;
  z-index: 200;
  background: #FFF;
  padding: 6px 2px 0 0;
  margin: 0 2px 0 330px;
}

#suche {
  position: absolute;
  z-index: 100;
  top: 52px;
  width: 100%;
  height: 90px;
  background: #489AC9 url(../images/hintergrund/kopf_balken.gif) repeat-x bottom right;
}

#suche-innen-1 {
  height: 90px;
  background: url(../images/hintergrund/kopf_schriftzug.gif) 300px 100% no-repeat;
  padding: 0 6% 0 230px;
  margin-right: 1px;
}

#suche-innen-2 {
  float: right;
  width: 35%;
  height: 90px;
  background: url(../images/hintergrund/kopf_schriftzug_heller.png);
}

#hauptbereich {
  padding-right: 6%;
  margin-right: 1px;
}

#hauptbereich-innen-1 { padding: 134px 0 0 230px; }
#hauptbereich-innen-2 { width: 100%; }

#spalte-1 {
  float: left;
  position: relative;
  width: 230px;
  padding-bottom: 15px;
  margin-left: -230px;
}

#inhalt {
  background: url(../images/hintergrund/spalte_2_und_3.gif) 65% 0 repeat-y;
  padding: 0 0 20px 0;
}

#spalte-2 {
  float: left;
  width: 64.9%;
  min-height: 400px;
}

#suche-wrapper {
margin: 0 25px;
}

#spalte-3 {
  float: right;
  width: 35%;
  min-height: 390px;
  padding-top: 10px;
}

#fuss {
  background: #57A988 url(../images/hintergrund/fuss_spalte_1.gif) repeat-y;
  padding-right: 6%;
}

#fuss-innen-1 { padding: 0 0 0 230px; }
#fuss-innen-2 { width: 100%; }

#fuss-spalte-1 {
  float: left;
  position: relative;
  width: 230px;
  margin-left: -230px;
}

#fuss-spalte-2-und-3 {
  float: left;
  width: 100%;
  background: url(../images/hintergrund/fuss_spalte_2_und_3.gif) 65% 0 repeat-y;
}

/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Servicemenue */

#servicemenue ul li {
  float: left;
  line-height: .7em;
  padding: 0 3px;
  border-left: 1px solid #ADC963;
  margin-bottom: 3px;
}

#servicemenue ul li.erster { border-left: 0; }
/* 090604: Zugefügt, um das Layout NAVT-kompatibel zu gestalten */
#servicemenue ul li:first-child { border-left: 0; }

#servicemenue a:link,
#servicemenue a:visited,
#servicemenue strong {
  position: relative;
  top: -1px;
  color: #31966D;
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 3px;
}

/* 090604: Zugefügt, um das Layout NAVT-kompatibel zu gestalten */
#servicemenue ul li.on a {
  background: #E7F3C7;
  position: relative;
  top: -1px;
  color: #31966D;
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 3px;
}

#servicemenue a:hover,
#servicemenue a:focus,
#servicemenue a:active {
  background: #E7F3C7;
  text-decoration: underline;
}

#servicemenue li.on strong {
  background: #E7F3C7;
}

/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Suche */

#suche p {
  margin: .6em 4px 0 4px;
  text-align: right;
}

#suche input { vertical-align: middle; }

#suchfeld {
  width: 56%;
  height: 1.25em;
  color: #2F84B9;
  padding: 1px 2px 1px 20px;
  border: 1px solid #2F84B9;
  background-image:url('../images/hintergrund/magnifying-glass.gif');
  background-position: 0px 1px;
  background-repeat:no-repeat;
}

#suchesubmit {
  position: relative;
  left: -2px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Themen-Menü */

#spalte-1 h3 {
  color: #0873B0;
  font-size: .8em;
  line-height: 1.4em;
  padding: 0 30px 0 0;
  border-bottom: 1px solid #E1EEF6;
  margin: 3em 0 0 13px;
}

#spalte-1 ul { margin: 0 0 0 13px; }

#spalte-1 li { display: inline; }

#spalte-1 ul li ul li { display: none; }
#spalte-1 ul li.on ul li { display: inline;}

#spalte-1 a:link,
#spalte-1 a:visited,
#spalte-1 strong {
  display: block;
  color: #0873B0;
  background: url(../images/allgemein/icon_themenmenue_pfeil_off.gif) no-repeat 6px .35em;
  font-size: .85em;
  line-height: 1.1em;
  padding: 4px 0 4px 24px;
  border-bottom: 1px solid #E1EEF6;
  text-decoration: none;
}

#spalte-1 a:hover,
#spalte-1 a:focus,
#spalte-1 a:active {
  color: #31966D;
  background-color: #FFF;
  background-image: url(../images/allgemein/icon_themenmenue_pfeil_on.gif);
  text-decoration: underline;
}

#spalte-1 .on a {
  background-color: #FFF;
  background-image: url(../images/allgemein/icon_themenmenue_pfeil_active.gif);
}

#spalte-1 li.on strong {
  background: #FFF url(../images/allgemein/icon_themenmenue_pfeil_active.gif) no-repeat 6px .35em;
}

#spalte-1 .on a strong {
  display: inline;
  background: #FFF;
  font-size: 1em;
  padding: 0;
  border: none;
}

#spalte-1 li.on ul {
  background: #FCFEFE;
  padding: 4px 0;
  border-bottom: 1px solid #E1EEF6;
  margin: 0 1px 0 0;
}

#spalte-1 li.on li a:link,
#spalte-1 li.on li a:visited,
#spalte-1 li.on li strong {
  position: relative;
  background: url(../images/allgemein/icon_themenmenue_sub_pfeil_off.gif) no-repeat 32px .4em;
  font-size: .75em;
  padding: 1px 0 2px 42px;
  border: 0;
}

#spalte-1 p {
  position: relative;
  font-size: 1em;
  margin: 36px 0 0 13px;
}

#spalte-1 p a:link,
#spalte-1 p a:visited,
#spalte-1 p strong {
  color: #31966D;
  border-top: 1px solid #E1EEF6;
}

#spalte-1 p.on strong {
  background: #FFF url(../images/allgemein/icon_themenmenue_pfeil_off.gif) no-repeat 6px .35em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Inhalte */

h1 {
  color: #99BB3C;
  font-size: 1.4em;
  line-height: 1.2em;
  padding: 0 30px 0 25px;
  border-bottom: 1px solid #E2EFF7;
  margin: 1.3em 0 25px 0;
}

h2 {
  color: #31966D;
  font-size: .9em;
  line-height: 1.25em;
  margin: 1em 30px .4em 25px;
}

h3 {
  color: #31966D;
  font-size: .8em;
  line-height: 1.25em;
  margin: 1.5em 30px .4em 25px;
}

p {
  font-size: .8em;
  line-height: 1.4em;
  margin: .7em 30px .7em 25px;
}

p.autorin,
p.adresse {
  font-size: .8em;
  line-height: 1.5em;
  color: #489AC9;
}

p.einleitung {
  font-size: .8em;
  padding-bottom: .9em;
  border-bottom: 1px solid #DDEDF5;
  margin-bottom: .7em;
}

p.einleitung strong { color: #666; }

p.bild-links {
  float: left;
  margin: 3px 14px 8px 25px;
}

#inhalt ul {
  margin: .5em 30px .5em 50px;
  list-style-image: url(../images/allgemein/aufzaehlungspunkt.gif);
}

#inhalt ol {
  margin: .5em 30px .5em 50px;
}

#inhalt li {
  font-size: .8em;
  line-height: 1.4em;
  margin: .5em 0;
}

strong { color: #31966D; }

/* Links */

a:link { color: #489AC9; }
a:visited { color: #666; }

a:hover,
a:focus,
a:active {
  color: #31966D;
  background: #E7F3C7;
}

/* Linien */

div.linie {
  clear: both;
  border-top: 1px solid #DDEDF5;
  margin: 1.2em 30px 1em 25px;
}

/* Spalte 3 */

div.teaser {
  padding: 0 0 12px 0;
  border-bottom: 1px solid #DDEDF5;
  margin: 0 0 15px 0;
}

#spalte-3 h2 {
  font-size: .7em;
  line-height: 1.35em;
  margin: 1.4em 10px .5em 12px;
}

#spalte-3 p {
  font-size: .7em;
  line-height: 1.35em;
  margin: .5em 10px .5em 12px;
}




/* * * * * * * * * * * * * * * * * * * * * * * * **/
/** Fuss */

#fuss p {
  color: #FFF;
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}

#fuss-spalte-1 p { padding: 5px 2px 4px 12px; }

#fuss-spalte-2-und-3 p { padding: 5px 0 4px 25px; }

/* * * * * * * * * * * * * * * * * * * * * * * * **/
