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


* { margin: 0; padding: 0; }


body {
  font-family: "Arial Narrow", "Helvetica Condensed", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  background-color: #d9d9d9;
}


h1, .doc-title { font-size: 1.2em; margin-bottom: 0.8em; }
.doc-subtitle { font-size: 1em; }
a.doc-title:hover { text-decoration: underline; color: #d20019; }
a.doc-title { text-decoration: none; color: #d20019;}
h2 { font-size: 1.125em; }
a { font-size: 1em; }
p { margin-bottom: 1.5em; }
div.doc-introduction { font-size: 0.8em; margin-bottom: 3em; }
div.doc-maintext { font-size: 0.95em; color: #58585a; line-height: 1.3em;}
ul {margin-bottom: 1.5em; }



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

div.doc-maintext a:hover { text-decoration: underline; color: #d20019;}
div.doc-maintext a { text-decoration: none; color: #3b3b3b;}
div.doc-maintext span.highlighted{color: #d20019; font-weight: bold;}


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





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

/* print-head ist nur für das Drucklayout */
#print-head {
  display: none;
}


#wrapper {
  width: 986px;
  /*background-image: url('wrapper-bg.gif');*/
  background-repeat: repeat-y;
  position: absolute;
  left: 50%;
  margin-left: -492px;
  margin-top: 15px;
  margin-bottom: 40px;
}

#bn {
  
  height: 128px;
  background-image: url('bn.gif');
  background-repeat: no-repeat;
}

#inlinewrapper {
  background-image: url('iwrapper-bg.gif');
  background-repeat: repeat-y;
  padding-top: 30px;
}

#left {
  width: 253px;
  float: left;
  color: black;
  
}
  
#left ul{
  margin-left: 63px;
}

#left li{
  list-style-type: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

#left a {
  outline-style: none;
  font-size: 0.96em;
  display: block;
}

#right {
  width: 666px;
  overflow: hidden;
  float: right;
  color: black;
  padding-right: 18px;
}

#right li {
 margin-left: 1.5em;
 line-height: 1.5em;
 list-style-type: square;
 list-style-image: url('bullet.gif');
 list-style-position: outside;
}

#right ul ul li {
 margin-left: 2.5em;
 line-height: 1.5em;
 list-style-type: square;
 list-style-image: url('bullet.gif');
 list-style-position: outside;
}


#content-bottom {
  background-image: url('iwrapper-bg.gif');
  background-repeat: repeat-y;
  padding-bottom: 20px;

}

#search {
float: left;
width: 190px;
margin-top: 10px;
margin-left: 63px;

/*padding-left: 40px;*/
}

span.search-text {
font-size: 1em;
font-weight: bold;
margin-left: 20px;
}

#search form input.btn{
font-size: 0.9em;
line-height: 1em;
vertical-align: top;
}

#search form input.text-field{
font-size: 0.9em;
line-height: 1em;
vertical-align: top;
border: 1px solid #cccccc;
}

#infoboxarea{
width: 666px;
float: right;
height: 115px;
padding-right: 18px;
}

div.infobox{
border: 1px solid #cccccc;
}

div.infobox-title{
font-weight: bold;
width: 64px;
float: left;
margin-top: 10px;
margin-left: 10px;
font-weight: bold;
}


div.infobox-body{
width: 580px;
float: right;
margin-top: 10px;
}

div.infobox a{
display: block;
font-size: 0.96em;
background-image: url('pfeil-u.gif');
background-repeat: no-repeat;
background-position: 550px 8px;
text-decoration: none;
color: #58585a;
margin-bottom: 10px;
}

#footer {
  color: black;
  text-align: right;
  height: 46px;
  background-image: url('footer.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}

#footer div{
  margin-top: 18px;
  margin-right: 18px;
  margin-left: 36px;
  font-size: 0.8em;
  color: #58585a;
}

#footer a:hover {
  color: #000;
  text-decoration: underline;
}

#footer a{
  color: #58585a;
  text-decoration: none;
  font-weight: bold;
}

#maincontentarea {
  margin-bottom: 40px;
  margin-top: 20px;
  margin-right: 20px;
  overflow: hidden;
}

#contentarea {
  width:100%;
  background-image:url('../baselines/contentarea_bg.gif');
}

#navigationarea {
  float:left;
  width:180px;
}

#textarea {
  float:right;
  background-color:#D8DDE6;
  width:560px;
}

#mainfooter {
  background-color: #7490B9;
  text-align: right;
  padding: 5px 5px 5px 0;
  color: #FFF;
  font-size: 0.8em;
}


div.mainjingle {
  margin-bottom: 40px;
}

/* Hauptelemente ENDE */
/* ------------------------------------------------------------- */

div.document-left{
float: left;
width: 466px;
}

div.document-right{
float: right;
width: 174px;
}


div.document-right img{
margin-bottom: 10px;
}


/* ------------------------------------------------------------- */
/* Bilder und Bilduntertitel */


div.picturelabel {
  margin-top: 2px;
  font-size: 0.8em;
  font-weight: bold;
}


div.picture-area-right {
  float: right;
  margin-left: 10px;
}


div.picture-area-left {
  float: left;
  margin-right: 10px;
}


/* Bilder und Bilduntertitel Ende */
/* ------------------------------------------------------------- */



/* ------------------------------------------------------------- */
/* Bildergalerie und Diashow */

#ig-headline {
  color: white;
}


#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.form-data {
border: 1px dotted #58585a;
padding: 15px;
margin-bottom: 40px;
}

div.form-data input, div.form-data textarea{
background-color: #e8e8e8;
border: 1px solid #000; 
}

div.form-data input{
height: 20px;
}

div.errordiv-error {
  background-color: #d20019;
  color: white;
  padding: 5px;
  font-size: 0.96em;
  margin-bottom: 20px;
}


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


.doc-maintext-isrequired {
  font-size: 0.96em;
  color: #d20019;
}


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


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


div.form-data .field-error {
  background-color: #d20019;
  color: #FFF;
}

#backanswer{
  border: 1px dotted #58585a;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 40px;
}

#backanswer span.doc-maintext{
  font-size: 0.96em;
}




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



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

a.start-normal {
  background-color: #FFFFFF;
  color: #58585a;
  padding-left: 20px;
  margin-bottom: 30px;
  text-decoration: none;
}

a.start-active {
  font-weight: bold;
  background-color: #FFFFFF;
  color: #000;
  padding-left: 20px;
  margin-bottom: 30px;
  text-decoration: none;
  border-bottom: 2px solid #d20019;
}

a.navi1-normal {
  background-color: #FFFFFF;
  color: #58585a;
  border-width: 0;
  padding-left: 20px;
  text-decoration: none;
}


a.navi1-preopen {
  background-color: #FFFFFF;
  color: #58585a;
  border-width: 0;
  padding-left: 20px;
  text-decoration: none;
}

a.navi1-active {
  font-weight: bold;
  background-color: #FFFFFF;
  color: #000;
  border-bottom: 2px solid #d20019;
  padding-left: 20px;
  text-decoration: none;
}

a.navi2-normal {
  background-color: #FFFFFF;
  color: #58585a;
  border-width: 0;
  padding-left: 35px;
  text-decoration: none;
}

a.navi2-preopen {
  background-color: #FFFFFF;
  color: #58585a;
  border-width: 0;
  padding-left: 35px;
  text-decoration: none;
}

a.navi2-active {
  font-weight: bold;
  background-color: #FFFFFF;
  color: #000;
  border-bottom: 2px solid #d20019;
  padding-left: 35px;
  text-decoration: none;
}

a.last {
  font-weight: bold;
  background-color: #FFFFFF;
  color: #000;
  border-bottom: 2px solid #d20019;
  padding-left: 20px;
  margin-bottom: 30px;
  text-decoration: none;
}

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


a.sitemap-link{ text-decoration: none; color: #3b3b3b;}
a.sitemap-link:hover{ text-decoration: underline; color: #d20019;}