/* Kopf-Bereich _______________________________________________________________________ */

h1 {
  line-height: 195px;
  margin: 0;
  padding: 0;
}

h1.k1 { background: url('img/kopf1.jpg') top center no-repeat; }
h1.k2 { background: url('img/kopf2.jpg') top center no-repeat; }
h1.k3 { background: url('img/kopf3.jpg') top center no-repeat; }
h1.k4 { background: url('img/kopf4.jpg') top center no-repeat; }
h1.k5 { background: url('img/kopf5.jpg') top center no-repeat; }
h1.k6 { background: url('img/kopf6.jpg') top center no-repeat; }

h1 span {
  visibility: visible;
}

/* Inhaltsgerüst ______________________________________________________________________ */

div#wrap {
  width: 960px;
  margin: 0 auto 0 auto;
  padding: 0 0;
  background: url('img/bg.jpg') top center repeat-y;
}

div#navi {
  position: relative;
  top: -60px;
  left: 0px;
  width: 743px;
  line-height: 120%;
  margin-bottom: -5em;
  font-family:Arial, Helvetica, sans-serif;
}

div#inhalt {
  width:60%; padding:30px 30px 0 0 ;
}

div#fusszeile {width:100%; border-top:1px solid #c0c0c0; font-size:75%; color:#808080; margin-top:60px;}
/* Navigation ___________________________________________________________________ */

div#navi ul {
  list-style-type: none;
  font-weight: bold;
  font-size: 90%;
}

div#navi li {
  padding: 1px 0;
  letter-spacing: 1px;
  list-style-type:none;
    display:inline;
}

div#navi li:before {
  content: '| ';
}

/* Text-Bereich _______________________________________________________________________ */

h2 {
  font-size: 180%;
}

p.untertitel {
  font-weight: bold;
  color: #366;
  margin-top: -1em;
  margin-bottom: 2em;
  line-height: 120%;
  font-size: 110%;
}

h3 {
  font-size: 1em;
  margin: 1em 0 0;
}
h3.highlight {font-size:1.2em;}

ul.pipe {
  list-style-type: none;
}

ul.pipe li { display: inline; }
ul.pipe li:after { content: ' | '; }
ul.pipe li.last:after { content: ''; }

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

/* Allgemeine Auszeichnungen __________________________________________________________ */

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

b {
  display: none;
  /* in allen Browsern ausblenden, im IE6/7 per Conditional eingeblendet,
  da IE6/7 die content-Regel nicht versteht. In IE8 kein Problem. */
}

a:focus, a:hover {
  text-decoration: underline;
  color: #963A28;
}

.aktiv { color: #963A28 !important; }
.center { text-align: center; }

ul {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

address {
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  font-size: 90%/180% ;
  font-familiy: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  color: #000;
  background: url('img/bgkopf.jpg') top center no-repeat;
  background-color:#FEFBF6;
}
