/*
dunkelblau: #00519e
mittelblau: #adc4db
hellblau:   #ccdcec
rot:        #e3001a
*/
body, html {
    height:100%;
}
html {
    background: transparent url(/fileadmin/layouts/main/public/gfx/html-bg.jpg) no-repeat 900px 320px;
}
body {
    background: transparent url(/fileadmin/layouts/main/public/gfx/body-bg.gif) repeat-x 26px 0;
    font-family:verdana,tahoma,helvetica,arial,sans-serif;
    width:100%;
}
#main {
    width:972px;
    border-left: 2px solid #fff;
}
#head {
    height: 128px;
    width: 100%;
    position: relative;
    background: #fff;
    top: 2px;
}
#head #theme {
    position: absolute;
    left: 331px;
    top: 0;
    width: 639px;
    border-right: 2px solid #fff;
}
#toolbar {
    height: 22px;
    background: #00519e;
    margin: 2px 0;
    border-right: 2px solid #fff;
}
#navi-content {
    margin-bottom: 2em;
}
#breadcrumb {
    width: 664px;
    float: left;
}
#breadcrumb li {
    float: left;
    color: #fff;
    height: 22px;
    line-height: 22px;
    text-indent: 16px;
    background: transparent url(/fileadmin/layouts/main/public/gfx/breadcrumb-arrow.gif) no-repeat 6px 55%;
}
#breadcrumb li a {
    text-decoration: none;
    color: #fff;
}
#breadcrumb li.first {
    background: none;
}
#breadcrumb li.first a {
    margin-left: 60px;
}
#quicklinks {
    background: #fff;
    float: left;
    padding: 0 8px 0 2px;
}
#quicklinks li {
    display: inline;
}
#quicklinks a {
    display: block;
    width: 25px;
    height: 22px;
    float: left;
    background: #00519e;
    margin-right: 2px;
}
#quicklinks a.icon-print {
    margin-right: 0;
}
#quicklinks a img {
    position: relative;
}
#quicklinks a.icon-info img {
    left: 5px;
    top: 4px;
}
#quicklinks a.icon-contact img {
    left: 3px;
    top: 5px;
}
#quicklinks a.icon-sitemap img {
    left: 3px;
    top: 4px;
}
#quicklinks a.icon-print img {
    left: 3px;
    top: 4px;
}
#search-form {
    float: left;
    padding-left: 4px;
}
#search-input {
    width: 153px;
    height: 16px;
    float: left;
    margin-top: 2px;
    border: 1px solid transparent;
}
#search-button {
    width: 25px;
    height: 22px;
    background: #00519e url(/fileadmin/layouts/main/public/gfx/icon-magnifier.gif) no-repeat 5px 3px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 2px solid #fff;
    margin-left: 4px;
    cursor: pointer;
}
#sidebar {
    width: 333px;
}
#content-text {
    float: right;
    width: 620px;
}

#home #content-text {
    width: 631px;
}

#content-text p.bodytext,
#content-text p.bodytext a,
#content-text ul li,
#content-text ul li a,
#content-text h1,
#content-text h2,
#content-text h3,
.news-list-item h2 a {
    color: #00519e;
}
#content-text h1,
#content-text h2,
#content-text h3 {
    font-weight: bold;
}
#content-text h1 {
    margin-bottom: 1.5em;
    font-size: 116%;
}
#content-text h1.csc-firstHeader {
    line-height:40px;
    height:40px;
    margin: 10px 0;
}
body#home #content-text h1.csc-firstHeader {
    margin: 0 0 10px 0;
}

#content-text h2 {
    margin-bottom: 1.2em;
    font-size: 108%;
}
#content-text h3 {
    margin-bottom: 1em;
    font-size: 100%;
}
#content-text ul li {
    list-style: disc outside;
    margin-left: 1.2em;
}
#content-text p.bodytext,
#content-text ul {
    margin-bottom: 1em;
}
#content-text a {
    color: #00519e;
}
/*navi-main*/
#navi-main {
    margin: 0 0 42px 0;
}
#navi-main li a,
#login .csc-header h1,
.tx-newloginbox-pi1 h3 {
    height: 40px;
    line-height: 40px;
    display: block;
    margin-bottom: 2px;
    color: #00519e;
    text-decoration: none;
    padding-left: 60px;
    font-weight: bold;
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-no.gif) no-repeat left top;
}
#navi-main li a:hover,
#navi-main li.act a {
    color: #e3001a;
}
#navi-main li.act a,
#login .csc-header h1,
.tx-newloginbox-pi1 h3 {
    background: #ccdcec url(/fileadmin/layouts/main/public/gfx/navi-main-act.gif) no-repeat left top;
}
#navi-main li ul li a,
#navi-main li.act ul li a,
#navi-main li ul li ul li.no a {
    text-indent: 15px;
    margin-bottom: 0;
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-no.gif) no-repeat left top;
    color: #00519e;
}
#navi-main li.act ul li a {
    height: 20px;
    line-height: normal;
}
#navi-main li ul li.last a,
#navi-main li.act ul li.last a {
    margin-bottom: 2px;
}
#navi-main li ul li.act {
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-arrow.gif) no-repeat 60px 5px;
}
#navi-main li ul li.act a {
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-no.gif) no-repeat left top;
    color: #adc4db;
}
#navi-main li ul li a:hover {
    color: #e3001a;
}
#navi-main li ul li ul li a {
    text-indent: 30px !important;
}
#navi-main li ul li ul li.act {
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-arrow.gif) no-repeat 75px 5px;
}
.tx-newloginbox-pi1 p.status-message {
	padding-left: 60px;
	color: #E3001A;
}
.tx-newloginbox-pi1 label {
    background:transparent url(/fileadmin/layouts/main/public/gfx/navi-main-no.gif) no-repeat scroll left top;
    color:#00519E;
    display:block;
    font-weight:bold;
    height:40px;
    line-height:40px;
    margin-bottom:2px;
    padding-left:60px;
    text-decoration:none;
}
.tx-newloginbox-pi1 label input {
    height: 28px;
    line-height: 28px;
    width: 190px;
    margin-top: 4px;
    border: 2px solid #ccdcec;
}
.tx-newloginbox-pi1 label#pass-label,
.tx-newloginbox-pi1 label#forgot-label {
    float: left;
    margin-right: 8px;
}
.tx-newloginbox-pi1 #login-button,
#forgot-button {
    margin-top: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 85%;
    background-color: #00519e;
    height: 32px;
    border: none;
    padding: 0 4px;
}
.login-forgot-register,
.login-forgot-edit {
    clear: left;
}
.login-forgot-register a,
.login-forgot-edit a,
.forgot-infotext,
.back-infotext a,
.forgot-infotext-forgot {
    padding-left:60px;
    display: block;
    color:#00519E;
    margin-bottom: 2px;
}
.back-infotext a {
}
.forgot-infotext,
.forgot-infotext-forgot {
    background: transparent url(/fileadmin/layouts/main/public/gfx/navi-main-no.gif) repeat-y scroll left top;
}
.forgot-infotext {
    height: 40px;
    sline-height: 40px;
}
#login-forgot-button {
    width: auto;
}

#footer {
    clear: both;
    background: #ccdcec url(/fileadmin/layouts/main/public/gfx/2px-white.gif) repeat-y scroll 972px top;
    font-size: 85%;
    margin-bottom: 2px;
}
#footer,
#footer a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
#footer a {
    font-size: 100%;
}
#footer #link-totop {
    background: transparent url(/fileadmin/layouts/main/public/gfx/link-totop.gif) no-repeat scroll left 50%;
    padding-left: 16px;
    float: left;
    position: relative;
    left: 375px;
}
#footer #copy {
    width: 972px;
    background: #00519e url(/fileadmin/layouts/main/public/gfx/2px-white.gif) repeat-y scroll left top;
    text-align: right;
    padding-right: 8px;
}
#footer #copy,
#footer #link-totop {
    padding-top: 3px;
    padding-bottom: 3px;
}
#footer #copy span {
    font-weight: bold;
}
#billiton {
    padding-bottom: 1em;
}
#billiton p {
    font-size: 85%;
    text-align: right;
    padding-right: 8px;
    width: 972px;
}
#billiton p a {
    font-size: 100%;
}
#billiton,
#billiton a {
    color: #00519e;
    text-decoration: none;
}







/**** Kontaktformulare ****/
.tx-pilmailform-pi1 form {
   width: 600px;
   margin-bottom: 2.6em;
}
#content-text ol.mailform li {
   list-style-type: none;
   float: left;
   width: 99.9%;
   clear: left;
   margin: 0 0 1.3em 0;
}
/* Auswahlfeld */
#content-text ol.mailform li select {
   display: block;
   border: 1px solid #00519e;
}
#content-text ol.mailform li select option {
   padding-right: 20px;
   font-size: 93%;
}

#content-text ol.mailform li label {
   font-size: 93%;
}
#content-text ol.mailform li input {
   display: block;
   font-size: 93%;
   padding: 2px 0;
}
#content-text ol.mailform li input.text,
#content-text ol.mailform li textarea {
   width: 99.9%;
   border: 1px solid #00519e;
}
#content-text ol.mailform li textarea {
   height: 5.2em;
}
#content-text ol.mailform li input.submit {
   border: 1px solid #00519e;
   padding: 2px 18px;
   font-weight: bold;
   cursor: pointer;
}
#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 .error-label,
#content .error label {
   font-weight: bold;
   color: #ff010d;
}
#content-text .error input,
#content-text .error textarea {
   border: 2px solid #ff010d !important;
}


/**/

.billitongallery_pagebrowser {
    clear: both;
    position: relative;
    width: 619px;
    height: 17px;
    background: url(/fileadmin/layouts/main/public/gfx/gallery/pagebrowser.gif) no-repeat;
    text-align: center;
}
.billitongallery_pagebrowser_back,
.billitongallery_pagebrowser_fwd {
    position: absolute;
    top: 0;
    width: 49.9%;
}
.billitongallery_pagebrowser_fwd {
    text-align: right;
    right: 0;
}
.billitongallery_pagebrowser_back {
    text-align: left;
    left: 0;
}
.billitongallery_pagebrowser_back a,
.billitongallery_pagebrowser_fwd a {
    display: block;
    text-decoration: none;
}
.billitongallery_pagebrowser_page {
    color: #fff;
    font-weight: bold;
}
.gallery-list-rowpic-first, .gallery-list-rowpic {
    margin-bottom: 12px;
    margin-right: 11px;
}
.gallery-list-rowpic-last {
	margin-right: 0;
}
/*NEWS*/
.news-list-item {
    margin-bottom: 3em;
    clear: left;
}
.news-list-item img,
.news-single-img {
    float: left;
    margin: 0 6px 6px 0;
}
.news-list-morelink {
    text-align: right;
}
.news-list-morelink a,
.news-single-backlink a,
.tx-ttnews-browsebox,
.tx-ttnews-browsebox a {
    color: #00519e;
}
.tx-ttnews-browsebox {
    text-align: center;
}
/*STARTSEITE*/
#home #home-image {
    float: left;
    width: 431px ;
    height: 460px;
    margin-right: 8px;
}
#home #content-text #home-unternehmen .csc-firstHeader,
#home #home-image .csc-firstHeader {
    background-color: #ccdcec;
    text-indent: 10px;
}
#home #content-text .news-latest-container {
    float: left;
    width: 190px;
}
#home #content-text .news-latest-container h2 {
    background: #ccdcec;
    text-indent:10px;
    height:40px;
    line-height:40px;
    margin-bottom: 10px;
}
#home #content-text .news-latest-container h3 {
    background: url(/fileadmin/layouts/main/public/gfx/home-news-latest-header.gif) repeat-y;
    color: #fff;
    text-indent: 32px;
    padding: 2px 0;
    margin-bottom: 0.5em;
}
#home #content-text .news-latest-container .news-latest-item {
    margin-bottom: 50px;
}
#home #content-text .news-latest-container .news-latest-item a {
    text-decoration: none;
}
#home #content-text #home-unternehmen {
    clear: both;
    position: relative;
}
/*arbeitskreitabelle*/
.arbeitskreise {
    width: 99.9%;
    color: #00519e;
    border-collapse: separate;
    border-spacing: 2px;
}
.arbeitskreise th {
    padding-bottom: 20px;
}
.arbeitskreise tbody tr td {
    background-color: #ccdcec;
    border-bottom: 8px solid #fff;
}
.arbeitskreise tbody tr td.td-0 {
    font-weight: bold;
    padding: 2px 0 2px 5px;
}
.arbeitskreise tbody tr td.td-last {
    padding: 2px 0 2px 20px;
}

/*clearfix*/
.clearfix:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}