/** Typographie für den Content **/
#content p {
   padding: 0;
   margin : 0 0 1em 0;
}
#content h1,
#content h2 {
   font-family: Georgia, Times, "Times New Roman", serif;
   font-size: 22px;
   margin: 0 0 12px;
   color: #fff;
   font-weight: normal;
   line-height: 120%;
}
#content h3,
#content h4 {
   font-family: Georgia, Times, "Times New Roman", serif;
   font-weight: normal;
   color: #fff;
   font-size: 18px;
   line-height: 130%;
   margin: 10px 0 8px;
}
#content h3 a img {
   margin-bottom: 10px;
}
#content h5,
#content h6 {
   font-size: 16px;
   line-height: 130%;
   color: #fff;
   margin: 7px 0 5px;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}
/** Linkzustand normal **/
#content a,
#content a:link,
#content a:visited {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}
/** Linkzustand im Hover **/
#content a:focus,
#content a:hover,
#content a:active {
   color: #d80019;
}
#content #e-katalog-container a img,
#content #e-katalog-container a:link img,
#content #e-katalog-container a:visited img{border: 1px solid #fff;}

#content #e-katalog-container a:focus img,
#content #e-katalog-container a:hover img,
#content #e-katalog-container a:active img{border-color: #d80019;}

#content .mox_cms a img,
#content .mox_cms a:link img,
#content .mox_cms a:visited img{border: 1px solid #fff;}

#content .mox_cms a:focus img,
#content .mox_cms a:hover img,
#content .mox_cms a:active img{border-color: #d80019;}

#content .haendler a,
#content .haendler a:link,
#content .haendler a:visited,
#content .faq_ansicht_js .answer a,
#content .faq_ansicht_js .answer a:link,
#content .faq_ansicht_js .answer a:visited,
#content .mox_cms a,
#content .mox_cms a:link,
#content .mox_cms a:visited {
   color: #d80019;
   font-weight: bold;
   text-decoration: none;
}
/** Linkzustand im Hover **/
#content .haendler a:focus,
#content .haendler a:hover,
#content .haendler a:active,
#content .faq_ansicht_js .answer a:focus,
#content .faq_ansicht_js .answer a:hover,
#content .faq_ansicht_js .answer a:active,
#content .mox_cms a:focus,
#content .mox_cms a:hover,
#content .mox_cms a:active {
   background-color: #d80019;
   color: #fff;
}
strong{font-weight:bold;} 
/** Bei der HR bitte immer darauf achten, dass color und background-color gleich sind **/
hr {
   border: 0 none;
   height: 1px;
   background-color: #fff;
   color: #fff;
   clear: both;
   margin: 10px 0;
}
/** Styling der Listen **/
#content ul{
   margin: 1em 0;
   list-style-type: square;
   margin-left: 10px;
   padding-left: 10px;
}
#content ul ul {
   list-style-type: disc;
}
#content ul ul ul {
   list-style-type: circle;
}
#content ul ol,
#content ol ul,
#content ul ul,
#content ol ol{
   margin: 0.5em 0;
   padding-left: 20px;
}
#content ol{
   margin: 1em 0;
   list-style-type: decimal;
   margin-left: 10px;
   padding-left: 10px;
}
#content li{
   margin-bottom: 0.5em;
   line-height: 1.2;
   margin-left: 10px;
}
/** Hoch- und Tiefgestellt **/
#content sup,
#content sub {
   font-size: 11px;
}
/** Inhaltstabellen des Contents **/
#content .tabrowheader td{
   background-image: url(../images/content/bg_tabrowhead.jpg);  
   color: #fff;
   background-repeat: repeat-x;
   background-color: #c4021c;
   font-weight: bold;
}
#content .tabrowheader td,
#content .tabrowgerade td,
#content .tabrowungerade td {
   padding: 3px;
   border: 1px solid #888888;
}
#content .tabrowgerade {
   background-color: transparent;
}
#content .tabrowungerade {
   background-image: url(../images/content/bg_row.png);
}
#content table{
   margin-bottom: 10px;
   border-collapse: collapse;
}
#content .mox_cms table td{
   vertical-align: top;  
}
/* Input Felder */
#content input,
#content select,
#content textarea {
   border: 1px solid #aaa;
   background-color: #FFF;
   color: #000;
   padding: 3px;
   margin: 1px 1px;
   font-size: 13px;
}
#content input:focus,
#content textarea:focus,
#content input:hover,
#content textarea:hover,
#content input:active,
#content textarea:active{
   border-color: #0058A4;
}
/** Breadcrumb **/
#navigator span{
   padding: 0 2px 0 2px;
}
#navigator a,
#navigator a:link,
#navigator a:visited {
   color: #bfbfbf;
   text-decoration: none;
   padding: 0 2px 0 2px;
   display: inline;
   font-weight: normal;
}
#navigator a:focus,
#navigator a:hover,
#navigator a:active{
   text-decoration: underline;
}
#navigator p.home {
   position: relative;
   float: left;
}
#wrapper #navigator p.home a,
#wrapper #navigator p.home a:link,
#wrapper #navigator p.home a:visited {
   padding-left: 21px;
   background-image: url(../images/layout/bg_breadcrumb_home.png);
   background-repeat: no-repeat;
   background-position: left center;
   padding-right: 3px;
}
#navigator p {
   position: relative;
   float: left;
   padding: 0 2px;
   color: #bfbfbf;
   font-weight: bold;
}
/** Teaser Artikel **/
#content ul.teaser-container{
   overflow: hidden;
   margin: 0;
   padding: 0;
   list-style: none;  
   position: relative;
   width: 100%;
}
#content li.teaser {
   margin: 0 30px 30px 0;
   padding :0;
   position: relative;
   width: 356px;
   float: left;
}
#content li.lastTeaserInRow {
   margin-right: 0;
}
#content .teaser .inner{
   padding: 2px;
   border: 1px solid #ccc;
   height: 186px;
}
#content .teaser .inner-inner{
   position: relative;  
   overflow: hidden;
   
   height: 188px;
}

.teaser a {
   display: block;
   background-color: transparent;
}
.teaser .lastTeaserInRow {
   margin-bottom: 0;
}
.teaser a img {
   border: 0 none;
   display: block;
   width: 100%;
   height: 186px;
}
.teaser .teaser-text {
   position: absolute;
   width: 100%;
   top: 154px;
   float: left;
   background-image: url(../images/bg_transparenz.png);
}
.teaser .teaser-text .inner-teaser-text{
   padding: 10px 10px 5px;
}
#content .teaser .teaser-text h3 {
   font-size: 20px;
   color: #fff !important;
   margin: 0 0 6px 0;
}
.teaser .teaser-text a,
.teaser .teaser-text a:link,
.teaser .teaser-text a:visited {
   color: #fff !important;
   font-weight: normal !important;
}
.teaser .teaser-text a:focus,
.teaser .teaser-text a:hover,
.teaser .teaser-text a:active {
   background-color: transparent !important;
   color: #fff;
}
#content .teaser .teaser-text p {
   color: #fff;
   margin: 0;
}
/** Bildergalerie **/
#content .bildergalerie {
   position: relative;
   margin: 0;
   padding: 0;
   overflow: hidden;
   list-style: none;
   width: 100%;
}
#content .bildergalerie li.lastImageInRow {
   padding-right: 0; 
}
#content .bildergalerie li {
   display: block;
   float: left;
   padding: 0 30px 30px 0;
   margin: 0;
   width: 163px;
}
.bildergalerie .thumblist a,
.bildergalerie .thumblist a:link,
.bildergalerie .thumblist a:visited{
   display: block;
   padding: 2px;
   border: 1px solid #fff;
}
.bildergalerie .thumblist a:focus,
.bildergalerie .thumblist a:hover,
.bildergalerie .thumblist a:active{
   background-color: #fff;
}
.bildergalerie .thumblist a span {
   display: block;
   width: 100%;
   height: 122px;
   background-position: center;
   background-repeat: no-repeat;
   /* IEs don't show a cursor... */
   cursor: pointer;
}
.bildergalerie .thumblist a span img{
   display: none;
}

/*
#prod-preview
*/
#artikel-preview{
   display:none;
   bottom: 0;
   left: 218px;
   position:absolute;
   width: 334px;
   color: #fff;
   z-index: 500;
   
   background-image: url(../images/start/produkte/bg_produkt_preview.jpg);
   background-position: bottom center;
   background-color: #666;
}
#artikel-bild img{
   display: block;
   max-width: 100%;
   margin-bottom: 10px;
}
#artikel-preview .inner{
   position: relative;
   padding: 20px 20px;
   background-image: url("../images/bg_transparenz_50.png");
}
#artikel-name{
   font-size: 16px;
   text-transform: uppercase;
   margin: 0 0 12px;
   color: #fff;
   font-weight: bold;
   line-height: 120%;
}
#artikel-image-container{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 274px;
   padding: 20px 30px 0 30px;
   background-color: #3f3f3f;
}
#artikel-image{
   display: block;
   margin: 0 auto;
   padding: 2px;
   border: 1px solid #ccc;
}
#artikel-text{
   line-height: 1.4;
}

#artikel-bild,
#artikel-name{
   cursor: pointer;  
}

#product-overlay{
   background-color: #fff;
   height:100%;
   position:fixed;
   width:100%;
   display: none;
}


/*
   GLOBAL VIEWSYSTEM
*/
#listeMasterTable{width: 100%;position: relative;}

/*
   ALTE NEWS
*/
#content .bn_detail,
#content .bn_liste{
   width: 100%;
   overflow: hidden;  
   margin-bottom: 40px;
}
#content .bn_detail img.imgRight,
#content .bn_liste img.imgRight,
#content .bn_detail img.imgLeft,
#content .bn_liste img.imgLeft{
   float: left;
   margin-right: 10px;
}

/* FLASH */
#flash_history{
   margin-bottom: 25px;
}
#flash_history img{
   width: 100%;
}


/* 
DOWNLOAD ELEMENT
*/ 
#download select{
   width: 340px;  
}
#download form p.breaklabel label{
   display: block;
}
#download form p.dltype{
   width: 100%;
   overflow: hidden;
}
#download form p.dltype label{
   float: left;
   margin-right: 20px;
}
#download form p.dltype input{
   float: left;
   margin-right: 3px;
}
#download .download_show{
   display: none;
   padding-top: 5px;
}

#download .download_show ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#download .download_show ul li{
   margin: 0;
   padding: 0;  
}
#download .download_show ul a{
   display: block;
   background-repeat: no-repeat;
   background-position: left center; 
   padding: 15px 5px 12px 40px; 
   margin-bottom: 10px;
}
#download .download_show li.pdf a{background-image: url(../images/shop/filetypes/PDF.png);}
#download .download_show li.doc a{background-image: url(../images/shop/filetypes/DOC.png);}
#download .download_show li.jpg a{background-image: url(../images/shop/filetypes/JPG.png);}
#download .download_show li.jpeg a{background-image: url(../images/shop/filetypes/JPG.png);}
#download .download_show li.ppt a{background-image: url(../images/shop/filetypes/PPT.png);}
#download .download_show li.tif a{background-image: url(../images/shop/filetypes/TIF.png);}
#download .download_show li.tiff a{background-image: url(../images/shop/filetypes/TIFF.png);}
#download .download_show li.xls a{background-image: url(../images/shop/filetypes/XLS.png);}
#download .download_show li.zip a{background-image: url(../images/shop/filetypes/ZIP.png);}

/* HAENDLER */
#content .haendler{
   width: 100%;
   overflow: hidden;
   margin-bottom: 15px;
   padding-top: 15px;
   border-top: 1px solid #fff;
}
#content .haendler h5{
   margin-top: 0;
}
#content .haendler .screenshot{
   float: right;  
   width: 202px;
}
#content .haendler .adresse{
   float: left;
   width: 160px;
   padding-right: 10px;
}
#content .haendler .kontakt{
   float: left;
   width: 278px;
}
#content .haendler .logo{
   float: left;
   margin-right: 10px;
   width: 80px;
}
#content .haendler .kontakt ul{
   list-style: none;
   padding: 0;  
   margin: 0;
   margin-top: 2px;
}
#content .haendler .kontakt li{
   padding: 0;  
   margin: 0;
   margin-bottom: 6px;
}
#content .haendler .kontakt span{
   background-image: url(../images/content/haendler/haendler_icons.png);
   width: 16px;
   height: 15px;
   margin-right: 2px;
   display: block;
   float: left;
}
#content .haendler .kontakt .tel span{
   background-position: center 0;
}
#content .haendler .kontakt .fax span{
   background-position: center 48px;
}
#content .haendler .kontakt .email span{
   background-position: center 30px;
}
#content .haendler .kontakt .int span{
   background-position: center 15px;
}

#content .haendler .imglink a,
#content .haendler .imglink a:link,
#content .haendler .imglink a:visited{
   border: 0 none;
   background-color: transparent;
}

#content .haendler .imglink a:focus,
#content .haendler .imglink a:hover,
#content .haendler .imglink a:active{}

#content .haendler .imglink a img,
#content .haendler .imglink a:link img,
#content .haendler .imglink a:visited img{
   border: 1px solid #fff;
   background-color: transparent;
}

#content .haendler .imglink a:focus img,
#content .haendler .imglink a:hover img,
#content .haendler .imglink a:active img{
   border-color: #d80019;
   background-color: transparent;
}