/*--------------------TAG-Einstellungen--------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url('bg.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
}

h1, h2 {
  margin: 0;
}


a:hover {

}

a {
color: #486482;
outline-style: none;
}

a {
  text-decoration: none;
}

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

/*--------------------Basislayouts--------------------*/
#top-navi {
  width: 147px;
  height: 190px;
  position: absolute;
  left: 50%;
  /*top: 65px;*/
  top: 34px;
  margin-left: 0;
z-index: 3;

  

}
#top-navi a {
  display:block;
  color: #fff;
  font-size: 0.80em;
  margin-bottom: 6px;
outline-style: none;
padding: 3px 0 3px 20px;
font-family: verdana, arial, helvetica, sans-serif;

}

#top-navi a:hover {
font-weight: bold;
}

#wrapper {
  width: 990px;
  position: absolute;
  left: 50%;
  margin-left: -495px;
  background-image: url('wrapper-bg.jpg');
  background-position: 0 0;
  background-repeat: repeat-y;
  z-index: 1;
  
}

  #inner-wrapper-start {
    background-image: url('inner-wrapper-bg.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;

}

  #inner-wrapper {
    background-image: url('inner-wrapper-bg-sub1.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;

}

  #inner-wrapper-sub2 {
    background-image: url('inner-wrapper-bg-sub2.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;

}

#inner-wrapper-sub3 {
    background-image: url('inner-wrapper-bg-sub3.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;

}


#flash-header {
  margin: 0;
  z-index: 2;
  position: relative;

}

#flash-header-sub {

  margin: 0;
  z-index: 2;
  position: relative;

}


    #header {
height: 225px;
z-index: 1;
    }

#header-start {
      height: 350px;
      z-index: 1;
}

#top-navi2 {
margin: 24px 25px 0 83px;
height: 106px;
padding-left: 66px;
background-image: url('poempel-klein.jpg');
background-repeat: no-repeat;
background-position: 0 3px;

}

#top-navi3 {
margin: 24px 25px 0 83px;
height: 25px;
padding-left: 66px;
background-image: url('poempel-klein.jpg');
background-repeat: no-repeat;
background-position: 0 3px;

}



#top-navi2 a:hover {
color: #486482;
font-weight: bold;
}

#top-navi2 a {
padding-bottom: 10px;
outline-style: none;
font-size: 0.8em;
color: #616161;
padding-right: 20px;
}


#top-navi2 a.mitarbeiter-navi2-normal, #top-navi2 a.mitarbeiter-navi2-preopen, #top-navi2 a.mitarbeiter-navi2-active {
display: inline;
margin: 0;
padding-right: 50px;
width: 145px;
float: left;
display: block;
}


#content-start {
padding-top: 70px;
padding-left: 83px;
padding-right: 25px;   
/*aktive Netto-Breite: 882px; */ 
}
    
#content {
float: left;
width: 775px;
padding-top: 10px;
padding-bottom: 25px;
margin-left: 150px;
/*margin-right: 65px;*/
border-top: 1px solid #9d9d9d;
display: inline;

   
/*aktive Netto-Breite: 775px; */ 
}

#content-rundgang {
float: left;
width: 775px;
padding-top: 10px;
padding-bottom: 25px;
margin-left: 150px;
/*margin-right: 65px;*/

display: inline;

   
/*aktive Netto-Breite: 775px; */ 
}


#left {

      float:left;
      width:467px;


    }

#spacer-start {
height: 425px;
width: 2px;
float: left;
}

#spacer {
height: 480px;
width: 2px;
float: left;
}

    
    #right {
      float: right;
      width: 335px;
  
}
    
    #footer {
color: #616161;
      font-size: 0.8em;
background-image: url('footer-bg.jpg');
background-position: 0 0;
background-repeat: no-repeat;
height: 31px;
padding-left: 43px;


    }


a.footerlink-normal {
color: #616161;
}

a.footerlink-active {
color: #486482;
font-weight: bold;
}

.footerlink-normal a:hover {
color: #486482;
font-weight: bold;
}


a.footerlink-normal img, a.footerlink-active img  {
position:relative;
top:16px;
}
    

      #footer div.footer-left {
        width: 80%;
        float: left;
      }
      
      #footer div.footer-right {
        width: 18%;
        float: right;
      }



/*--------------------Objekt-Layouts--------------------*/

/*--------------------Dokumentlayout_START--------------------*/

div.document-layout-startseite {
  background-image: url('poempel.jpg');
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 33px;
  
}

div.document-layout-meintag {
  height: 448px;
  background-image: url('kalendar.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 27px 33px 31px 65px;
  font-size: 0.8em;
  color: #616161;
}

div.document-layout-meintag * {
  font-size: 1em;
}

div.meintag-left {
  float: left;
  width: 300px;
}

div.meintag-right {
  float: right;
  width: 300px;
}

h1.doc-title, a.doc-title {
  font-size: 1.1em;
  margin-bottom: 1em;
  color: #616161;
  outline-style: none;

}

a.doc_text1 {
  color: #486482;
  font-weight: bold;
}

a.doc_jingle_long, a.doc-next, a.doc_maintext {
  color: #486482;
}

div.doc-maintext {
  font-size: 0.8em;
  color: #616161;
  line-height: 1.4em;
  
}

div.doc-maintext a {
font-weight: bold;
  
}

div.doc-memo1 {
  font-size: 0.8em;
  color: #616161;
  line-height: 1.4em;
}

div.doc-memo1 a {
font-weight: bold;
}

div.doc-memo2 {
  font-size: 0.8em;
  color: #616161;
  line-height: 1.4em;
}

div.doc-memo2 a {
font-weight: bold;
}





div.mainjingle div.doc-title {
 color: #616161;
font-weight: bold;

}

div.mainjingle div.partner-info {
  color: #616161;
margin-top: 1em;
font-size: 0.8em;


}

div.goodies {

}

div.partner-info a {
color: #616161;
font-size: 1em;

}

h1.doc-title *, div.doc-maintext * {
  font-size: 1em;
}


h2.doc-subtitle, a.doc-subtitle {
  font-size: 0.8em;
  color: #000;
}
div.doc-introduction {
  /*font-size: 0.8em;
  margin-bottom: 3em;*/
font-size: 0.8em;
  color: #616161;
  line-height: 1.4em;
}

/*--------------------Dokumentlayout_ENDE--------------------*/

/*--------------------Mitarbeiter Jingles Haupt_START--------------------*/

a.jingle-mitarbeiter-haupt {
margin-right: 10px;
margin-bottom: 10px;
outline-style: none;
display: block;
float: left;
width: 172px;
height: 260px;
overflow: hidden;
}

div.document-layout {
  padding-bottom: 20px;

}

a.jingle-mitarbeiter-unter {
margin-right: 10px;
margin-bottom: 10px;
outline-style: none;
display: block;
float: left;
width: 230px;
height: 306px;
overflow: hidden;
  
}

div.left-mitarbeiter-unterrubrik {
  float: left;
  width: 363px;
}

div.right-mitarbeiter-unterrubrik {
  float: right;
  width: 384px;
}

div.mein-tag0 {
background-image: url('mein-tag.jpg');
background-repeat: no-repeat;
/*height: 90px;*/
overflow: hidden;
margin-top: 8px;
}

div.mein-tag0 a {
/* width: 313px; */
height: 64px;
display: block;
padding-top: 26px;
padding-left: 50px;
font-size: 0.9em;
color: #486482;
font-weight: bold;
}

a.mein-tag1 {
display: none;
}

/*--------------------Mitarbeiter Jingles Haupt_ENDE--------------------*/

div.jobs-left {
float: left;
/*width: 553px;*/
width: 500px;
}

div.jobs-right {
float: right;
width: 182px;
padding-left: 40px;
background-image: url(poempel-klein.jpg);
background-position: 0pt 0pt;
background-repeat: no-repeat;
}

div.jobs-left h2 {
 font-size: 0.9em;

margin-top: 1em;
  color: #616161;
  outline-style: none;

}


div.jobs-right h1, div.jingle-right h1, div.jingle-right div.bewerben a {
font-size: 0.8em;
color: #486482;
font-weight: bold;

}

a.bewerben {
font-size: 0.75em;
font-weight: bold;
}


div.jobs-right span, div.jingle-right span {
font-size: 0.75em;
color: #616161;
}

div.kollegen-box {
margin-top: 25px;
width: 167px;
height: 118px;
background-image: url('kollegen-box.jpg');
background-repeat: no-repeat;
background-position: 0 0px;
padding-top: 16px;
padding-left: 9px;
}

div.kollegen-box a, div.jobs-right a {
font-size: 0.8em;
color: #486482;
font-weight: bold;

}

div.jingle-left-picture {
float:left;
width:133px;
}


div.jingle-left {
float:left;
/*width:530px;*/
width:397px;
}

div.jingle-right {
float: right;
width: 222px;
text-align: right;

}

div.bewerbung-left {
float: left;
width: 450px;
}

div.bewerbung-right {
float: right;
width: 325px;
}

div.bewerbung-right a.bewerben {
float: right;
}


/*--------------------Navigationspfad_START--------------------*/
#navpath {
  font-size: 0.8em;
  text-align: right;
  padding: 1px 4px 1px 0;
  color: #444444;
  background-color: #bbbbbb;
}

#navpath a:hover{

}

#navpath a {
  font-size: 1em;
  text-decoration: none;
  color: #444444;
}
/*--------------------Navigationspfad_ENDE--------------------*/

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

a.navi1-normal {
outline-style: none;

}

a.navi1-preopen, a.navi1-active {
outline-style: none;
font-weight: bold;
background-image: url('poempel-klein.jpg');
background-position: 0 5px;
background-repeat: no-repeat;
background-color: #92a7ba;
}

#top-navi1 a:hover {

font-weight: bold;
}


a.navi1-normal, a.navi1-preopen, a.navi1-active {
outline-style: none;
}




a.navi2-preopen {
color: #486482;
font-weight: bold;
  }

#top-navi2-mitarbeiter a.navi2-active {
color: #486482;
font-weight: bold;
  }

a.mitarbeiter-navi2-active {
font-weight: bold;
}
a.navi2-active {
font-weight: bold;
}

a.navi3-normal {
  color: #d3dcf4;
  border-width: 0;
  padding: 5px;
  padding-left: 30px;
}

a.navi3-preopen {
  color: #444444;
  border-width: 0;
  padding: 5px;
  padding-left: 30px;
  background-color: #D3D3D3;
}

a.navi3-active {
  color: #000;
  border-width: 0;
  padding: 5px;
  padding-left: 30px;
  background-color: #D3D3D3;
}



a.zurueck-standard  {
text-decoration: underline;
padding-bottom: 17px;
background-image: url(poempel-klein.jpg);
background-position: 850px 2px;
background-repeat: no-repeat;
display: block;
text-align: right;
padding-right: 65px;
font-size: 0.8em;
}




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

/* Bilder und Bilduntertitel (Einbettung) Start*/

div.picture-arearight {
  float: right;
  margin-left: 10px;
  width: 100px;
}

div.picture-arealeft, div.picture-area {
  float: left;
  margin-right: 10px;
  width: 100px;
}

  div.picture-label-document {
    margin-bottom: 10px;
  }

    div.picture-label-document div.lupe {
      float: left;
      width: 20px;
      height: 20px;
    }
    
    div.picture-label-document div.legend {
      margin-left: 30px;
    }



  div.picture-label-document {
    background-color: #7C99DC;
  }

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

/* OFFSET UND LETTERINDEX  (Glossar)*/



div.offsetindex {
  padding: 15px;
  margin: 0 0 0.8em 0;
  border-bottom: 1px solid #7490b9;
}

div.offsetindex a, div.offsetindex span {
  margin: 3px;
  color: #333;
}

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

span.offsetindex-head {
  font-weight: bold;
}


div.letterindex {
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0 0 0.8em 0;
  border-bottom: 1px solid #7490b9;
}


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

a.letterindex-normal {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  color: #444444;
  text-decoration: none;
}

a.letterindex-activated {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

div.letterindex a {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  color: #000;
  text-decoration: none;
  
}



/*--------------------OFFSET UND LETTERINDEX ENDE (Glossar)--------------------*/

/*--------------------Diashow--------------------*/

div.diashow-fullsize {
  width: 468px;
  height: 468px;
  float: left;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-right: 12px;
  border: 1px solid #7C99DC;
  background-color: #ABBBE2;
}

#dia {
  margin-top: 100px;
}

div.dia-close-bullet {
  text-align: right;
  padding-right: 30px;
}



div.dia-head {
background-image: url('dia-head.jpg');
background-repeat: no-repeat;
background-position: 0 0;
height: 12px;
}

div.dia-body {
background-image: url('dia-body.jpg');
background-repeat: repeat-y;
background-position: 0 0;

padding-left: 12px;
}

div.dia-footer {
background-image: url('dia-footer.jpg');
background-repeat: no-repeat;
background-position: 0 0;
height: 24px;
padding: 0 19px 0 12px;
}

/*div.dia-footer a {
font-size: 0.8em;

}*/

a.panel-leftmultiple {
float: left;
width: 10%;
padding-top: 2px;
}

a.panel-rightmultiple {
float: right;
width: 10%;
text-align:right;
padding-top: 2px;
}

a.panel-leftsingle, a.panel-rightsingle {
  display: none;
}



div.legend {
  width: 75%;
  margin-left: 12%;
  margin-right: 12%;
  font-size: 0.7em;
  text-align:center;
  padding-top: 3px;
  color: #616161;
}

div.rundgang-rechts {
width: 400px;
margin-left: -5px;
}

div.doc-maintext-galery {
  /* float: right;
  width: 250px; */
  font-size: 0.8em;
}

div.diashow-overview {
  float: left;
  width: 100%;
  margin-top: 20px;
  width: 480px;
}

div.diashow-overview a.diashow-overview-thumbnail {
  display: block;
  float: left;
  width: 68px;
  height: 68px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 1px solid #7C99DC;
  background-color: #ABBBE2;
}

/*--------------------Gallery-overview_START--------------------*/

div.gallery-overview-body {
  overflow: hidden;
  margin: 0 10px 0 10px;

}

div.gallerie-overview-head {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 1px 4px 1px 4px;
  height: 18px;
}

div.gallerie-overview-pic {
  margin: 0 10px 10px 0;
  float: left;
  width: 100px;
}

div.gallerie-overview-footer {
  font-size: 0.8em;
  padding: 1px 4px 1px 4px;
  height: 18px;
}
/*--------------------Gallery-overview_Ende--------------------*/
/*--------------------Gallery-fullview_START--------------------*/
div.gallery-full-body {
  overflow: hidden;
  margin: 60px 10px 0 10px;
}

div.gallerie-overview-pic-border {
  padding-left: 10px;
}

div.gallery-full-head {
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 1px 4px 1px 4px;
  height: 18px;
}

div.gallery-full-img {
  text-align: center;
  margin: 0 10px 10px 0;
}

div.gallery-full-footer {
  font-size: 0.8em;
  padding: 1px 4px 1px 4px;
  height: 18px;
}

/*--------------------Gallery-fullview_Ende*/
/*--------------------Bildergalerie und Diashow Ende--------------------*/

/*--------------------langer Jingle_Start--------------------*/

div.mainjingle {
  margin-top: 20px;
border-bottom:1px solid #9d9d9d;
  padding-bottom: 14px;

}


/*--------------------langer Jingle_Ende--------------------*/

/*--------------------Standardlayout Infobox #right Start--------------------*/

div.infobox {
  margin: 10px;
  margin-top: 0;
  background-color: #7C99DC;
}

a.infobox-link {
  text-decoration: none;
  font-style: normal;
  color: white;
  display:block;
  font-size: 0.8em;
}

div.infobox-head {
  padding: 3px 3px 3px 0;
}


div.infobox-start {
width: 335px;
height: 257px;
background-image: url('infobox.jpg');
background-repeat: no-repeat;
}

div.infobox-start-text1 , div.infobox-start-text2  {
font-size: 1em;
color: #718BA0;
font-weight: bold;
padding-left: 50px;
}

div.infobox-start-text1  {
padding-top: 31px;
}

div.infobox-start-text2  {
padding-top: 29px;
}


/*--------------------Standardlayout Infobox #right ENDE--------------------*/

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

tbody span {
color: #616161;
}

div.form-data {
/*border: 1px solid #FFF;*/
  /*padding: 15px;*/
  margin-bottom: 40px;
}

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

div.bewerbungsformular div.form-data textarea {
  height: 300px;
}


div.form-data input, div.form-data textarea, div.form-data select {
  background-color: #D1DAE1;
  /*border: 1px black solid;*/
}

textarea.field-noerror {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

div.jobs-right div.downloadfile a {
color: #616161;
font-weight: normal;
}

/*--------------------Formulartexte--------------------*/

div.errordiv-error {
  background-color: red;
  color: #fff;
  padding: 5px;
  font-size: 0.8em;
  margin-bottom: 20px;
  margin-top: 10px;
}

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

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

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

.field-noerror {
border-width: 0;
  
}

.field-error {
  background-color: #FFA4A4;
}

div.form-data span.required-input {
  padding-left: 30px;
  font-size: 0.8em;
}

div.absenden-button-bewerbung {
  margin-left: 180px;
}


div.form-data input.submitform {
  /* background-color: transparent; */
  height: auto;
}


div.absenden-button-kontakt {
  padding-left: 120px;
}

/*--------------------Formulartexte Übermittlungsansicht--------------------*/
/*--------------------Layouts für die Formularfeldsteuerung Ende--------------------*/

/*-------------------Sitemap START-----------------------------------------------------------------*/

a.sitemap-link {
font-size: 0.8em;
}

/*-------------------Sitemap ENDE-----------------------------------------------------------------*/