/* reset-fonts version 2.5.1 vom 19.3.08 (neue Werte) */
body, html {
    height: 100%;
}
html {
    background: #5c5c5c url(/fileadmin/layouts/main/public/gfx/html-bg.jpg) 50px 280px repeat-y;
}
body {
    width: 100%;
    font-family: verdana, tahoma, helvetica, arial, sans-serif;
    background: url(/fileadmin/layouts/main/public/gfx/body-bg.gif) top repeat-x;
    z-index: 30;
}
#main {
    width: 972px;
    position: relative;
    min-height: 100%;
    height:auto !important;
    height:100%;
    smargin-bottom:-76px;
}


strong, bold {
   font-weight: bold;
}
italic, em {
   font-style: italic;
}
#footer {
    position: relative;
    height: 114px;
    margin-top: -120px;
    clear: both;
    float: left;
    background: url(/fileadmin/layouts/main/public/gfx/footer-bg.gif) 0 14px repeat-x;
    width: 100%;
}

/**************  Header  ************************************************/
#header {
    border-top: 2px solid #ba1640;
    background: #fff url(/fileadmin/layouts/main/public/gfx/header-bg.gif) bottom repeat-x;
    height: 91px;
    width: 972px;
}
.homelink {
}

.homelink img {
    padding: 12px 22px 14px 39px;
    background-color: #fff;
    border-left: 50px solid #5c5c5c;
}
#theme {
    height: 158px;
    border-bottom: 14px solid #fff;
    sbackground: url(/fileadmin/layouts/main/public/gfx/theme-bg.jpg) 0 0 no-repeat;
    margin-left: 50px;
    width: 922px;
}
#theme dl {
    margin: 0 !important;
}

/* Einstellungen Smoothgallery  */
#theme .myGallery,
#content .myGallery {
    border: 0 none;
}
#content-text a.carouselBtn {
    color: #fff;
    right: 35px;
}
#content-text .jdGallery .slideElement {
    background-color: #414141;
    sbackground-color: #b80e3a;
}
body #lbCloseLink {
    background:transparent url(/fileadmin/layouts/main/public/gfx/close.gif) no-repeat scroll center;
}


/**************  Inhaltsbereich  ***************************************/

#content {
    float:right;
    padding-bottom: 120px;
}

/* Hauptnavigation */
#navi-main {
    padding: 26px 0 50px 0;
    width: 250px;
    float: right;
}
#navi-main li {
}

#navi-main a {
    color: #414141;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.7pt;
    padding: .4em 0 .4em 30px;
    display: block;
    background: url(/fileadmin/layouts/main/public/gfx/navi-main-a.gif) 0 50% no-repeat;
    line-height: 1.3em;
}
#navi-main .act a,
#navi-main .no a:hover {
    background: url(/fileadmin/layouts/main/public/gfx/navi-main-a-act.gif) 0 50% no-repeat;
    color: #b80e3a;
}
/* zweite Ebene */
#navi-main .lev1 {
    padding: .2em 10px .2em 42px;
}
#navi-main .lev1 a {
    background: 0 none !important;
    font-weight: normal;
    letter-spacing: 0;
    padding: .2em 0;
}
#navi-main .lev1 .act a,
#navi-main .lev1 a:hover {
    font-weight: bold;
}
/* dritte Ebene */
#navi-main .lev2 {
    padding: .2em 0 .2em 16px;
}
#navi-main .act .lev2 a {
    font-weight: normal;
    font-size: 85%;
    letter-spacing: .8pt;
    color: #414141;
    font-weight: bold;
    padding: .3em 0;
}
#navi-main .lev2 .act a,
#navi-main .lev2 a:hover {
    font-weight: bold;
    color: #b80e3a;

}


/* Inhalte */
#content-text {
    float: right;
    width: 576px;
    padding: 40px 20px 10px 30px;
    background: #fff url(/fileadmin/layouts/main/public/gfx/content-text-bg.gif) top repeat-x;
    letter-spacing: 0.3pt;
    line-height: 1.4em;
    position: relative;
}
#block-text {
    background-color: #fff;
}


#content-text .csc-firstHeader {
    padding-left: 1px;
}

#content-text h1 {
    color: #b80e3a;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: .7em;
}
#content-text h2 {
    color: #414141;
    font-weight: bold;
    margin-bottom: 1.4em;
}

#content-text h3 {
    color: #414141;
    font-weight: bold;
    margin-bottom: 1.4em;
    font-size: 92%;
}
#content-text ol,
#content-text ul,
#content-text p.bodytext {
    margin-bottom: 1.3em;
}
.csc-texttext ul li,
.csc-textpic-text ul li {
    padding-left: 23px;
    background: url(/fileadmin/layouts/main/public/gfx/li.gif) 3px .5em no-repeat;
    position: relative;
}
#content-text .csc-header {
    clear: left;
}
#content-text a {
    color: #b80e3a;
    text-decoration: underline;
}
#content-text a:hover {
    text-decoration: none;
}
#content-text a:visited {
    color:#c693a0;
}

/* Rahmen um Bilder */
.textpic-border .csc-textpic-image a,
#content-text .textpic-border .csc-textpic-image dt a {
    border: 2px solid #888;
    float: left;
}
.textpic-border .csc-textpic-image a:hover,
#content-text .textpic-border .csc-textpic-image dt a:hover {
    border: 2px solid #b80e3a;
}

#content-text .csc-textpic-caption {
    font-size: 85%;
}
/* ausgrauen */
#content-text .textpic-border .fade {
    position: absolute;
	width: 100%;
	height: 100%;
}



/*  Neuigkeiten */
.news-list-item {
    margin-bottom: 1.3em;
    clear: both;
}
.news-list-item-content a img {
    float: right;
    margin-bottom: 1.3em;
}
.tx-ttnews-browsebox{
    clear: both;
}
.tx-ttnews-browsebox table {
    margin: auto;
    width: auto;
}
.tx-ttnews-browsebox table td {
    padding: 0 3px;
}
.tx-ttnews-browsebox p {
    text-align: center;
}
#content-text .news-list-container .tx-ttnews-browsebox a,
#content-text .news-list-container .tx-ttnews-browsebox p span {
    color: #b80e3a;
    font-weight: bold;
}
.tx-ttnews-browsebox {
    text-align: center;
}

/********************** Seiten mit Herstellerlinks (Shop) *********************/
body#page-shop #content {
}
body#page-shop #main {
    background: transparent url(/fileadmin/layouts/main/public/gfx/content-bg.gif) 346px 0 repeat-y;
}
body#page-shop #content-text {
    width: 626px;
    padding: 0;
}
body#page-shop #content-text #block-text {
    background: #fff url(/fileadmin/layouts/main/public/gfx/content-text-bg.gif) top repeat-x;
    padding: 40px 20px 0 30px;
    width: 576px;
}
body#page-shop #content-text #block-links {
    float: left;
}

/* Herstellerlinks */
#content .marken {
    background: #e8e8e8 url(/fileadmin/layouts/main/public/gfx/content-text-bg.gif) top repeat-x;
    width: 576px;
    margin: 30px 0 0 0;
    padding: 40px 20px 30px 30px;
    float: left;
}
#content .marken ul.markenliste {
    float: left;
}
#content .marken li {
    background-color: #e8e8e8;
    margin-bottom: 12px;
    background-image: none;
    padding-left: 0;
    float: left;
    width: 144px;
}

#content .markenliste a .fade { 
    background: url(/fileadmin/layouts/main/public/gfx/marken-fade.png) 0 0 no-repeat;
    position: absolute;
    height: 58px;
    width: 144px;
    margin-left: -144px;    
    text-decoration: none;
}
#content-text .markenliste a:hover .fade { 
    display: none;
}
#content-text .news-list-container {
    margin-bottom: 30px;
}

#content-text .news-list-container a,
#content-text .news-single-item a {
    color: #414141;
    text-decoration: none;
}
#content-text .news-list-container a:hover {
    text-decoration: underline;
}

/********  Fußzeile  ************************************************/
#footer-row1 {
    background: url(/fileadmin/layouts/main/public/gfx/footer-left-bg.gif) 0 14px repeat-x;
    padding-left: 50px;
    width: 922px;
    height: 65px;
}
#footer-callback {
    border-top: 5px solid #b80e3a;
    width: 296px;
    background-color: #fff;
    color: #80082b;
    font-weight: bold;
    font-size: 85%;
    padding-top: 6px;
    height: 40px;
    float: left;
    margin-top: 14px;
}
#footer-callback p {
    padding: 0 0 0 14px;
}

#footer-address {
    float:left;
    background-color: #b80e3a;
    width: 626px;
    height: 51px;
    border-top: 14px solid #dcdbdb;
}
#footer-address p {
    float:left;
    border-left: 1px solid #fff;
    color: #fff;
    font-size: 88%;
    padding: 0 21px 0 30px;
    margin-top: 12px;
    position: relative;
    right: 1px;
}

#footer-links {
    clear: left;
    background-color: #dcdbdb;
    width: 922px;
    margin-left: 50px;
    height: 35px;
    border-bottom: 20px solid #e8e8e8;
}
#footer-links p {
    margin-left: 326px;
    line-height: 35px;
    color: #414141;
    font-size: 85%;
}
#footer-links p a {
    color: #414141;
    text-decoration: none;
}
#footer-links p a.internal-link {
    padding: 0 20px 0 16px;
    background: url(/fileadmin/layouts/main/public/gfx/linkpfeil.gif) left no-repeat;
    font-weight: bold;
}

/****** Kontaktformulare ******/
.tx-pilmailform-pi1 form {
   width: 480px;
   padding-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 #d8dde1;
}
#content-text ol.mailform li select option {
   padding-right: 20px;
   font-size: 93%;
}

#content-text ol.mailform li label {
   font-weight: bold;
   font-size: 85%;
   color: #666;
}
#content-text ol.mailform li input {
   display: block;
   font-size: 93%;
}
#content-text ol.mailform li input.text,
#content-text ol.mailform li textarea {
   width: 99.9%;
   border: 1px solid #d8dde1;
}
#content-text ol.mailform li textarea {
   height: 5.2em;
}
#content-text ol.mailform li input.submit {
   border: 1px solid #606374;
   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 ol.mailform .error-label,
#content ol.mailform .error label,
#content-text .tx-pilmailform-pi1 p.error {   
    font-weight: bold;
    color: #cf0c0c;
}
#content-text .tx-pilmailform-pi1 p.error { 
    margin-bottom: 1.3em;
}
#content .error input,
#content .error textarea {
   border: 2px solid #cf0c0c !important;
}


/*anzeigen*/
.news-cutted-headline .news-list-item h3,
.news-solid-headline .news-list-item h3,
#content .cutted-headline .csc-header,
.emphasized-headline .csc-header {
    position: relative;
}
.news-cutted-headline .news-list-item h3,
.news-solid-headline .news-list-item h3,
#content .cutted-headline .csc-header {
    height: 1.4em;
}
#content .cutted-headline .csc-header,
.emphasized-headline .csc-header {
    margin-bottom: 2em;
}
.emphasized-headline .csc-header {
    height: 28px;
}
.news-cutted-headline .news-list-item h3 a,
.news-solid-headline .news-list-item h3 a,
#content .cutted-headline .csc-header h1,
.emphasized-headline .csc-header h2 {
    display: block;
    position: absolute;
}
.news-cutted-headline .news-list-item h3 a,
.news-solid-headline .news-list-item h3 a,
#content .cutted-headline .csc-header h1 {
    height: 1.4em;
    line-height: 1.4em;
}
.news-cutted-headline .news-list-item h3 a,
#content .cutted-headline .csc-header h1 {
    background: url(/fileadmin/layouts/main/public/gfx/news-headline-unterbrochen.gif) left repeat-y;
    width:619px;
    left: -27px;
    text-indent: 26px;
}

/* Änderungen für #1740, mf2, 11.12.08 */
.news-cutted-headline-new {
   margin-left: -30px;
   width: 626px;
}

.news-cutted-headline-new .news-list-container .news-list-item-odd {
   clear: both;
}

.news-cutted-headline-new .news-list-item-odd,
.news-cutted-headline-new .news-list-item-even {
   width: 303px;
   padding-left: 7px;
   float: left;
}

.news-cutted-headline-new .news-list-item-content h3 {
   background: url(/fileadmin/layouts/main/public/gfx/news-headline-unterbrochen.gif) left repeat-y;
}
.news-cutted-headline-new .news-list-item-content h3 a {
    background: url(/fileadmin/layouts/main/public/gfx/red-dot.gif) 4px 50% no-repeat;
    left: -27px;
    width: 303px;
    height: 20px;
    line-height: 20px;
    text-indent: 22px;
    display: block;
}

/**/

.news-solid-headline .news-list-item h3 a,
.emphasized-headline .csc-header h2 {
    width:626px;
    left: -30px;
    text-indent: 29px;
}
.emphasized-headline .csc-header h2 {
    background: url(/fileadmin/layouts/main/public/gfx/emphasized-headline-bg.gif) left bottom repeat-x;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #cb234a !important;
    margin-top: 15px;
}
.news-solid-headline .news-list-item h3 a {
    background-color: #dbdbdb;
}
.news-cutted-headline .news-list-item h3 a .news-list-date,
.news-solid-headline .news-list-item h3 a .news-list-date {
    background: url(/fileadmin/layouts/main/public/gfx/red-dot.gif) 0 50% no-repeat;
}
.news-cutted-headline .news-list-item h3 a .news-list-date,
.news-cutted-headline .news-list-item .bodytext,
.news-cutted-headline .news-list-item .news-list-morelink,
.news-solid-headline .news-list-item h3 a .news-list-date,
.news-solid-headline .news-list-item .bodytext,
.news-solid-headline .news-list-item .news-list-morelink {
    padding-left: 23px;
}
.news-cutted-headline .news-list-item .bodytext,
.news-solid-headline .news-list-item .bodytext {
    display: block;
    margin-bottom: 1.3em;
}
#content-text a.hidden-link {
    text-decoration: none;
    color: #000;
}

/*News Carousel*/
.news-carousel-outer {
    /*
    => see main.js
    width: 455px;
    background: url(/fileadmin/layouts/main/public/gfx/news-carousel.png) no-repeat center 0;
    height: 152px;
    overflow: hidden;
    */
    position: relative;
    
    margin-bottom: 22px;
}
.news-carousel-outer .news-list-item {
    padding-bottom: 0;
    padding-top: 15px;
}
.news-carousel-outer .news-date a {
    color: #999 !important;
}
.news-carousel-outer .news-subheader a {
    color: #333 !important;
}
.news-carousel-outer .news-date a,
.news-carousel-outer .news-subheader a {
    text-decoration: none;
}
.news-carousel-outer .news-date a:hover,
.news-carousel-outer .news-subheader a:hover {
    text-decoration: underline;
}
.news-carousel-inner {
    width: 500px;
    margin: 0 0 0 65px;
    overflow: hidden;
    position: relative;
}
#content-text .news-carousel-inner .news-carousel .news-list-container li.news-list-item a {
    text-decoration: none;
    color: black;
}
#content-text .news-carousel-inner .news-carousel .news-list-container li.news-list-item a:hover {
    text-decoration: underline;
}
.news-carousel-button {
    color: #0099FF;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    height: 20px;
    position: absolute;
    text-align: center;
    text-decoration: none !important;
    top: 50px;
    width: 24px;
    display: none; /*  see main.js for displaying this item */
}
.news-carousel-prev {
    left: 11px;
}
.news-carousel-next {
    left: 584px;
}

.news-carousel-outer h2 a {
    color: #B80E3A !important;
    font-size: 108%;
}

.news-carousel .news-list-item {
	  clear: none;
}

.news-carousel .news-list-item img {
	  float: left;
      margin-right: 10px;
}

.news-carousel .news-list-item h2 {
	  margin-bottom: 1px !important;
	  margin-top: 11px !important;
}