@import url(/web/export/system/modules/de.codecentric.oev.cms.modules.wpv/resources/style/mwx_tnac_farben.css);
@import url(/web/export/system/modules/de.codecentric.oev.cms.modules.wpv/resources/style/mwx_tnac_bilder.css);

/* = HTML
----------------------------------------------- */
/* ###### = Rubrikstyles - werden eigene Datei, darum Redundanzen
----------------------------------------------- */


/* = Rubrik
----------------------------------------------- */
div#inhalt.rubrikInhalt{
   padding-bottom:40px;
   *float:left
}
/**
 * Teasercontainer im Abschluss
 **/ 
div.teaser {
   
   background-position: bottom left;
   background-repeat: repeat-x;
   margin: 10px -15px 10px 0;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   font-size: 12px
}

/**
 * Link in Überschrift des Teasercontainers
 **/ 
div.teaser h2 a {
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding: 0 0 0 20px;
   font-size: 16px  
}
/**
 * Überschrift dritter Ordnung des Teasercontainers
 **/ 
div#inhalt div.teaser p strong {
  display: block;
}
/**
 * Keyvisualcontainer der Ausprägung: Rubrik
 **/ 
div.rubrikKv {
   margin: 0 8px 20px 8px;
   position: relative;
   width:575px;

}
/**
 * Bildelement mit Text im Keyvisualcontainer der Ausprägung: Rubrik
 **/
div.rubrikKv a img {
   border: none
}

/**
 * Teasercontainer der Ausprägung: Rubrik
 **/ 
div.rubrik {
   margin: 10px 8px;
   padding: 10px 10px 35px 230px;
   position: relative;
   min-height: 86px;
   _height:86px;
}
/**
 * Absatz in Teasercontainer der Ausprägung: Rubrik
 **/
div.rubrik p{
   font-size: 11px !important;
   line-height: 14px !important;
}
/**
 * Absatz mit Bildinhalt in Teasercontainer der Ausprägung: Rubrik
 **/
div.rubrik p.pic{
   position: absolute;
   top:1px;
   left: 0;
   margin: 0!important;
   padding: 0 !important;
}
div.rubrik p.pic img{
   border:none
}
/**
 * Footer mit Buttons in Teasercontainer der Ausprägung: Rubrik
 **/
div.rubrik p.contentFooter{
   padding: 0 !important;
   margin: 0 !important;
   position: absolute;
   bottom: 8px;
   right: 10px;
   height:26px;
}
/* = seitenfooter (Ueberschreibung)
----------------------------------------------- */
 
/**
 * Trennlinie nur gueltig im Inhalt
 **/
div.trenner {
    border-top-style:solid;
    margin: 0 8px
}
/**
 * Links Fußleiste 
 **/
div#containerMitte div.inhaltLinkleisteAbschlussContainer {
    margin: 0 8px !important ;
}
/**
 * Links Fußleiste - Überschreibung des "strong"
 **/
 #containerMitte div.inhaltLinkleisteAbschlussContainer p strong{
	font-weight: normal;
   font-size: 11px
}
/* = BonbonButton
----------------------------------------------- */
/**
 * erstes äußeres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emöglichen
 **/
p.contentFooter span.button {
   display: block;
   float: right;
   margin: 0 0 0 5px
}
/**
 * Zweites äußeres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emöglichen
 **/
p.contentFooter span.button span {
   display: block;
   
}
/**
 * Drittes äußeres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emöglichen
 **/
 
p.contentFooter span.button span span {
   display: block;
}
/**
 * Viertes äußeres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emöglichen
 **/
p.contentFooter span.button span span span{
   margin: 0;
   display: block;
}
/**
 * Fünftes äußeres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emöglichen
 **/
p.contentFooter span.button span span span span{
   margin: 0;
   display: block;
   padding: 2px 0 10px 0;
}
/**
 * Link oder Inputfeld in Bonbonoptik
 **/
div#inhalt p.contentFooter span.button a,
p.contentFooter span.button input{
   display: block;
   padding: 0 15px;
   margin: 0 1px 0 10px;
   padding-top: 2px;
   font-weight: bold;
}
/**
 * Weitere Attribute für Inputfeld in Bonbonoptik
 **/
p.contentFooter span.button input{
   border:none;
   overflow: visible;
   font-size: 11px;
   padding: 2px 15px 0 15px;
   _padding: 3px 10px 0 7px;
}
/* = Ueberschreibung Überschrift in Tabelle
----------------------------------------------- */
div#containerMitte div.inhaltOben table td.seitenUeberschriftInhalt{
   padding: 15px 0 6px 3px;
}
div#containerMitte div.inhaltOben table td.seitenUeberschriftInhalt strong{
   font-size: 24px;
   font-weight: lighter;
   padding: 0 0 0 15px;
   margin: 0 !important ;
}
/* = Generals + Helper
----------------------------------------------- */
/**
 * Hilfsklassen, die generell eingesetzt werden
 **/ 
.fLeft{
   float: left;
}
.fRight{
   float:right
}