/*
FARBEN
*/
body, html {
    height: 100%;
}
body {
    font-family: arial,verdana,tahoma,helvetica,arial,sans-serif;
    width: 100%;
    text-align: center;
}

/***************************    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;}
em, i {font-style: italic;}
strong, b {font-weight: bold;}
/***************************   content elements    ***************************/
#content-text {
    line-height: 1.4em;
    margin-left: 380px;
    color: #999999;
}
#content-text.big-head {
    padding:  245px 0 85px 0;
}
#content-text.small-head {
    padding:  130px 0 85px 0;
}
#content-text h1,
#content-text h2,
#content-text h3,
#content-text h4 {
    font-weight: bold;
    color: #203944;
    margin-bottom: 1.4em;
}
#content-text h1,
#content-text h2,
#content-text h3,
#content-text h4{
    font-size: 93%;
}
#content-text h1 {
}
#content-text h2 {
    font-weight: normal;
}
#content-text h3,
#content-text h4,
#content-text h5,
#content-text h6 {
    color: #777;
    font-weight: normal;
}
#content-text p {
    font-size: 93%;
    line-height: 2.2em;
    margin-bottom: 1.4em;
}
#content-text .two-cols-70-30 {
    overflow: hidden;
}
#content-text .two-cols-70-30 .col1 {
    width: 360px;
    float: left;
}
#content-text .two-cols-70-30 .col2 {
    float: right;
    width: 170px;
    margin-left: 20px;
}
#content-text input,
#content-text label,
#content-text textarea {
    color: #999999;
    font-size: 93%;
}
.csc-texttext ul,
.csc-texttext ol,
.csc-textpic-text ul,
.csc-textpic-text ol {
    margin-bottom: 1.4em;
    margin-left: 1.7em;
    line-height: 2.2em;
}
.csc-texttext li,
.csc-textpic-text li {
    list-style-position: outside;
    font-size: 93%;
}
.csc-texttext ul li,
.csc-textpic-text ul li {
    list-style-type: disc;
}
.csc-texttext ol li,
.csc-textpic-text ol li {
    list-style-type: decimal;
}

#content-text li li {
    font-size: 100%;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    font-size: 85%;
    font-weight: bold;
    padding: 0 3px;
}
.csc-textpic-image {
    position: relative;
}
.csc-textpic .thickbox img.lupe {
    position: absolute;
    top: 4px;
    right: 4px;
    border: 0 none !important;
}


#content-text a {
    text-decoration: none;
    font-weight: bold;
    color: #999999;
}
#content-text a:hover {
    color: #B62420;
}

#content-text .csc-texttext,
#content-text .csc-textpic,
#content-text .csc-textpic-text,
#content-text .contenttable,
.tx-billitonextdisclaimer-pi1,
#content-text form {
}
/* undo styles above for text in text-with-image elements that DO have an image */
#content-text .csc-textpic .csc-textpic-text {
}
#content-text .csc-textpic {
}

/* Disclaimer */
#content-text a.hidden-link {
    color: #999;
    text-decoration: none;
    font-weight: normal !important;
}
#content-text .tx-billitonextdisclaimer-pi1 p a img {
    margin-bottom: -1px;
}
#container,
#footfoot {
    width: 930px;
    margin: 0 auto;
    text-align: left;
}
#container {
}
#footer {
    position: fixed;
    bottom:0;
    width: 100%;
    background: #203944 url(/fileadmin/layouts/main/public/gfx/bg_footer.gif) scroll repeat-x left top;
}
#head {
    position: fixed;
    top:0;
    width: 930px;
}
#head #header-image {
    float: right;
}
#head #homelink {
    float: left;
    margin-top: 40px;
    width: 380px;
}
#head #homelink a img {
    border: 0 none;
}
/*
    Navigation
*/
#col1 {
    position: fixed;
    margin: 0 0 0 0;
    top: 132px;
    padding: 0 88px 0 90px;
    width: 202px;
    float: left;
    z-index: 0;
}
#navi-main,
#navi-second {
    text-transform: uppercase;
}
#navi-second {
    margin-top: 20px;
}
#navi-main.lev0 li ul.lev1 {
    text-transform: none;
    margin: 10px 0 12px 0;
}
#navi-main.lev0 li,
#navi-second.lev0 li {
    margin: 0 0 4px 0;
}
#navi-main.lev0 ul.lev1 li.first,
#navi-second.lev0  ul.lev1  li.first {
}
#navi-main li a,
#navi-second li a {
    text-decoration: none;
    color: #989898;
    display: block;
    font-size: 77%;
    letter-spacing: 0.1em;
}

#navi-second li a {
}
#navi-main li a:hover,
#navi-second li a:hover {
    color: #b72320;
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-dotted.gif) scroll repeat-x 0 4px;
}
#navi-main.lev0 li ul.lev1 a {
    background: #fff url(/fileadmin/layouts/main/public/gfx/sprite_navi-listpoints.gif) scroll no-repeat 0 1px;
    padding-left: 10px;
    font-size: 85%;
}
#navi-main.lev0 li ul.lev1 li a.act,
#navi-main.lev0 li ul.lev1 a:hover {
    background-position: 0 -25px;
}
/*
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-dotted.gif) scroll repeat-x left 8px;
}
*/

#navi-main li a.act,
#navi-second li a.act {
    color: #1e3a45;
}
#navi-main li a span,
#navi-second li a span {
    background-color: #fff;
    padding: 0 10px 0 0;
}
#navi-main ul.lev1 li {
    margin: 0 0 2px 0;
}
#navi-main.lev0 li ul.lev1 li a.act {
    color: #1e3a45;
    font-weight: bold;
}
#navi-main.lev0 li ul.lev2 a {
    background: none;
}
#footfoot {
    background: #203944 url(/fileadmin/layouts/main/public/gfx/footer-lines.gif) scroll no-repeat right top;
    padding-top: 55px;
    overflow: hidden;
}
#footfoot ul {
    overflow: hidden;
    margin-left: 90px;
    /*display: inline-block;*/
    float: left;
}
#footfoot {
    font-size: 70%;
}
#footfoot ul li {
    float: left;
    margin-right: 5px;
    letter-spacing: 1px;
}
#footfoot ul li,
#footfoot ul li a {
    color: #999999;
}
#quicksearch {
    float: right;
    padding-bottom: 4px;
}
#quicksearch input {
    border: none;
    background-color: #79888f;
    color: #fff;
    width: 100px;
}
#quicksearch input.submit {
    border: none;
    background-color: transparent;
    color: #999999;
    width: auto;
}
/*
    Pageteaser
*/
#content-text .tx-jppageteaser-pi1-list {
    overflow: hidden;
}
#content-text .tx-jppageteaser-pi1-list-entry h4 {
    border: 0 none;
    position: relative;
    color: #203944;
    font-weight: bold;
}
#content-text .tx-jppageteaser-pi1-list-entry h4 a {
    color: #203944;
    text-decoration: none;
}
#content-text .tx-jppageteaser-pi1-list-entry {
    float: left;
    width: 265px;
    margin-bottom: 18px;
}
#content-text .tx-jppageteaser-pi1-list .tx-jppageteaser-pi1-list-entry-first {
}
#content-text .tx-jppageteaser-pi1-list .tx-jppageteaser-pi1-list-entry-odd {
    margin-right: 20px;
}
#content-text .tx-jppageteaser-pi1-list .tx-jppageteaser-pi1-list-entry-even {
    margin-right: 0px;
}
#content-text .tx-jppageteaser-pi1-list .tx-jppageteaser-pi1-list-entry-image {
    float: left;
    margin-right: 20px;
}
/*
    Bildunterschriften
*/
#content-text .csc-textpic-image,
#content-text .csc-textpic-imagewrap {
    position: relative;
}
#content-text .csc-textpic-imagewrap {
    display: block;
}
#content-text .csc-textpic-caption {
    filter: alpha(opacity=70); /* IE */
    -moz-opacity: 0.70; /* Mozilla */
    opacity: 0.70; /* Opera */
    background-color: #203944;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
}
#content-text .csc-textpic-caption span {
    filter: alpha(opacity=100); /* IE */
    -moz-opacity: 1; /* Mozilla */
    opacity: 1; /* Opera */
    color: #fff;
    display: block;
    padding: 3px 5px;
    text-align: right;
}

/*
    tt_news
*/
#content-text .two-cols-70-30 .col2 .news-latest-item {
    margin-bottom: 1.4em;
    line-height: 1.3em;
}
#content-text .two-cols-70-30 .col2 .news-latest-item p.bodytext,
#content-text .two-cols-70-30 .col2 .news-latest-item h2,
#content-text .two-cols-70-30 .col2 .news-latest-item .morelink {
    font-size: 85%;
}
#content-text .two-cols-70-30 .col2 .news-latest-item p.bodytext,
#content-text .two-cols-70-30 .col2 .news-latest-item h2 {
    margin-bottom: .4em;
    line-height: 1.3em;
}
#content-text .two-cols-70-30 .col2 .news-latest-item p.bodytext {
    margin-bottom: .6em;
}
#content-text .two-cols-70-30 .col2 .news-latest-item h2,
#content-text .two-cols-70-30 .col2 .news-latest-item h2 a {
    color: #203944;
    font-weight: normal;
}
#content-text .two-cols-70-30 .col2 .news-latest-item .morelink{
    display: block;
    text-align: right;
}
#content-text .news-list-item {
    margin-bottom: 1.4em;
}
#content-text .news-list-item .news-text p,
#content-text .news-list-item .morelink {
    float: left;
}
#content-text .news-list-item .morelink {
    width: 120px;
}
#content-text .news-list-item .news-text p {
    width: 429px;
}
#content-text .news-list-item .news-text h2,
#content-text .news-list-item .news-text p {
    margin-bottom: 0;
}
#content-text .news-list-item .news-text h2,
#content-text .news-list-item .news-text h2 a {
    color: #203944;
}
#content-text .news-list-item .news-text h2 a .news-date,
#content-text .csc-header h1 .news-date {
    font-weight: normal;
}
/*
    pil_mailform
*/
#content-text .tx-pilmailform-pi1 form {
}
#content-text .tx-pilmailform-pi1 label {
    display: block;
    float: left;
    width: 95px;
}
#content-text .tx-pilmailform-pi1 ol li.anrede label {
    width: auto;
}
#content-text .tx-pilmailform-pi1 #anrede-f,
#content-text .tx-pilmailform-pi1 #newsletter-reg{
    margin-left: 95px;
}
#content-text .tx-pilmailform-pi1 #anrede-m,
#content-text .tx-pilmailform-pi1 #newsletter-unreg {
    margin-left: 10px;
}
#content-text .tx-pilmailform-pi1 ol {
    width: 361px;
}
#content-text .tx-pilmailform-pi1 ol.mailform li {
    float: left;
    padding: 0 0 4px 0;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.p100 {
    width: 100%;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.p100,
#content-text .tx-pilmailform-pi1 ol.mailform li.p20 {
    clear: both;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.p80 {
    float: right;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.p100 input {
    width: 260px;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.p20 input {
    width: 40px;
    margin-right: 0px;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.p80 input {
    width: 214px;
}
#content-text .tx-pilmailform-pi1 ol.mailform textarea {
    width: 260px;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.submit-btn {
    text-align: right;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.anrede {
    padding-top: 5px;
}
#content-text .tx-pilmailform-pi1 ol.mailform li input,
#content-text .tx-pilmailform-pi1 ol.mailform li textarea {
    border: none;
    border-bottom: 1px solid #999999;
    background: #fff url(/fileadmin/layouts/main/public/gfx/sprite_forminput.gif) scroll no-repeat left 6px;
    padding-left: 5px ;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.error label,
#content-text .tx-pilmailform-pi1 p.error {
    color: #b62420;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.error input,
#content-text .tx-pilmailform-pi1 ol.mailform li.error textarea {
    border-color: #b62420;
    background-position: left -79px;
}
#content-text .tx-pilmailform-pi1 ol.mailform li input#ort {
    background-image: none;
    padding-left: 2px;
}
#content-text .tx-pilmailform-pi1 ol.mailform li.error input,
#content-text .tx-pilmailform-pi1 ol.mailform li.error textarea {
    border-bottom: 1px solid #b62420;
}
#content-text .tx-pilmailform-pi1 ol.mailform li input.submit {
    background-color: transparent;
    background-image: none;
    border: 0 none;
    width: auto;
    text-align: right;
    padding: 0;
}
#content-text .tx-pilmailform-pi1 ol.mailform li input.radio {
    width: auto;
    border: 0 none;
    background: none;
}

/* Language Menu */
.languagemenu {
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    top: 0;
    left: 0;
}
.languagemenu .lang-inactive {
    display: none;
}
.languagemenu a {
    font-size: 77%;
    color: #ccc;
    text-decoration: none;
}
.languagemenu a:hover {
    color: #b72320;
}