/* ------------------------------------------------------------- */
/* Globale z.T. kaskadierte Einstellungen */

* { margin: 0; padding: 0; }

body {
  font-family: Arial, Helvetica, sans-seriv;
  font-size: 1em;
  background-color: #0082C8;
  color: #000;
}

h1 { font-size: 1.0em; margin-bottom: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2 { font-size: 0.9em; margin-bottom: 0.8em; }
a { font-size: 0.8em; color: #000; text-decoration: underline;}
#presseversand .doc-maintext { font-size: 0.8em; }

#presseversand input.inputcheckbox {
  margin: 0;
}

/* Aufheben der versehentlich kaskadierten 
   Hyperlinks innerhalb der doc-maintext      */
.doc-maintext a { font-size: 1em }


/* Globale z.T. kaskadierte Einstellungen Ende */
/* ------------------------------------------------------------- */





/* ------------------------------------------------------------- */
/* Hauptelemente Ende */

#wrapper {
  position: absolute;
  width: 963px;
  left: 50%;
  top: 0;
  margin-left: -492px;
  background-image: url('wrapperbg.gif');
  background-position: 0% 0%;
  background-repeat: repeat-y;
  padding-left: 11px;
  padding-right: 10px;
}

#navigationarea {
  width: 175px;
  height: 600px;
  float: left;
}

/*
#mainbanner {
  height: 110px;
  overflow: hidden;
}*/


#bannerarea {
    margin-bottom: 25px;   /* Dieser Wert ist die Höhe von #maininfobar  */
}



#maininfobar {
  position: absolute;
  top: 69px;
  left: 0;
  width: 100%;
  height: 25px;
  overflow: hidden;
  background-image: url('infobarbg.gif');
  background-repeat: repeat-x;
  background-position: 0% 0%;
  z-index: 2;
}


#topnaviarea {
  position: absolute;
  width: 963px;
  left: 50%;
  top: 69px;
  height: 25px;
  overflow: hidden;
  margin-left: -492px;
  padding-left: 11px;
  padding-right: 10px;
  z-index: 3;
}

#topnaviarea-right {
  float: right;
  width: 273px;
}


#topnaviarea-left {
  float: left;
  width: 250px;
  margin-left: 190px;
}


#topnaviarea-right div {
  height: 19px;
  width: 83px;
  padding: 3px;
  border-right: 1px solid #E0EBF7;
  background-image: url('topnavibg.gif');
  background-repeat: repeat-x;
  background-position: 0% 0%;
  text-align: center;
  float: left;
}

#topnaviarea a {
  color: white;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
}

#maincontentarea {
  float: right;
  width: 777px;
}


#mainfooter {
  background-color: #7490B9;
  text-align: right;
  color: #FFF;
}

#footerarea {
  height: 24px;
  background-image: url('footer2007.gif');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  text-align: right;
}

div.mainjingle-referenzen {
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid #000;
}

div.mainjingle-referenzen .doc-title {
  display: block;
  font-size: 1em;
  padding: 10px;
  margin-bottom: 0.2em;
}

div.mainjingle-referenzen-content {
  width: 593px;
  float: left;
}

div.mainjingle-referenzen-image {
  width: 165px;
  float: right;
  padding-right: 14px;
  /*border: 1px solid #000; */
}

div.mainjingle-referenzen-image img {
  width: 152px;
}


div.mainjingle-referenzen p {
  display: inline;
}

div.mainjingle-referenzen a.doc-next {
  font-size: 1em;
}

div.mainjingle-referenzen .doc-maintext {
  font-size: 0.8em;
}

div.mainjingle-referenzen a {
  font-size: 1em;
  color: #1092CE;
}


div.mainjingle {
  width: 580px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid #000;
}


div.mainjingle .doc-title {
  display: block;
  font-size: 1em;
  padding: 10px;
  margin-bottom: 0.2em;
}

div.mainjingle p {
  display: inline;
}

div.mainjingle a.doc-next {
  font-size: 1em;
}

div.mainjingle .doc-maintext {
  font-size: 0.8em;
}

div.mainjingle-presse {
  float: left;
  width: 238px;
  height: 150px;  /* Bitte wieder auf 113 zurück setzen, wenn die Bilder drin sind... */
  margin: 6px;
  overflow: hidden;
  background-color: #C6DCF2;
  

}

div.mainjingle-presse div.mainjingle-title {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  background-color: white;
  height: 60px;
  text-align: left; 
  color: white; 
  background-color: #FFF;
  overflow: hidden;
}


div.mainjingle-adressen {
  float: left;
  width: 238px;
  height: 160px;  /* Bitte wieder auf 113 zurück setzen, wenn die Bilder drin sind... */
  margin: 6px;
  overflow: hidden;
  background-color: #C6DCF2;
}


div.mainjingle-adressen div.mainjingle-title {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  background-color: white;
  padding: 8px;
  text-align: left; 
  color: white; 
  background-color: #1092CE;
  overflow: hidden;
}


div.mainjingle-adressen div.doc-maintext {
  font-size: 0.8em;
}



div.mainjingle-presse div.doc-maintext {
  font-size: 0.8em;
}

div.mainjingle-presse div.doc-maintext li {
  font-size: 1em;
  text-decoration: underline;
  color: #1092ce;
}

div.mainjingle p, div.mainjingle-presse p {
  display: inline;
  font-size: 0.9em;
} 

div.mainjingle-presse a {
  font-size: 1em;
  color: #1092CE;
}


div.mainjingle a, div.mainjingle-presse p {
  text-decoration: none;
  font-size: 0.8em;
  color: #1092CE;
}

div.mainjingle a.doc-title { 
  display: block; 
  color: #1092CE;
}


div.documentarea {
  margin-top: 26px;
}

div.documentarea-content {
  width: 593px;
  float: left;
  font-size: 0.8em;
}

h1.doc-title-events {
  font-size: 1.3em;
  width: 573px;
  padding: 10px;
  /* border: 1px solid #000; */
}


div.documentarea-images {
  width: 174px;
  float: right;
  padding-left: 2px;
  /* border: 1px solid #000; */
}

h1.doc-title {
  background-color: #1092CE;
  color: #FFF;
  font-size: 1.5em;
  padding: 4px;
  padding-left: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.15em;
}

h2.doc-subtitle {
  padding: 10px;
}

h2.doc-subtitle p {
  display: inline;
}


div.doc-introduction {
  padding: 10px;
}

div.doc-maintext {
  padding: 10px;
  /* font-size: 0.85em; */
  line-height: 1.3em;
}

div.doc-maintext p {
  font-size: 1em;
  margin-bottom: 1.5em;
}

div.doc-maintext li {
  margin-left: 1.5em;
}

div.bildeinbettung {
  width: 165px;
}

div.bildeinbettung img {
  width: 165px;
  margin-bottom: 20px;
}

div.files-area {
  width: 573px;
  padding: 10px;
}

div.files-area-title {
  font-size: 0.9em;
  border-bottom: 1px solid #000;
  margin-bottom: 7px;
  width: 573px;
}


/* Hauptelemente Ende */
/* ------------------------------------------------------------- */







/* ------------------------------------------------------------- */
/* OFFSET UND LETTERINDEX */

div.mainletterindex {
  padding: 15px;
  margin: 0 0 0.8em 0;
  border-bottom: 1px solid #333;
}

div.mainoffsetindex {
  padding: 15px;
  margin: 0 0 0.8em 0;
  border-bottom: 1px solid #333;
}

div.letterindex-head {
  font-weight: bold;
  color: #333;
}


a.letterindex-normal {
  float: left;
  margin: 3px;
}

a.letterindex-activated {
  float: left;
  margin: 3px;
  font-weight: bold;
}

div.mainletterindex a {
  float: left;
  margin: 3px;
  color: #333;
}


div.mainoffsetindex a, div.mainoffsetindex span {
  float: left;
  margin: 3px;
  color: #333;
}


a.offsetindex-active {
  font-weight: bold;
}

span.offsetindex-head {
  float: left;
  font-weight: bold;
}
/* OFFSET UND LETTERINDEX ENDE */
/* ------------------------------------------------------------- */




/* ------------------------------------------------------------- */
/* Layouts für die Formularfeldsteuerung */

div.errordiv-error {
  background-color: red;
  color: white;
  padding: 5px;
  font-size: 0.8em;
  margin: 0;
  margin-bottom: 20px;
}

div.errordiv-noerror {
  display: none;
  visibility: hidden;
}


.doc-maintext-isrequired {
  font-size: 0.8em;
  color: #8C1E1F;
}

.doc-maintext-isnotrequired {
  font-size: 0.8em;
  color: #000;
}

.field-noerror {
  background-color: #FFFFFF;
}

.field-error {
  background-color: #FFA4A4;
}
/* Layouts für die Formularfeldsteuerung Ende /*
/* ------------------------------------------------------------- */




/* ------------------------------------------------------------- */
/* Standard Navigation auf der linken Seite */

#navigationarea ul {
}


#navigationarea li {
  list-style-type: none;
  padding-left: 10px;
}

#navigationarea a {
  font-size: 11px;
  line-height: 11px;
  text-decoration: none;
  display: block;

}

#navigationarea li.li-navi1-normal {
  height: 11px;
  background-image: url('navi1bg.gif');
  margin-top: 25px;
  color: #0082c8;
  font-weight: bold;
}

#navigationarea li.li-navi1-active {
  height: 11px;
  background-image: url('navi1bg.gif');
  margin-top: 25px;
  color: #0082c8;
  font-weight: bold;
}

#navigationarea li.li-navi1-preopen {
  height: 11px;
  background-image: url('navi1bg.gif');
  margin-top: 25px;
  color: #0082c8;
  font-weight: bold;
}

#navigationarea a.navi1-normal, #navigationarea a.navi1-preopen {
  color: #0082c8;
}

#navigationarea a.navi1-active {
  color: black;
}


#navigationarea li.li-navi2-normal {
  margin-top: 5px;
  margin-bottom: 5px;
  color: black;
}

#navigationarea li.li-navi2-active {
  margin-top: 5px;
  margin-bottom: 5px;
  color: black;
}

#navigationarea li.li-navi2-preopen {
  margin-top: 5px;
  margin-bottom: 5px;
  color: black;
}


/* Standard Navigation auf der linken Seite ENDE */
/* ------------------------------------------------------------- */



/* Startseite Broschürenlayout */


#broschuere {
  position: absolute;
  width: 480px;
  height: 192px;
  left: 50%;
  top: 103px;
  margin-left: -276px;
  z-index: 10;
}

#broschuere div.pic {
  width: 136px;
  overflow: hidden;
  float: left;
}


#broschuere div.text {
  margin-top: 143px;
  width: 330px;
  float: right;
}

#broschuere a {
  color: #1393d2;
  text-decoration: none;
  
}