/* CSS Document */

@import url(joka-popup.css);

* {
        margin: 0px;
        padding: 0px;
}

html {
        background-color: #D1CDC2;
        margin: 0px auto;
        text-align: center;
        padding: 0px;
}
body {
        margin: 25px auto 0px auto;
        width: 998px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
        line-height: 18px;
        background: #D1CDC2 url(../img/hg-main-eing-2.png) repeat-y top center;
        text-align: center;
}
* html body {
        margin: 0px auto;
        padding-bottom: 0px;
}
* html div.top {
        height: 25px;
        background-color: #D1CDC2;
}
div.cleardiv {
        line-height: 0px;
        height: 0px;
        font-size: 0px;
        clear: both;
}
a {
        color: #FFF;
        text-decoration: none;
}
a:hover {
        color: #FFF;
        text-decoration: underline;
}

ul {
        list-style-type: none;
}

sup {
        font-size: 12px;
        line-height: 5px;
        vertical-align: top;
}

div.jordan {
        background: url(../img/intro/hg.png) no-repeat top center;
        margin: 0px auto;
        padding: 11px 0px 0px 0px;
        width: 998px;
        text-align: center;
}
* html div.jordan {
        background: url(../img/hg-main-eing-1.png) no-repeat top center;
}

 /************************************************************/
/*****  Auswahl des Unternehmensbereichs (rechts oben)  *****/

div.auswahl {
        width: 963px;
        margin: -20px auto 0px auto;
        position: absolute;
}
div.auswahl ul {
        float: right;
}
* html div.auswahl ul {
        padding: 0px 20px 0px 0px;
}
div.auswahl ul li {
        float: left;
}
div.auswahl ul li a {
        display: block;
        font-size: 0px;
        line-height: 0px;
        color: #dbdad5;
}
div.auswahl ul li a:hover {
        color: #dbdad5;
        text-decoration: none;
}
div.auswahl ul li.jordan a {
        background: url(../img/auswahl/jordan.png) no-repeat top left;
        width: 102px;
        height: 30px;
}
* html div.auswahl ul li.jordan a {
        background: url(../img/auswahl/jordan.gif) no-repeat top left;
}

div.auswahl ul.jordan li.joka a {
        background: url(../img/auswahl/joka-l.png) no-repeat top left;
        width: 86px;
        height: 30px;
}
* html div.auswahl ul.jordan li.joka a {
        background: url(../img/auswahl/joka-l.gif) no-repeat top left;
}

div.auswahl ul.jordan li.joka-partner a {
        background: url(../img/auswahl/joka-partner-2.png) no-repeat top left;
        width: 85px;
        height: 30px;
}
* html div.auswahl ul.jordan li.joka-partner a {
        background: url(../img/auswahl/joka-partner-2.gif) no-repeat top left;
}
div.auswahl ul.joka li.joka-partner a {
        background: url(../img/auswahl/joka-partner.png) no-repeat top left;
        width: 69px;
        height: 30px;
}
* html div.auswahl ul.joka li.joka-partner a {
        background: url(../img/auswahl/joka-partner.gif) no-repeat top left;
}
div.auswahl ul.joka-partner li.joka a {
        background: url(../img/auswahl/joka-r.png) no-repeat top left;
        width: 69px;
        height: 30px;
}
* html div.auswahl ul.joka-partner li.joka a {
        background: url(../img/auswahl/joka-r.gif) no-repeat top left;
}

div.auswahl ul li.jordan-kassel a {
        background: url(../img/auswahl/jordan_mono.png) no-repeat top left;
        width: 105px;
        height: 30px;
}

div.kopf {
        width: 963px;
        margin: 0px auto;
        text-align: left;
}
div.kopf div.links {
        float: left;
        width: 590px;
}
div.navigation {
        background: url(../img/navigation/trans-menue-main.png) repeat-x top left;
        position: absolute;
        height: 30px;
        width: 590px;
        border-bottom: 3px solid #000;
        z-index: 5;
        top: 255px;
}
div.navigation li {
        float: left;
        border-right: 1px solid #019683;
}
div.navigation li a {
        display: block;
        line-height: 30px;
        height: 30px;
        padding: 0px 12px;
}
* html div.navigation li a {
        display: inline;
        line-height: 27px;
        height: 27px;
}
div.navigation li a:hover {
        background: url(../img/navigation/button-aktiv.jpg) no-repeat top left;
        color: #333;
        text-decoration: none;
}
div.navigation li a.aktiv {
        background: url(../img/navigation/button-aktiv.jpg) no-repeat top left;
        color: #333;
}

div.kopf div.rechts {
        float: right;
        width: 373px;
}
div.logo {

}
div.suche {
        height: 30px;
        background-color: #019683;
        border-bottom: 3px solid #000;
}
div.suche form {
        float: right;
        padding: 6px 10px 0px 0px;
}
div.suche form input.eingabe {
        border: 1px solid #CCC;
        width: 150px;
        padding: 2px 2px;
        color: #666;
        font-size: 11px;
}
div.suche form input.lupe {
        padding: 0px 0px 0px 5px;
        margin: 0px 0px -3px 0px;
}

div.navi-box ul {
        float: right;
        padding: 6px 0px 0px 0px;
}
div.navi-box ul li {
        float: left;
}

div.navi-box ul li.druck a {
        background: url(../img/icons/icon-drucker.gif) no-repeat center left;
        padding: 0px 0px 0px 18px;
        /* margin: 0px 55px 0px 0px; */
        width: 74px;
        color: #939393;
        text-decoration: none;
        font-size: 11px;
        display: block;
}
* html div.navi-box ul li.druck a {
        width: 92px;
}
div.navi-box ul li.druck a.en {
        /* margin: 0px 75px 0px 0px; */
}
div.navi-box ul li.druck a:hover {
        text-decoration: underline;
}
li.home {
}
div.navi-box ul li.home a {
        background: url(../img/icons/icon-home.gif) no-repeat center left;
        padding: 0px 0px 0px 18px;
        width: 33px;
        color: #939393;
        text-decoration: none;
        font-size: 11px;
        display: block;
}
div.navi-box ul li.home a:hover {
        text-decoration: underline;
}
li.druck {
}
li.sprache {
}

li.sprache span {
        margin: 0px 0px 0px 10px;
}

div.inhalt {
        width: 963px;
        min-height: 400px;
        margin: 0px auto;
        text-align: left;
}
div.inhalt div.links {
        float: left;
        width: 185px;
        font-size: 11px;
}

div.subnavi, div.kontakt, div.extra {
}


div.seite div.news-list-header {
        color: #019683;
}
div.seite div.news-list-header a {
        color: #019683;
}


 /****************************************/
/*****  SUBNAVIGATION linke Spalte  *****/

div.subnavi {

}
div.subnavi ul {
        padding: 26px 0px 0px 0px;
}
div.subnavi li {
        background: url(../img/punktlinie.gif) repeat-x bottom left;
}
div.subnavi li.last {
        background: none;
}
div.subnavi li.sub {
        background-color: #F1F0EF;
}
div.subnavi li.actifsub {
        background-color: #F1F0EF;
}
div.subnavi li.ifsub {
        background-color: #F1F0EF;
}
div.subnavi li.sub2 {
        background-color: #F1F0EF;
}
div.subnavi li.actifsub2 {
        background-color: #F1F0EF;
}
div.subnavi li.sub3 {
        background-color: #F1F0EF;
}
div.subnavi li.actifsub3 {
        background-color: #F1F0EF;
}

div.subnavi li a {
        line-height: 21px;
        height: 21px;
        display: block;
        padding: 0px 10px 0px 10px;
        color: #333;
}
div.subnavi li a:hover {
        background-color: #019683;
        color: #FFF;
        text-decoration: none;
}
div.subnavi li a.aktiv {
        background-color: #019683;
        padding: 0px 10px 0px 10px;
        color: #FFF;
}

div.subnavi li.ifsub a {
        padding: 0px 10px 0px 25px;
        background: url(../img/navigation/pfeil-orange.png) no-repeat 10px 8px;
}
div.subnavi li.ifsub a:hover {
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 25px 8px;
        padding: 0px 10px 0px 40px;
}
* html div.subnavi li.ifsub a:hover {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}
div.subnavi li.ifsub a.aktiv {
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 25px 8px;
        padding: 0px 10px 0px 40px;
}
* html div.subnavi li.ifsub a.aktiv {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}

div.subnavi li.sub a {
        padding: 0px 10px 0px 25px;
        background: url(../img/navigation/pfeil-orange.png) no-repeat 10px 8px;
}
div.subnavi li.sub a:hover {
        padding: 0px 10px 0px 25px;
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 10px 8px;
}
* html div.subnavi li.sub a:hover {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}
div.subnavi li.sub a.aktiv {
        padding: 0px 10px 0px 25px;
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 10px 8px;
}
* html div.subnavi li.sub a.aktiv {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}

div.subnavi li.sub2 a {
        padding: 0px 10px 0px 40px;
        background: url(../img/navigation/pfeil-orange.png) no-repeat 25px 8px;
}
div.subnavi li.sub2 a:hover {
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 25px 8px;
        padding: 0px 10px 0px 40px;
}
* html div.subnavi li.sub2 a:hover {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}
div.subnavi li.sub2 a.aktiv {
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 25px 8px;
        padding: 0px 10px 0px 40px;
}
* html div.subnavi li.sub2 a.aktiv {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}

div.subnavi li.actifsub2 a {
        padding: 0px 10px 0px 25px;
        background: url(../img/navigation/pfeil-orange.png) no-repeat 10px 8px;
}
div.subnavi li.actifsub2 a.aktiv {
        padding: 0px 10px 0px 25px;
        background: #019683 url(../img/navigation/pfeil-orange.png) no-repeat 10px 8px;
}
* html div.subnavi li.actifsub2 a.aktiv {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}
div.subnavi li.actifsub2 a:hover {
        padding: 0px 10px 0px 25px;
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 10px 8px;
}
* html div.subnavi li.actifsub2 a:hover {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}

div.subnavi li.sub3 a {
        padding: 0px 10px 0px 55px;
        background: url(../img/navigation/pfeil-orange.png) no-repeat 40px 8px;
}
div.subnavi li.sub3 a:hover {
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 40px 8px;
        padding: 0px 10px 0px 55px;
}
* html div.subnavi li.sub3 a:hover {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}
div.subnavi li.sub3 a.aktiv {
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 40px 8px;
        padding: 0px 10px 0px 55px;
}
* html div.subnavi li.sub3 a.aktiv {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}

div.subnavi li.actifsub3 a {
        padding: 0px 10px 0px 40px;
        background: url(../img/navigation/pfeil-orange.png) no-repeat 25px 8px;
}
div.subnavi li.actifsub3 a.aktiv {
        padding: 0px 10px 0px 40px;
        background: #019683 url(../img/navigation/pfeil-orange.png) no-repeat 25px 8px;
}
* html div.subnavi li.actifsub3 a.aktiv {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}
div.subnavi li.actifsub3 a:hover {
        padding: 0px 10px 0px 40px;
        background: #019683 url(../img/navigation/pfeil-weiss.png) no-repeat 25px 8px;
}
* html div.subnavi li.actifsub3 a:hover {
        background-image: url(../img/navigation/pfeil-weiss-ie6.gif);
}



div.inhalt div.links div.kontakt {
        background: url(../img/punktlinie.gif) repeat-x top left;
        padding: 10px;
        margin: 26px 0px 0px 0px;
}

div.kontakt a {
        color: #333;
        text-decoration: none;
}
div.kontakt a:hover {
        text-decoration: underline;
}

div.inhalt div.links div.extra {
        padding: 20px 0px;
}
div.bannerchen div.wrapchen {
        background: url(../img/punktlinie.gif) repeat-x bottom left;
        padding: 0px 0px 1px 0px;
        margin: 0px;
}
div.bannerchen div.bildchen {
        position: relative;
        margin: 0px 0px -45px 0px;
        padding: 0px;
        z-index: 2;
}
div.bannerchen div.bildchen img {
        margin: 0px 0px 0px 5px;
}
div.bannerchen div.wrapchen div.textchen {
        background: #F1F0EF url(../img/punktlinie.gif) repeat-x top left;
        padding: 50px 10px 0px 10px;
}
div.bannerchen div.wrapchen div.textchen a {
        color: #FF6605;
        text-decoration: none;
}
div.bannerchen div.wrapchen div.textchen a:hover {
        color: #FF6605;
        text-decoration: underline;
}


div.ueberschrift {
        position: absolute;
        margin: -38px 0px 0px 219px;
        z-index: 3;
}
* html div.ueberschrift {
        margin: -38px 0px 0px 202px;
}
*+html div.ueberschrift {
        margin: -38px 0px 0px 202px;
}
div.ueberschrift h1 {
        color: #FFF;
        font-size: 27px;
        line-height: 30px;
        letter-spacing: 0.6px;
        font-weight: normal;
}

div.inhalt div.rechts {
        float: right;
        width: 760px;
}

div.inhalt div.rechts div.content-element {
        padding: 28px 0px 25px 0px;
}

div.inhalt div.rechts div.content-element div.textbild {
        float: left;
        width: 540px;
}

div.textbild h2 {
        padding: 0px 0px 16px 0px;
        font-size: 16px;
        color: #019683;
        line-height: 20px;
        display: block;
}
div.textbild h3 {
        padding: 0px 0px 8px 0px;
        font-size: 12px;
        color: #019683;
}
div.textbild a {
        color: #FF6605;
}
div.textbild a.pdf {
        padding: 1px 0px 1px 21px;
        background: url(../img/icons/pdf.gif) no-repeat center left;
}
div.textbild a.jpg {
        padding: 1px 0px 1px 20px;
        background: url(../img/icons/jpg.gif) no-repeat center left;
}
div.textbild ul, div.textbild ol {
        padding: 0px 0px 0px 20px;
}
div.textbild ul li {
        list-style-type: square;
        padding: 0px 0px 2px 0px;
}
div.textbild .csc-textpic-caption {
        background-color: #019683;
        padding: 1px 5px;
        border-top: 1px solid #000;
        color: #FFF;
        font-size: 11px;
}

div.textbild div.tx-bddbflvvideogallery-pi1 {
        display: block;
        width: 530px;
        height: 300px;
        padding: 0px 0px 15px 0px;
}
div.textbild div#flvplayercaption {
        height: auto;
}

div.textbild div.tx-kuloplayer-pi1 {
        padding: 0px 0px 10px 0px;
}

div.textbild .graue-box {
        background-color: #F1F0EF;
        padding: 10px;
}

 /*********************************************/
/*****  NEWSTEASER in der linken Spalte  *****/

div.inhalt div.rechts div.content-element div.news {
        float: right;
        width: 200px;
        padding: 0px 0px 15px 0px;
}
* html div.inhalt div.rechts div.content-element div.news {
        width: 200px;
}

div.news h2 {
        padding: 0px 10px 20px 10px;
        font-size: 27px;
        font-weight: normal;
}
div.news div.news-list-banner {
        padding: 0px;
}
div.news div.news-list-banner img {
        padding: 0px 0px 20px 0px;
}
* html div.news div.news-list-banner img {
}
div.news div.news-list-item {
        background: url(../img/punktlinie.gif) repeat-x bottom left;
        padding: 0px 0px 1px 0px;
        margin: 0px 0px 20px 0px;
}
div.news div.news-list-item img {
        float: right;
        width: 50px;
}
div.news div.news-list-date {
        padding: 0px 10px;
}
div.news div.news-list-header {
        color: #019683;
        text-transform: uppercase;
        padding: 0px 10px 5px 10px;
        font-weight: bold;
}
div.news div.news-list-header a {
        color: #019683;
        text-transform: uppercase;
        padding: 0px;
        font-weight: bold;
}
div.news div.news-list-text {
        background: #F1F0EF url(../img/punktlinie.gif) repeat-x top left;
        padding: 5px 10px;
}
div.news div.news-list-more {
        background-color: #F1F0EF;
        text-align: right;
        margin: 0px 0px 1px 0px;
        padding: 0px 10px 5px 0px;
}
div.news div.news-list-more a {
        color: #FF6605;
        background: url(../img/navigation/pfeil-orange.png) no-repeat center left;
        padding: 0px 0px 0px 12px;
}

 /***********************/
/*****  Fusszeile  *****/

div.fusszeile {
        width: 961px;
        margin: 0px auto;
}
* html div.fusszeile {
        background-color: #D1CDC2;
        width: 998px;
}
*+html div.fusszeile {
        background-color: #D1CDC2;
        width: 998px;
}
div.fusszeile ul {
        list-style-type: none;
        float: right;
        padding: 4px 0px 8px 0px;
}
* html div.fusszeile ul {
        padding: 4px 20px 8px 0px;
        background-color: #D1CDC2;
}
*+html div.fusszeile ul {
        padding: 4px 20px 8px 0px;
        background-color: #D1CDC2;
}
div.fusszeile li {
        float: left;
}
div.fusszeile ul li a {
        padding: 0px 5px;
}
div.fusszeile ul li.more a {
        padding: 0px 9px 0px 5px;
}
div.fusszeile ul li a:hover {
        text-decoration: underline;
}
div.fusszeile ul li a.de {
        background: url(../img/intro/flagge-de.png) no-repeat 0px 2px;
        height: 14px;
        width: 15px;
        display: block;
        padding: 0px 2px 0px 5px;
}
div.fusszeile ul li a.en {
        background: url(../img/intro/flagge-en.png) no-repeat 0px 2px;
        height: 14px;
        width: 15px;
        display: block;
        padding: 0px 0px 0px 5px;
}



/***** FCE's *****/


div.back-in-history a {
        color: #FF6605;
        padding: 0px 0px 0px 12px;
        text-decoration: none;
        background: url(../img/navigation/pfeil-orange-back.png) no-repeat center left;
}
div.back-in-history a:hover {
        text-decoration: underline;
}


div.bildnavi td {
        padding: 0px 42px 15px 0px;
        vertical-align: top;
}
div.bildnavi td.last {
        padding: 0px 0px 15px 0px;
}
div.bildnavi td a {
        padding: 0px;
        margin: 0px;
}

div.bildnavi p {
        background-color: #019683;
        padding: 0px 5px;
        border-top: 1px solid #000;
        width: 140px;
}
* html div.bildnavi p {
        width: 150px;
}

div.bildnavi p a {
        color: #FFF;
        font-size: 11px;
        padding: 1px 0px 1px 12px;
        margin: 0px;
        display: block;
        background: url(../img/navigation/pfeil-weiss.png) no-repeat 0px 7px;
}
* html div.bildnavi p a {
        padding: 3px 0px 3px 12;
        background: url(../img/navigation/pfeil-weiss-ie6.gif) no-repeat 0px 7px;
}

div.bildnavi p.holz {
        background-color: #071D50;
}
div.bildnavi p.textil-belag {
        background-color: #E87B00;
}
div.bildnavi p.cv-elastic {
        background-color: #B10021;
}
div.bildnavi p.objekt {
        background-color: #D9D9D9;
}
div.bildnavi p.objekt a {
        color: #000;
        background: url(../img/navigation/pfeil-schwarz.png) no-repeat 0px 7px;
}
* html div.bildnavi p.objekt a {
        background: url(../img/navigation/pfeil-schwarz-ie6.gif) no-repeat 0px 7px;
}

div.bildnavi p.textilien-gestalten {
        background-color: #F1DAAA;
}
div.bildnavi p.textilien-gestalten a {
        color: #000;
        background: url(../img/navigation/pfeil-schwarz.png) no-repeat 0px 7px;
}
* html div.bildnavi p.textilien-gestalten a {
        background: url(../img/navigation/pfeil-schwarz-ie6.gif) no-repeat 0px 7px;
}

div.bildnavi p.sonnenschutz {
        background-color: #7395BF;
}
div.bildnavi p.wand {
        background-color: #F5E886;
}
div.bildnavi p.wand a {
        color: #000;
        background: url(../img/navigation/pfeil-schwarz.png) no-repeat 0px 7px;
}
* html div.bildnavi p.wand a {
        background: url(../img/navigation/pfeil-schwarz-ie6.gif) no-repeat 0px 7px;
}

div.bildnavi p.tueren {
        background-color: #996633;
}
div.bildnavi p.zubehoer {
        background-color: #BFBFBF;
}


div.zwei-spalten {

}
div.zwei-spalten div.spalte-1 {
        float: left;
        width: 250px;
        padding: 0px 20px 0px 0px;
}

div.zwei-spalten div.spalte-2 {
        float: left;
        width: 250px;
}

.tx-mmforum-pi1-listtopic-image img {
width: 32px !important;
height: 32px !important;
}