@charset "utf-8";
/*---------------------------------------------------------------
  R E S E T
----------------------------------------------------------------*/
* { margin:0; padding:0; }
/*---------------------------------------------------------------
  Defaults
----------------------------------------------------------------*/
html { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6c6c6c; }
body { background-color:#e7e7c3; }
a { text-decoration:none; color:#8da942; }
a:hover { color:#3a461b; }
a.pfeil { float:left; margin:3px 0 3px 0; background:url(../img/link_back.gif) 0 50% no-repeat #FFFFFF; padding-left:15px; }
a.zoom { float:left; background:url(../img/zoom.gif) 0 50% no-repeat #FFFFFF; padding:0 0 0 15px; margin:3px 0 3px 0; }
img { border:none; }
p { padding: 8px 0 8px 0; }
h1 { font-weight:bold; font-size:11px; color:#a4b962; }
h2 { font-size:14px; font-weight:normal; color:#7c9142; padding:15px 0 10px 3px; border-bottom:1px solid #c4e178; background:url(../img/h2_back.gif) 0 18px repeat-x #FFF; margin-bottom:2px; }
h3 { font-size:12px; font-weight:bold; color:#c4e178; padding:0 0 5px 8px; border-bottom:1px dotted #a7a7a7; }
h4 { color:#525252; font-size:11px; padding:5px 0 5px 0; }
/*---------------------------------------------------------------
  Klassen
----------------------------------------------------------------*/
.clearer { clear:both; }
.trennlinie_unten { height:9px; background:url(../img/trennlinie_oben.gif) top left repeat-x #FFFFFF; }
.copyright { width:755px; text-align:center; }
/*---------------------------------------------------------------
  wrap
----------------------------------------------------------------*/
#wrap { width:1050px; }
/*---------------------------------------------------------------
  Header
----------------------------------------------------------------*/
#header { width:1050px; height:107px; background:url(../img/header_back.jpg) top left no-repeat #e7e7c3; }
#navi { position:absolute; list-style-type:none; margin:80px 0 0 30px; padding:0; color:#FFF; }
#navi li { display:inline; }
/*---------------------------------------------------------------
  Content
----------------------------------------------------------------*/
#bild_oben { margin-left:15px; }
#bild_oben img { float:left; }
#bild_oben #bild_oben_mitte { float:left; top:0; left:0; padding:0; margin:0; width:306px; height:203px; overflow:hidden; }

#trennlinie_oben { margin-left:15px; }

#content { width:1050px; background:url(../img/content_back.gif) top left repeat-y #FFFFFF; }
#content_left { width:755px; /*float:left;*/  }
#content_left div#inhalt { padding-left:15px; }
#content_right { width:295px; float:right; }

.box_right { width:265px; float:right; }
.box_right div.top { width:265px; height:9px; background:url(../img/box_rechts_top.gif) top left no-repeat #e7e7c3; }
.box_right div.middle { width:230px; background:url(../img/box_rechts_middle.gif) top left repeat-y #FFFFFF; padding-left:10px; padding-right:20px; }
.box_right div.bottom { width:265px; height:14px; background:url(../img/box_rechts_bottom.gif) top left no-repeat #e7e7c3; }
.box_right div.middle div.box_inhalt { padding-left:8px; }
/*---------------------------------------------------------------
  Footer
----------------------------------------------------------------*/
#footer { width:1050px; height:49px; background:url(../img/footer_back.jpg) top left no-repeat #e7e7c3; }
#footer div#right { float:right; margin-right:300px; padding-top:10px; }
#footer div#left { float:left; margin-left:15px; padding-top:10px; }
/*---------------------------------------------------------------
  Seiteninhalte
----------------------------------------------------------------*/
#startseite div.spalte { width:183px; float:left; margin-right:2px; }
#startseite ul { list-style-type:circle; list-style-image:url(../img/ul_dot.gif); margin-left:20px; padding:10px 0 10px 0;}

div#login_links { float:left; width:47%; margin-right:3%; }
div#login_rechts { float:left; width:50%; }
div#login_links input[type*=text], div#login_links input[type*=password], div#login_links select { border:1px solid #a5a5a5; }
div#login_rechts input[type*=text], div#login_rechts input[type*=password], div#login_rechts select { border:1px solid #a5a5a5; }

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {padding: 15px; background-color:#e0f0b6; border: solid #8da942 1px;color:#646464;}
div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px}
div.highlightbox h1 {color:#BE8100; padding:0px 0px 10px 0px; margin:0; border:none; font-size:16px}

/* ERROR MESSAGES */

ul.info_error {border:solid 2px #B22020; background-color:#FFD6D6; padding:8px; color:#646464;}
ul.info_error li {}
ul.info_error li.infoError {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_error.png); background-repeat:no-repeat; background-position:0px 4px}

ul.info_warning {border:solid 2px #C39700; background-color:#FFE89A; padding:8px; color:#646464;}
ul.info_warning li {}
ul.info_warning li.infoWarning {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFE89A}

ul.info_success {border:solid 2px #4DAA30; background-color:#BDFFA9; padding:8px; color:#000;}
ul.info_success li {}
ul.info_success li.infoSuccess {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#BDFFA9}

ul.info_info {border:solid 2px #acc271; background-color:#ceec7e; padding:8px}
ul.info_info li {}
ul.info_info li.infoInfo {list-style:none; padding:5px 0px 2px 20px; background-image:url(../img/icons/icon_info.png); background-repeat:no-repeat; background-position:0px 4px; background-color:#ceec7e}

#suchformular_box input.textfeld, .box_inhalt input.textfeld, .box_inhalt input#passwortfeld { float:left; width:130px; height:17px; border:1px solid #a5a5a5; }

.shop_box { width:240px; float:left; margin-right:7px; height:235px; }

.list_manufacturers_box { width:180px; float:left; margin-right:5px; }

/*---------------------------------------------------------------
   Shop Subnavi
----------------------------------------------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { height:21px; position:relative; z-index:100; font-family:arial, sans-serif; margin-top:2px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:146px; position:relative; margin-right:2px;}
/* style the links for the top level */
.menu a, .menu a:visited { text-align:center; display:block; font-size:14px; color:#fff; height:19px; background:#c4e178; font-weight:bold; padding-top:2px; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:21px; left:0; width:144px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background:#FFFFFF; color:#8a898a; text-align:left; font-weight:normal; font-size:10px; border-bottom:1px dotted #acc271; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:2px 10px 0 5px;}
.menu ul ul a.last { border-bottom:1px solid #c9c9c9; }

/* style the top level hover */
.menu ul a:hover{ color:#FFF; background-color:#63782e;}
.menu ul ul a:hover {background-color:#ebebeb; color:#8a898a;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/*---------------------------------------------------------------
   Rating
----------------------------------------------------------------*/

.reviews_rating_light .reviews_rating_dark { background:transparent url(../img/review_star.png) repeat-x scroll 0%; height:15px; position:relative; }

.reviews_rating_light { background:transparent url(../img/review_star_light.png) repeat-x scroll 0%; height:15px; margin-right:5px; position:relative; width:80px; }

/*---------------------------------------------------------------
   Categorie Listing
----------------------------------------------------------------*/
#categorie_listing { float:left; width:180px; }
#categorie_listing ul { list-style-type:none; margin:10px 0 0 0; }
#categorie_listing ul li a { float:left; width:150px; color:#000; padding:5px; border-bottom:1px dotted #acc271; }
#categorie_listing ul li a.active { background-color:#c4e178; color:#FFF; }
#categorie_listing ul li a.last { border-bottom:none; margin-bottom:5px; }
#categorie_listing ul li a:hover { background-color:#c4e178; }

/*---------------------------------------------------------------
   Product (-Listing)
----------------------------------------------------------------*/
.NAVIGATION { height:14px; background-color:#c4e178; color:#FFF;padding:3px 5px 3px 5px; margin-bottom:2px; }
.NAVIGATION .COUNT { float:right;  }
.NAVIGATION .PAGES { float:left; }

.product_listing_box { float:left; width:166px; margin:2px 3px 5px 2px; padding:5px; }
.product_listing_box .price { font-weight:normal;font-size:11px; }
.product_listing_box .details { float:right; }

#product_left { float:left; width:420px; margin-right:3px; }
#product_right { float:right; width:312px; }

.add_cart_button { float:right; margin-right:135px; margin-top:-6px; }

input.details { float:left; border:none; width:86px; height:19px; background:url(../img/buttons/de/details.gif) top left no-repeat; text-indent:-999px; cursor:pointer; }

.zoompic_small { margin:1px; }

#product_right .price { font-weight:bold; }
#product_right .productOldPrice, .product_listing_box .productOldPrice { text-decoration: line-through;}
#product_right .price_new, .product_listing_box .price_new { font-weight:bold; color:#8da253; }

/*---------------------------------------------------------------
   Shortnews
----------------------------------------------------------------*/
ul#shortnews { margin:0; padding:0; list-style-type:none; list-style-image:none; }
ul#shortnews span { font-weight:bold; font-size:11px; color:#a4b962; }
ul#shortnews li { padding:5px 0 10px 3px; border-bottom:1px dotted; }

/*---------------------------------------------------------------
   NEWS
----------------------------------------------------------------*/
div.newsbox { border-bottom:1px dotted; float:left; width:100%; margin:5px 0 5px 0; }
div.newsbox span { color:#a4b962;font-weight:bold; font-size:11px; }

/*---------------------------------------------------------------
   Warenkorb
----------------------------------------------------------------*/
table.tabledetails {font-size:11px; background-color:#FFF; border-style: solid; border-width:0px 1px 1px 1px; border-color:#acc271;}
table.tabledetails tr td {padding:4px}
table.tabledetails tr.headerrow td {background-color:#acc271; color:#FFFFFF; font-weight:bold}
table.tabledetails tr.headerrow td.left {text-align:left}
table.tabledetails tr.headerrow td.center {text-align:center}
table.tabledetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.tabledetails tr.contentrow1 td {background-color:#FFF;vertical-align:top}
table.tabledetails tr.contentrow1 td.left {text-align:left}
table.tabledetails tr.contentrow1 td.center {text-align:center}
table.tabledetails tr.contentrow1 td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 2 */
table.tabledetails tr.contentrow2 td {background-color:#defa92;vertical-align:top}
table.tabledetails tr.contentrow2 td.left {text-align:left}
table.tabledetails tr.contentrow2 td.center {text-align:center}
table.tabledetails tr.contentrow2 td.right {text-align:right}

table.tabledetails tr td.subtotal {padding:5px 0; color:background-color:#FFF; text-align:right; }

.subtotal { text-align:right; }

/*---------------------------------------------------------------
   Checkout Navigation
----------------------------------------------------------------*/
ul#checkoutnavigation { text-align:center; height:105px; }
ul#checkoutnavigation li {height: 75px; list-style-type:none; float:left; width:160px; margin:10px 1px 0 1px; border: solid 1px; padding:7px 10px 10px 10px;}
ul#checkoutnavigation li.active {background-color: #eeffc1}
ul#checkoutnavigation li.active .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.active .title {font-size:14px; font-weight:bold;}
ul#checkoutnavigation li.active .description {font-size:11px;}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #EDEDED; border-color:#999999}
ul#checkoutnavigation li.inactive .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}

/*---------------------------------------------------------------
   Shipping Type
----------------------------------------------------------------*/
table.shippingblock {background-color:#eeffc1;}
table.shippingblock tr td.header {background-color:#eeffc1; padding:3px 2px 3px 3px; padding-left:5px; color:#858585; font-weight:bold;}
table.shippingblock tr td {vertical-align:top;}
table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;}
table.shippingblock tr td.radiobutton { padding:4px;}
table.shippingblock tr td.radiobutton input {margin:0; padding:0;}
table.shippingblock tr td span.price { padding-right:5px; }
table.shippingblock tr td.main { padding:5px; padding-left: 10px; }

/*---------------------------------------------------------------
   Payment Type selection
----------------------------------------------------------------*/
table.paymentblock {background-color:#FFFFFF; border-style: solid; border:1px solid #acc271; margin-bottom:15px; }
table.paymentblock tr td.header {background-color:#acc271; padding:5px 0 5px 0; color:#FFFFFF; font-weight:bold;}
table.paymentblock tr td.main { padding:10px; }

.cross_sell_product { float:left; margin:5px 0 5px 10px; width:230px; }
.productImageBorder { float:left; margin-right:5px;}

.infonavigation { float:left; width:218px; }
.infonavigation ul { list-style-type:none; list-style-image:none; }
.infonavigation ul li {  }
.infonavigation ul li a { width:200px; float:left; padding:5px 0 5px 10px; border-bottom:1px dotted; color:#525152; }
.infonavigation ul li a.last { border-bottom:0; }
.infonavigation ul li a:hover { background-color:#c4e178; }
.content_rechts { float:left; width:515px; margin-left:4px; }

table.paymentblock tr table.banktransfer_data { border:1px solid; }

#suche td { padding:5px 0 5px 0; }

#geschenkverpackung_box table td, #confirmation_geschenkverpackung td { padding:6px 3px; }
#geschenkverpackung_box table thead td, #confirmation_geschenkverpackung thead td { padding:3px; background-color:#acc271; color:#FFF; font-weight:bold; font-size:11px; }

/*---------------------------------------------------------------
   JQZoomTitle
----------------------------------------------------------------*/
div.jqZoomTitle {	z-index:5000;	text-align:center;font-size:11px;	font-family:Tahoma;	height:16px;	padding-top:2px;	position:absolute;	top: 0px;	left: 0px;	width: 100%;	color: #FFF;	background: #999; }
.jqZoomPup { overflow:hidden; background-color: #FFF;-moz-opacity:0.6; opacity: 0.6;filter: alpha(opacity = 60);z-index:10;		border-color:#c4c4c4;	border-style: solid;	cursor:crosshair; }
.jqZoomPup img {border: 0px;}
.preload{	-moz-opacity:0.8;	opacity: 0.8; filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;   text-decoration: none;	border: 1px solid #CCC;  background-color: white;  padding: 8px;text-align:center; background-image: url(../images/zoomloader.gif);  background-repeat: no-repeat;  background-position: 43px 30px;width:90px;* width:100px;	height:43px; *height:55px; z-index:10;	position:absolute;	top:3px;	left:3px; }
.jqZoomWindow {	border:1px solid #CCCCCC; background-color: #FFF;}