#SupportButtonWrapper {position: absolute; top:10px;right: 0;width:190px;line-height:12px; }
#SupportButton {width:180px;  height: 54px;background:  url('/templates/mymediawelt/images/hotline.png') repeat-x 0px 0px;}
#SupportButtonWrapper small {font-size:11px; color:#777;}
#SupportButton .buttoninner { color: #fff; margin: 0px 0 0 60px; padding: 5px 0 0 0; line-height:20px; font-size:14px; letter-spacing: -0.5px;}
#LoginPage,
#PasswordResetPage { overflow: hidden;min-height:300px;}

#LoginPage .Formular ,
#PasswordResetPage .Formular { float:left; }

.forminfos { float:right; margin-left:30px; margin-bottom:15px; padding:10px;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; background: #eee; width:250px; }
.forminfos h3 { margin:0; padding:0 0 10px 0 ;}

.forminfos-top { margin-bottom:15px;padding:10px;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; background: #eee; width:698px; }

.ribbon_new { z-index:50;position:absolute; top: -7px; right:-10px; background: url('/templates/mymediawelt/images/ribbon_sprite.png') no-repeat -9px -131px ; width:140px; height:140px; }
.ribbon_top { z-index:20;position:absolute; top: -3px; right:-10px; background: url('../images/ribbon_sprite.png') no-repeat -82px 0px ; width:71px; height:65px; }
.ribbon_special { z-index:20;position:absolute; top: -4px; right:-10px; background: url('/templates/mymediawelt/images/ribbon_sprite.png') no-repeat -82px -67px ; width:71px; height:65px; }
#angebote {z-index:20;position:absolute; bottom: -11px; left:238px; background: url('../images/sprite.png') no-repeat -164px -294px ; width:160px; height:61px; }
#angebote_cnt {z-index:20; position:absolute; left:10px; bottom:5px; color:#444;}
#angebote_btn { z-index:20; position:absolute; bottom: 14px; right:5px; width:200px; height:20px;}
#angebote_btn a {float:right; background:  url('../images/sprite.png') no-repeat right -481px; color: #fff; padding:0px 16px 0px 5px; height:16px; line-height: 16px; font-size: 10px; text-transform: uppercase; text-decoration: none; margin:0 5px 0 0px;}

#footerbuttons { overflow:hidden;}
#footerbuttons #facebook { float:right; background: #fff; padding:8px 7px 5px 7px; margin:11px 13px 0 0;}
#footerbuttons #youtube { background: #fff url(/templates/mymediawelt/images/youtube.png) 10px 10px no-repeat; width:120px; height:60px;float:right; margin:11px 13px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; overflow:hidden;}
#footerbuttons #youtube a { display:block; width:120px; height:60px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-indent:-300px;}
#footerbuttons #ecommerce { margin-top:5px; float:right; width:285px; height:70px;background: url(/templates/mymediawelt/images/ecommerce.png) 0px 0px no-repeat;}
#footerbuttons #ssl { margin-top:5px; float:right; width:77px; height:70px;background: url(/templates/mymediawelt/images/ecommerce.png) -420px 0px no-repeat;}
#footerbuttons #paypal {float:right; width:155px; height:50px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:11px 5px 0 10px;background: #fff;padding-top:10px;cursor:pointer;}

#footerpartnerlogos { float:left; width:270px; height:115px;  background:#fff; position: relative;}
#footerpartnerlogos a { position: absolute;  overflow: hidden; display: block;}
#footerpartnerlogos .guenstiger {width:130px; height:30px; background:  url('/public/images/partnerlogos.png') no-repeat 0px 0px; top:20px; left:10px; text-indent: -500px;}
#footerpartnerlogos .shopping {width:130px; height:30px;  background:  url('/public/images/partnerlogos.png') no-repeat 0px -40px; top:70px; left:10px; text-indent: -500px;}
#footerpartnerlogos .idealo {width:119px; height:90px;top:12px; right:5px;}


/*----------------------------------------------------------------------------

------------------------------------------------------------------------------*/
#slideshow { width:940px; position: relative;overflow:hidden;}
#slideshow-nav {  list-style:none; padding:0; margin: 10px -20px 0 0; overflow:hidden;}
#slideshow-nav li { list-style:none; padding:0; margin:0 11px 0 0; float:left; overflow:hidden;}
#slideshow-nav a {display:block; line-height:0.5em; border:1px solid #fff;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;  width:304px;  height:86px; overflow: hidden;}
#slideshow-nav a img {width:304px;  height:86px;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
#slideshow-nav {}

.slideshow-images-maske {background: url('/templates/mymediawelt/images/slideshow-maske.png'); position: absolute; top:0; left:0;z-index:11;width:940px; height:220px;}
#slideshow-images {overflow:hidden;height:220px;}
#slideshow-images a { display:block;   position: absolute; line-height: 1; height:220px;}
#slideshow-images img {}
#slideshow-images imgX { border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; border:1px solid #fff;}

.ft-prev {overflow:hidden; background-color: #3B3B3B; height: 36px; width: 36px; -webkit-border-top-right-radius:  8px; -webkit-border-bottom-right-radius:  8px; -moz-border-radius-topright:  8px; -moz-border-radius-bottomright:  8px; border-top-right-radius:  8px; border-bottom-right-radius:  8px; opacity: 1.0 !important; background-image: url('../images/slideshow-arrow-left.png'); background-position: 3px 5px; background-repeat: no-repeat; text-indent: 9999px;}
.ft-next {overflow:hidden; background-color: #3B3B3B; height: 36px; width: 36px; -webkit-border-top-left-radius:  8px; -webkit-border-bottom-left-radius:  8px; -moz-border-radius-topleft:  8px; -moz-border-radius-bottomleft:  8px; border-top-left-radius:  8px; border-bottom-left-radius:  8px;  opacity: 1.0 !important; background-image: url('../images/slideshow-arrow-right.png'); background-position: 11px 5px; background-repeat: no-repeat;  text-indent: 9999px;}

#ft-buttons-slideshowHolder {display: none;}/*----------------------------------------------------------------------------

------------------------------------------------------------------------------*/
.carousel {padding: 0px; position: relative; overflow:hidden;height:206px;}
.carousel .bg { overflow: hidden; position: relative;  background: url('../images/pattern.png') repeat-x;padding:10px;height:125px;border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
.carousel .images { width:8000px; height:120px; margin-right: 0px; position: relative; }
.carousel .images a { text-decoration: none; font-weight: bold; font-size:14px;text-align: center; margin: 0 10px 0 0;display: inline-block; color:#fff;}
.carousel img { border: 1px solid #fff;  display: block; margin-bottom:4px;}
.carousel a.prev,
.carousel a.next {background: url(/templates/mymediawelt/images/sprite.png) no-repeat transparent;width: 30px;height: 30px;display: block;position: absolute;top: 175px;}
.carousel a.prev {left: 200px; background-position: -35px -212px; }
.carousel a.prev:hover {  }
.carousel a.next {right: 200px; background-position: -3px -212px; }
.carousel a.next:hover {  }

.carousel a.prev span,
.carousel a.next span {display: none;}
.carousel .clearfix {float: none;clear: both;}

/*----------------------------------------------------------------------------

------------------------------------------------------------------------------*/
/*  lightbox content container */
#teses_lightbox  {  display: none;}
#teses_lightbox_content {position: relative;width:550px; padding:20px 20px 20px 20px; background: #fff; border:10px solid #666;}
#teses_lightbox_content h1 {margin:0 0 20px 0; padding: 2px 30px 10px 0; line-height: 18px; color: #313131; font-size: 20px}
#teses_lightbox_content a {color:#333;}
#teses_lightbox_content a:hover {color: #dd0000}

/* lightbox transparent bg with opacity */
#teses_lightbox_fade {}

/* the close button */
#teses_lightbox_closer { position: absolute; top:30px; right: 30px; width:22px; height:22px; background: url('../images/closer.png'); text-indent: -300px; overflow: hidden;}

.videolightbox_contentX {padding:0 !important; background: #000 !important; border:0 !important; color:#fff !important;}
.videolightbox_content {padding:0 !important; border:0 !important; background: transparent !important; width:500px !important; }
.videolightbox_contentX h1 { color: #fff !important;}
.videolightbox_closer { top:0 !important; right:0 !important;}
.VideoPlayerBG { background: #000 !important; line-height: 0.1em;}

/* SCROLLPANE */
.scrollable { height:314px; width:551px;position: relative;overflow: hidden;margin-right:0px;}

.jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0px; height:100%; background:#e7e7e7; }
.jScrollPaneDrag { position:absolute; background:#7b7b7b; margin:1px 0 1px 0px; outline: 0px solid #424242; cursor:pointer; overflow:hidden; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }
a.jScrollArrowUp { display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color:#666;*/ height:9px; }
a.jScrollArrowUp:hover { /*background-color:#f60;*/ }
a.jScrollArrowDown { display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color:#666;*/ height:9px; }
a.jScrollArrowDown:hover { /*background-color:#f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color:#f00;*/ }


#versandkostentabelle { border-collapse: collapse; border: 1px solid #ccc; margin-bottom:20px}

#versandkostentabelle td {border: 1px solid #ccc; padding:3px;}
#versandkostentabelle th {background: #ccc; text-align: left; padding:3px;}

#autocomplete {z-index:100;}
 
#autocomplete .ui-autocomplete { border: 1px solid #333; background: #333; color: #fff;position:absolute;	  z-index:4000 !important;}
#autocomplete .ui-menu-item {background: #333;}
#autocomplete .ui-menu-item a { color:#fff;}
#autocomplete .ui-menu-item a:hover { color:#fff;background: #555;  border: 1px solid #333; cursor:pointer;}
#autocomplete .ui-menu-item strong { color: #dd0000;}


.formulartext { float:right; width:310px; margin: 38px 20px  0 0;}
.formulartext .text { background: #4e4e4e; color:#fff; padding:20px; font-size: 14px; height:287px; margin: 5px 0 0 0;}

/*----------------------------------------------------------------------------
 alles runde
------------------------------------------------------------------------------*/
#teses_lightbox_content, 
#angebote_btn a, 
#facebook , 
.formulartext .text { border-radius:4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; }

.ui-datepicker-month { border:1px solid #ccc !important; font-size: 11px !important;  }
.ui-datepicker-year { border:1px solid #ccc !important; font-size: 11px !important;}
.ui-datepicker {position:absolute;left:-1000px;-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);}