@charset "utf-8";
/* CSS Document */

body {padding:0px; margin:0px;font-family:Arial,​Helvetica,​sans-serif; font-size:13px;}
a {font-family:Arial,​Helvetica,​sans-serif; font-size:13px;text-decoration: none}

#content {width:967px; margin:0px auto;padding:0px 14px;}

#seite_hintergrund { background:url(../gfx/seite_hintergrund.png) repeat-x #434341;}
#seite_zentriert {width:967px; margin:0px auto;  font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align: left;}
#seite_zentriert a {text-decoration: none;}

#header {width:1040px; margin:0px auto;position: relative;}

#RightPanel {width:178px;vertical-align: top; background:url(../gfx/td_rechts_hintergrund.png) top left  repeat-y;}

#pers_content { width: 524px; text-align:left; background:white; padding:15px;overflow: hidden;  margin: 0px 15px;}

.top_navigation { text-align: right; padding-right:20px;height:38px; line-height: 38px; background:url(../gfx/top_navigation_hintergrund.png) repeat-x; margin:0px 14px;}
.top_navigation a { color:white!important; margin-left: 15px}
.top_navigation a:hover { text-decoration:underline!important; }

.logolink { width:310px; height:77px; cursor: pointer;position:absolute;top:70px; left:226px;cursor: pointer;z-index:1;}

.header {height:209px; background:url(../gfx/header_hintergrund2.jpg) no-repeat scroll 0 0 transparent; margin:0px 14px; position: relative;  /*background:url(../gfx/header_hintergrund.jpg) no-repeat;*/ }

.header_navigation { background:url(../gfx/header_navigation_hintergrund2.png) repeat scroll 0 0 transparent; /*background:url(../gfx/header_navigation_hintergrund.png);*/ height:39px; /*width:959px;*/ width:995px; position: absolute;left:-10px; bottom:1px; padding-left: 36px;}
.header_navigation {width:998px\9; padding-left:31px\9;}
.header_navigation .header_links {border-right:1px solid white; float:left;height:31px;line-height: 31px; margin-left:13px; text-rendering: optimizeLegibility;}
.header_navigation .header_links a { border:solid #d1d1d1; border-width: 1px 0px 1px 1px; display: inline-block; text-align: center;color:white;height:29px;padding:0px 15px 0px 15px}
.header_navigation .header_links a:hover { text-decoration: underline!important;}
.header_navigation .header_links a.last {border-right:1px solid #d1d1d1;}

.top_navigation .header_suche {float:left; height: 31px; line-height: 31px ; width:240px; margin-right: 13px;}
.top_navigation .header_suche .absenden {position: relative; top:6px;margin-left:5px;}
.top_navigation .header_suche input[type=text] {background: url(../gfx/input_feld_hintergrund.png); font-size:10px;width:180px;font-weight:bold; color:#a6a6a6;border:1px solid #969899;padding:3px 0px 3px 4px;position: relative; top:-1px;}

.animated_teaser_outer { margin:20px 14px; border:1px solid #008fc9; height: 313px; background-color: #cecece; position: relative;padding:0px;}
.animated_teaser_outer a {border:0px;}
.animated_teaser_outer img {border:0px;}
.animated_teaser_outer .prev { position: absolute; width:49px; height:95px; left:-10px; top:95px;background:url(../gfx/slider_pfeil_links.png);z-index:5;cursor:pointer;}
.animated_teaser_outer .next { position: absolute; width:49px; height:94px; right:-14px; top:95px;background:url(../gfx/slider_pfeil_rechts.png);z-index:5;cursor:pointer;}

.start_teaser_outer { height: 512px;margin:0px 14px 20px 14px}
.start_teaser {width:305px; height:245px; float:left; border:1px solid #bdbdbd;margin-right:9px;margin-bottom:18px; background:#ffffff;}
.start_teaser img {display:block;}
.start_teaser div {background:url(../gfx/start_box_pfeil.png) bottom right no-repeat; margin:26px 26px 0px 26px;font-size:19px;}
.start_teaser a {color:#0263AF;}
.start_teaser a:link {color:#0263AF;}
.start_teaser a:visited {color:#0263AF;}
.start_teaser a:hover {color:#0263AF;}

#footer {margin: 0 auto; background:url(../gfx/footer_hintergrund.jpg) no-repeat; margin-top:20px; height:187px; width: 939px; margin-bottom:22px;}

.box_links {border:1px solid #bdbdbd; border-bottom:0px solid white;background:url(../gfx/boxen_hintergrund.png) repeat-y; width:172px;}
.box_links h1 {font-size: 15px; color:#008fc9;padding:10px 0px 10px 5px;}
.box_links h1 a {color:#008fc9;}
.box_links h2 {font-size: 13px; color:#008fc9; background-color:#e4e3e3; border:solid #f0ecec; border-width:1px 0px 1px 0px;padding:3px 0px 3px 10px;}
.box_links a {border:none;}
.box_links img {border:none;}

.komfortsuche { padding:0px 10px; font-size:11px;}
.suchbox { padding:5px 0px;}
.bewertungen { background:url(../gfx/bewertungen_hintergrund.png) no-repeat;padding:5px;}
.newsletter  {padding-left:12px;}
.newsletter li { font-size:11px; color:#545454;list-style-type: none; background:url(../gfx/listnubsi.png) 0px 6px no-repeat;padding-left:8px;}
.newsletter_link {padding:0px 0px 14px 14px;}

#box_rechts_container {display:none;}
.box_rechts {border:1px solid #bdbdbd; border-bottom:0px solid white;background:url(../gfx/boxen_hintergrund.png) repeat-y; width:172px;margin-left: 3px;margin-bottom:20px;}
.box_rechts h1, #warenrueck {background:url(../gfx/kontaktformular_hintergrund.png) repeat-y; font-size: 13px; color:white; border:solid white; border-width:1px 0px 1px 0px;padding:7px 0px 7px 23px; margin-left:0px; margin-right:7px;}
.box_rechts h1 a, {color:white;font-size:15px;padding-left:20px;background:url(../gfx/kontaktformular_link_hintergrund.png) 0px 4px no-repeat;}
.box_rechts h2 {font-size: 13px; color:#008fc9; background-color:#e4e3e3; border:solid #f0ecec; border-width:1px 0px 1px 0px;padding:3px 0px 3px 10px;}
.box_rechts a {border:none;}
.box_rechts img {border:none;margin-left: 2px;}
#warenrueck a {color:white; font-size:12px;}

.box_rechts .kontakt {padding:15px; color:#545454;font-size:11px;}
.box_rechts .formular {margin-top:17px; padding:0px 0px 15px 15px; color:#545454;font-size:12px;background:url(../gfx/kontakt_hintergrund.png) no-repeat;}
.box_rechts .fomular_innnen {padding-bottom:20px; padding-top:13px;}
.box_rechts .fomular_innnen a {color:#008fc9;font-size:11px;}
.formular h1 a {color:white;}
.formular h1 a:link {color:white;}
.formular h1 a:visited {color:white;}
.formular h1 a:hover {color:white;}
.formular h1 a {font-size:11px;}
.formular h1 {width:100px; margin-left:26px;}


#kontaktformular {min-height:570px; background:url(../gfx/pers_hintergrund.png) repeat-y; border:1px solid #bdbdbd; font-size:12px; color:#4a4a4a; font-family: Arial,Helvetica,sans-serif}
#kontaktformular h1 {background:url(../gfx/h1_hintergrund.png) repeat-y; margin:5px 0px 10px 0px; padding:4px 0px 4px 14px;}
#kontaktformular table {margin-left:30px;}

.produktblock { background:url(../gfx/pers_hintergrund.png) repeat-y; border:1px solid #bdbdbd;margin-bottom:15px;}
.produktblock h1 {background:url(../gfx/h1_hintergrund.png) repeat-y; color: #008fc9;margin:0px 0px 10px 0px; font-size:14px;padding:4px 0px 4px 14px;}

.produktblock .formblock {padding-right:15px;}

.kurz_info {float:right;width:328px; font-size:11px;}
.kurz_info h1 { background:none; color:#545454;margin-bottom:5px;padding-left:0px;}

.produkt_kurzinfo {padding:10px;}
.produkt_kurzinfo img {border:1px solid #b8aea5; width:212px;}
.produkt_kurzinfo .klein {width:48px; border:none; margin:5px 5px 5px 0px;}

.textFrage { width:470px;height:205px;}

.formblock {margin-bottom:10px;margin-left:15px;color:#545454; font-size:12px; }
.formblock b {display:block;}
.formblock table {background:none!important;}
#kontaktformular .formblock {font-size:12px; color:#4a4a4a; }

#top_bewertungen {position: absolute; bottom:-100px; left:130px; height:104px; width:79px; background:url(../gfx/top_bewertungen.png) no-repeat;}

/* Ebay Anpassungen */
#CentralArea table  { background:#ffffff; width:188px;}
td#CentralArea div.v4stabl  { background:#ffffff;}
.gallery td {font-size:11px!important;}
#LeftPanel {width:178px!important; background:url(../gfx/td_links_hintergrund.png) top left repeat-y;}
.rs-pview {padding:0px!important;}
.v4snexp {background-color: white; padding: 10px; margin: 0px!important;}

.rating { height:130px; width:160px;}
.rating b { display: block; font-size:11px;margin-bottom: 10px}
.rating .bewertung { font-size:11px; display:block;height:70px;background:url(../gfx/plus.png) no-repeat; padding-left:20px;}
.rating .datum {display:block; border-top:1px solid grey; margin-top:10px;font-size: 10px}

#remove { display: none;}
#remove2 { display: none;}

#mich_content { background:white; padding:15 0px 15px 15px; margin: 0px 15px; overflow: hidden}
.mich_text { color:#4a4a4a; font-size: 12px}
.mich_mitarbeiter {float:right; width: 435px; margin-left: 30px;}
.mich_mitarbeiter .mitarbeiter { color:#4a4a4a; width: 189px; margin-right:8px; float:left; border:1px solid #4a4a4a; margin-bottom: 8px;  overflow: hidden;text-align: right; padding:8px;}
.mich_mitarbeiter .mitarbeiter { width=205px;}
.mich_mitarbeiter .mitarbeiter img {height: 100px; margin-bottom: 5px}
.mich_mitarbeiter .mitarbeiter span {float:left; text-align: left; font-size: 14px;font-weight: bold; }
.mich_mitarbeiter .mitarbeiter .beschreibung { text-align: left; }
.mich_mitarbeiter .mitarbeiter .beschreibung p { margin:4px 0px;font-size:12px;}
.mich_mitarbeiter .mitarbeiter .beschreibung a { font-size: 12px}


.header_links ul li.main {float: left;}
.header_links li.main {text-align:center; font-size:14px; font-weight:bold; text-transform: uppercase; z-index:4000; position:relative; list-style: none outside none; cursor:pointer; text-decoration:none;}
.header_links li.main a{text-decoration:none;}
.header_links li.main:hover {text-decoration:none;}
.subkategorien {display:none; text-decoration:none; list-style-type:none; position:absolute; z-index:9999; background:#00b4da; top:32px; left:0px;}
.subkategorien li a:hover, li.main a:hover {text-decoration:none; }
ul.subkategorien {margin:0px; padding:0px; width:236px; border:1px solid #ffffff;}
ul.subkategorien li {text-align:left!important; border-bottom:1px solid #ffffff;}
ul.subkategorien {text-align:left;}
ul.subkategorien li a { display:block!important; text-align:left!important; color:#0263AF;  text-transform: none; font-weight: normal;padding:3px 10px; text-decoration:none;}
ul.subkategorien li a:hover, .subkategorien li:hover{text-decoration:none; color:white;}
.subkategorien a {border:none!important; border:0px!important;}


.subsubkategorien {display:none; text-decoration:none; list-style-type:none; position:absolute; z-index:9999; background:#00b4da; float:right;left:0px; font-size: 11px; }
.subsubkategorien li a:hover, li.main a:hover {text-decoration:none; }
ul.subsubkategorien {margin-left:236px; margin-top:-3px; padding:0px; width:236px; border:1px solid #ffffff;margin-top:-30px;}
ul.subsubkategorien li {text-align:left!important; border-bottom:1px solid #ffffff;}
ul.subsubkategorien {text-align:left;}
ul.subsubkategorien li a { display:block!important; text-align:left!important; color:#0263AF;  text-transform: none; font-weight: normal;padding:3px 10px; text-decoration:none;}
ul.subsubkategorien li a:hover, .subkategorien li:hover{text-decoration:none; color:white;}
.subsubkategorien a {border:none!important; border:0px!important;}



#seite_hintergrund hr {display:none;}
br[clear=none] {display:none;}

.formular table {font-size:11px!important;}
.formular table tr td {font-size:11px!important; color:#545454!important;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(gfx/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(gfx/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(gfx/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(gfx/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(gfx/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(gfx/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(gfx/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(gfx/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(gfx/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(gfx/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(gfx/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(gfx/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(gfx/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(gfx/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(gfx/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(gfx/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(gfx/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(gfx/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(gfx/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(gfx/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(gfx/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}