@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
----------------------------------------------- */
/**
 * Ueberschrift 1 Rang (H1)
 **/
div#inhalt div#redakteur h1 {
    font-size: 24px;
    font-weight: normal;
    margin-left: 8px;
}
div#redakteur p.back {
    margin: -15px 8px 0 8px;
}
div#redakteur p.back a {
    font-weight: bold;
    padding: 0 0 0 15px;
}
/* = Container
----------------------------------------------- */
/**
 * Container fuer ein Keyvisual
 **/
div#redakteur p.kvBox{
    margin: 0 8px -1px 8px;
    padding: 0;
    position: relative;
    z-index: 10;
}
/**
 * Bildformatierungen fuer ein Keyvisual
 **/
p.kvBox img{
    display: block;
}
/**
 * Aussenbox 
 **/
.contentBox {
    border-width: 1px;
    border-style: solid;
    margin: 0 8px 20px 8px;
    padding: 17px 15px 5px 15px;
    position: relative;
}
/**
 * Box fuer rechtspositionierte Bilder auf der Produktuebersicht
 **/
.colRight{
    padding: 17px 20% 17px 15px;
    position: relative;
}
/**
 * Ueberschrift 2 Rang (H2) innerhalb von "contentBox"
 **/
div#redakteur div.contentBox h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
}
/**
 * Ueberschrift 3 Rang (H3) innerhalb von "contentBox"
 **/
div#redakteur div.contentBox h3 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
/**
 * Ueberschrift 4 Rang (H3) innerhalb von "contentBox"
 **/
div#redakteur div.contentBox h4 {
    font-size: 12px;
    margin: 0 0 5px 0;
}
/**
 * Textabsatz innerhalb von "contentBox"
 **/
div.contentBox p {
    margin: 0 0 8px 0;
}
/**
 * Textabsatz fuer Bildinhalte innerhalb von "colRight"
 **/
.colRight p.pic{
    position: absolute;
    top: 55px;
    right: 20px;
    _right: 40px;
}
/**
 * ungeordnete Listen innerhalb von "contentBox"
 **/
div#redakteur div.contentBox ul{
    margin: 0 0 20px 0;
    border-bottom: 20px solid #FFFFFF;
    _margin: 0 0 20px 20px;
}
/**
 * ungeordnete Listen mit spezieller Auszeichnung innerhalb von "contentBox"
 **/
div#redakteur div.contentBox ul.special {
    list-style-image: none;
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0;
}
/**
 * ungeordnete Listenelemente mit spezieller Auszeichnung innerhalb von "contentBox"
 **/
div#redakteur div.contentBox ul.special li {
    margin: 0;
    padding: 0;
    *height: 1%;
    list-style: none;
    list-style-image: none;
    background: none !important;
}
/**
 * Links in ungeordneten Listenelemente mit spezieller Auszeichnung innerhalb von "contentBox"
 **/
div.contentBox ul.anker li a,
div.contentBox ul.link li a,
div.contentBox ul.check li span {
    padding: 2px 0 6px 30px;
    display: block;
    *height: 1%;
    *border: 1px solid #FFF;
}
/**
 * Tabellenstyles fuer Tabelle "Leistungen im Vergleich"
 **/
div.contentBox table.compare {
    margin: 0 0 20px 0;
}
/**
 * Zellenstyles und Headerzellenstyles fuer Tabelle "Leistungen im Vergleich"
 **/
div.contentBox table.compare td,
div.contentBox table.compare th {
    font-size: 12px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0 0 1px 1px;
    vertical-align: top;
}
/**
 * Headerzellenstyles fuer Tabelle "Leistungen im Vergleich"
 **/
div.contentBox table.compare th {
    font-weight: normal;
    text-align: left;
    padding: 8px 12px;
}
/**
 * obere Headerzellenstyles fuer Tabelle "Leistungen im Vergleich"
 **/
div.contentBox table.compare tr.topRow th {
    font-weight: bold;
}
/**
 * Zellenstyles fuer Tabelle "Leistungen im Vergleich"
 **/
div.contentBox table.compare td {
    padding: 8px 12px 8px 33px;
    font-weight: bold;
}
/**
 * Footerelement (height-Angabe fuer IE fuehrt zu gewuenschten "haslayout"-Verhalten)
 **/
p.contentFooter{
    *height: 1%;
    clear: both;
}
/**
 * Footerelement mit Ankerlink nach oben
 **/
p.anker {
    border-width: 0 0 1px 0;
    border-style: solid;
    padding: 20px 0 11px 0 !important;
    margin: 0 0 20px 0 !important;
}
/**
 * Footerelement - Firefoxformatierung um zu clearen
 **/
p.contentFooter:after{
    content: " ";
    display: block;
    clear: both;
}
/**
 * Ankerlink nach oben
 **/
a.ankerTop{
    float: left;
    font-weight: bold;
    padding: 3px 0 5px 30px;
}
/* = BonbonButton
----------------------------------------------- */
/**
 * erstes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button {
    display: block;
    float: right;
    margin: 0 0 0 5px;
}
/**
 * Zweites aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button span {
    display: block;
}
/**
 * Drittes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button span span {
    display: block;
}
/**
 * Viertes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button span span span{
    margin: 0;
    display: block;
}
/**
 * Fuenftes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
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 fuer 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;
}
/**
 * betreuerstyles
 **/  
div.formInnerWrap fieldset.betreuer div.error label{
    background-image: none;
}
/* = Podcastliste
----------------------------------------------- */
/**
 * Definitionsliste
 **/ 
div.number {
    position: relative;
    padding: 0 0 0 55px;
    margin: 0 -5px 0 0;
    font-size: 12px;
    width: 490px;
}
/**
 * Definitionsterm
 **/ 
div.number h3{
    font-weight: bold;
}
/**
 * Definitionsterm: Speziell fuer die Numerierung
 **/ 
div.number h3 span{
    display: block;
    width: 45px;
    position: absolute;
    left: 0;
    padding: 5px 5px 10px 0;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
/**
 * Definitionsterm: Speziell fuer die Nummer der Numerierung
 **/ 
div.number h3 span strong{
    font-size: 18px;
    display: block;
}
/**
 * Definition
 **/ 
div.number div.txt{
    margin: 8px 0 25px -55px;
    padding: 0 0 0 55px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
/**
 * Absatz in Definition
 **/ 
div.number div.txt p{
    margin: 0 0 8px 0;
}
/**
 * spezieller Absatz in Definition
 **/ 
div.number div.txt p.linkrow{
    position: relative;
    padding-right: 80px;
    word-spacing: -3px;
}
/**
 * der rechtsbuendige Link im Absatz in Definition
 **/ 
div.number div.txt p.linkrow a{
    position: absolute;
    right: 0;
    font-weight: bold;
    padding: 0 0 0 15px;
}
/* = Abschlussteaser
----------------------------------------------- */
/**
 * 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;
}
/**
 * Die einzelnen Auspraegunege der Teasercontainer im Abschluss
 **/ 
div.termin div,
div.termin02 div,
div.online div,
div.callBack div,
div.email div,
div.consultant div {
    background-repeat: no-repeat;
    background-position: 15px 10px;
    padding: 0 180px 0 87px;
    position: relative;
    min-height: 85px;
    _height: 85px;
}
div.termin div span.button,
div.termin02 div span.button,
div.online div span.button,
div.callBack div span.button,
div.email div span.button,
div.consultant div span.button {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
/**
 * Ueberschrift des Teasercontainers
 **/ 
div#redakteur div.teaser h2 {
    margin-bottom: 0;
}
/**
 * Link in Ueberschrift des Teasercontainers
 **/ 
div#redakteur div.teaser h2 a {
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 0 0 0 20px;
    font-size: 16px;
}
/* = seitenfooter (Ueberschreibung)
----------------------------------------------- */
/**
 * Trennlinie nur gueltig im Inhalt
 **/
div.trenner {
    border-top-style: solid;
    margin: 0 8px;
}
/**
 * Links Fussleiste 
 **/
div#containerMitte div.inhaltLinkleisteAbschlussContainer {
    margin: 0 8px !important;
}
/**
 * Links Fussleiste - Ueberschreibung des "strong"
 **/
 #containerMitte div.inhaltLinkleisteAbschlussContainer p strong{
    font-weight: normal;
    font-size: 11px;
}
/* = Generals + Helper
----------------------------------------------- */
/**
 * Hilfsklassen, die generell eingesetzt werden
 **/ 
.fLeft{
    float: left;
}
.fRight{
    float: right;
}
/* ################################ = Rubrikstyles - werden eigene Datei, darum Redundanzen
----------------------------------------------- */
/* = Rubrik
----------------------------------------------- */
div#inhalt.rubrikInhalt{
    padding-bottom: 40px;
}
/**
 * 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 Ueberschrift des Teasercontainers
 **/ 
div.teaser h2 a {
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 0 0 0 20px;
    font-size: 16px;
}
/**
 * Ueberschrift dritter Ordnung des Teasercontainers
 **/ 
div#inhalt div.teaser p strong {
    display: block;
}
/**
 * Keyvisualcontainer der Auspraegung: Rubrik
 **/ 
div.rubrikKv {
    margin: 0 8px 20px 8px;
    position: relative;
    width: 575px;
}
/**
 * Bildelement mit Text im Keyvisualcontainer der Auspraegung: Rubrik
 **/
div.rubrikKv a img {
    border: none;
}
/**
 * Teasercontainer der Auspraegung: Rubrik
 **/ 
div.rubrik {
    margin: 10px 8px;
    padding: 10px 10px 35px 230px;
    position: relative;
    min-height: 86px;
    _height: 86px;
}
/**
 * Absatz in Teasercontainer der Auspraegung: Rubrik
 **/
div.rubrik p{
    font-size: 11px !important;
    line-height: 14px !important;
}
/**
 * Absatz mit Bildinhalt in Teasercontainer der Auspraegung: 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 Auspraegung: 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 Fussleiste 
 **/
div#containerMitte div.inhaltLinkleisteAbschlussContainer {
    margin: 0 8px !important;
}
/**
 * Links Fussleiste - Ueberschreibung des "strong"
 **/
 #containerMitte div.inhaltLinkleisteAbschlussContainer p strong{
    font-weight: normal;
    font-size: 11px;
}
/* = BonbonButton
----------------------------------------------- */
/**
 * erstes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button {
    display: block;
    float: right;
    margin: 0 0 0 5px;
}
/**
 * Zweites aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button span {
    display: block;
}
/**
 * Drittes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button span span {
    display: block;
}
/**
 * Viertes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
p.contentFooter span.button span span span{
    margin: 0;
    display: block;
}
/**
 * Fuenftes aeusseres Element um den Button, 
 * um "Bonbonoptik" mit insg. 5(!) Hintergrundbildern zu emoeglichen
 **/
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 fuer 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 Ueberschrift 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;
}