/* ------------------------------------------------------------- */
/* Globale z.T. kaskadierte Einstellungen */


* { margin: 0; padding: 0; }


body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  background-color: #f7b27f;
}


h1, .doc-title { margin-bottom: 0.8em; font-size: 1em; }
h2 { font-size: 0.9em; }
a { color: #000; }
p { margin-bottom: 1em; }
div.doc-introduction { font-size: 0.8em; margin-bottom: 3em; }
div.doc-maintext { font-size: 0.8em; }
ul { margin-bottom: 1.5em; }



/* Aufheben der versehentlich kaskadierten 
   Hyperlinks innerhalb der doc-maintext      */
div.doc-maintext a { font-size: 1em }


/* Globale z.T. kaskadierte Einstellungen ENDE */
/* ------------------------------------------------------------- */





/* ------------------------------------------------------------- */
/* Hauptelemente */




#mainbanner {
  position: fixed;
  left: 0;
  top: 0;
  width: 984px;
  height: 120px;
  overflow: hidden;
  z-index: 5;
}

#naviarea {
  height: 100px;
  padding-left: 5px;
  background-image: url('2007_naviarea.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
}


#naviarea a {
  color: #FFF;
  font-size: 0.8em;
  text-decoration: none;
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
}

#naviarea a.navi1-active, #naviarea a.navi1-preopen {
  background-image: url('2007_topnavi_active.gif');
  background-repeat: repeat-x;
  background-position: 0 0;
  color: #000; 
  font-size: 0.8em;
  text-decoration: none;
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
}



#wrapper {
  position: absolute;
  background-image: url('2007_wrapper_bg.gif');
  background-repeat: repeat-y;
  left: 0;
  top: 120px;
  width: 984px;
  z-index: 4;
}

#innerwrapper {
  background-image: url('2007_innerwrapper_bg.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
}

#spacer {
  float: left;
  width: 1px;
  height: 340px;
}


#navigationarea {
  float: left;
  width: 215px;
}

#navigationarea #innernavigation {
  margin: 25px;
  margin-left: 10px;
  margin-top: 10px;
}

#navigationarea a:hover {
  text-decoration: underline;
}

#navigationarea a {
  display: block;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 6px;
  margin-left: 15px;
  background-image: url('2007_arrows.gif');
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding-left: 16px;
}

#navigationarea a.navi1-normal {
  margin-left: 0;
}


#navigationarea a.navi3-normal:hover {
  text-decoration: underline;
}

#navigationarea a.navi3-normal {
  display: block;
  font-size: 0.7em;
  text-decoration: none;
  margin-bottom: 6px;
  background-image: none;
  padding-left: 26px;
}

#navigationarea a.navi3-active:hover {
  text-decoration: underline;
}

#navigationarea a.navi2-active {
  text-decoration: underline;
}



#navigationarea a.navi3-active {
  display: block;
  font-size: 0.7em;
  text-decoration: none;
  margin-bottom: 6px;
  background-image: none;
  padding-left: 26px;
  text-decoration: underline;
}


#maincontentarea {
  float: right;
  width: 759px;   /* 984 - 215 - 10 */
  background-color: #e98c47;
  line-height: 1.3em;
  margin-bottom: 30px;
}

#maincontentarea #innercontentarea {
  margin: 20px;
}

#maincontentarea li {
  margin-left: 1.8em;
}


#textarea {
  float:right;
  background-color:#D8DDE6;
  width:560px;
}

#footerarea {
  background-image: url('2007_footerarea_bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 24px;
}


#footerarea #footer-left {
  width: 40%;
  float: left;
}

#footerarea #footer-right {
  width: 23%;
  float: right;
}


#footerarea a {
  color: #FFF;
  font-size: 0.8em;
  text-decoration: none;
  height: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
}



div.mainjingle {
  margin: 20px;
}

/* Hauptelemente ENDE */
/* ------------------------------------------------------------- */


/* ------------------------------------------------------------- */
/* Printloayout IBF Aktuell */

div.bn-logo {
  float:left;
  margin-left: 20px;
}

div.bn-adr {
  float: left;
  margin-left: 20px;
  font-size: 0.8em;
}

div.bn-url {
  float: right;
  font-size: 1.4em;
  font-weight: bold;
}

/* Printloayout IBF Aktuell ENDE*/
/* ------------------------------------------------------------- */






/* ------------------------------------------------------------- */
/* Bilder und Bilduntertitel */


#innercontentarea div.picturelabel {
  padding: 3px;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFF;
  background-color: #000;
}


#innercontentarea div.picture-area-right {
  float: right;
  margin-left: 10px;
}


#innercontentarea div.picture-area-left {
  float: left;
  margin-right: 10px;
}


/* Bilder und Bilduntertitel Ende */
/* ------------------------------------------------------------- */





/* ------------------------------------------------------------- */
/* Bildergalerie und Diashow */

#ig-headline {
  color: white;
  background-color: #ea6e14;
}

td.igfooter {
  color: white;
  background-color: #ea6e14;
}


#diashow-title {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1em;
}


.gallerytable {
  margin-top: 20px;
}

/* Bildergalerie und Diashow 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-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 */
/* ------------------------------------------------------------- */


/* ------------------------------------------------------------- */
/* Bereich für Infoboxen verschiedener Art */
div.infobox div.title {
  background-color: #000;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFF;
  padding: 4px;
  background-image: url('2007_naviarea.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.infobox div.body {
  padding: 5px;
  background-image: url('2007_infobox_bg.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 200px;
  overflow: auto;
}


#infobox-area a.infobox-link {
  font-weight: normal;
  font-size: 0.7em;
}



/* Bereich für Infoboxen verschiedener Art ENDE */
/* ------------------------------------------------------------- */






/* ------------------------------------------------------------- */
/* Downloadbox */


div.download {
  margin-top: 40px;
  width: 400px;
  border: 1px solid #000;
}

div.download div.head {
  background-color: #000;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFF;
  padding: 4px;
  background-image: url('2007_naviarea.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
}

div.download div.body {
  margin: 6px;
}

div.download a {
  text-decoration: none;
  font-size: 0.85em;
  color: #000;
}

/* ------------------------------------------------------------- */





div.filter {
  /* border: 1px solid #000; */
  margin-bottom: 30px;
  width: 95%;
  overflow: hidden;
}

div.filter span {
  font-size: 0.8em;
  font-weight: bold;
  padding: 3px;
}

div.filter select {
	width: 90%;
}


/* ------------------------------------------------------------- */
/* Fachartikel */


div.fachartikel-jingle {
  margin-top: 30px;
}



div.fachartikel-jingle h1 {
  font-size: 1em;
  margin-bottom: 0.8em;
  text-decoration: none;
}


div.fachartikel-jingle div {
  font-size: 0.8em;
}





div.fachartikel-dokument {
  margin-top: 30px;
}

div.fachartikel-dokument h1 {
  font-size: 1em;
  margin-bottom: 0.8em;
  text-decoration: none;
}

div.fachartikel-dokument div {
  font-size: 0.8em;
}
/* ------------------------------------------------------------- */



span.highlighted {
  background-color: #000;
  color: #e98c47;
}


a.archiv-hinweis {
  display: block;
  border: 1px solid #000;
  margin-top: 40px;
  padding: 5px;
  text-decoration: none;
  font-size: 0.9em;
  width: 70%;
}


