/*
FARBEN
    rot:
    color: #d80000;

*/
/*************************** Seitenlayout ***********************************/
html {
    height: 100%;
    background-color: #fff;
}
body {
    background: url(/fileadmin/layouts/main/public/gfx/horizontal-bg.gif) repeat-x top;
    font-family: verdana,tahoma,helvetica,arial,sans-serif;
    width: 100%;
    height: 100%;
    padding-bottom: 1px;
}
#main {
    width: 972px;
    margin: auto;
    position: relative;
    background: url(/fileadmin/layouts/main/public/gfx/vertical-bg.png) repeat-y center;
}
#main-inner {
    float: right;
}
#header {
    height: 170px;
    position: relative;
    background: #fff;
    width: 972px;
}
#content {
    float: right;
    padding: 5px 0 100px 0;
}
#content-text {
    float: right;
    width: 670px;
    padding: 2em 50px 0 17px;
    margin-bottom: 30px;
}
#col-navi {
    float: right;
    width: 228px;
}
#footer {
    position: relative;
    margin: 0 auto;
    width: 972px;
    background: url(/fileadmin/layouts/main/public/gfx/footer-bg-transparent.png) no-repeat 25px 0;
}
.main-divider {
    clear: both;
    position: absolute;
    right: 36px;
    float: right;
    display: block;
    height: 1px;
    width: 898px;
    font-size: 0;
    border: 0 none;
    background-color: #d80000;
}
#content .main-divider {
}

#content-text #content-right {
    width: 193px;
    float: right;
    margin-left: 34px;
}
#content-text #content-main {
    width: 442px;
    float: right;
}

/**************************** allgemeine Klassen *****************************/

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

b, strong {
    font-weight: bold;
}
i, em {
    font-style: italic;
}

.clear {
    clear: both;
}
br.clear {
    font-size: 0;
}

/***************************   Inhaltselemente    ***************************/
#content-text {
    line-height: 1.6em;
    color: #6d6c6c;
}
#content-text h1 {
    color: #d80000;
    font-weight: bold;
    font-size: 92%;
    margin-bottom: 1.8em;
}
#content-text h2,
#content-text legend {
    color: #d80000;
    font-weight: bold;
    font-size: 85%;
}
#content-text h3 {
    font-weight: bold;
    font-size: 85%;
    font-weight: bold;
}
#content-text p {
    font-size: 85%;
}
#content-text ul li {
    padding-left: 1.3em;
    background: url(/fileadmin/layouts/main/public/gfx/li.gif) 0 .8em no-repeat;  
}
#content-text ol li {
    list-style-type: decimal;
}
#content-text ol li ol li{
    list-style-type: lower-alpha;
}
 
#content-text li {
    list-style-position: outside;
    margin-left: 1.6em;
    font-size: 85%;
}
#content-text li li {
    font-size: 100%;
}
#content-text p,
#content-text ul,
#content-text ol {
    margin-bottom: 1em;   
}
#content-text .csc-texttext,
#content-text .csc-textpic,
#content-text .contenttable,
#content-text .contenttable,
#content-text form {
}

#content-text .csc-textpic a.thickbox {
}
#content-text .csc-textpic a.thickbox img {
    border-bottom: 1px solid #fff;
    border-bottom: 15px solid #d80000;
    padding-bottom: 1px;
    background-color: #fff;
}

#content-text .csc-textpic .csc-textpic-caption {
    position: relative;
    margin: -15px 0 0 0;
    padding: 1px 30px 1px 9px;
    background-color: #d80000;
    font-size: 77%;
    line-height: 13px;
    color: #fff;
}
#content-text .csc-textpic a.thickbox img.lupe {
    position: relative;
    margin: -15px 0 0 0;
    float: right;
    z-index: 40;
    border-left:1px solid #FFFFFF;
    border-bottom: 0 none;
    padding: 3px;
    background-color: #d80000;
}
#content-text a {
    color: #6d6c6c;
    font-weight: bold;
}
#content-text a:visited {
}
#content-text .pdf-link .csc-texttext a {
    background: url(/fileadmin/layouts/main/public/gfx/icon-pdf.gif) no-repeat left;
    padding: 0 39px;
    border-bottom: 1px solid #cdcdcd;
    height: 19px;
    line-height: 19px;
    text-decoration: none;
    font-weight: normal;
    display: block;
    float: left;
}
#content-text .pdf-link .csc-texttext a:hover {
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    color: #d80000;
    position: relative;
    margin-top: -1px;
}
#content-text .vorschau{
    float: left;
}
#content-text .vorschau .csc-textpic-image {
    height: 112px;
    overflow: hidden;
    border-bottom: 15px solid #d80000;
    margin-bottom: 5px;
}
#content-text .vorschau .csc-textpic-image dt {
    height: 111px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}
#content-text .vorschau .csc-textpic {
    float: left;
    width: 180px;
    margin: 0 38px 20px 0;
}
#content-text .vorschau .csc-textpic p {
    line-height: 1.4em;
}

/***************************     Header     *********************************/
#header #theme {
    position: absolute;
    right: 32px;
    bottom: 0;
}
#header #theme .csc-textpic-clear {
    position: absolute;
    width: 690px;
    height: 114px;
    background: url(/fileadmin/layouts/main/public/gfx/theme-overlap-top.gif) no-repeat 0 0;
    right: 0;
    top: 0;
}
#header #theme .csc-textpic-image {
    margin: 0;
}

#header .homelink {
    position:relative;
    left:12px;
    top:3px;
}

#header #overlap {
    position: absolute;
    left: 250px;
    top: 35px;
    background: url(/fileadmin/layouts/main/public/gfx/theme-overlap-left.png) no-repeat 0 0;
    height: 100px;
    width: 50px;
}
#toplinks {
    position: absolute;
    right: 32px;
    top: 4px;
    border: 1px solid #fff;
}
#toplinks li {
    display: inline;
}
#toplinks a {
    color: #db121f;
    font-size: 85%;
    text-decoration: none;
    padding: 0 5px;
    border-left: 1px solid #db121f; 
}
#toplinks .first a {
    border-left: 0 none;
}
#toplinks a:hover {
    text-decoration: underline;
}

/***************************   Subheader    *********************************/
#subheader {
    position: relative;    
}

/* Brotkrumennavigation */
#breadcrumb {
    position: relative;
    left: 254px;
    width: 480px;
    line-height: 30px;
    height: 30px;
}
#breadcrumb ul {
    float: left;
}
#breadcrumb li {
    float: left;
	font-size: 85%;
	color: #6d6c6c;
    padding-right: 3px;
}
#breadcrumb li a {
	color: #6d6c6c;
	font-weight: normal;
	text-decoration: none;
}
#breadcrumb li a:hover {
    text-decoration: underline;
}

/* Suche */

#search-form {
}
#search-form #search-input {
    position: absolute;
    right: 102px;
    top: 4px;
    border: 1px solid #6d6c6c;
    line-height: 18px;
    height: 16px;
    width: 140px;
    color: #6d6c6c;
    font-size: 85%;
}
#search-form #search-button {
    position: absolute;
    right: 50px;
    top: 4px;
    background-color: #db121f;
    border: 0 none;
    height: 18px;
    width: 49px;
    cursor: pointer;
    color: #fff;
    font-size: 85%;
    text-align: center;
}

/***************************      Menü      *********************************/
#navi-main {
}
#navi-main a {
    text-decoration: none;
}
#navi-main li {
    
}
#navi-main li a.act-lev0,
#navi-main li a.no-lev0 {
    display: block;
    padding: .5em 0 .5em 16px;
    margin-bottom: 3px;
}
#navi-main li a.act-lev0 {
    font-weight: bold;
    border-left-style: solid;
    border-left-width: 26px;
    border-left-color: #999;
}
#navi-main li a.no-lev0:hover {
    border-left-width: 26px;
    margin-left: 0;    
}
#navi-main li a.no-lev0 {
    border-left-style: solid;
    border-left-width: 15px;
    border-left-color: #999;
    color: #6d6c6c;
    margin-left: 11px;
}
/* Farben */
#navi-main li.n0 a {
    color: #d42485;
    border-color: #d42485;
}
#navi-main li.n0 ul.lev2 {
    border-bottom-color: #d42485; 
}

#navi-main li.n1 a {
    color: #dc254c;
    border-color: #dc254c;
}
#navi-main li.n1 ul.lev2 {
    border-bottom-color: #dc254c; 
}

#navi-main li.n2 a {
    border-color: #fe3803;
    color: #fe3803;
}
#navi-main li.n2 ul.lev2 {
    border-bottom-color: #fe3803;
}

#navi-main li.n3 a {
    border-color: #fe6703;
    color: #fe6703;
}
#navi-main li.n3 ul.lev2 {
    border-bottom-color: #fe6703;
}

#navi-main li.n4 a {
    border-color: #fe9d03;
    color: #fe9d03;
}
#navi-main li.n4 ul.lev2 {
    border-bottom-color: #fe9d03;
}
/* gelb */
#navi-main li.n5 a {
    border-color: #f6fe03;
    color: #f6fe03;
    color: #cdcf00;
}
#navi-main li.n5 ul.lev2 {
    border-bottom-color: #f6fe03;
    border-bottom-color: #cdcf00;
}

#navi-main li.n6 a {
    border-color: #a3d751;
    color: #a3d751;
}
#navi-main li.n6 ul.lev2 {
    border-bottom-color: #a3d751;
}

#navi-main li.n7 a {
    border-color: #5cbf0b;
    color: #5cbf0b;
}
#navi-main li.n7 ul.lev2 {
    border-bottom-color: #5cbf0b;
}

#navi-main li.n8 a {
    border-color: #17af94;
    color: #17af94;
}
#navi-main li.n8 ul.lev2 {
    border-bottom-color: #17af94;
}

#navi-main li.n9 a {
    border-color: #01a4d3;
    color: #01a4d3 ;
}
#navi-main li.n9 ul.lev2 {
    border-left-color: #01a4d3;
}

#navi-main li.n10 a {
    border-color: #2a8eff;
    color: #2a8eff ;
}
#navi-main li.n10 ul.lev2 {
    border-left-color: #2a8eff;
}

#navi-main li.n11 a {
    border-color: #5040ff;
    color: #5040ff ;
}
#navi-main li.n11 ul.lev2 {
    border-left-color: #5040ff;
}

/* für no überschreiben */
#navi-main li a.no-lev0 {
    color: #6d6c6c;
}
#navi-main ul.lev1 li.no a {
    color: #6d6c6c;
}


/**** 2. Ebene ******/
#navi-main ul.lev1 {
    padding-left: 29px;
}
#navi-main ul.lev2 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#navi-main ul.lev1 li a {
    display: block;  
    padding: 0 0 1px 22px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#navi-main ul.lev1 li.act a {
    padding: 0 0 1px 14px;
    border-left-style: solid;
    border-left-width: 8px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* 3. Ebene */
#navi-main ul.lev2 {
    padding-left: 12px;
}
#navi-main ul.lev2 li,
#navi-main ul.lev2 li a {
    border-bottom: 0 none !important;
    border-left: 0 none !important;
}
#navi-main .lev1 ul.lev2 li a {
    padding: 1px 0 1px 26px;
}

/******************************** Footer ***********************************/
#footer div.csc-texttext {
    float: left;
    width: 738px;
    padding-left: 183px;
    margin: 3px 0 0 25px;
    height: 60px;
}

#footer p {
    color: #6d6c6c;
    font-size: 85%;
    float: left;
    margin-left: 45px;
}

#footer p span {
    width: 200px;
    display: block;
}
/* News */
#content-right h1 {
    margin-bottom: 2.2em;
}

.news-latest-item {
    background: url(/fileadmin/layouts/main/public/gfx/news-latest-item-bg.gif) repeat-x 0 1em;
    margin-bottom: 2em;
}
#content-text .news-latest-date {
    background-color: #d80000;
    color: #fff;
    height: 1.2em;
    line-height: 1.2em;
    margin-bottom: .6em;
    padding-left: 2px;
}
#content-text .news-latest-item h2,
#content-text .news-latest-item .bodytext,
#content-text .news-latest-item .news-more-link {
    padding: 0 12px;
    margin-bottom: 0;
}

.news-latest-item a {
    text-decoration: none;
}
.news-latest-item a:hover {
    text-decoration: underline;
}
.news-single-item div.csc-textpic-imagewrap {
    width: 200px;
}
.news-single-item .csc-textpic-imagewrap {
    float: right;
}
#content-text .news-single-img a.thickbox img {
    float: right;
}
#content-text .news-single-img a.thickbox img.lupe {
    clear: both;
    background-color: #d80000;
    border-bottom: 0 none;
    padding: 3px;
}
.news-list-item .news-image {
    float: right;
    margin-top: 1.6em;
}


/* Disclaimer */
#content-text a.hidden-link {
    color: #666;
    text-decoration: none;
}
#content-text .tx-billitonextdisclaimer-pi1 p a img {
    margin-bottom: -1px;
}
/*************************   billiton_gallery  *****************************/
/*
.gallery-list-rowpic,
.gallery-list-rowpic-first {
    margin-right: 40px;
    margin-bottom: 33px;
}
.gallery-list-rowpic-last {
    margin-right: 0;
    margin-bottom: 33px;
} 
.billitongallery_pagebrowser {
   position: relative;
   display: block;
   clear: left;
   height: 30px;
   line-height: 30px;
   margin-bottom: .5em;
   color: #666;
   font-size: 92%;
}
#content-text .billitongallery_pagebrowser_back a,
#content-text .billitongallery_pagebrowser_fwd a {
    color: #d80000;
    font-weight: bold;
    text-decoration: none;
}
.billitongallery_pagebrowser_back {
   position: absolute;
   left: 0;
}
.billitongallery_pagebrowser_page {
    sfloat: left;
    sposition: relative;
    sleft: 305px;
    margin: auto;
    text-align: center;
}
.billitongallery_pagebrowser_fwd {
   position: absolute;
   right: 0;
}
*/
/********************************* indexed_search **************************/
.tx-indexedsearch-form,
.tx-indexedsearch-search-submit {
    display: inline;
}
.tx-indexedsearch-searchbox-sword {
    border: 1px solid #6d6c6c;
}
#tx-indexedsearch-searchbox-button-submit {
    background-color: #db121f;
    color: #fff;
    border: 0 none;
}
#content-text .tx-indexedsearch-searchbox legend {
    display: none;
}
/****** Kontaktformulare ******/
.tx-pilmailform-pi1 form {
	width: 100%;
	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;
	min-width: 50%;
	width: auto !important;
	width: 50%;
}
#content-text ol.mailform li select option {
	padding-right: 20px;
}
#content-text ol.mailform li label {
}
#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 {
	border: 1px solid #666;
}
#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 {
	padding: 2px 18px;
	background-color: #666;
	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 .error label {
	font-weight: bold;
	color: #cf0c0c;
}
#content .error input, #content .error textarea {
	border: 2px solid #cf0c0c !important;
}