/* 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 img { border:0px solid #fff; }
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;
}
li.twitter,
li.xing {
  padding: 0px 6px 0px 0px;
}
li.facebook {
  padding: 0px 59px 0px 0px;
}

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

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#c6732 div.bannerchen,
div#c6733 div.bannerchen { padding-top:20px; }

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;
}
div.news div.tx-ttnews-browsebox a { color: #ff6605; }

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


/***  Subnavi-Layer  ***/

#yymenu {
  background-color: #ffffff;
  margin: 0px 0px 0px 0px;
}
#yymenu a {
  color: #333333;
  display: block;
  margin: 0px;
  padding: 3px 6px;
  text-decoration: none;
}
#yymenu .mmLevel2 a,
#yymenu .mmLevel3 a {
  padding: 3px 6px 3px 12px !important;
}
*+html #yymenu a {
}
#yymenu a.last {
  border-style: none;
}
#yymenu > div {
}
#yymenu a:hover,
#yymenu a.aktiv {
  color: #ffffff;
  background-color: #019683;
}
#yymenu .mmLevel1 {
  border-top: none;
  margin: 3px 0px 0px 0px;
  padding-top: 0px;
}
#yymenu .mmContent {
  /* background: url(../img/navigation/subnavi-2-top.png) no-repeat 9px 0px; */
}
#yymenu .mmLevel1 {
  background: url(../img/navigation/subnavi.png) no-repeat bottom left;
  padding: 0px 0px 4px 0px;
}
#yymenu .mmLevel2,
#yymenu .mmLevel3 {
  background: url(../img/navigation/subnavi-2.png) no-repeat bottom right;
  padding: 0px 0px 4px 10px;
  margin: 0px;
  width: 180px;
}
#yymenu .mmLevel1 li {
  background: transparent url(../img/punktlinie.gif) repeat-x scroll left bottom;
  padding: 0px 0px 1px 0px;
  margin: 0px 11px 0px 11px;
  list-style-type: none;
}
*+html #yymenu .mmLevel1 li {
}
#yymenu .mmLevel1 li.last {
  background: transparent none;
  padding: 0px 0px 8px 0px;
  margin: 0px 11px 0px 11px;
}
#yymenu .mmLevel2 li, #yymenu .mmLevel3 li { background: transparent url(../img/punktlinie.gif) repeat-x scroll left bottom; padding: 0px 0px 1px 0px; margin: 0px 11px 0px 0px; list-style-type: none; }
#yymenu .mmLevel2 li.last, #yymenu .mmLevel3 li.last { background: transparent none; padding: 0px 0px 7px 0px; margin: 0px 11px 0px 0px; list-style-type: none; }



/* CSS Document */

#popup-layer {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px auto;
  width: 100%;
  height: 101%;
  text-align: center;
  cursor: pointer;
  background: url(../img/backgrounds/popup.png) repeat top left;
  display: block;
  z-index: 10000;
}

* html #popup-layer {
  height: expression(document.body.clientHeight + "px");
  width: expression(document.body.clientWidth + "px");
  background: #d1cdc2 none;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}

#popup-layer table {
  margin: 40px auto 0px auto;
  z-index: 20000;
}
#popup-layer #popup-layer-rahmen {
  padding: 8px;
  background-color: #ffffff;
}
#popup-layer-close {
  padding: 8px;
  background: #ffffff url(../img/galerie/closelabel-popup.gif) no-repeat center right;
  text-align: right;
  font-size: 12px;
}

div.jodans-popup { background: transparent url(../img/popup/popup-hg.jpg) no-repeat top left; width: 600px; height: 540px; overflow: hidden; text-align: left; }
div.jodans-popup div.inhaltsbereich { padding: 116px 35px 0px 35px; }
div.jodans-popup div.inhaltsbereich h2 { padding: 0px; font-size: 16px; color: #019683; line-height: 20px; display: block; }
div.jodans-popup .tx-simplesurvey-pi1 { padding: 5px 0px 0px 0px; }
div.jodans-popup .tx-simplesurvey-pi1-hide-question1,
div.jodans-popup .tx-simplesurvey-pi1-hide-question2 { background: url(../img/punktlinie.gif) repeat-x top left; }
div.jodans-popup .tx-simplesurvey-pi1-hide-question2 { margin: 3px 0px 0px 0px; display: block; }
div.jodans-popup .tx-simplesurvey-pi1-questiontext { display: none; }
div.jodans-popup .tx-simplesurvey-pi1-title { display: none; }
div.jodans-popup .tx-simplesurvey-pi1-question { padding: 8px 0px 4px 0px; font-size: 14px; color: #019683; line-height: 20px; display: block; }
div.jodans-popup .tx-simplesurvey-pi1-answer { padding: 0px 0px 0px 0px; }
div.jodans-popup .tx-simplesurvey-pi1-answer input { margin: 0px 6px 0px 10px; }
div.jodans-popup .tx-simplesurvey-pi1-answer textarea { width: 500px; height: 75px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; border: 1px solid #BDBBB8; padding: 1px 3px; }
div.jodans-popup .tx-simplesurvey-pi1-submit { padding: 1px 10px; margin-top: 8px; border: 1px solid #019683; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #019683; cursor: pointer; color: #FFF; }
div.jodans-popup .tx-simplesurvey-pi1-submit:hover { color: #019683; background-color: #fff; border: 1px solid #019683; }


div.addthis-joka { width:185px; text-align:left; position:absolute; margin-top:-52px; }
div.addthis_teaser { font-size:11px; padding:0px 0px 6px 10px; }
div.addthis_toolbox { padding-left:10px; }

div#overlay { width:100% !important; }

/**  FAQs  **/
.t3m_faq_tab { padding:4px 12px !important; margin-right:2px !important; background-color:#f1f0ef !important; color:#333 !important; display:block; float:left; width:auto; border-bottom: 1px solid #CACFD5 !important; }
.t3m_faq_tab:hover { background-color:#009581 !important; color:#ffffff !important; }
.tx-t3mfaq-pi1 span.active { background-color:#009581 !important; color:#ffffff !important; border-bottom: 1px solid #CACFD5 !important; }
#t3m_faq_tab_container { clear:both; border:0px solid #009581 !important; }