#media-div { position:relative; background-image: url(../images/resources/bg_content-product.jpg); background-repeat: repeat-y; background-position:134px 0px; margin: 0px; padding: 0px; font-size: 0.95em; background-color: #E8ECEF; height:370px; padding-top:20px; }

#media-div-titan { position:relative; background-image: url(../images/resources/bg_content-product.jpg); background-repeat: repeat-y; margin: 0px; padding: 0px; font-size: 0.95em; background-color: #E8ECEF; height:370px; padding-top:20px; }

#diashow-div { position:absolute; z-index:20; }
#diashowImage { position:absolute; ; z-index:22; }
#diashowLoader { position:absolute; width:455px; height:288px; background-image: url(../images/resources/loader.gif); background-repeat: no-repeat; background-position: center center; }

img.slideElement, div.slideElement { z-index:9999; position:absolute; margin:0px; left:20px;}

#thumbs-div { margin-top: 300px; text-align:center; width:465px; }
#thumbs-div img.thumb { cursor:pointer; background-image: url(../images/resources/bg_product_thumb2.jpg); background-repeat: no-repeat; margin: 0px 6px; padding:4px }
#thumbs-div img.thumb:hover { background-image: url(../images/resources/bg_product_thumb2_hover.jpg); }
#thumbs-div img.active { background-image: url(../images/resources/bg_product_thumb2_hover.jpg); }

#video-div { position:absolute; padding:0px; margin: 0px; left:20px; z-index:10; }
#videoplayer-div { padding:0px; margin: 0px; background:none; z-index:11; width:425px;}


#info-text {position:absolute; left:480px; width:158px; top:20px;} 
#info-text h3 { font-weight: normal; font-size: 1.0em; padding:7px 0px; color:#585858; border-top-width: 3px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-left-color: #FFF; border-bottom-color: #FFF; margin-top:0px; line-height:1.5}

.titan #info-text {position:absolute; left:375px; width:250px; top:25px;} 
.titan #info-text h1 { font-weight: normal; font-size: 1.5em; margin-bottom: 1em; margin-top: 0em; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFF; line-height: 2; color:#585858 }
.titan #info-text h2 { font-weight: normal; font-size: 1.0em; margin-bottom: 1em; margin-top: 2em; }
.titan #info-text ul { margin-left: 16px; padding-left:0px; list-style-position: outside; }
.titan #info-text ul li { margin: 0px; padding: 0px; list-style-type: disc; padding-bottom: 5px; }

.titan #thumbs-div { width:330px;}
.titan #thumbs-div img.thumb { cursor:pointer; background-image: url(../images/resources/bg_product_thumb.jpg); background-repeat: no-repeat; margin: 0px 2px; padding:3px }
.titan #thumbs-div img.thumb:hover { background-image: url(../images/resources/bg_product_thumb_hover.jpg); }
.titan #thumbs-div img.active { background-image: url(../images/resources/bg_product_thumb_hover.jpg); }

#media-buttons { background-image: url(../images/resources/bg_media-buttons.jpg); background-repeat:repeat-x; background-color:#bfc9d0; line-height:31px; height:32px; padding-top:1px; position:relative}

#media-buttons #video-button { position:absolute;left:160px  }

#media-buttons a.btn-showvideo { width:165px; height: 31px; background-image: url(../images/resources/btn_video-show.jpg); background-repeat: no-repeat; background-position:left top;  float: left; }
#media-buttons a.btn-showvideo:hover { background-position:left -31px; background-repeat: no-repeat; }

#media-buttons a.btn-hidevideo { width:182px; height: 31px; background-image: url(../images/resources/btn_video-hide.jpg); background-repeat: no-repeat; background-position:left top;  float: left;}
#media-buttons a.btn-hidevideo:hover { background-position:left -31px; background-repeat: no-repeat; }


#media-buttons #pdf-button { position:absolute;left:335px  }

#media-buttons a.btn-pdf { width:162px; height: 31px; background-image: url(../images/resources/btn_pdf.jpg); background-repeat: no-repeat; background-position:left top;  float: left; }
#media-buttons a.btn-pdf:hover { background-position:left -31px; background-repeat: no-repeat; }

#media-buttons #cad-button { position:absolute; right:0px  }

#media-buttons a.btn-cad { width:124px; height: 31px; background-image: url(../images/resources/btn_3d-ansicht.jpg); background-repeat: no-repeat; background-position:left top;  float: left; }
#media-buttons a.btn-cad:hover { background-position:left -31px; background-repeat: no-repeat; }


#media-div2 { position:relative; margin: 0px; padding: 0px; font-size: 0.95em; background-color: #E8ECEF; height:370px; padding-top:20px;  background-image: url(../images/resources/bg_media-div2.jpg); background-repeat: no-repeat; background-position:left 50px; }

#media-div2-number { background-image: url(../images/resources/bg_produktionsprozess_anzeige.jpg); background-repeat: no-repeat; margin: 0px; margin-bottom: 10px; padding: 0px; font-size: 0.95em; background-color: #E8ECEF; height:18px; padding-top:20px; }

#diashow-div2 { position:absolute; z-index:20; margin: 62px 40px 0px 35px; background-color:#006}
#diashowImage { position:absolute; ; z-index:22; }


#info-text2 {position:absolute; top:20px; left:55px; color: #585858; font-size: 24px; } 

#diashow-prev{ position:absolute; top: 215px;}
#diashow-prev a.btn-prev  { float: left; width:33px; height: 33px; background-image: url(../images/resources/btn_process_prev.jpg); background-repeat: no-repeat; background-position:left top; }
#diashow-prev a.btn-prev:hover{ background-position:left -33px; }

#diashow-next{ position:absolute; right:0px; top: 215px;  height: 33px; }

#diashow-next a.btn-next {float: right; width:33px; height: 33px; background-image: url(../images/resources/btn_process_next.jpg); background-repeat: no-repeat; background-position:left top; }
#diashow-next a.btn-next:hover { background-position:right -33px; background-repeat: no-repeat; }

#process-text {background-color: #E8ECEF; padding: 10px 55px 20px 55px;}
#process-text div {margin:0px; padding:0px;}


#media-buttons #pdf-button2 { position:absolute;right:10px }

#media-buttons a.btn-pdf { width:162px; height: 31px; background-image: url(../images/resources/btn_pdf.jpg); background-repeat: no-repeat; background-position:left top;  float: left; }
#media-buttons a.btn-pdf:hover { background-position:left -31px; background-repeat: no-repeat; }

#media-buttons #cad-button2 { position:absolute;  left:165px  }

#media-buttons a.btn-cad { width:124px; height: 31px; background-image: url(../images/resources/btn_3d-ansicht.jpg); background-repeat: no-repeat; background-position:left top;  float: left; }
#media-buttons a.btn-cad:hover { background-position:left -31px; background-repeat: no-repeat; }