/*--------------------TAG-Einstellungen--------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0;
  background-repeat: repeat-x;
  margin-top: 10px;
}



h1 {
  font-size: 1.2em;
  margin: 0;
}

h1, h2 {
  margin: 0;

}

a:hover {
  text-decoration: underline;
}


a {
  text-decoration: none;
  color: #000000;
}

#temp-categories {
  position: absolute;
  width: 110px;
  height: 200px;
  left: 10px;
  top: 10px;
  z-index: 2;
  background-color: white;
}

#temp-categories a {
  background-color: white;
  font-size: 0.7em;
  display: block;
  margin: 0;
  padding: 0; 
}

/*--------------------Basislayouts--------------------*/


/*#bg-image {
  background-image: url('body-bg.jpg');
  background-repeat: repeat-y;
  background-position: 0 0;
}*/




div.box {
  width: 220px;
  background-color: blue;
  margin-top: 10px;
}

#footer {
  font-size: 0.7em;
  color: white;
  font-weight: normal;
  text-align: right;
  padding: 4px 10px 2px 0;
  border-top: 15px solid #19436E;
  overflow: hidden;
  background-color: #19436E;
  width: 100%;
}

#footer a {
  color: #fff;
}
    

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

#content-field {
  margin-bottom: 35px;
}

div.title-field {
  background-color: #e8e3e7;
  color: #a3004f;
}

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

h1.doc-title, a.doc-title {
  font-size: 1.1em;

  color: #000000;
  margin-top: 20px;
padding-bottom: 0.5em;
font-weight: bold;


}

#content-center h2.doc-subtitle {
border-top: 1px solid #d3d3d3;
}

div.doc-maintext {
  font-size: 0.8em;
  margin-top: 10px;
  padding-bottom: 20px;
  line-height: 1.4em;
}

div.doc-title {
color: #B30050;
font-weight: bold;
}

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

h2.doc-subtitle, a.doc-subtitle {
  font-size: 1em;
  color: #000;
margin-bottom: 1em;
padding-top: 0.5em;
}

div.doc-introduction {
  font-size: 0.8em;
  margin-bottom: 1em;
}

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

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

/* Bilder und Bilduntertitel (Einbettung) Start*/

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

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

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.mainletterindex, div.offsetindex {
font-size: 0.8em;
margin-top: 20px;
text-align: center;
}

div.mainletterindex a:hover {
text-decoration: underline;
}

div.offsetindex {
  padding: 8px 15px 15px 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;
}

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--------------------*/


/*-----------Jingles---------------*/

div.business-jingle {
width: 208px;
height: 65px;
float: left;
border: 1px solid #214673;
margin-right: 10px;
margin-left: 10px ;
padding-left: 12px;
padding-top: 15px;
font-size: 0.85em;
overflow: hidden;
margin-top: 30px;
}

div.jingle-box {
width: 220px;
border: 1px solid #214673;
float: left;

margin-right: 10px;
margin-left: 10px;

font-size: 0.85em;
overflow: hidden;
margin-top: 20px;
}

div.jingle-body div.doc-maintext {
padding: 5px;
margin:0;

}

div.jingle-body {
height: 205px;
padding-bottom: 10px;
overflow: hidden;

}

div.jingle-head {
padding: 5px;

background-repeat: no-repeat;
height: 36px;
}

div.jingle-foot {

background-repeat: no-repeat;
height: 21px;

}


#content-center div.business-jingle h1.doc-title {
padding: 0;
margin: 0;
color: #a3004f;
border: 0;
font-size: 1em;
}

#content-center div.business-jingle span {
padding: 0;
margin: 0;
color: #1d3c68;
font-weight: bold;
}

div.mitarbeiter-jingle {
height: 140px;
width: 450px;
margin-top: 1em;
border: 1px solid #214673;
}

div.pic-frame {
width: 120px;
height: 120px;
padding-top: 8px;
padding-left: 10px;
float: left;
}

div.pic-frame img {
border: 1px solid #fff;
}

div.mitarbeiter-jingle-right {
padding-top: 8px;
float: right;
width: 305px;
}

div.mitarbeiter-jingle-right div.doc-maintext {
color: #fff;
font-size: 0.8em;
font-weight: bold;
}

div.mitarbeiter-jingle-right div.doc-title {
color: #a70f5a;
font-weight: bold;
}



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

div.mainjingle {
  margin-top: 20px;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 0.5em;
}

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

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

div.mainjingle div.doc-subtitle, div.mainjingle div.sortdate, div.doc-subtitle0 {
  font-size: 0.75em;
}

div.doc-subtitle1 {
display: none;

}

div.doc-subtitle0 {
display: inline;

}

div.jingle-start {
  margin-top: 20px;
}

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


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

/*--------------------Formularfelder--------------------*/

div.form-data {
  padding: 15px;
  margin-bottom: 40px;
}

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

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

#filterform {
margin-left: 5px;
margin-top: 0;
/* margin-bottom: 0; */
padding: 0;
margin-bottom: 49px;
visibility: hidden;
}

#language-field form {
padding: 0;
margin: 0;
}

input.inputfield {
  margin: 0 0 0 12px;
  padding: 0;
  display: inline;
  float: left;
  width: 158px;
  border:0;
  border-top: 1px solid #8792a6;
  border-left: 1px solid #8792a6;
  border-bottom: 1px solid #8792a6;
}

input.submitbutton {
  margin: 0;
  padding: 0;
  display: inline;
  width: 52px;
  float: left;
  color: #9B144F;
}

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

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

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

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

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

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

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

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

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

div.footer-box {
float: left;
background-color: #19436E;
text-align:left;
margin-left: 8px;
margin-right: 8px;
margin-top: 10px;

}

div.footer-box a {
padding-left: 0;
}

div.footer-box a.navi2-normal {
padding-left: 0;
margin-left: 0;
}

a.footer-title {
color: #c9e1fc;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}

a.footerlink-normal {
padding-bottom: 10px;
}


div.footer-box a {
display: block;
}

#footer span {
font-size: 0.9em;
}

/*---------------IE Optimierung-------------------------*/

#logo-jpg {
position: absolute;
left: 0px;
top: 0px;
width: 216px;
height: 38px;
z-index: 55;
background-image: url('mediadefine-logo.jpg');
}

:root #logo-jpg {
display: none;
}

/*----------Downloadbereich------------*/

div.files-area {
font-size: 0.75em;
}




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

}

div.doc-social-networks {
display: none;
}