#headwrapper .flv-film{
   position: absolute;
   top: 0;
   right: 0;
   width: 189px;
   height: 129px;
   background-image: url(../images/start/bg_film.png);  
   background-position: right 0;
   text-indent: -1000em;
   z-index: 100;
}
#de_DE #headwrapper .flv-film:focus,
#de_DE #headwrapper .flv-film:hover,
#de_DE #headwrapper .flv-film:active{
   background-position: 0 bottom;
}
#en_GB #headwrapper .flv-film:focus,
#en_GB #headwrapper .flv-film:hover,
#en_GB #headwrapper .flv-film:active{
   background-position: 100% bottom;
}


.slideshow .infopunkt{
   background-image: url("../images/slideshow/bg_infopunkt.png");
   background-repeat: no-repeat;
   width: 20px;
   height: 25px;
   z-index: 20;
   cursor: pointer;
}
.slideshow .infopunkt .info{display:none;}
#info-container{
   display:none;
   background-image: url("../images/layout/bg_footer.jpg");
   background-color: #c4021c;
   background-repeat: repeat-x;
   padding: 10px 10px 10px 10px;
   z-index: 11;
   width: 200px;
   border: 1px solid #fff;
   position: absolute;
   z-index: 1000;
}
#info-container{
   color: #fff;  
}
#info-container h1{
   font-family: Georgia, Times, "Times New Roman", serif;
   font-size: 20px;
   margin: 0 0 7px;
   padding: 0;
   color: #fff;
   font-weight: normal;
   line-height: 120%;
}
#info-container a,
#info-container a:link,
#info-container a:visited {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}
/** Linkzustand im Hover **/
#info-container a:focus,
#info-container a:hover,
#info-container a:active {
   text-decoration: underline;
   color: #fff;
}

/** Typographie für den Content **/
/* TExt in GMap schwarz (Ansonsten nicht lesbar da HG-Farbe weiss) */
.googlemap{
   color: #000;  
}
#content p {
   padding: 0;
   margin : 0 0 1em 0;
}
#content em {
   font-style: italic;	
}
#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 .googlemap a,
#content .googlemap a:link,
#content .googlemap a:visited {
   color: #000;
}
#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;
}

/* Link in Buttonform */
#content a.link_button,
#content a.link_button:link,
#content a.link_button:visited {
   color: #000;
   background-color: #fff;
   text-decoration: none;
   display: inline;
   padding: 3px 10px;
   border: 1px solid #aaaaaa;
   font-weight: normal;
}
#content a.link_button:focus,
#content a.link_button:hover,
#content a.link_button:active {
   border: 1px solid #f00;
}


#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 .mox_cms a.ohne_rahmen img,
#content .mox_cms a:link.ohne_rahmen img,
#content .mox_cms a:visited.ohne_rahmen img{border: 0 none;}


#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;
   overflow: hidden;
}
#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;
   overflow: hidden;
}
#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: #D80019;
}
/** 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: #666;
   height:100%;
   position:absolute;
   left: 0;
   top: 0;
   width:100%;
   display: none;
   z-index: 20;
}

/*
   SCHALLER GESCHICHTE
*/
#history-container{
   width: 100%;  
   position: relative;
   margin-bottom: 25px;
}
#history{
   list-style: none;
   margin: 0 0 20px 0;
   padding: 0;
   width: 100%;
   height: 130px;
   overflow: hidden;  
}
#history li{
   width: 165px;
   height: 128px;
   float: left;
}
#history li a{
   width: 165px;
   height: 128px;  
   position: relative;
   display: block;
}
#history .title{
   z-index: 20;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 153px;
   padding: 5px 6px;
   background-image: url("../images/bg_transparenz.png");
   display:block;
   font-size: 13px;
}
#history a,
#history a:link,
#history a:visited {
   color: #fff;
   text-decoration: none;
   font-weight: normal;
}
#history a:focus,
#history a:hover,
#history a:active{
   text-decoration: underline;
}
   


/*
   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);}