/*WYSIWYG:  .1#Delete&nbsp;style,.headline18b#Headline&nbsp;black&nbsp;18pt, .italic12#kursiv&nbsp;black&nbsp;12pt, .blackbold#fett&nbsp;black&nbsp;12pt, */
/*TABLECORE: .headline18b#Headline&nbsp;black&nbsp;18pt, .italic12#Italic&nbsp;black&nbsp;12pt*/

img  {     }
/*  achtung! muss wegen dem newsletter drin bleiben.  */

/* --- Standard Styles --- */
body {
   background: white;
   color: #000000;
   font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
   font-size: 100%;
   font-weight: normal;
   margin: 0;
   padding: 0;
}
body#iframe {
   background: black;
}
body.wysiwyg, body.tablecore {
}
a {
   color: #B60033;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
.clear {
   clear: both;
}
a.black {
   color: #000000;
}
/* --- Frontend --- */
div#frontend {
   overflow: hidden;
}
/* --- Container --- */
div#container {
   background: white;
   margin: 0 auto;
   padding-bottom: 1em;
   position: relative;
   width: 960px;
}
div#container.startseite {
   background: white url(28136_DE.jpeg) no-repeat 0 102px;
}
div#container.produktseite {
   background: white url(28105_DE.jpeg) no-repeat 0 102px;
}
/* --- Header --- */
div#header {
   background: #000000 url(28137_DE.png) no-repeat;
   clear: both;
   height: 97px;
   margin-bottom: 5px;
}
/* --- Header Logo --- */
div#header div#logo {
   float:left;
   background:url(54234_DE.png) #000000 no-repeat;
   background-position:right;
   height:97px;
   width:214px;
}
div#header div#logo a {
   background: url(28138_DE.gif) no-repeat;
   display:block;
   height:57px;
   margin-left:16px;
   margin-top:22px;
   width:168px;
}
div#header div#logo a span {
   display: none;
}
/* --- Header Menu --- */
div#header div#menu {
   float: right;
   position: relative;
   width: 630px;
   top:79px;
}
div#header div#menu ul {
   margin: 0;
   padding: 0;
}
div#header div#menu ul li {
   border:none;
   float: left;
   list-style-type: none;
}
div#header div#menu ul li.active {
   border: 1px solid #B60033;
   border-bottom: none;
}
div#header div#menu ul li a {
   display: block;
   height: 17px;
   width: 105px;
}
div#header div#menu ul li.active a{
   width:103px;
}
div#header div#menu ul li a span {
   display: none;
}
div#header div#menu ul ul {
   background: #B60033;
}
div#header div#menu ul ul li {
   background: #B60033;
   border: 1px solid #B60033;
   color: white;
   font-family: Verdana, Geneva, sans-serif;
   font-size: .5625em;
   font-weight: bold;
   float: none;
   line-height: 1.8em;
   text-align: center;
}

/* --- Hearder-Startseite --- */
div#container.startseite div#header div#logo{
   width:272px;
}

div#container.startseite div#header div#logo a{
   margin-left:44px;
}

/* --- Content --- */
div#content {
   background: white;
   clear: both;
   line-height: 1.125em;
   min-height:33.87em;
}
div#container.startseite div#content, 
div#container.produktseite div#content {
   background: none;
}
div#container.startseite div#content {
   min-height: 34.5em;
}
div#container.produktseite div#content {
   min-height: 35.875em;
}

div#content div#subline {
   width: 742px;
   float: right;
}
div#container div#content div#subline p {
   font-size: 0.75em;
   line-height: 1.125em;
   margin: .7em 1em;
   padding: 0;
   text-align: right;
}
/* --- Content Navigation--- */
div#container div#content div#navigation {
   float: left;
   height: 598px;
   position: relative;
   width: 199px;
}
div#container div#content div#navigation ul {
   border-bottom:black 1px solid;
   border-left:medium none;
   border-right:medium none;
   border-top:medium none;
   margin:0px;
   padding-bottom:0.62em;
   padding-left:0px;
   padding-right:0px;
   padding-top:1.85em;
   width:199px;
   background-color: #000000;
}
div#container div#content div#navigation ul li {
   color: white;
   font-family: Verdana, Geneva, sans-serif;
   font-size: .6875em;
   font-weight: bold;
   line-height: 1.5em;
   list-style-type: none;
   padding: .25em .5em .25em 1em;
   text-transform: uppercase
}
div#container div#content div#navigation ul li a {
   color: white;
   display: block;
   text-decoration: none;
}
div#container div#content div#navigation ul li.active a, 
div#container div#content div#navigation ul li a:hover {
   color: #B60033;
}
div#container div#content div#navigation ul ul {
   background: none;
   border: none;
   float: left;
   width: 49%;
   padding: 0;
   margin: .3em 0;
}
div#container div#content div#navigation ul ul.subnav {
   width: 100%;
}
div#container div#content div#navigation ul ul li {
   font-size: 9px;
   font-weight: normal;
   padding: 2px 0;
   text-transform: none;
}
div#container div#content div#navigation ul li.active ul li a span {
   color: #aeb3bb;
}
div#container div#content div#navigation ul li.active ul li a {
   color: white;
}
div#container div#content div#navigation ul li.active ul li.active a,
div#container div#content div#navigation ul li.active ul li.active a span, 
div#container div#content div#navigation ul li.active ul li a:hover,
div#container div#content div#navigation ul li.active ul li a:hover span {
   color: #b60033;
}

div#container div#content div#navigation ul ul ul {
   background: none;
   border: none;
   float: none;
   width: auto;
   padding: 0;
   margin: .3em 0;
}
div#container div#content div#navigation ul ul ul li {
   padding-left:9px;
}
div#container div#content div#navigation ul li.active ul li.active ul li, 
div#container div#content div#navigation ul li.active ul li.active ul li a, 
div#container div#content div#navigation ul li.active ul li.active ul li a span, 
div#container div#content div#navigation ul li.active ul li.active ul li a {
   color: #FFFFFF;
   font-size: 9px;
}
div#container div#content div#navigation ul li.active ul li.active ul li.active a, 
div#container div#content div#navigation ul li.active ul li.active ul li.active a span, 
div#container div#content div#navigation ul li.active ul li.active ul li.active a:hover span {
   color: #b60033 !important;
}
div#container div#content div#navigation div#bottomleft,
div#container div#content div#navigation div#bottomright {
   display: none;
}
div#container div#content div#navigation div#bottomleft {
   display: none;
}
div#container div#content div#navigation div#bottomright {
   left: 188px;
}
/* --- Content Text--- */
div#container div#content div#text {
   float: right;
   font-size: 8pt;
   min-height: 33.875em;
   position: relative;
   width: 690px;
   margin-top: 25px;
   padding-bottom: 10px;
}
div#container div#content div#text.gallery {
   position: relative;
   width: 725px;
}
div#container div#content div#text td.text_11 {
   font-size: 11px !important;
}
div#container div#content div#text td.text_11 a {
   font-size: 11px !important;
   color: #B60033 !important;
   font-weight: bold !important;
}
div#container div#content div#text td.text {
   color: black;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 8pt !important;
   font-weight: normal !important;
   line-height: 18px !important;
}
/* --- Content Produkt Übersicht --- */
div#container div#content div#text p.download {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: right;
}
div#container div#content div#text ul#produktprogramm {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#container div#content div#text ul#produktprogramm li {
    float: left;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 55px;
    position: relative;
    width: 20%;
    z-index: 0;
}
div#container div#content div#text ul#produktprogramm li a {
    display: block;
    text-align: center;
    width: 101px;
}
div#container div#content div#text ul#produktprogramm div.new {
    height: 28px;
    position: absolute;
    width: 35px;
    top: 0;
    right: 20px;
    z-index: 10;
}
div#container div#content div#text ul#produktprogramm div.new a {
   display: inline;
}
div#container div#content div#text div#imagegallery {
   clear: both;
}
div#container div#content div#text div#imagegallery ul {
   list-style-type: none;
   margin: 20px 0 0 0;
   padding: 0;
}
div#container div#content div#text div#imagegallery ul li {
   float: left;
   height: 57px;
   margin-right: 2px;
   width: 57px;
   
}
div#container div#content div#text div#imagegallery ul li img {
   cursor: pointer;
}
div#container div#content div#text div#imagegallery ul li.last {
   margin-right: 0;
}
table.width-hundred{
   width: 100% !important;
}
table td.width-eightytwo{
   width: 82% !important;
}
table td.width-seventythree{
   width: 73% !important;
}
table td.width-sixty{
   width: 60% !important;
}
table td.width-fifty{
   width: 50% !important;
}
table td.width-thirty{
   width: 30% !important;
}
table td.width-twentyfive{
   width: 25% !important;
}
table td.width-twentyseven{
   width: 27% !important;
}
table td.width-eigthteen{
   width: 18% !important;
}
table td.width-ten{
   width: 10% !important;
}
table td.center{
   text-align: center;
}
table td.right{
   text-align: right;
}
/* --- Content Produkt Gallery -- */
div#container div#content div#wrapper_1,
div#container div#content div#wrapper_2,
div#container div#content div#wrapper_3 {
   display: none;
}
div#container div#content div.wrapper {
   height: 440px;
}
div#container div#content div#gallery-teaser, 
div#container div#content div#gallery {
   position: relative;
   width: 518px;
}
div#container div#content div#gallery img {
   cursor: pointer;
}
div#container div#content div#gallery div#gallerytopleft,
div#container div#content div#gallery div#gallerytopright {
   background: url(28100_DE.png) no-repeat left top;
   height: 11px;
   width: 11px;
   position: absolute;
   top: 0;
}
div#container div#content div#gallery div#gallerytopleft {
   background: url(28100_DE.png) no-repeat -11px top;
   left: 0;
}
div#container div#content div#gallery div#gallerytopright {
   right: 0;
}
div#container div#content div#gallery div#gallerybottomleft,
div#container div#content div#gallery div#gallerybottomright {
   background: url(28101_DE.png) no-repeat left bottom;
   height: 11px;
   width: 11px;
   position: absolute;
   bottom: 0;
}
div#container div#content div#gallery div#gallerybottomleft {
   background: url(28101_DE.png) no-repeat -11px bottom;
   left: 0;
}
div#container div#content div#gallery div#gallerybottomright {
   right: 0;
}

/* --- Content Produkt Radansichten --- */
div#container div#content div#text div#radansichten-images {
   clear:both;
   height: 240px;
}
div#container div#content div#text div#radansichten-images img {
   float: left;
}
div#container div#content div#text div#radansichten-links {
   background: white;
   color: #B60033;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   position: absolute;
   right: 0;
   top: 270px;
}
div#container div#content div#text div#radansichten-links a:hover {
   text-decoration: underline;
}

/* --- NEW-Item --- */

div.startseite-new {
   display: none;
}
div#container.produktseite div.startseite-new,
div#container.startseite div.startseite-new {
   display: block;
}

/* --- Content Produkt Popup --- */
div#produktprogramm-iframe {
   background: black;
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}
div#produktprogramm-iframe a {
   color: white;
   text-decoration: none;
}
div#produktprogramm-iframe a:hover {
   text-decoration: underline;
}
div#produktprogramm-iframe div#fullname, 
div#produktprogramm-iframe div#fullnameimage, 
div#produktprogramm-iframe div#dimensions {
   float: left;
}
div#produktprogramm-iframe div#close,
div#produktprogramm-iframe div#noflashwheels,
div#produktprogramm-iframe div#detail {
   float: right;
}
div#produktprogramm-iframe div#fullname, 
div#produktprogramm-iframe div#fullnameimage, 
div#produktprogramm-iframe div#dimensions,
div#produktprogramm-iframe div#close,
div#produktprogramm-iframe div#noflashwheels,
div#produktprogramm-iframe div#detail {
   padding: 5px;
}
div#produktprogramm-iframe div#fullnameimage, 
div#produktprogramm-iframe div#noflashwheels {
   padding: 0px 5px;
}
div#produktprogramm-iframe div#wheeldisplay {
   border-bottom: 1px solid white;
   border-top: 1px solid white;
   position: relative;
   height: 350px;
   text-align: center;
}
div#produktprogramm-iframe div#dimensions {
   width: 65%;
}
div#produktprogramm-iframe div#fullname {
   text-transform: uppercase;
}
div#produktprogramm-iframe div#detail {
   font-weight: bold;
}
/* --- Content Teaser--- */
div#container div#content div#teaser {
   min-height: 33.875em;
   position: relative;
}
div#container.produktseite div#content div#teaser {
   float: left;
   position: relative;
}
div#container div#content div#teaser div.box {
   height: 80px;
   width: 170px;
   position: absolute;
   text-align: center;
   top: 454px;
}
div#container.produktseite div#content div#teaser div.box {
   top: 476px;
}
div#container div#content div#teaser div.box a.top {
   display: block;
   height: 66px;
   width: 170px;
}
div#container div#content div#teaser div.box a {
   display: block;
   height: 14px;
   width: 170px;
}
div#container.startseite div#content div#teaser div#box_1 {
   background: url(28114_DE.png) no-repeat;
   left: 333px;   
}
div#container.startseite div#content div#teaser div#box_2 {
   background: url(28135_DE.gif) no-repeat;
   left: 547px;
}
div#container.startseite div#content div#teaser div#box_3 {
   background: url(28098_DE.png) no-repeat;
   left: 766px;
}
div#container.produktseite div#content div#teaser div#box_1 {
   background: url(28099_DE.png) no-repeat;
   left: 39px;
}
div#container.produktseite div#content div#teaser div#box_2 {
   background: url(28120_DE.png) no-repeat;
   left: 245px;
}
div#container.produktseite div#content div#teaser div#box_3 {
   background: url(28102_DE.png) no-repeat;
   left: 451px;
}
/* --- Newsticker --- */
div#newsticker {
   background: #000000 url(54248_DE.png) no-repeat;
   font-family: Verdana, Geneva, sans-serif;
   font-size: .625em;
   padding: .1875em;
   color: #b60033;
   font-weight: bold;
}
div#newsticker a {
   color: white;
   font-weight: bold;
}
div#newsticker a:hover {
   color: #B60033;
}

/* --- Footer --- */
div#footer {
   background: #000000 url(54248_DE.png) no-repeat;
   padding-left: 7px;
   padding-right:25px;
   padding-top: 3px;
   height: 16px;
}
div#footer div#copyright {
   color:#FFFFFF;
   float:left;
   font-size:0.68em;
}
div#footer div#service {
   color:#FFFFFF;
   float:right;
   font-family: Arial, Helvetica, sans-serif;
   font-size:0.56em;
   font-weight:bold;
   text-align:right;
   text-transform: uppercase;

}
div#footer div#service a {
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 1.2em;
}
div#footer div#service a:hover {
   color: #B60033;
}

/* --- Footer-Startseite --- */
div#container.startseite div#footer{
   background-color: transparent;
   background-image: none;
   padding-bottom:1em;
   padding-left:1.75em;
   padding-right:1.75em;
   padding-top:1em;
}

div#container.startseite div#footer div#copyright{
   color:#5d6777;
   float:left;
   font-size:0.68em;
}
div#container.startseite div#footer div#service{
   color:#5d6777;
   float:right;
   font-family:Verdana,Geneva,sans-serif;
   font-size:0.56em;
   font-weight:bold;
   text-align:right;
   text-transform:uppercase;
}
div#container.startseite div#footer div#service A{
   color:#5d6777;
   font-family:Verdana,Geneva,sans-serif !important;
   font-size:1em;
}

/* ------ Legacy Styles ---------------------------- */
span.space {
   text-decoration: none;
}
.sitemapblack {
   font-weight: bold;
   font-size: 11px;
   line-height: 18px;
   color: #000000;
}
.sitemaplevel0 {
   font-weight: bold;
   font-size: 11px;
   line-height: 18px;
}
a.sitemaplevel1 {
   font-weight: normal;
   font-size: 11px;
   line-height: 18px;
}
td {
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 8pt;
   line-height: 12pt;
´  color: #000000;
}
td.subline1 {
   font-weight: bold;
   font-size: 12px;
   color: #B60033;
}
td.headline {
   font-weight: bold;
   font-size: 18px;
   line-height: normal;
   color: #000000;
}
td.bgstrichlinie {
   padding-top: 6px;
   padding-bottom: 6px;
}
td.bgstrichlinie img {
   width: 100%;
   height: 1px;
   border-top: 1px solid black;
}
td.imgFloatL img {
   position: relative;
   float: left;
   bottom: 10px;
   margin: 10px 10px 0px 0px;
}
td.imgFloatR img {
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
}
table.master {
   background-color: #C5C5C7;
   background-image: url(570_DE.jpeg);
   background-repeat: no-repeat;
}
table.master td.shadowTB {
   background-image: url(574_DE.gif);
   background-repeat: repeat-y;
}
table.master td.shadowLR {
   background-image: url(577_DE.gif);
   background-repeat: repeat-x;
}
table.master td.subnav {
   line-height: 24px;
}
table.master div.subpos {
   position: relative;
   background-color: #000000;
}
table.master td.subnav a {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 11px;
   color: #FFFFFF;
   text-decoration: none;
   text-transform: uppercase;
}
table.master td.subnav a:hover {
   text-decoration: underline;
}
table.master td.subnav a.active {
   color: #B60033;
}
table.master td.prdnav {
   line-height: 16px;
}
table.master td.prdnav a {
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 9px;
   color: #FFFFFF;
   text-decoration: none;
   text-transform: none;
}
table.master td.prdnav a:hover {
   text-decoration: underline;
}
table.master td.prdnav a.active {
   color: #B60033;
}
table.master td.newsticker {
   background-color: #7C8489;
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 10px;
   color: #000000;
}
table.master td.newsticker a {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #FFFFFF;
   text-decoration: none;
}
table.bottom {
   background-color: #C5C5C7;
}
table.bottom td {
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color: #333333;
}
table.bottom a, table.bottom td.service {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 8px;
   color: #B60033;
   text-decoration: none;
   text-transform: uppercase;
}
table.bottom a:hover {
   color: #000000;
   text-decoration: none;
}
table.topnav {
   width: 123px;
   text-align: center;
   background-color: #EAECED;
}
table.topnav td.active0 {
   border-top: 1px solid #EAECED;
   border-left: 1px solid #EAECED;
   border-right: 1px solid #EAECED;
}
table.topnav td.active1 {
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   border-bottom: 2px solid #000000;
}
table.topnav td.active2 {
   border-top: 1px solid #000000;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
}
table.topnav td.active3 {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 9px;
   line-height: 12px;
   color: #FFFFFF;
   background-color: #B60033;
   border-top: 2px solid #B60033;
   border-left: 1px solid #B60033;
   border-right: 1px solid #B60033;
   border-bottom: 2px solid #B60033;
}
table.dimension {
   border-top: 1px solid #000000;
}
table.dimension td {
   border-bottom: 1px solid #000000;
}
table.sizes {
   border-top: 1px solid #333333;
}
table.sizes td {
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 10px;
   line-height: 16px;
   border-bottom: 1px solid #333333;
}
table.sizes td.title {
   font-weight: bold !important;
   font-size: 11px !important;
   color: #FFFFFF !important;
   background-color: #5D6777;
   border-bottom: 1px solid #5D6777;
}
table.sizesinfo td {
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 10px;
   line-height: 16px;
}
td.warning, span.weberror {
   color: #B60033;
   font-weight: bold;
}
.bgblack {
   background-color: #000000;
}
.headline18b {
   font-weight: bold;
   font-size: 18px;
   color: #000000;
}
.italic12 {
   font-size: 8pt;
   font-style: italic;
   color: #000000;
}
.blackbold, .headline14rot, .text12fett {
   font-weight: bold;
   font-size: 8pt;
   color: #000000;
}
input {
   border: 1px solid #9B9B9D;
}

/* Facebook Slider */
#facebookSliderWrapper {
    height: 119px;
    overflow: hidden;
    top: 290px;
    right: 0px;
    display: block;
    border: 1px solid #3b5998;
    border-right: 0;
    background: #000000 url(57030_DE.jpeg) no-repeat;
    position: absolute;
    position: fixed;
    /*z-index: 1000;*/
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
}

#facebookSlider {
    position: relative;
    display: block;
    width: 196px;
    height: 119px;
    padding: 0 18px;
    margin-left: 28px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    /*background: #000000 url(57028_DE.gif) no-repeat center center;*/
    overflow: hidden;
    white-space: nowrap;
}

#facebookSlider a {
    display: block;
    color: #FFFFFF;
}

#facebookSlider a:hover {
    text-decoration: none;
}

#facebookSlider iframe {
    padding-top: 7px;
}

#facebookSliderWrapper:after,
#facebookSlider:after  {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.white#facebookSliderWrapper {
    background-color: #FFFFFF;
}

.white #facebookSlider {
    /*background: #FFFFFF url(57029_DE.gif) no-repeat center center;*/
}

.white #facebookSlider a {
    display: block;
    color: #000000;
}
