/* Angaben für die Farb-Profile _______________________________________________________ */
/* "startseite" entspricht "blau", hat aber an der rechten Seite nur einen schmalen
   Balken, statt einem flächig gefüllten Streifen.
   Zum Anpassen des Farb-Profils einer Seite, einfach im body-Element das id-Attribut
   ändern. */ 

#startseite div#kopf { background: url(img/kopfgrafik-gruen2.jpg) no-repeat; }
#blau div#kopf { background: url(img/kopfgrafik-blau2.jpg) no-repeat; }
#gruen div#kopf { background: url(img/kopfgrafik-gruen2.jpg) no-repeat; }
#gruen2 div#kopf { background: url(img/kopfgrafik-gruen3.jpg) no-repeat; }
#rot div#kopf { background: url(img/kopfgrafik-rot2.jpg) no-repeat; }
#gelb div#kopf { background: url(img/kopfgrafik-gelb2.jpg) no-repeat; }
#lila div#kopf { background: url(img/kopfgrafik-rot2.jpg) no-repeat; }

#startseite { background: url(img/streifen-startseite.jpg) repeat-y; }
#blau { background: url(img/streifen-blau.jpg) repeat-y; }
#gruen, #gruen2 { background: url(img/streifen-gruen.jpg) repeat-y; }
#rot { background: url(img/streifen-rot.jpg) repeat-y; }
#gelb { background: url(img/streifen-gelb.jpg) repeat-y; }
#lila { background: url(img/streifen-lila.jpg) repeat-y; }

/* Kopf-Bereich _______________________________________________________________________ */

div#kopf {display:none;
  max-width: 100%/*1024px*/;
  height: 202px;
}

div#kopf-navi {display:none;
  position: absolute;
  top: 168px;
  left: 300px;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
}

div#kopf-navi a:link, div#kopf-navi a:visited {
  color: #fff;
  margin: 0 10px;
  text-decoration: none;
}
div#kopf-navi a:hover, div#kopf-navi a:focus {
  text-decoration:none; color:#2F3D90;
}

/* Inhaltsgerüst ______________________________________________________________________ */

div#wrap {
  max-width: 996px;
  min-height:500px;
  margin: 0;
  padding: 0;
}

div#haupt-navi {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 194px;
  height: 100%;
  line-height: 120%;
}

div#inhalt {
  width: auto;
  margin-left: 200px;
  padding: 30px 10px;
  line-height:150%;
}

div#infokasten {
	width: 180px;
	padding: 8px;
	line-height: 120%;
	position: absolute;
	top: 297px;
	left: 785px;
	border:1px solid #000099;
	-moz-border-radius:10px;
}

div#infokasten.start {border:none; left:790px;}
div#infokasten.rosa {background-color:#F8EBF4;}
div#infokasten.blau {background-color:#EFF8FD;}
div#infokasten.gruen {background-color:#F7FFF9;}
div#infokasten.gelb {background-color:#FFFFF6;}
div#infokasten.lila {background-color:#FFF9FD;}


/* Haupt-Navigation ___________________________________________________________________ */

div#haupt-navi ul {
  list-style-type: none;
  font-weight: bold;
  border-top: 1px solid #fff;
  margin-top: 20px;
}

h1#logo{
  text-align: center;
  margin: 0;
  padding: 0;
}

div#haupt-navi li {
  border-bottom: 1px solid #fff;
  padding: 10px 15px;
}

div#haupt-navi li ul {
  border: none;
  margin-top: 10px;
}

div#haupt-navi li li { font-weight:normal;
  border: none;
  padding: 0 10px;
}
div#haupt-navi li a span.position {color:#C0362B;}

div#haupt-navi li a:hover {color:#C0362B; text-decoration:none;}

/* Text-Bereich _______________________________________________________________________ */

h2 {
  margin-top: 12px; line-height:normal;
}

#inhalt p {font-size:1.1em; color:#000;}

#inhalt p.untertitel {
  font-weight: bold;
  color: #009;
  margin-top: -1em;
  line-height: 120%;
}

div#inhalt a:link, div#inhalt a:visited {
  text-decoration: underline !important;
}

div#inhalt p span.bold {color:#009; font-weight:bold; font-size:1em;}
div#inhalt ul {margin-left:30px; font-size:110%;}
div#inhalt ul li {margin-bottom:10px;}

div#inhalt ul.ulsitemap {margin-left:0px; font-size:100%; list-style-type:none;}
div#inhalt ul.ulsitemap li {margin-bottom:5px;}
div#inhalt ul.ulsitemap li a {text-decoration:none;}

p.box {padding:10px; background-color:#fff; border:1px solid #009; 	-moz-border-radius:10px;}
q {font-style:italic;}
cite {font-style:normal; font-size:0.9em;}
p#seitenanfang {text-align:right; font-size:0.9em; margin-top:4em;}
a.anfang {background-image: url(img/piks/seitenanfang.gif); background-repeat:no-repeat; padding-left:16px;}
/* Info-Bereich _______________________________________________________________________ */

#infokasten h5 {
  font-size: 100%;
  margin: .5em 0 -0.5em 0;
}
#infokasten p + h5 {margin-top:2em;}
#infokasten h5 + h5 {margin-top:2em;}
#infokasten h5.abstand {margin-bottom:0.8em;}
#infokasten p{font-size: 100%; margin:1em 0; }
#infokasten a {text-decoration:underline;}
#infokasten img {margin-top:5px;}
p.extern, a.extern {padding-left:13px; background-image:url(img/piks/externer_link_wegweiser.gif); background-position:0 0; background-repeat:no-repeat; }
p.koopkontakt {padding-left:13px; background-image:url(img/piks/externer_link_wegweiser.gif); background-position:0 0; background-repeat:no-repeat; width:85%;}
p.koopkontakt img {float:right; margin-left:20px;}
#infokasten p.extern {margin-bottom:2em;}
p.dokument {padding-left:15px; background-image:url(img/piks/linkaufdokumet.gif); background-position:0 4px; background-repeat:no-repeat; }

#infokasten p.subnavi {padding-left:15px; background-image:url(img/piks/rot_dk_pfeil.png); background-position:0 0; background-repeat:no-repeat; }
#infokasten p.subnavi a {text-decoration:none;}
#infokasten ul {margin:0; padding:16px;}
#infokasten ul li {list-style-type:none; list-style-image:url(img/piks/punkt_grau.gif); margin:0px 0px 5px 0px;}


/* Allgemeine Auszeichnungen __________________________________________________________ */

h1, h2, h3, h4, h5, a:link, a:visited {
  color: #009;
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: underline;
}

.aktiv { text-decoration: underline !important; }
.center { text-align: center; }

ul {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

body {
  margin: 0;
  padding: 0;
  font: 80%/180% Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
  color: #000;
}
strong {color: #555;}
abbr {border:none;}
dfn {font-style:normal;}