/* ------------------------------------ */
/* Hauptbereiche                        */
/* ------------------------------------ */
body { margin:0px; padding:0px; border:0px;
 font-family:Verdana,sans-serif;
 font-size:12px; background-color: #f0efeb;
 overflow-y: scroll; height: 100%;
 }
/*  blau neu: #2668B6 */
/* blau alt: #1f77c4 */
/*-----------------------------------------------*/
/*   header                 |header-logo |       */
/*-----------------------------------------------*/
/*  navi  |    content                           */
/*        |                                      */
/*        |                                      */
/*        |                                      */
/*        |                                      */
/*-----------------------------------------------*/
/*   footer                                      */
/*-----------------------------------------------*/
div, img { margin:0px; padding:0px; border:0px;}
#header {
 z-index: 99999;
 position: fixed;
 left:0px; top:0px; width:100%;  height:61px;
 background:url(../img/bg-top2.png) top center repeat-x;
 width:100%;
}
#header-logo{
 z-index: 2;
 position:relative;
 top: 48px;
 height:154px;
 width:98%;
 background: url(../img/logo.jpg) top right no-repeat ;
/*   background: url(../img/logo.jpg) no-repeat;*/
 /*left: 65%;*/
/* width:265px;*/
}

#navi{ float:left; width: 20%;
    background-color: #f0efeb; /* hellgrau */
    margin-top:120px;
    margin-bottom:150px;
}

#main {    float:left; width:75.5%; min-height:640px;
      background-color: #ffffff;
    padding-top:30px;
    padding-left:4%;
    line-height:1.5em;
}

#footer {clear: both;
    background:url(../img/bg-bottom2.png) bottom center repeat-x;
    width: 100%;
    height:61px;
    text-align:center;
}
#footer_text {
 color:#fff;
 padding-top:15px;
}

/*-----------------------------------------------*/
/*  Navi-Links                                   */
/*-----------------------------------------------*/
#navi ul {
  list-style:none;
  margin:0;
  padding:0;
  border-top: 1px solid #cfc9bc;
       border-left: 12px solid #2668B6;
}

#navi a {
  overflow: hidden;
  font-family: Verdana,sans-serif;
  font-size: 12px;
  line-height: 2.4em;
  display:block; width:100%;
  padding:0;
  margin:0;
  border-bottom: 1px solid #cfc9bc;
  white-space:nowrap;
  text-decoration: none;
  text-indent:5px;
}

#navi a.main {
  font-weight: bold;
  text-decoration: none;
  color:#2668B6;
}
#navi a.main:hover {
  background-color: #ffffff;
  text-decoration: underline;
  color: #172d52;                /* dunkles anthrazit = "fastschwarz"*/
}

#navi a.sub {
  font-weight: normal;
  text-indent:20px;
  text-decoration: none;
  color:#2668B6;
}
#navi a.sub:hover {
  background-color: #ffffff;
  text-decoration: underline;
  color: #172d52;                /* dunkles anthrazit = "fastschwarz"*/
}

#navi a.active {
  color: #ffffff;
  background-color: #516276;    /* anthrazit */
  text-decoration: none;
  /*background-color: #1f77c4;*/ /* blau */
}

#navi a.active:hover {
  color: #ffffff;
  background-color: #516276;    /* anthrazit */
  text-decoration: underline;
}


/*-----------------------------------------------*/
/*  Klassen zur Textformatierungen               */
/*-----------------------------------------------*/
.logoschrift {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  line-height:3em;
}
.justprint{display:none;}
.blau {color:#2668B6}
.anthrazit {
    color: #516276;
}
.fastschwarz{color:#172d52;}

.mini {font-size:10px;}
.gross {font-size:22px; line-height:28px;}
.mittel {font-size:18px;}
.normal {font-size:12px; margin-top:0; padding-top:0; line-height:1em; display:inline;} /* für Überschriften, die wie Text aussehen sollen */
.fett {font-weight:bold;}

.mittig {text-align:center;}

.bg_hellgrau{background-color:#f1efeb;}


p {width:90%; text-align:left; margin-top:20px; margin-bottom:0px; padding-bottom:0px;
     font-size:12px; font-weight:bold; letter-spacing:.02em; color:inherit;}
.ohne {margin-top:0px;padding-top:0px; line-height:1.7em;}
p a {color:#2668B6}
.spalte {float:left; width:48%;}
.spalte_sub {float:left; width:49%; text-indent:3em;}

h1      {font-size:28px; font-weight:bold; /*letter-spacing:.05em;*/ margin-top:10px; line-height:1.6em; color:#2668B6}
.wie_h1 {font-size:28px; font-weight:bold; letter-spacing:.05em; margin-top:10px; line-height:1.6em; color:#2668B6}
h2      {font-size:18px; font-weight:bold; letter-spacing:.03em; margin-top:10px; line-height:1.4em; color:#2668B6}
.wie_h2 {font-size:18px; font-weight:bold; letter-spacing:.03em; margin-top:10px; line-height:1.4em; color:#2668B6}
h3      {font-size:14px; font-weight:bold; letter-spacing:.02em; margin-top:10px; line-height:1.5em; color:#2668B6}
.wie_h3 {font-size:14px; font-weight:bold; letter-spacing:.02em; margin-top:10px; line-height:1.5em; color:#2668B6}

/*-----------------------------------------------*/
/*  Listen                                       */
/*-----------------------------------------------*/

.ul-blau {list-style-image: url(../img/blau12.gif); font-size:12px; font-weight:bold; letter-spacing:.02em; list-style-position:outside;}
.ul-grau {list-style-image: url(../img/grau12.gif); font-size:12px; font-weight:bold; letter-spacing:.02em; list-style-position:outside;}
.ul-sblau {list-style-image: url(../img/sblau12.gif); font-size:12px; font-weight:bold; letter-spacing:.02em; list-style-position:outside;}
.ul-sgrau {list-style-image: url(../img/sgrau12.gif); font-size:12px; font-weight:bold; letter-spacing:.02em; list-style-position:outside;}
.ul-tblau {list-style-image: url(../img/tblau12.gif); font-size:12px; font-weight:bold; letter-spacing:.02em; list-style-position:outside;}
/*-----------------------------------------------*/