body {
   width: 97.01%;
   margin:0;
   padding:0;
   font-family: Arial, Verdana, Sans Serife;
   font-size: 1.0em;
   line-height: 1.3em;
   background-image: url(../grafik/hgBody.jpg); background-repeat: repeat-y;
   background-color: #dfdfdf;/* #282343;  #BDC49B; #38211B; #DFEDF0;*/
   text-align: center;
}

div#Begrenzer {
   width: 775px;
   height: auto;
/*   color: White; */
   background-color: white;
/*   margin: 10 auto;*/
   margin: 0;
   margin-left: auto;
   margin-right: auto;
   padding:0;
   text-align:left;
   border: 1px solid #3f3f3f;/*#DFEDF0;*/
   /*
   border-left: 2px solid #afafaf;
   border-top: 2px solid #afafaf;
   border-right: 2px solid #afafaf;
   border-bottom: 2px solid #afafaf;
   */
   background-image: url(../grafik/hgNavi.jpg); background-repeat: repeat-y;
}

div#Header {
   background-color: #284169;
   color: white;
   width: 100%;
   height: 120px;
   margin: 0px;
   padding: 0px;
}

div#Header h1 {
   color: #DFEDF0;
   font-size: 1.5em;
   margin:0;
   padding:0;
}

div#Header p {
   margin:0;
   padding:0;
   font-size:1.0em;
   color: White;
   vertical-align:top;
}

div#logoDiv {
   float: left;
   width: 123px;
   margin:0;
   padding:0;
}

img#logoHeader {
   margin: 0px;
   margin-left: 0px;
   margin-top: 10px;
}

div#TextDiv {
   margin:0;
   padding:0;
   padding-right: 10px;
   margin-left: 5px;
   margin-top: 0px;
   float: left;
}

div#HeaderImgDiv {
   margin:0;
   padding:0;
   margin-top: 5px;
   margin-left: 0px;
   float: left;
   width:633px;
   height: 50px;
   border: 0px solid #DFEDF0;
}

div#Groesse {
   margin: 0px;
   padding: 2px;
   width: 150px;
   float:right;
   background-color: #efefef;
   color: #284169;
   border: 2px solid #DFEDF0;
}

div#Groesse a {
   color: #284169;
   background-color: #efefef;
   display: inline;
}

div#Groesse a.groesseKlein {
   font-size: 0.8em;
}

div#Groesse a.groesseMittel {
   font-size: 1.0em;
}

div#Groesse a.groesseGross {
   font-size: 1.2em;
}

div#Groesse a:link {
   background-color: #efefef;
}

div#Groesse a:visited {
   background-color: #efefef;
}

div#Groesse a:hover {
   background-color: #DFEDF0;
}

div#Groesse a:focus {
   background-color: #DFEDF0;
}

div#Groesse a:active {
   background-color: #DFEDF0;
}


div#Navi {
   float: left;
   display: block;
   background-color: #284169;
   /*background-image: url(../grafik/hgNavi.jpg); background-repeat: repeat-y;*/
   /*../grafik/hgNavi.jpg*/
   color: #C8E1E6;
   margin: 0;
   width: 150px;
   text-align: left;
   border: 0px #284169 solid;
}

ul#Navigation {
    font-size: 1.15em;
    float: left; width: 150px;
    margin: 0; padding: 0px;
  }

* html ul#Navigation {
   width:141px;
}

ul#Navigation li {
   margin:0;
   padding:0;
   display: block;
   width: 149px;
   background-color:White;
   /*
   border-left: 1px solid White;
   border-top: 1px solid White;
   */
   border-right: 1px solid #284169;
   border-bottom: 1px solid #284169;
}

/*Anpassung für IE*/
* html ul#Navigation li {
   width:141px;
}

ul#Navigation a {
    display: block;
    padding: 0.2em;
    background-color: White;
    text-decoration: none;
}

* html ul#Navigation a {  /* Breitenangaben nur fuer IE */
    width: 100%;
  }

  ul#Navigation a:link {
    display:block;
    color: #284169; background-color: White;
    /*../grafik/hgHref.jpg*/
  }

* html ul#Navigation a:link {  /* Breitenangaben nur fuer IE */
    width: 100%;
  }

  ul#Navigation a:visited {
    color: #284169; background-color: White;
  }

  ul#Navigation a:hover {
    color: black; background-color: #DFEDF0;
    background-image: url(none); background-repeat: repeat-y;
  }

ul#Navigation * a:focus {
    color: black; background-color: #DFEDF0;
    background-image: url(none); background-repeat: repeat-y;
}

ul#Navigation * a:active {
    color: black; background-color: #DFEDF0;
    background-image: url(none); background-repeat: repeat-y;
}

ul#Navigation span.HRefSpan  {
   display:block;
   padding:0.2em;
   background-color: #284169;
   color: #ffffff;
   border: 5px solid #DFEDF0;
}

* html ul#Navigation span.HRefSpan  {
   width:131px;
}

/** AccessKey **********************************************************************/

div#AccessKey {
   position: relative;
   top: -30px;
   right: 3px;
   width: 530px;
   margin: 0px;
   font-size: 0.95em;
   z-index:100;
   border: 2px solid #DFEDF0;
   background-color: #EFEFEF;
   text-align: center;
}

div#AccessKey ul {
   background-color: transparent;
   list-style: none;
   margin: 0; margin-top: 0px;
   padding: 0;
}
div#AccessKey ul li {
   display: inline;
   padding:0;
   margin: 0;
}
div#AccessKey ul li a.accessKey {
  background-color: #ffffff;
  color: #253e66;
  border: 1px solid #000000;
  text-decoration: none;
  margin: 0; margin-right: 3px;
  padding: 0;
  cursor: pointer;
}
div#AccessKey ul li a.accessKey:hover {
   color: #000000;
   background-color: #DFEDF0;
}
div#AccessKey ul li a.accessKey:focus {
   background-color: #DFEDF0;
}
div#AccessKey ul li a.accessKey:active {
   background-color: #DFEDF0;
}
div#AccessKey ul li a:hover {
   background-color: #DFEDF0;
}
div#AccessKey ul li a:focus {
   background-color: #DFEDF0;
}
div#AccessKey ul li a:active {
   background-color: #DFEDF0;
}

div#AccessKeyHilfe {
   margin:0;
   padding-left: 5px;
   padding-top: 10px;
   width: 525px;
   position: relative;
   top: -32px;
   left: -3px;
   background-color: #EFEFEF;
   border: 2px solid #DFEDF0;
}

/** Ende  AccessKey ****************************************************************/

/** Pinnwand ************************************************************************/


div#Pinnwand {
   margin: 0; margin-left: 350px;
   padding: 0;
   border: 1px solid #284169;
   background-image: url(../grafik/hgPinnwand.jpg); background-repeat: repeat-y;
/*
   border-left-color: #FFFFEF;
   border-top-color: #FFFFEF;
*/
   background-color: #FFFFFF;/*#DFEDF0;*/
   width: 200px;
   height: 2em;
   overflow: hidden;
}

div#Pinnwand.offen {
   margin-left: 0;
   width: 540px;
   height: auto;
}

div#Pinnwand p.pinnwandMeldungVerwaltung {
   margin: 0; padding: 0;
   background-color: #EFEFEF;
   text-align:right;
   font-size: 0.65em;
}

div#Pinnwand p.pinnwandDatum {
   margin: 0; padding: 0;
   text-align:right;
   font-size: 0.8em;
}


div#Pinnwand  h1#PinnwandHeader {
   float: left;
   width: 150px;
   color: #DFEDF0;
   margin-left: 10px; margin-top: 10px; margin-bottom: -30px;
}

div#Pinnwand  h1#PinnwandHeader.breit100 {
   width: 100%;
   clear: both;
   margin-bottom: 0;
}

div#Pinnwand a.Verwaltung {
   float: right;
   margin-right: 16px; margin-top: 10px; margin-bottom: -30px;
}

div#Pinnwand a#HinweisHeader {
   margin: 0.25em;
   background-color: #29426A;
   background-image: url(../grafik/animAusrufezeichen.gif); background-position: center right;
   background-repeat: no-repeat;
   background-image: none;
   border: 2px solid #DFEDF0;
   text-decoration: none;
   color: #FFFFFF;
   display: block;
}
div#Pinnwand a#HinweisHeader:hover {
   background-color: #AFC2E1;
   color: #DFEDF0;
}

div#Pinnwand a#HinweisHeader span.hgLeft {
   background-image: url(../grafik/ausrufezeichenWeiss.gif); background-position: center left;
   background-repeat: no-repeat;
}

div#Pinnwand a#HinweisHeader:hover span.hgLeft {
   background-image: url(../grafik/ausrufezeichenWeissHover.gif);
}


div#Content div.meldung {
   margin:0; margin-top: 15px; margin-bottom: 15px; margin-left: 10px; margin-right: 10px;
   padding:0;
   background-color:#ffffff;
   border: 1px solid #284169;
   border-left-color: #284169;
   border-top-color: #284169;
   width:516px; /* doppelte Randstärke (meldung + meldungInnen) = 4 von (540-20) abziehen */
}

div#Content div.meldungAktiv {
   margin:0; margin-top: 15px; margin-bottom: 15px; margin-left: 10px; margin-right: 10px;
   padding:0;
   background-color:#FFF5F5;
   border: 1px solid #284169;
   border-left-color: #284169;
   border-top-color: #284169;
   width:516px; /* doppelte Randstärke (meldung + meldungInnen) = 4 von (540-20) abziehen */
}

div#Content div.meldung div.meldungInnen {
   margin:0;padding:0; padding-left: 15px; padding-right: 15px;
   border: 1px solid #6AA6B7;
   /* width:498px; */
}

div#Content div.meldungAktiv div.meldungInnen {
   margin:0;padding:0; padding-left: 15px; padding-right: 15px;
   border: 1px solid #284169;
   /* width:498px; */
}


div#Content div.meldung div.meldungInnen h3 {
   margin-bottom: -7px;
}
div#Content div.meldung div.meldungInnen p {
   margin-top: 0px;
}
/** Ende Pinnwand **********************************************************************************/

div#Content {
   margin-left: 5px;
   margin-top: 0px;
   padding: 20px;
   padding-right:40px;
   /*width: 550px; */
   height: auto;
   overflow: hidden;
   background: White;
   color: #284169;
   border-right: 0px solid #000000;
   color: #284169;
}

* html div#Content {
   margin-left: 155px;
}

div#Footer {
     clear:both;
     display: block;
     height:30px;
     margin-left: 0px;
     background-color: #284169;
     color: #FFFFFF;
     text-align: center;
  }

  p.topBottomSpace {
       clear: both;
     display: block;
     margin:0;
     padding:0;
     height: 1em;
  }

  div#PresseDiv {
     padding-top:20px;
     padding-bottom:20px;
     overflow: auto;
  }