/* Farben:
 * blau: #00356e;
 * orange: #f8b62b; TEXT: #faa30c
 * text grau: #a3a3a3;
 */
html {
   background: #e0e0e0 url(../gfx/body-bg.gif) repeat-x 0 135px;
} 
body, html {
   height: 100%;
}
body {
   width: 100%;
   font-family: verdana, tahoma, helvetica, arial, sans-serif;
}
#main {
   margin: auto;
   width: 972px;
   height: 100%;
   padding-bottom: 1px;
   background: #fff url(../gfx/content-bg.gif) repeat-y 50% 0;
}
strong, bold {
   font-weight: bold;
}
italic, em {
   font-style: italic;
}

/* -------------------------- Top ----------------------------------------  */
#top {
   background-color: #c6c6c6;
   float: left;
   width: 972px;
   height: 24px;
   position: relative;
}
/* -------------------------- Sprachauswahl ------------------ */
.tx-srlanguagemenu-pi1 {
   float: left;
   position: relative;
   left: 25px;
}
.tx-srlanguagemenu-pi1 img {
   margin: 7px 0 0 0;
   float: left;
}
.tx-srlanguagemenu-pi1 li {
   float: left;
   font-size: 85%;
   font-weight: bold;
   line-height: 24px;
   text-transform: uppercase;
   margin-right: 6px;
}
.tx-srlanguagemenu-pi1 li a {
   line-height: 24px;
   text-decoration: none;
   color: #fff;
}
/* -------------------------- Breadcrumb --------------------- */
#breadcrumb {
   position: absolute;
   left: 338px;
   float: left;
   height: 24px;
   line-height: 24px;
   font-size: 85%;
}
#breadcrumb li {
   float: left;
   color: #666;
   margin-right: 13px;
   line-height: 24px;
}
#breadcrumb li a {
   line-height: 24px;
   text-decoration: none;
   color: #666;
}
#breadcrumb li.middle,
#breadcrumb li.last {
   background: url(../gfx/breadcrumb-bg.gif) left 50% no-repeat;
   text-indent: 18px;
}
/* -------------------------- Logo ---------------------------------------  */
#logo {
   margin: 0 0 0 8px;
   height: 111px;
   width: 956px;
   float: left;
   clear: left;  
   background: url(../gfx/logo-pic.gif) 852px 50% no-repeat; 
}
#logo a {
   margin: 25px 0 0 0;
   display: block;
   padding: 15px 18px;
}
/* -------------------------- Hauptnavigation ----------------------------  */
#navi-main {
   width: 345px;
   height: 161px;
   float: left;
   clear: left;
   background: url(../gfx/navi-main-6.png) no-repeat 0 0px;
}
#navi-main li a {
   font-size: 12px;
   line-height: 27px;
   padding: 0 0 0 25px;
   font-weight: bold;
   color: #666;
   display: block;
   text-decoration: none;
   width: 312px;
}
#navi-main li.act a {
   background: url(../gfx/navi-main-act-28.png) no-repeat 0 0;
   color: #fff;
   padding: 0 8px 1px 25px;
   margin: 0 0 -1px 0;
}
/* erste und letzte sind kleiner */
#navi-main li.first a,
#navi-main li.last a {
   line-height: 26px !important;
}
#navi-main li.act-first a,
#navi-main li.act-last a {
   background: url(../gfx/navi-main-act-27.png) no-repeat 0 0;
}
/* hover */
#navi-main li a:hover {
   background-color: #ffe09f;
}

/* in DE, FR nur 5 Elemente */
#navi-main.items-5 {
   background: url(../gfx/navi-main-5.gif) no-repeat 0 0px;
}
#navi-main.items-5 li a {
   line-height: 32px !important;
}
#navi-main.items-5 li.act a,
#navi-main.items-5 li.act-first a,
#navi-main.items-5 li.act-last a {
   background: url(../gfx/navi-main-5-act.gif) no-repeat 0 0;
}

#content {
   background: #fff url(../gfx/content-bg.gif) repeat-y 50% 0;
   float: right;
   padding-bottom: 7em;
}

#theme .csc-textpic-imagewrap {
   float: left;
}
/* -------------------------- Sidebar ------------------------------------  */
#sidebar {
   float: right;
   width: 337px;
   padding: 27px 0 0 0;
}
/* -------------------------- Subnavigation ------  */
#sidebar #navi-sub {
   width: 288px;
   margin: 0 0 71px 0;
   border-left: 8px solid #f8b62b;   
   float: left;
   clear: left;
}
#navi-sub li.first {
   border-top: 1px solid #dedede;
}
#navi-sub li {
   float: left;
   clear: left;
   font-size: 92%;
   width: 304px;
}
#navi-sub li a {
   color:#666;
   line-height: 23px;
   border-bottom: 1px solid #dedede;
   display: block;
   padding: 0 0 0 17px;
   text-decoration: none;
   width: 288px;   
}
#navi-sub li.act a,
#navi-sub li.act a:hover {
   color:#fff;
   background-color: #00356e;
   font-weight: bold;
}
#navi-sub li a:hover {
   color:#fff;
   background-color: #8fa6bf;
}
#navi-sub .sub2 li {
   position: relative;
   right: 8px;
   width: 288px;
   background: url(../gfx/h1-bg.gif) 0 0 repeat-y;
   font-size: 100%;
   padding: 0 0 0 8px;
}
#navi-sub li.act .sub2 a {
   background-color: #fff;
   font-weight: normal;
   color: #666;
   padding: 0 0 0 31px;
   margin: 0 0 0 0;
   width: 274px;   
}
#navi-sub li.act .sub2 li.act a {
   font-weight: bold;
   color: #fff;
   background-color: #c6c6c6;
}
#navi-sub li.act .sub2 a:hover {
   background-color: #8fa6bf;
   color: #fff;
}
/* -------------------------- Kontakt ----------  */
#contact {
   width: 312px;
   float: left;
   clear: left;
}
#contact h3 {
   margin: 0 0 1em 0;
   padding: 0 0 0 25px;
   line-height: 1.6em;
   font-weight: bold;
   border-top: 1px solid #c6c6c6;
   border-bottom: 1px solid #c6c6c6;
   background: url(../gfx/h1-bg.gif) 0 0 repeat-y;
   color: #00356e;
}
#contact p {
   color:#666;
   margin: 0 0 .6em 25px;
}
#contact p.email img {
   margin: 0 10px 0 0;
}
#contact p.impressum img {
   margin: 0 7px 0 0;
}
#contact p.sitemap img {
   margin: 0 8px 0 0;
}
#contact p a {
   color:#666;
   text-decoration: none;
}
#contact p a:hover {
   text-decoration: underline;
}
/* -------------------------- Inhalt -------------------------------------  */
#content-text {
   background-color: #fff;
   float: right;
   width: 607px;
   margin: 0 28px 0 0;
   /* -> ie6 */
   color: #000;
   line-height: 1.4em;
}
#content-text .csc-header {
    clear: both;
}
#content-text h1 {
   padding: 0 0 0 25px;
   margin: 27px 0 20px 0;
   font-size: 114%;
   color: #00356e;
   line-height: 1.6em;
   font-weight: bold;
   background: url(../gfx/h1-bg.gif) 0 0 repeat-y;
}
#content-text h2 {
   color: #00356e;
   margin: 0 0 1em 0;
   font-size: 92%;
   font-weight: bold;
}
#content-text p,
#content-text ul {
   margin: 0 0 1em 0;
   font-size: 92%;
}
#content-text ul ul {
   font-size: 100%;
}
#content-text .csc-header {
   clear: both;
}
#content-text .csc-textpic,
#content-text .csc-texttext {
   width: 99.9%;
   clear: both;
}

#content-text h3,
#content-text h4 {
   color: #a3a3a3;
   margin: 0 0 1em 0;
   font-size: 92%;
   font-weight: bold;
}
#content-text h5 {
   color: #00356e;
   padding: 0 0 0 14px;
   margin: 0 0 1em 0;
   font-size: 92%;
   font-weight: bold;
   background: url(../gfx/h5-bg.gif) 0 50% no-repeat;
}
#content-text li {
   position: relative;
   left: 15px;
   padding-right: 15px;
   list-style-position: outside;
   list-style-type: square;
   list-style-image: url(/fileadmin/layouts/main/public/gfx/li.gif);
}
#content-text ol li {
   list-style-type: decimal;
}
#content-text a {
   text-decoration: none;
   color: #faa30c;
}
#content-text a:hover {
   text-decoration: underline;
}
#content-text a.internal-link img,
#content-text a.external-link img,
#content-text a.internal-link-new-window img,
#content-text a.external-link-new-window img {
   margin: 0 1px -1px 0;
}
#content-text a.mail img {
   margin: 0 3px -1px 1px;
}
#content-text .csc-texttext,
#content-text fieldset,
#content-text .textpic-clearer,
.csc-textpic-clear {
   margin: 0 0 2em 0;
}
/* -------------------------- Bilder ------------ */
#theme div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
   margin: 0 !important;
}

#content-text div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image dd.csc-textpic-caption {
   font-size: 85%;
   font-weight: bold;
   letter-spacing: .05em;
   color: #666;
   line-height: 1.22em;
   margin: 4px 3px 8px 0;
}
#content-text div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
   padding: 7px;
   background-color: #e1e1e1;
   border: 1px solid #ccc;
}
/* die Lupe:*/
#content-text div.csc-textpic div.csc-textpic-imagewrap img.lupe {
   padding: 0 8px 12px 8px !important;
   margin: 4px 0 0 0;
   background-color: transparent !important; 
   border: 0 none !important;
   float: left;
}
#content-text div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
}
hr.textpic-clearer {
   clear: both;
   color:#fff;
   height: 0;
   border: 0;
}
#content-text .csc-texttext table,
.contenttable {
   width: 586px;
   border: 8px solid #ccc;
   margin: 0 0 2em 3px;
}
#content-text .csc-texttext table td,
#content-text .csc-texttext table th {
   border: 3px solid #ccc;
   font-size: 85%;
   font-weight: bold;
   color: #666;
   text-align: center;
   line-height: 1.8em;
   padding: 0 3px;
}
#content-text .csc-texttext table tr p {
   font-size: 100%;
}
/*p aus tabellen rasuschmeißen*/
#content-text .csc-texttext table thead td,
#content-text .csc-texttext table .headrow td {
   font-size: 92%;
   color: #00356e;
}   
.contenttable td,
.contenttable th {
   border: 3px solid #ccc;
}
.contenttable .tr-last td,
.contenttable .tr-last th {
   border-bottom: 0 none;
}
.contenttable .td-last {
   border-right: 0 none;
}
.csc-table-2 th.td-0 {
   width: 120px;
}
.csc-table-2 th,
.csc-table-2 td {
   text-align: left;
}
/* -------------------------- Footer -------------------------------------  */
#non-footer {
   position: relative;
   min-height: 100%;
}
#footer {
   position: relative;
   float: left;
   clear: left;
   margin-top: -3em;
   color: #666;
   background-color: #c6c6c6;
   width: 100%;
   height: 40px;
}
#footer p {
   float: left;
   margin-top: -26px;
   text-indent: 25px;
}
/* Anpassungen für fehlende Footernavigation */
/*
body.fr #footer p,
body.en #footer p {
    margin-top: 15px;
}
*/
#footer .bodytext {
   font-size: 85%;
   font-weight: bold;
}
#footer .footer2 {
   width: 635px;
   float: right;

}
#footer a {
   color: #666;
   text-decoration: none;
}
#footer a:hover {
   text-decoration: underline;
}
#footer .footer2 {
   font-size: 92%;
   background: url(../gfx/pipe.gif) 0 50% no-repeat;
}

/* -------------------------- Footer Menu --------- */
#footer #quicklinks {
    background-color: #e0e0e0;
    width: 924px;
    padding: 12px 16px 20px 16px;
    float: left;
    border-left: 8px solid #c6c6c6;
    border-right: 8px solid #c6c6c6;
    border-bottom: 40px solid #c6c6c6;
}
#footer #quicklinks ul {
    swidth: 256px;
    float: left;
}
#footer #quicklinks ul.col0 li,
#footer #quicklinks ul.col1 li {
    margin-right: 196px;
    
}

.fr #footer #quicklinks ul.col0 li,
.fr #footer #quicklinks ul.col1 li {
    margin-right: 150px;
    
}


#footer #quicklinks ul.col2 {
}


#footer #quicklinks ul.col0,
#footer #quicklinks ul.col1 {
    smargin-right: 78px;
}

#footer #quicklinks li {

    clear: left;
    display: block;
}
#footer #quicklinks li a {
    display: block;
    border-bottom: 1px solid #c6c6c6;
    padding: .3em 16px 0 8px;
}
#footer #quicklinks a:hover {
    text-decoration: none;
    border-bottom-color: #666;
    color: #666;
}
/*
#footer #quicklinks h4 {
    background-color: #fff;
    font-size: 100%;
    font-weight: bold;
    position: absolute;
    left: 28px;
    top: -0.7em;
    padding: 1px 4px;    
}
*/
/* -------------------------- besondere Inhaltselemente ----------------*/
/* -------------------------- Pageteaser ---------- */
.tx-jppageteaser-pi1 .list-entry {
   float: left;
   margin: 0 0 1.5em 0;
}

.tx-jppageteaser-pi1 a img {
   float: left;
   clear: left;
   width:78px;
}
/* hover für das Bild */
.tx-jppageteaser-pi1 a {
   padding: 8px;
   float: left;
   background-color: #dedede;
}
.tx-jppageteaser-pi1 a:hover {
   background-color: #f8b62b;
}
#content-text .tx-jppageteaser-pi1 .text a {
   float: none;
   padding: 0;
   background-color: transparent;
}
.tx-jppageteaser-pi1 .text {
   float: left;
   clear: none;
   width:496px;
   padding: 0 0 0 10px;
}
#content-text .tx-jppageteaser-pi1 .text h2 {
   border-bottom: 1px solid #faa30c;
   margin: 0 0 .4em 0;
}
#content-text .tx-jppageteaser-pi1 .text h2 a {
   color: #666;
}
#content-text .tx-jppageteaser-pi1 .text h2 a:hover {
   color: #faa30c;
   text-decoration: none;
}
#content-text .tx-jppageteaser-pi1 .text p.bodytext {
   margin: 0 0 .2em 0;
}
/* Accordion */
.hidden {
   display: none !important;
}
/* -------------------- FILELINKS ----- */
#content-text ul.filelinks {
    list-style-position: inside;
}
#content-text ul.filelinks li {
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    clear: left;
    left: 0;
    margin: 0 0 1em 0;
    font-size: 92%;
}
#content-text ul.filelinks li a {
    display: block;
    overflow: auto;
    clear: left;
}
#content-text ul.filelinks li a .description {
    display: block;
    float: left;
    color: #666;
    width: 467px;
}
#content-text ul.filelinks li a .description strong {
    display: block;
    border-bottom: 1px solid #f8b62b;
}
#content-text ul.filelinks li a .download {
    display: block;
    padding-left: 25px;
    background: url(/fileadmin/layouts/main/public/gfx/icon-download.gif) no-repeat left;
    color: #f8b62b;
    float: left;
}
#content-text ul.filelinks li img {
}
#content-text ul.filelinks li a .image {
    display: block;
    float: left;
    background-color: #c6c6c6;
    margin: 0 12px 4px 0;
    height: 69px;
    overflow: hidden;
    border: 8px solid #e4e4e4;
}
#content-text ul.filelinks li a:hover .image {
    border-color: #f8b62b;
    text-decoration: underline;
}
#content-text ul.filelinks li a:hover .description {
    text-decoration: underline;
}
#content-text ul.filelinks li a:hover .description strong {
    text-decoration: underline;
}
/* -------------------- Mitarbeiter / Team /Anrpechpartner-------- */

.contact-person-odd,
.contact-person-even {
   float: left;
   margin: 0 45px 2em 0;
   width: 245px;
}
contact-person-odd {
   clear: left;
   margin-right: 27px;
}
.contact-image img {
   padding: 7px;
   background-color: #e1e1e1;
   border: 1px solid #ccc;
   margin: 0 0 8px 0;
}
#content-text .tx-billitonemployeesearch-pi1 h3,
#content-text .tx-billitonemployeesearch-pi2 .company-name {
   border-top: 1px solid #f8b62b;
   border-bottom: 1px solid #f8b62b;
   line-height: 1.8em;
   color: #00356e;
   font-weight: bold;
}
.tx-billitonemployeesearch-pi1 h2 {
   clear: both;
}
#content-text .tx-billitonemployeesearch-pi1 .contact-data {
   height: 4.8em;
   margin: 0 0 .5em 0;
}
#content-text .tx-billitonemployeesearch-pi1 p {
   margin: 0;
   font-size: 92%;
}
#content-text .tx-billitonemployeesearch-pi1 p.contact-phone,
#content-text .tx-billitonemployeesearch-pi2 .company-phone {
   background: url(../gfx/fon-icon.gif) no-repeat 3px 50%;
   padding: 0 0 0 25px;
   margin: 0;
}
#content-text .tx-billitonemployeesearch-pi2 .company-fax {
   background: url(../gfx/fax-icon.gif) no-repeat 3px 50%;
   padding: 0 0 0 25px;
}
#content-text .tx-billitonemployeesearch-pi1 p.contact-email a,
#content-text .tx-billitonemployeesearch-pi2 .company-email a {
   background: url(../gfx/email-icon.gif) no-repeat 3px 50%;
   padding: 0 0 0 25px;
}
#content-text .tx-billitonemployeesearch-pi2 .company-mobile {
   background: url(../gfx/handy-icon.gif) no-repeat 3px 50%;
   padding: 0 0 0 25px;
}

#content-text .tx-billitonemployeesearch-pi2 .company-mobile,
#content-text .tx-billitonemployeesearch-pi2 .company-email {
   margin: 0;
}
#content-text .tx-billitonemployeesearch-pi2 .company-homepage a {
   background: url(../gfx/link-ext.gif) no-repeat 3px 50%;
   padding: 0 0 0 25px;
}
/* -------------------- Vertretungen -------- */
#content-text .companies {
   margin: 0 0 1em 0;
}
#content-text .companies h3 {
   color: #a3a3a3;
   margin: 0 0 .4em 0;
}

.no-link, .hidden-link {
  color: #000000 !important;
  text-decoration: none !important;
}