/*
FARBEN
dunkelblau      00305e
mittelblau      7f97ae

dunkelgrau      666
*/
body, html {
    height: 100%;
    background: #dcdcdc;
}
body {
    font-family: verdana,tahoma,helvetica,arial,sans-serif;
    width: 100%;
}
.clearfix:after,
.csc-textpic:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
strong, b {
    font-weight: bold;
}
em, italic {
    font-style: italic;
}

/*layout*/
#container {
    padding: 40px 0 0 0;
    margin: 0 auto;
}
#head {
    position: relative;
    background: #fff url(/fileadmin/layouts/main/public/gfx/head-bg.gif) 0 32px repeat-x;
    padding-bottom: 2px;
    height: 185px;
}
#main {
    background: #fff url(/fileadmin/layouts/main/public/gfx/main-bg.gif) 740px 0 repeat-y;
}

/*quicklinks*/
#quicklinks {
    position: absolute;
    right: 0;
    padding: 10px 21px 10px 0;
}
#quicklinks li {
    border-right: 1px solid #00305e;
    padding-right: 3px;
    margin-right: 3px;
}
#quicklinks li.last {
    border-right: 0;
    padding-right: 0;
}
#quicklinks li {
    float: right;
    font-size: 77%;
    font-weight: bold;
}
#quicklinks li a {
    text-decoration: none;
    color: #00305e;
}

/*homelink*/
.homelink {
    top: 77px;
    right: 0;
    position: absolute;
    text-align: center;
}

/*navi-main*/
#navi-main {
    font-size: 85%;
    width: 208px;
    margin-left: 2px;
    background-color: #fff;
    margin-bottom: 40px;
}
#navi-main li {
    background: url(/fileadmin/layouts/main/public/gfx/dash-hori.gif) bottom repeat-x;
}
#navi-main a {
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    color: #00305e;
    text-decoration: none;
    display: block;
    padding-left: 30px;
}
#navi-main a:hover {
    color: #7f97ae;
}
#navi-main li.act a {
    color: #7f97ae;
    background: url(/fileadmin/layouts/main/public/gfx/navi-main-li-act.gif) 8px 50% no-repeat;
}
/* 2te ebene */
#navi-main li.act ul {
    /*background: url(/fileadmin/layouts/main/public/gfx/dash-hori.gif) top repeat-x;*/
    padding: 0 0 5px 0;
}
#navi-main li.act ul li {
    background: none;
}
#navi-main li.act ul a {
    font-weight: normal;
    color: #00305e;
    background: none;
    line-height: 1.3em;
    height: auto;
    margin: 14px 0;
}
#navi-main li.act ul li.first a {
    margin: 7px 0 14px 0;
}
#navi-main li.act ul li.act a,
#navi-main li.act ul a:hover {
    font-weight: bold;
}
/* 3te ebene */
#navi-main li.act ul li.act ul {
    /*padding: 0 0 5px 0;*/
    padding: 0;
    /*background: url(/fileadmin/layouts/main/public/gfx/dash-hori.gif) bottom repeat-x;*/
    background:none;
}
#navi-main li.act ul li ul li.no a,
#navi-main li.act ul li ul li.act a {
    font-weight: normal;
    padding-left: 40px;
    margin: 14px 0 0 0;
}
#navi-main li.act ul li ul li.act a,
#navi-main li.act ul li ul li.no a:hover {
    text-decoration: underline;
}

#content,
#news {
    line-height: 1.5em;
    margin-top: 12px;
}
#content {
    font-size: 85%;
    padding-right: 20px;
    padding-bottom: 12px;
}
#content .csc-textpic-image {
    font-size: 100%;
}
#content .csc-textpic-image .csc-textpic-caption {
    font-size: 77%;
}
#content,
#content a {
    color: #666;
}

#footer {
    font-size: 77%;
}
#footer,
#footer a {
    color: #00305e;
    text-decoration: none;
}
#content h1,
#content h2,
#content h3,
#content h4 {
    font-weight: bold;
}
#content h1,
#content h2 {
    font-size: 123.1%;
}
#content h3 {
    font-size: 116%;
}
#content h4 {
    font-size: 108%;
}
#content h1,
#content h1 a,
#content h3,
#content h3 a {
    color: #00305e;
}
#content h2,
#content h2 a,
#content h4,
#content h4 a {
    color: #666;   
}
#content h1 {
    margin-bottom: 20px;
}
#content h2,
#content h3 {
    margin-bottom: 10px;
}
#content .csc-header {
    clear: both;
}
#content .csc-textpic h1,
#content .csc-texttext h1,
#content .csc-textpic h2,
#content .csc-texttext h2,
#content .csc-textpic h3,
#content .csc-texttext h3,
#content .csc-textpic p.bodytext,
#content .csc-texttext p.bodytext,
#content .csc-texttext ul,
#content .csc-textpic ul,
#content .csc-texttext ol,
#content .csc-textpic ol,
#content .news-list-item p.bodytext,
#content .news-single-item p.bodytext {
    margin-bottom: 10px;
}
#content ul li {
    list-style-type: square;
}
#content ol li {
    list-style-type: decimal;
}
#content ul li {
    margin-left: 25px;
}
#content ol li {
    margin-left: 25px;
}
#content ul li ul,
#content ol li ol {
    margin-bottom: 0;
}
#content .col-1,
#content .col-2 {
    width: 48%;
    float: left;
}
#content .col-1 {
    margin-right: 3%;
}
#content .news-list-item.odd,
#content .news-list-item.even {
    width: 340px;
    float: left;
}
#content .news-list-item.odd {
    margin-right: 19px;
}
#content .news-list-date {
    font-weight: bold;
    margin-bottom: 6px;
}

#footer {
    background: #fff url(/fileadmin/layouts/main/public/gfx/dash-hori.gif) 0 top repeat-x;
    position: relative;
}
#footer .csc-texttext {
    background: #fff url(/fileadmin/layouts/main/public/gfx/footer-bg.gif) right top repeat-y;
    margin-top: 2px;
    padding: 3px 0 5px 0;
    float: left;
    width: 100%;
}
#footer p {
    float: left;
    width: 380px;
    padding-left: 20px;
}

#content .csc-textpic-text,
#content .csc-textpic,
#content .csc-texttext,
#content .news-list-item,
#content .news-single-item,
.tx-lumogooglemaps-pi1{
    padding-bottom: 20px;
}
#content .csc-textpic .csc-textpic-text {
    padding-bottom: 0;
}
#content .csc-textpic-imagewrap,
#content .csc-textpic-image,
#content .thickbox {
    position: relative;
}
#content .csc-textpic-imagewrap .lupe,
#content .news-single-img .lupe {
    position: absolute;
    right: 0;
    bottom: 5px;
}
#content .csc-textpic-image .lupe,
#content .news-single-img .lupe {
    bottom: 0;
}
#content .thickbox {
    float: left;
    text-align: center;
}
#content .news-single-img {
    margin: 0 0 10px 10px;
}
#content .news-single-content {
    width: 489px;
}
#content .news-single-content,
#content .news-single-img {
    float: left;
}
.news-single-backlink {
    clear: left;
}
.csc-textpic-caption strong {
    clear: both;
    float: none;
    display: block;
    padding: 10px 0;
    margin: 0;
    text-indent: 20px;
    background: transparent url(/fileadmin/layouts/main/public/gfx/arrows-right.gif) scroll no-repeat left 11px;
    font-size: 138.5%;
    color: #00305e;
}


/*mitgliedsunternehmen*/
.tx-billitonextdisclaimer-pi1 a {
    text-decoration: none;
}
.tx-billitonemployeesearch-pi2 {
    float:left;
    background:url(/fileadmin/layouts/main/public/gfx/companies-ul.gif) no-repeat left bottom;
    margin-bottom: 20px;
}
.companies-row {
    float:left;
    clear:both;
    width:100%;
}
.companies-row li{
    width:330px;
    float:left;
    height:32px;
    font-weight:bold;
    background:url(/fileadmin/layouts/main/public/gfx/companies-ul-li.gif) no-repeat left top;
    list-style-type:none !important;
    margin:0 !important;
}
.companies-row li span {
    padding-left:34px;
}
.companies-row .odd{
    margin:0 9px 0 0 !important;
}


/*downloads*/
.styled-download p .download {
    display:block;
    background:url(/fileadmin/layouts/main/public/gfx/download.gif) no-repeat left top;
    height:33px;
    margin-bottom:-2px;
    line-height:30px;
    display:block;
    padding-left:53px;
}
.styled-download br {
    display:none;
}


a.download {
    padding-left: 16px;
    background: url(/fileadmin/layouts/main/public/gfx/icon-download.gif) no-repeat left; 
}

#content .download ul li {
    list-style-type: none;
    margin-left: 12px;
}



/*galerie in news*/
.tx-billitongallery-pi1 {
    margin: 0 0 18px 0 !important;
}
#single-gallery-image {
    width: 560px;
    background-color: #7f97ae;
    padding: 5px 0;
}
#list-gallery {
    width: 556px;
    border: 2px dashed #7f97ae;
}
#list-gallery,
#single-gallery-image {
    position: relative;
    left: 80px;
}
#single-gallery-image a.thickbox {
    width: 500px;
    left: 30px;
}

/*TODO Texyt nicht per Farbe verstecken*/
#single-gallery-image a.single-gallery-browser {
    color: #7f97ae;
    width: 30px;
    height: 50px;
    position: absolute;
    margin-top: -25px;
    top: 50%;
}
#single-gallery-image a#single-gallery-back {
    background:url(/fileadmin/layouts/main/public/gfx/single-gallery-back.gif) no-repeat 50% 50%;
    left: 0;
}
#single-gallery-image a#single-gallery-fwd {
    background:url(/fileadmin/layouts/main/public/gfx/single-gallery-fwd.gif) no-repeat 50% 50%;
    right: 0;
}
.gallery-listpic {
    border: 2px solid #7f97ae;
    margin: 10px;
}
.gallery-list-rowpic,
.gallery-list-rowpic-last,
.gallery-list-rowpic-first {
    margin-bottom: 0;
}
#list-gallery {
    position: relative;
}
#list-gallery div {
    position: relative;
    left: 30px;
}
#list-gallery-back,
#list-gallery-fwd,
#list-gallery {
    height: 95px;
}
#list-gallery-back,
#list-gallery-fwd {
    position: absolute;
    display: block;
    width: 28px;
}
#list-gallery-back {
    left: 0;
    border-right: 2px dashed #7f97ae;
    background:url(/fileadmin/layouts/main/public/gfx/list-gallery-back.gif) no-repeat 50% 50%;
}
#list-gallery-fwd {
    background:url(/fileadmin/layouts/main/public/gfx/list-gallery-fwd.gif) no-repeat 50% 50%;
    right: 0;
    border-left: 2px dashed #7f97ae;
}



.tx-billitonemployeesearch-pi5 {
    width: 628px;
    position: relative;
    left: 38px;
}
#content .tx-billitonemployeesearch-pi5 ul.azlist {
    border-bottom: 1px solid #003077;
    float: left;
    margin-bottom: 5px;
}
#content .tx-billitonemployeesearch-pi5 ul.azlist li {
    list-style: none !important;
    width: 24px;
    margin-left: 0;
    text-align: center;
}
.tx-billitonemployeesearch-pi5 .azlist li {
    float: left;
    font-weight: bold;
    color: #8da2b7;
}
.tx-billitonemployeesearch-pi5 .azlist li a {
    display: block;
    color: #00305d;
    text-decoration: none;
}

.tx-billitonemployeesearch-pi5 div {
    width: 100%;
}
.tx-billitonemployeesearch-pi5 div a {
    text-decoration: none;
}
.tx-billitonemployeesearch-pi5 div a span {
    /*height: 26px;
    line-height: 26px;*/
    padding: 5px 0;
}
.tx-billitonemployeesearch-pi5 ul.azlist li a:hover,
.tx-billitonemployeesearch-pi5 div a:hover,
.tx-billitonemployeesearch-pi5 div a:hover span {
    background-color: #d8e0e7;
    cursor: pointer;
}
.tx-billitonemployeesearch-pi5 div .company-name,
.tx-billitonemployeesearch-pi5 div .company-city {
    float: left;
    display: block;
}
.tx-billitonemployeesearch-pi5 div .company-name {
    width: 59.9%;
    color: #666;
    font-weight: bold;
}
.tx-billitonemployeesearch-pi5 div .company-city {
    width: 39.9%;
}
.ui-tabs-hide { display: none; }

/*news auf startseite unter navigation*/
#navi .news-latest-container {
    margin-top: -40px;
    padding: 30px 0 15px 30px;
    font-size: 85%;
}
#navi .news-latest-container h3 a {
    color: #00305d;
    text-decoration: none;
    font-weight: bold;
}
#navi .news-latest-container h3,
#navi .news-latest-container .dateplace {
    margin-bottom: 4px;
}
#navi .news-latest-container .dateplace p {
    color: #525252;
    font-weight: bold;
}
#navi .news-latest-container p {
    color: #000;
}
#navi .news-latest-item {
    margin-bottom: 15px;
}


.contact-person-portrait {
    float: left;
    margin-right: 5px;
}
.contact-person-odd,
.contact-person-even {
    width: 340px;
    float: left;
    margin-bottom: 4em;
}
.contact-person-odd {
    clear: left;
    margin-right: 10px;
}

.tx-billitongalleriffic-pi1 {
    overflow: hidden;
    margin: 2em 0;
}

#netzwerkpartner {
    background: transparent url(/fileadmin/layouts/main/public/gfx/dash-hori.gif) repeat-x 0 top;
    margin: 0 -20px;
    padding-top: 20px;
}
#netzwerkpartner .csc-header {
    padding-left: 20px !important; 
}

#content ul.filelinks li {
    list-style-type: none;
    margin: 0 0 2em 0;
    display: block;
}
#content ul.filelinks a {
    text-decoration: none;
    display: block;
    float: left;
    clear: both;
}
#content ul.filelinks a span {
    display: block;
    float: left;
    text-decoration: underline;
}


#content ul.filelinks img {
    border: 2px solid #00305e;
    display: block;
    float: left;
}

#content ul.filelinks a:hover img {
    border: 2px solid #666;
}
#content ul.filelinks a:hover span {
    text-decoration: none;
}