body, html {
   height: 100%;
}
body {
   background-color: #fff;
   background-image: url(../gfx/body-bg.gif);
   background-position: 836px 0;
   background-repeat: repeat-y;
   font-family: arial, tahoma, verdana, helvetica, sans-serif;
   width: 100%;
}
strong, bold {
   font-weight: bold;
}
italic, em,
italic strong, em strong {
   font-style: italic;
}

/*************************    colors    *******************************/
/* ganzdunkelbalu */
#content-text ol.mailform li input.submit,
#content-text .tx-wssitemap-pi1 a,
italic strong, em strong {
    color: #00357b;
}
/* mittelblau */

#content-text ol.mailform li label {
   color: #1d3989;
   scolor: #5e90c2;
    color: #00357b;

}
#content-text ol.mailform select, #content-text ol.mailform input, #content-text ol.mailform textarea {
    sborder: 1px solid #1d3989;
    sborder: 1px solid #c8d9ea;
    border: 1px solid #5e90c2; 
    sbackground-color: #c8d9ea;

}


.clear {
    clear: both;
}
hr {
   background-color: #fff;
   color: #fff;
   border: 1px solid transparent;
   border-bottom: 1px dashed #c8d9ea;
   height: 16px;
   clear: both;
   margin-bottom: 16px;
}
div#main {
   background-image: url(../gfx/main-bg.gif);
   background-position: 836px 20px;
   background-repeat: no-repeat;
   float: left;
   width: 973px;
   padding-bottom: 35px;
}
div#column {
   background: url(../gfx/head-big-b.gif) no-repeat 0 -30px;
   float: left;
   min-height: 449px;
   width: 260px;
   z-index: 0;
}


/*logo*/
div#logo img {
   position: relative;
   top: 38px;
}
div#logo a {
   display: block;
   height: 159px;
   margin: 0 auto;
   text-align: center;
}
/*horizontales menu*/
ul#menu-1 {
   height: 49px;
   width: 575px;
   /* padding-top: 120px; */
   padding-top:0;
}
ul#menu-1 li {
   float: left;
   margin-right: 1px;
}
ul#menu-1 li a {
   color: #fff;
   display: block;
   font-weight: bold;
   text-align: center;
   text-decoration: none !important;
   width: 94px;
}
ul#menu-1 li.no {
   background-color: #5e90c2;
   height: 25px;
   margin-top: 8px;
}
ul#menu-1 li.no a {
   line-height: 25px;
}
ul#menu-1 li.act {
   background: url(/fileadmin/layouts/main/public/gfx/menu-1-act.6.png) no-repeat 0 0;
   height: 49px;
}
ul#menu-1 li.act a {
   line-height: 41px;
}
/*vertikales menu*/
ul#menu-2 {
   margin: 14px 0 70px 0;
   position: relative;
   z-index: 1;
   width: 259px;
}
ul#menu-2 li {
   font-weight: bold;
   margin: 0 0 5px 64px;
   text-indent: 26px;
   position: relative;
}
ul#menu-2 li a {
   display: block;
   position: relative;
   top: -3px;
   text-decoration: none;
}
ul#menu-2 li ul li a {
   top: 0px;
}
ul#menu-2 li.no {
   background-image: url(../gfx/navigation/menu-2-ul-li-no.gif);
   background-repeat: no-repeat;
}
ul#menu-2 li.act {
   background-image: url(../gfx/navigation/menu-2-ul-li-act.gif);
   background-repeat: no-repeat;
}
ul#menu-2 li ul {
   margin: 10px 0 16px 0;
}
ul#menu-2 li ul li {
   font-weight: normal;
   list-style-image: none;
   margin-left: 7px;
   text-indent: 19px;
   background-position: 0 .5em;
}
/* level 1*/
ul#menu-2 li.act ul li.no {
   background-image: url(../gfx/navigation/menu-2-ul-li-ul-li-no.gif);
   background-repeat: no-repeat;
}
ul#menu-2 li.act ul li.act {
   background-image: url(../gfx/navigation/menu-2-ul-li-ul-li-act.gif);
   background-repeat: no-repeat;
}
ul#menu-2 li.act a,
ul#menu-2 li.no a {
   line-height: 22px;
}
ul#menu-2 li.act ul li.act a,
ul#menu-2 li.act ul li.no a {
}
ul#menu-2 li.act li.no a,
ul#menu-2 li.no a {
   color: #5e90c2;
}
ul#menu-2 li.act a,
ul#menu-2 li.act ul li a {
   color: #00357b;
}
/* level2 */
ul#menu-2 ul ul.lev2 {
    margin: 5px 0 0 0;
}
ul#menu-2 ul li ul.lev2 li {
    margin: 0;
    text-indent: 0;
    padding: 1px 0 1px 19px;
    background-position: 3px .6em;
}
ul#menu-2 ul ul.lev2 li.no {
    background-image: url(/fileadmin/layouts/main/public/gfx/navigation/menu-2-lev2-li-no.gif);
}
ul#menu-2 ul ul.lev2 li.act {
    background-image: url(/fileadmin/layouts/main/public/gfx/navigation/menu-2-lev2-li-act.gif);
}
ul#menu-2 ul ul.lev2 li a {
    line-height: 1.32em;
    padding-right: 4px;
}

#callback form,
#callback #thankyou,
dl#contact-data {
   width: 191px;
   margin: 33px 0 0 64px;
   position: relative;
   z-index: 1;
}
#callback form {
    margin: 0 0 0 64px;
}

/* rückrufformular */
#callback {
    width: 255px;
}
#callback li label {
    display: block;
}
#callback h3,
#callback li,
#callback p {
    swidth: 150px;
    padding-left: 26px;
}
#callback h3 {
    background: url(/fileadmin/layouts/main/public/gfx/dt-callback.gif) no-repeat 0 0;
}
#callback p {
    font-size: 92%;
    margin-bottom: 9px;
}
#callback li {
    margin-bottom: .4em;
}

#callback label {
    color: #00357b;
    font-weight: bold;
    font-size: 92%;
}
#column #search-input,
#callback input.text {
    background-color: #c8d9ea;
    border: 0 none;
    color: #00357b;
    font-size: 85%;
    padding: 2px 2px 1px 2px;
}
#callback li.button {
}
#callback input.submit {
    color: #fff;
    width: 50px;
    height: 16px;
    background: #fff url(/fileadmin/layouts/main/public/gfx/submit-50px.png) no-repeat;
    border: 0 none;
    font-size: 85%;
    cursor: pointer;
    stext-indent: -500px;
    display: block;
    text-align: center;
}
#callback .error input.text {
    border: 2px solid #cf0000;
    padding: 0;
}
#callback span.error {
    color: #cf0000;
    font-weight: bold;
    display: block;
}


/*kontaktdaten*/

dl#contact-data {
}
dl#contact-data dd,
dl#contact-data dd address {
   margin-bottom: 18px;
}
dl#contact-data dt#address {
   background-image: url(../gfx/dt-address.gif);
}
dl#contact-data dt#phone {
   background-image: url(../gfx/dt-phone.gif);
}
dl#contact-data dt#fax {
   background-image: url(../gfx/dt-fax.gif);
}
dl#contact-data dt#mail {
   background-image: url(../gfx/dt-mail.gif);
}
dl#contact-data dt#mail a {
   color: #000;
   text-decoration: none;
}
dl#contact-data dt.visit {
   background-image: url(../gfx/dt-address.gif);
}
dl#contact-data dt {
   background-repeat: no-repeat;
   font-weight: bold;
}
dl#contact-data dt,
dl#contact-data dd {
   padding-left: 26px;
}
dl#contact-data dd p a {
   color: #000;
   text-decoration: none;
}
dl#contact-data dd p a img {
   position: relative;
   top: 2px;
}
p#sitemap, p#call-back, p#live-chat,
#column #search-form {
   background-position: 0 0;
   background-repeat: no-repeat; 
   margin-left: 64px; 
   width: 191px;
}
p#sitemap {
   text-indent:26px;
   background-image: url(../gfx/dt-sitemap.gif);
}
p#live-chat {
   height: 16px;
   text-indent:26px;
   background-image: url(../gfx/live-chat.gif);
}
p#call-back {
   margin-top: 5px;
   height: 16px;
   text-indent:26px;
   background-image: url(../gfx/dt-callback.gif);
}
p#sitemap a, p#call-back a, p#live-chat a{ 
   color: #000;
   text-decoration: none;
   font-weight: bold;
}

/* Search form / Suche */
#column #search-form {
   background-image: url(../gfx/search-icon.gif);
   padding-left: 26px;
   position: relative;
   height: 4em;
   width: 165px;
   margin-bottom: 3em;
}
#column #search-form h3 {
}
#column #search-form input{
    border: 0 none;
    position: absolute;
    font-size: 85%;
    top: 2em;
}
#column #search-input {
    width: 95px;
    height: 1.22em;
    padding: 2px 2px 1px 2px;
}
#column #search-button {
    left: 128px;
    width: 28px;
    background: url(/fileadmin/layouts/main/public/gfx/submit-28px.gif) no-repeat 0 0;
    color: #fff;
    margin-bottom: -1px; 
}

/* Standorte */

#column #visit table {
    display: none;
}

.test #column #visit table {
    display: block;
}
#column .standort {
    float: left;
    clear: both;
}
#column table {
    margin-top: 18px;
    width: 155px;
}
#column table td {
    background-color: #fff;
    color: #75a0cb;
    border: 0 none;
    padding: 0;
    
}
#column table .td-1 {
    background: url(/fileadmin/layouts/main/public/gfx/pfeil_weg.gif) no-repeat 0 60%;
    padding: 0 0 0 23px;
}


/*footer*/
div#footer-top {
   background-image: url(../gfx/footer-bg.gif);
   background-repeat: repeat-y;
   clear: both;
   height: 25px;
   width: 968px;
}
div.footer-bottom {
   clear: both;
   height: 100px;
}
div.footer-bottom.de {
   margin-left: 65px;
   width: 770px;
}
div.footer-bottom.en {
   margin-left: 274px;
   width: 560px;
}
div.footer-bottom a {
   color: #5e90c2;
   float: left;
   font-size: 92%;
   font-weight: bold;
   text-decoration: none;
}
a#rssfeed {
   background: url(../gfx/rss-icon.gif) no-repeat left;
   text-indent: 13px;
}
div.footer-bottom.de a#billiton {
   margin-left: 110px;
}
div.footer-bottom.de a#imprint {
   margin-left: 227px;
}
div.footer-bottom.de a#contact {
   margin-left: 19px;
}
div.footer-bottom.en a#billiton {
}
div.footer-bottom.en a#imprint {
   margin-left: 250px;
}
div.footer-bottom.en a#contact {
   margin-left: 19px;
}
/*content*/
#content-area {
   float: left;
   smargin-top: 210px;
   position: relative;
   left: 3px;
   width: 576px;
}
#content-text {
   float: left;
   position: relative;
   left: 15px;
   width: 546px;
}
div#content-text h2 {
   sfloat: left;
   color: #00357b;
   margin-bottom: 16px;
   width: 546px;
}
div#content-text h3 {
   color: #00357b;
   margin-bottom: 16px;
}
div#content-text h4 {
   border-top:  #c8d9ea 1px  dashed;
   padding-top: 15px;
   margin-bottom: 16px;
   font-weight: normal;
   font-style: italic;
   clear: both;
}

/* ANFANG neu MF2 */
div#content-text div.csc-header h4 {
    border: 0;
    margin-bottom: 0.2em;
    padding-top: 0;
    font-weight: bold;
    color: #00357b;
}



div#content-text h5 {
   font-weight: bold;
}
div#content-text p.bodytext {
   margin-bottom: 16px;
   stext-align: justify;
}


.csc-texttext ul,
.csc-texttext ol,
.csc-textpic-text ul,
.csc-textpic-text ol,
.news-latest-container ul,
.news-latest-container ol,
.news-single-item ul,
.news-single-item ol {
    margin-bottom: 1.2em;
}
.news-single-item ul,
.news-latest-container ul li,
.csc-texttext ul li,
.csc-textpic-text ul li {
    list-style-type: disc;
    list-style-image: url(/fileadmin/layouts/main/public/gfx/li.gif);
}
#content-text ol li,
.news-latest-container ol li,
.csc-texttext ol li,
.csc-textpic-text ol li {
    list-style-type: decimal;
}
.news-single-item li,
.news-latest-container li,
.csc-texttext li,
.csc-textpic-text li {
    list-style-position: outside;
    font-size: 92%;    
    margin-left: 3.4em;
    margin-bottom: 6px;
}
#content-text li li {
    font-size: 100%;
}
div#content-text ul li ul li {
    margin-top: 6px;
    margin-left: 2em;
}

div#content-text .tx-billitongalleriffic-pi1 ul li {
    background: 0 none;
} 


div#content-text ul li a,
div#content-text table tr td a,
div#content-text p a {
   text-decoration: none;
   color: #5e90c2;
}
div#content-text table tr td p {
   margin: 0 !important;
}


div#content-text hr {
   margin-bottom: 16px;
}
#content-text a:hover {
   text-decoration: underline !important;
}
#content-text strong {
   color: #00377c;

}
/* Syntax highlighter */
div#content-text .syntaxhighlighter {
    background-color: #c8d9ea !important;
    left: 3.2em !important;
    top: -1.1em !important;
    width: 500px !important;
    margin: 0 !important;
}
div#content-text .syntaxhighlighter .line .content {
    margin-left: 2em !important;
    border: 0 !important;
}
div#content-text .syntaxhighlighter .line .number {
    width: 2em !important;
}

/*events*/
#events {
   height: 123px;
   width: 255px;
   position: absolute;
   left: 316px;
   stop: 30px;
   background-image: url(../gfx/events-bg.gif);
   background-position: top right;
   font-weight: bold;
}
#events .events-item {
   margin-top: 14px;
   height: 46px;
}
#events .events-date {
   float: left;
   background-image: url(../gfx/events-date-bg.gif);
   background-repeat: no-repeat;
   width: 46px;
   height: 46px;
   margin-right: 6px;
   text-align: center;
}
#events .events-date span {
   display: block;
}
#events .events-text {
   padding-top: 1px;
}
#events .events-text a {
   background-color:#fbfcfd;
   color: #00377c;
   text-decoration: none;
   font-size: 92%;
   line-height: 1.3em;
}
#events .events-date a {
   color: #f80;
   text-decoration: none;
}
#events .events-text a:hover {
   text-decoration: underline;
}
#events .events-text .date-day {

}
/*teamtabelle*/
table.team-table {
   width: 100%;
   margin-bottom: 24px;
   font-size: 92%;
}
table.team-table tr td {
   width: 49.9%;
}
table.team-table tr td {
   margin: auto;
   text-align: center;
}
table.team-table td.team-table-names {
   padding-bottom: 24px;
}
/*referenzen*/
div#content-text div.tx-billitonreferences-pi1 ul li {
   background-image: none;
   margin: 0;
   text-indent: 0;
   clear: none;   
}
div#content-text div.tx-billitonreferences-pi1 ul.year-prev-next {
   background-color: #edf3f8;
   float: left;
   swidth: 82px;
   width: 43px;
   height: 16px;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-prev-next li {
   position: absolute;
   z-index: 1;
   float: left;
   height: 16px;
   width: 16px;
   text-align: center;
   padding: 0;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-prev-next li a {
   color: #fff;
   text-decoration: none;
   display: block;
   font-size: 92%;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-prev-next li.prev {
   background-image: url(../gfx/references/year-prev.gif);
   background-position: 0 50%;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-prev-next li.next {
   margin-left: 17px;
   background-image: url(../gfx/references/year-next.gif);
   background-position: 0 50%;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-numbers {
    float:left;
    margin:10px 0 4px;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-numbers li {
   margin-left: 1px;
   background-color: #c8d9ea;
   float: left;
   padding: 0 4px;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-numbers li a {
   color: #5e90c2;
   text-decoration: none;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-numbers li.act {
   padding: 0;
   position: relative;
   top: -6px;
   background-image: url(../gfx/references/year-numbers-act.gif);
   background-color: transparent;
   width: 73px;
   height: 32px;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-numbers li.act a {
   font-weight: bold;
   line-height: 26px;
   display: block;
   text-align: center;
   height: 32px;
   font-size: 130%;
   color: #fff;
   text-decoration: none;
}
div#content-text div.tx-billitonreferences-pi1 ul.year-numbers li.disabled {
   color: #666;
}
/*REFERENZBLOECKE*/
.tx-billitonreferences-pi1 {
   float: left;
}
div.references-block {
   float: left;
   clear: both;
   position: relative;
   width: 546px;
}
div.csc-header h1,
#content-area #content-text .tx-billitonemployeesearch-pi1 h2.department-name,
div.news-latest-item h2 a,
#content-text div.references-block h2,
div#content-text .tx-indexedsearch-res h3 {
   clear: both;
   color: #00357b !important;
   background-color: #c8d9ea;
   font-weight: bold;
   padding-left: 4px;
   width: 542px;
   display: block;
   line-height: 21px;
}
div.csc-header h1,
div.references-block h2 {
   margin-bottom: 16px;
}
div.references-block a.reference-picture {
   float: left;
   margin: 0 6px 6px 0;
}
div.references-block a.reference-link-icon {
   position: absolute;
   right: 0;
   top: 0;
   width: 21px;
   height: 21px;
   background-image: url(../gfx/references/link-icon.gif);
   display: block;
}
div.references-block a.reference-link {
   text-decoration: none;
   color: #5e90c2;
   font-size: 85%;
   display: block;
   margin-bottom: 4px;
   float: left;
   clear: both;
}
div.references-block p.project {
   color: #5e90c2;
   display: inline;
}
div.references-block p.date {
   font-size: 85%;
   color: #00357b;
   float: right;
   position: absolute;
   top: 27px;
   right: 0;
}
div.references-block p.description {
   margin: 6px 0;
}
div.references-block ul.features {
   clear: left;
}
div.references-block ul.features li {
   float: left;
   color: #666;
   padding: 0 6px;
   height: 1em;
   line-height: 1em;
   border-left: 1px solid #666;
}
/*Ausschalten fuer Referenzen Extension*/
div.tx-billitonreferences-pi1 ul {
   margin-left: 0 !important;
   list-style-image: none !important;
}
div.tx-billitonreferences-pi1 img {
   border: 1px solid #c8d9ea;
}
/*CONTENT*/
div.references-block,
div.csc-textpic,
div.csc-texttext,
div.news-latest-item,
div.news-list-item{
   margin-bottom: 24px;
}
div.csc-texttext {
    clear: both;
}

div.csc-textpic {
   width: 546px;
   float: left;
}
div.csc-textpic-intext-right-nowrap{
   float: right;
}
.csc-textpic p.quote,
.csc-textpic p.employee {
   color: #5e90c2;
}
.csc-textpic p.quote {
   margin-top: 24px;
   font-style: italic;
   margin-bottom: 6px;
}
.csc-textpic p.employee {
   font-size: 85%;
   text-align: right;
}
div.csc-textpic-intext-left .csc-textpic-imagewrap {
   margin: 0 6px 6px 0;
   float: left;
}
div.csc-textpic-center .csc-textpic-imagewrap {
   width: 546px !important;
}
div.csc-textpic-center .csc-textpic-imagewrap dl {
   float: left;
}
#page-anfahrt div.csc-textpic-center .csc-textpic-imagewrap dl {
   margin-right: 48px;
}
div.csc-textpic-center .csc-textpic-imagewrap dl.csc-textpic-lastcol {
   margin-right: 0;
}
dd.csc-textpic-caption {
   font-size: 85%;
}
div.news-latest-item {
   width: 100%;
}
.intext {
   height: 31px;
   width: 155px;
   float: right;
   margin-bottom: 16px;
}
.intext img {
   margin-left: 30px;
}



/*NEWS STARTSEITE*/
div.news-latest-item {
   position: relative;
   float: left;
   clear: both;
}
div.news-latest-item img,
div.news-list-item a img,
div.news-single-img img {
   clear: both;
   float: left;
   border: 1px solid #c8d9ea;
   margin: 0 6px 6px 0;
}
div.news-single-img img {
   float: right;
}
div.news-latest-item h2 a {
   text-decoration: none;
   color: #000;
}
span.news-latest-link-icon a {
   position: absolute;
   top: 0;
   right: 0;
   width: 21px;
   height: 21px;
   background-image: url(../gfx/references/link-icon.gif);
}
.news-latest-more-link {
   background: url(../gfx/news-more-link.gif) no-repeat right;
   float: right;
   width: 50%;
}
#content-text .news-latest-more-link a {
   float: right;
   margin-right: 22px;
   color: #00357b;
   letter-spacing: 0.08em;
   font-size: 85%;
}




/*NEWS_SUB_LAYOUT*/
div#news-latest-subcontainer {
   position: relative;
   float: left;
   width: 256px;
}
div#press-latest-subcontainer {
   position: relative;
   margin-left: 34px;
   float: left;
   width: 256px;
}
/*NEWS_SUB_CONTENT*/
div#news-latest-subcontainer h3 a,
div#press-latest-subcontainer h3 a {
   display: block;
   text-decoration: none;
   background-color: #c8d9ea;
   color: #00357b;
   text-indent: 20px;
   line-height: 21px;
   width: 250px;
   margin: 0 0 16px 6px;
}
div.news-press-sub-icon {
   position: absolute;
   top: -5px;
   left: 0;
   width: 14px;
   height: 16px;
   background-image: url(../gfx/news-press-sub-icon.gif);
}
ul.news-press-sub {
   margin-bottom: 0;
}
ul.news-press-sub li {
   left: 2.3em;
   padding-right: 2.3em;
}
ul.news-press-sub li a {
   display: block;
   color: #000;
   text-decoration: none;
}
/*NEWS UNTERSEITEN*/
div.news-list-item {
   width: 100%;
   position: relative;
   clear: both;
   float: left;
}
.press-author,
.news-single-author {
   float: left;
   margin-right: 0.5em;
   color: #003593;
}
div.news-list-item h3,
div.news-single-item h2 {
   background-color: #edf3f8;
   width: 480px;
}
div.news-list-item .news-list-date {
   float: right;
}
.news-list-headline,
.news-single-headline {
   float: left;
   margin-bottom: 12px;
   width: 546px;
   background-color: #edf3f8;
    position: relative;
    z-index: 20;
}
div.news-list-item h3 a,
div.news-single-item h2 {
   position: relative;
   text-decoration: none;
   color: #00357b;
}
div.news-list-item h3 {
   margin-bottom: 0 !important;
}
div.news-list-item h3 a {
   left: 4px;
}
div.news-single-item h3 {
   margin-bottom: 12px;
}
div.news-single-item ul {
}
#content-text div.news-single-item ul li {
   clear: none;
   sfloat: left;
}
div.news-list-item span.news-list-date,
div.news-single-item .news-single-timedata {
   position: absolute;
   top: 1px;
   right: 4px;
   font-size: 84%;
   color: #00357b;
}
.news-single-files dt {
   font-weight: bold;
   font-size: 93%;
   margin-bottom: 16px;
}
.news-single-files a {
    padding-right: 8px;
}
.news-single-files img {
    padding-right: 4px;
}
div.news-list-browse {
   float: left;
   clear: both;
   margin-bottom: 16px;
}
div.tx-ttnews-browsebox {
   background-color: #c8d9ea;
   width: 100%;
}
div.tx-ttnews-browsebox p {
   display: none;
}
div.tx-ttnews-browsebox table p {
   display: inline;
}
div.tx-ttnews-browsebox table td {
   text-align: center;
}
div.tx-ttnews-browsebox table td a {
   padding: 0 8px;
   color: #00357b;
   text-decoration: none;
}
div.tx-ttnews-browsebox table td.tx-ttnews-browsebox-SCell a {
   width: 2em;
   border: 1px solid #00357b;
   font-weight: bold;
}
div.news-single-backlink {
}
div#content-text .styled-link p a,
div.news-single-backlink a {
   float: left;
   text-indent: 18px;
   margin-top: 8px;
   display: block;
   background: url(../gfx/news-more-link.gif) no-repeat left;
}
.news-single-files dd,
div#content-text .styled-link p a,
div.news-single-item a {
   text-decoration: none;
   color: #00357b;
   font-weight: bold;
}
.news-single-imgcaption {
   display: inline;
}


/*KONTAKT*/
/*
form {
   width: 546px;
}
input, textarea {
   border: 1px solid #666;
}
textarea {
   width: 100%;
}
input.input-1 {
   width: 100%;
}
input.input-2 {
   float: left;
   width: 15%;
}
input.input-3 {
   float: right;
   position: relative;
   left: 2px;
   width: 82%;
}

input.submit-button {
   color: #000;
   background-color: #c8d9ea;
   margin: 0 0 40px 0;
   cursor: pointer;
}
div.tx-pilmailform-pi1 {
   position: relative;
}
div.tx-pilmailform-pi1 div {
   margin: 20px 0 0 0;
   color: #000;
}
div.error-label {
   width: 100%;
   float: left;
   clear: both;
}
div.left-label {
   width: 29%;
   float: left;
   clear: both;
}
div.right-field {
   width: 70%;
   float: left;
}
div#thankyou {
}
p.error {
   color: #f00;
   font-weight: bold;
}
*/
/****** Kontaktformulare ******/
.tx-pilmailform-pi1 form {
	width: 486px;
	margin: 0 0 2.6em 30px;
}
#content-text ol.mailform li {
	list-style-type: none;
	float: left;
	width: 99.9%;
	clear: left;
	margin: 0 0 1em 0;
}
/* Auswahlfeld */
#content-text ol.mailform li select {
	display: block;
	min-width: 50%;
	width: auto !important;
	width: 50%;
}
#content-text ol.mailform li select option {
	padding-right: 20px;
}
#content-text ol.mailform li label {
    font-weight: bold;
    line-height: 1.5em;
    text-transform: lowercase;
    text-indent: 3px;
}
#content-text ol.mailform li input {
	display: block;
}
#content-text ol.mailform li select, #content-text ol.mailform li input, #content-text ol.mailform li textarea {
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}
#content-text ol.mailform li input.text {
	width: 99.9%;
}
#content-text ol.mailform li textarea {
	height: 5.2em;
	width: 99.9%;
}
#content-text ol.mailform li input.file {
	width: 60%;
}
#content-text ol.mailform li input.submit {
    text-transform: lowercase;
    padding: 0 18px;
	border: 0 none;
	background-color: #1d3989;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
}
#content-text ol.mailform li.p20 {
	display: inline;
	float: left;
	width: 18%;
}
#content-text ol.mailform li.p80 {
	float: right;
	display: block;
	width: 80%;
	position: relative;
	right: 1px;
	clear: none;
	margin: 0;
}
#content-text ol.mailform li div {
    margin-bottom: 1.3em;
}
#content-text .error,
#content-text .error label {
	font-weight: bold;
	color: #cf0c0c !important;
}
#content-text .error input, #content-text .error textarea {
	border: 2px solid #cf0c0c !important;
}
/**/



div#welcome-box {
   position: relative;
   left: -15px;
   width: 573px;
   height: 260px;
   background-image:  url(../gfx/begruessung.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
    padding-top: 4px;
}
div#welcome-box h1 {
   font-family: "Times New Roman";
   font-size: 107%;
   margin-bottom: 7px;
}
div#welcome-box p {
   margin-bottom: 6px;
}
div#welcome-box h1,
div#welcome-box p {
   position: relative;
   left: 172px;
}
div#welcome-box img {
   position: relative;
   left: 185px;
   bottom: -6px;
}
/*Sprachauswahl*/
.tx-srlanguagemenu-pi1 {
    left:600px;
    position:absolute;
    top:134px;
    width: 110px;
}
.tx-srlanguagemenu-pi1 li {
  float: left;
  margin-right: 20px;
}
/* sitemap */
#content-text .tx-wssitemap-pi1 a {
   color: #00377c;
   font-weight: bold;
}
#content-text .tx-wssitemap-pi1 div div a {
   font-weight: normal;
}
#content-text .tx-wssitemap-pi1 div .treemenutext_no {
   vertical-align: top;
   position: relative;
   top: 3px;
}
#content-text .linkbutton p a {
    display: block;
    line-height: 18px;
    height: 18px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    clear: both;
    letter-spacing: 1px;
    cursor: pointer;
    background: #99b9d8 url(/fileadmin/layouts/main/public/gfx/contactlink-bg.gif) 0 0 no-repeat;
    smargin-bottom: 16px;
    text-indent: 10px;
    width: 350px;
}
#content-text .linkbutton p a:hover {
    background-color: #75a0cb;
    text-decoration: none !important;
}
#content-text .linkbutton p.jscbutton {
    line-height: 18px;
}

/************************  Galerie  ******************************/
.galleriffic-js-initialized div.slideshow a.advance-link {
    border:1px solid #00357b;
}

#content-text .galleriffic-js-initialized ul.thumbs {
	clear: both;
	margin: 0;
	padding: 17px 0 0 0;
	width: 546px;
}

#content-text .galleriffic-js-initialized a {
	text-decoration: none;
	color: #00357b;
	font-weight: bold;
}
#content-text .galleriffic-js-initialized div.controls div {
    margin: 16px 0;
}
#content-text .galleriffic-js-initialized .magnifier {
    top: 49px;
    right: 1px;
    border: 2px solid #fff;
    padding: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
#content-text .galleriffic-js-initialized .slideshow {
    float: right;
}
#content-text .galleriffic-js-initialized .caption {
    float: right;
}

#content-text .galleriffic-js-initialized .gallery {
    margin-bottom: 1.3em;
}


/******************************  Team  **********************/
#content-text .contact-person-odd,
#content-text .contact-person-even {
    width: 49%;
    float: left;
    margin-bottom: 2em;
}
#content-text .contact-person-odd img,
#content-text .contact-person-even img {
    margin-left: 36px;
}
#content-text .tx-billitonemployeesearch-pi1 h3,
#content-text .tx-billitonemployeesearch-pi1 h4 {
    text-align: center;
    color: #000;
    margin: 0;
    padding: 0;
}
#content-text .tx-billitonemployeesearch-pi1 h4 {
    border-top: 0;
    clear: none;
    font-style: normal;
}

/* Teaserboxen Startseite ***********************************************/
#content-text .teaser-row {
    /*background: url(/fileadmin/layouts/main/public/gfx/teaser-row-bg.gif) 0 100% no-repeat;*/
    background: url(/fileadmin/layouts/main/public/gfx/teaser-row-tyle.png) 0 100% repeat-x;
    float: left;
    width: 555px;
    position: relative;
    margin-bottom: 30px;
}
#content-text .teaser-row .teaser-element {
    /*background: url(/fileadmin/layouts/main/public/gfx/teaser-shadow-right.gif) right repeat-y;*/
    float: left;
    width: 185px;
    spadding-right: 25px;
    margin-bottom: 30px;
}
#content-text .teaser-row .teaser-element h1 {
    /*background: url(/fileadmin/layouts/main/public/gfx/teaser-shadow-top.gif) 100% 21px no-repeat;*/
    background: url(/fileadmin/layouts/main/public/gfx/teaser-row-tyle.png) 0 17px no-repeat;
}
#content-text .teaser-row .teaser-element h1 a {
    padding-bottom: 75px;
    background-position: 10px 100%;
    background-repeat: no-repeat;
    margin-bottom: 25px;
    display: block;
    text-decoration: none;
    height: 1%;
    color: #00357b;
}
#content-text .teaser-row .teaser-element h1 a span {
    display: block;
    background: #c8d9ea url(../gfx/references/link-icon.gif) 100% 0 no-repeat;
    font-weight: bold;
    color: #00357b !important;
    text-indent: 4px;
    line-height: 21px;
    width: 182px;
    text-decoration: none;
}
#content-text .teaser-row .teaser-element p {
    padding-right: 25px;
}
#content-text .teaser-row .teaser-element .more-link {
    position: absolute;
    bottom: 26px;
    background: url(../gfx/news-more-link.gif) no-repeat right;
    padding-right: 22px;
    font-size: 85%;
    letter-spacing: 0.08em;
    color: #00357b;
    text-decoration: none;
}
#content-text .teaser-row .teaser-first .more-link {
    left: 85px;
}
#content-text .teaser-row .teaser-middle .more-link {
    left: 270px;
}
#content-text .teaser-row .teaser-last .more-link {
    left: 455px;
}


.iframe-512 {
    position: relative;
    left: 17px;
    margin-bottom: 24px;
}
.htmlarea-showtableborders {
    margin-bottom: 16px;
    clear: both;
}
.htmlarea-showtableborders {
    border: 2px solid #c8d9ea !important;
}
.htmlarea-showtableborders td,
.htmlarea-showtableborders th {
    border: 1px solid #c8d9ea;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}
.htmlarea-showtableborders th {
    font-weight: bold;
    color: #00357b;
    vertical-align: top;
    text-align: left;
}
.htmlarea-showtableborders strong {
    font-size: 92%;
}

.htmlarea-showtableborders .border-top td,
.htmlarea-showtableborders .border-top th {
    border-top-width: 2px;
}
#content-area .contenttable {
    width: 516px;
    clear: both;
    margin: 0 20px 16px 10px;
    
}
.contenttable td,
.contenttable th {
    vertical-align: top;
    padding: 2px 5px;
    font-size: 92%;
}
.contenttable td {
}

.contenttable .tr-even td {
    background-color: #edf3f8;
}
.contenttable .tr-odd.tr-last td {
    border-bottom: 2px solid #edf3f8;
}

.contenttable th {
    background-color: #c8d9ea;
    color: #00357b;
    font-weight: bold;
}


.table-1-even,
.table-1-odd {
    border: 0 none;
    margin-bottom: 16px;
}

.table-1-even .contenttable,
.table-1-odd .contenttable{
    width: 530px;
    margin: 0 0 10px 10px;
}
.table-1-odd {
    background-color: #edf3f8;
}
.table-1-even {
    background-color: #c8d9ea;
}

#content-text .table-1-odd td,
#content-text .table-1-even td,
#content-text .table-1-odd th,
#content-text .table-1-even th {
    border: 0 none;
    background-color: transparent;
}

#content-text .table-1-odd .td-last,
#content-text .table-1-even .td-last {
    font-weight: bold;
    font-size: 100%;
    color: #00357b;
    text-align: right;
}
#content-text .table-1-odd h3,
#content-text .table-1-even h3 {
    font-size: 108%;
    text-indent: 9px;
    border-bottom: 1px solid #c8d9ea;
    margin: .3em 5px;
    padding-top: 6px;
}
#content-text .table-1-even h3 {
    border-bottom: 1px solid #edf3f8;
}
.indent-1 td.td-1 {
    text-indent: 30px;
}
#content-text .equal-font-size table td {
    font-size: 92% !important;
}
.last-align-bottom .td-last {
    vertical-align: bottom;
}

/*****************************   Saas   *****************************/
body.saas div#content-text ul li {
   background-image: url(../gfx/navigation/menu-2-ul-li-ul-li-no.gif);
   background-position: 0 .3em;
}
#content-text .header-check,
#content-text .header-check,
#content-text .header-plus,
#content-text .header-plus,
#content-text .header-arrow,
#content-text .header-arrow,
#content-text .header-euro,
#content-text .header-euro,
#content-text .header-reseller,
#content-text .header-reseller {
    clear: both;
}
#content-text .header-check h1,
#content-text .header-check h2,
#content-text .header-plus h1,
#content-text .header-plus h2,
#content-text .header-arrow h1,
#content-text .header-arrow h2,
#content-text .header-euro h1,
#content-text .header-euro h2,
#content-text .header-reseller h1,
#content-text .header-reseller h2 {
    background: #c8d9ea url(/fileadmin/layouts/main/public/gfx/header-check.gif) no-repeat 100% 0;
    clear: both;
    color: #00357b !important;
    font-weight: bold;
    padding: 0 24px 0 4px;
    display: block;
    line-height: 24px;
    width: 523px;
}

#content-text .header-check h1,
#content-text .header-check h2 {
    background-image: url(/fileadmin/layouts/main/public/gfx/header-check.gif);
}
#content-text .header-euro h1,
#content-text .header-euro h2 {
    background-image: url(/fileadmin/layouts/main/public/gfx/header-euro.gif);
}
#content-text .header-plus h1,
#content-text .header-plus h2 {
    background-image: url(/fileadmin/layouts/main/public/gfx/header-plus.gif);
}
#content-text .header-arrow h1,
#content-text .header-arrow h2 {
    background-image: url(/fileadmin/layouts/main/public/gfx/header-arrow.gif);
}
#content-text .header-reseller h1,
#content-text .header-reseller h2 {
    background-image: url(/fileadmin/layouts/main/public/gfx/header-reseller.gif);
}

/***************************  Indexed search  *********************************/
#content-text .tx-indexedsearch-searchbox-sword {
    border: 1px solid #c8d9ea;
    width: 200px;
}
#content-text .tx-indexedsearch-searchbox-button {
    width: 202px;
    margin-top: .5em;
    color: #fff;
    border: 0 none;
    background-color: #00357b;
}
.tx-indexedsearch-searchbox fieldset {
    height: 5em;
}
#content-text .tx-indexedsearch-form,
#content-text .tx-indexedsearch-search-submit {
    position:relative;
}
#content-text .tx-indexedsearch-searchbox-button,
#content-text .tx-indexedsearch-searchbox-sword{
    position:absolute;
    right: 13em;
}
#content-text .percent-tmpl-css {
    margin: 0;
}
#content-text .tx-indexedsearch h3 {
    margin-bottom: 16px;
    width: 521px !important;
    height: 21px;
}
#content-text .tx-indexedsearch .res-tmpl-css {
    margin-bottom: 3em !important;
}
#content-text .tx-indexedsearch .percent-tmpl-css {
    line-height: 21px;
}
#content-text .tx-indexedsearch .tx-indexedsearch-res {
    background: url(/fileadmin/layouts/main/public/gfx/header-paper.gif) right top no-repeat;
}
.tx-indexedsearch a {
   color: #00357b;
}
.tx-indexedsearch-icon {
    position: relative;
    top: 2px;
}
#content-text .tx-indexedsearch-info {
    background-color: #c8d9ea;
    padding: .1em 0;
    margin: .6em 0 0 0;
}
.tx-indexedsearch-browsebox {
    margin: 0 0 .6em 0;
}
.tx-indexedsearch-browsebox p {
    background-color: #edf3f8;
}
#content-text .tx-indexedsearch .tx-indexedsearch-info,
#content-text .tx-indexedsearch .tx-indexedsearch-icon,
#content-text .tx-indexedsearch .tx-indexedsearch-result-number {
    display: none;
}
#content-text .tx-indexedsearch .tx-indexedsearch-title {
    float: left;
}
.tx-indexedsearch-browsebox .browsebox {
    text-align: center;
    margin: 10px 0;
}
#content-text .tx-indexedsearch-browsebox .browsebox .first a,
#content-text .tx-indexedsearch-browsebox .browsebox .last a {
    background: url(/fileadmin/layouts/main/public/gfx/button-small.gif) right top no-repeat;
    color: #fff;
}
#content-text .tx-indexedsearch-browsebox .browsebox a {
    padding: 2px 4px;
}
#content-text .tx-indexedsearch .tx-indexedsearch-browsebox li {
    margin: 0;
}

/***************************    general classes   *****************************/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.csc-textpic, .clearfix {display: inline-block;}
.csc-textpic:after, .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .csc-textpic, * html .clearfix {height: 1%;}
.csc-textpic, .clearfix {display: block;}
.clear {clear: both;}




##helpdesk-button {
#    float: left;
#    clear: both;
#    padding: 58px 0 0 58px;
#}





#saas-aktion dl {
    margin: 0;
}

/************************** slide gallery (easy slider) **********************/
.easygallery .csc-textpic {
    position: relative;
    border: 1px solid #c8d9ea;
    margin-bottom: 1.4em;
    padding: 20px 26px;
    width: auto;
}
.easygallery li {
    height: 300px;
    overflow: hidden;
    width: 492px;
}
#prevBtn a,
#nextBtn a{
    position: absolute;
    width: 24px;
    height: 23px;
    background: transparent url(/fileadmin/layouts/main/public/gfx/slidebuttons.png) 0 0 no-repeat; 
    display: block;
    overflow: hidden;
    text-indent: -9876px;
    top: 156px;
}
#prevBtn a{
    left: -5px;
}
#nextBtn a {
    right: -5px;
    background-position: -24px 0; 
}

/* whoson */
.whosontest ul#menu-1 {
    padding-top: 0;
}
#whoson-wrap {
    width: 569px;
    height: 120px;
    display: block;
    position: relative;
}
#whosonlink {
    background: transparent url(/fileadmin/layouts/main/public/gfx/whoson-link.png) no-repeat 0 0;
    display: block;
    width: 127px;
    height: 120px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#whoson-hover {
    background: transparent url(/fileadmin/layouts/main/public/gfx/whoson-hover.png) no-repeat 0 0;
    display: none;
    /* border: 1px solid red; */
    width: 460px;
    height: 109px;
    position: absolute;
    left: 20px;
    top: 7px;
}