body {
  text-align:center;
  margin:0;
  padding:0;
}

body, select, input, textarea {
  /* font-family:Lucida Grande, Lucida Sans Unicode,Geneva, Arial, Verdana, sans-serif;*/
  font-family:Geneva, Arial, Verdana, sans-serif;
  font-size:11px;
  font-variant:normal;
  font-size-adjust:none;
  color:#555;
}

form { margin:0; }
input, select, textarea { background-color:#e5e5e5; }
input { height:13px; }
select { height:18px; width:204px;}
* html select { font-size:10px; width:206px;}

ul {
  margin:0;
  padding:0;
  list-style:none;
}

div#descr ul {
  list-style-type:disc;
}

a { color:#555; text-decoration:none;}
a:hover { color:#000; }

div.boxContent a { color:#000; text-decoration:underline;}
#navi div.boxContent a { color:#555; text-decoration:none;}
div.boxContent a.btn, div.boxContent a.btn2 { color:#555; text-decoration:none;}
div.boxContent a.btn:hover, div.boxContent a.btn2:hover { color:#000; }

h1 {
 font-size:24px;
 font-weight:normal;
 color:#555;
}

h2 {
  margin:0;
  padding:0;
  color:#aaa;
  margin-bottom:10px;
  font-size:14px;
  font-weight:normal;
  /* font-weight:bold; */
}


#navi b { color:#000;}

#frame {
  text-align:left;
  margin:0 auto;
  width:980px;
  position:relative;
}

#header {
  height:110px;
  background:url(/share/images/header_bg.gif) no-repeat;
}
#left {
  float:left;
  width:184px;
}
#content {
  float:left;
  width:597px;
  display:inline;
  margin-left:15px;
  position:relative;
}

#right {
  float:left;
  width:184px;
}

#footer {
  clear:both;
  float:left; /* wg. margin-top */
  width:960px; padding:0 10px;
  font-size:10px;
  color: #999;
  border:solid #bbb;
  border-width:1px 0;
  margin-bottom:50px;
}
#footer a { color:#999; text-decoration:none; }
#footer a:hover { color:#000; }

#footer li {
  float:left;
  margin:0 65px 0 0;
  line-height:19px;
}
#footer li.last { margin:0; }

div#bigPic {
  width:383px; float:left; margin:0 15px 15px 0;
}

a img { border:0; }
img { display:block; } /* Fix für IE (sonst 2px-Abstand unten)*/
td img { display:inline; }

.clr {  clear:both; margin:0; padding:0;}

div#topBar { width:980px; margin-bottom:15px;}
* html div#topBar { margin-bottom:14px;} /* IE stellt die nachfolgenden Container 1px zu weit unten dar */
div#quickSearch, div#naviTop, div#topBar { float:left;}

div#quickSearch {
  width:174px; padding-left:10px;
  margin-right:15px;
  background:url(/images/search_bg.gif) no-repeat;
  height:25px;
}
div#quickSearch img { float:right; }

div#quickSearch label {
  display:block;
  line-height:25px;
  width:46px;
  float:left;
  color:#555;
  font-weight:bold;
}

div#quickSearch input { 
  float:left; 
  width:96px; padding-left:5px;
  background-color:#fff; 
  border:1px solid #bbb; 
  height:17px; padding-top:3px; margin-top:1px;
  background:url(/images/search_input_bg.gif) 0 -2px no-repeat; 
}

div#naviTop {
  background:url(/images/naviTop_bg.gif) no-repeat;
  height:25px;
  width:759px; padding-left:22px;
  font-size:12px;
}

#naviTop ul {
  float:left;
  width:759px; /* gleiche width wie div#naviTop */
}

#naviTop li {
  float:left;
  margin:0 12px;
  line-height:25px;
}
#naviTop li.first { margin-left:0px; }
#naviTop li.last { margin-right:0px; }

#naviTop li a {
  text-decoration:none;
  font-weight:normal;
}

/* neue flexible Boxen */
div.box {
  padding:0;
  margin-bottom:15px;
  position:relative; 
  background:url(/images/box/box_bottom_left.gif) 0 100% no-repeat;
}

div.box div.boxContent {
  border:solid #c8c8c8;
  border-width:0 1px;
  position:relative; /* Fix Peek-a-boo Bug IE*/
  line-height:13px;
  padding-top:1px; /* wg. Margin Collapsing */
}

div.box div.boxContent p { margin:6px 10px 4px 10px; }
* html div.box div.boxContent p { margin:8px 10px 4px 10px; }

div.size_s { width:184px; }
div.size_m { width:383px; }
div.size_l { width:582px; }
div.size_xl { width:781px; }

/* Mindesthoehe, damit Box in's Raster passt */
/* Mindesthoehe bei boxContent angeben, da sonst Abschluss der Box nicht stimmt */
div.box div.boxContent { min-height:83px; }
* html div.box div.boxContent { height:83px; } /* fuer IE 6 */

div.box h1, div.box h2, div.box h3, div.box h4, div.box h5, div.box h6
{
  background:url(/images/box/box_head_left.gif) 0 0 no-repeat;
  font-size:12px;
  height:25px;
  line-height:25px;
  text-indent:12px;
  color:#fff;
  margin:0;
  font-weight:normal;
}

div.box h1 span, div.box h2 span, div.box h3 span, div.box h4 span, div.box h5 span, div.box h6 span
{
  background:url(/images/box/box_head_right.gif) 100% 0 no-repeat;
  display:block;
}

/* Farbe fuer boxContent zuruecksetzen, da sonst weisse Schrift auf weissem Hintergrund */
div.boxContent h1, div.boxContent h2, div.boxContent h3, div.boxContent h4, div.boxContent h5, div.boxContent h6
{ 
  background:none;
  height:auto;
  text-indent:0;
  color:#555; 
}

/* dunkle Boxen */
div.dark h1, div.dark h2, div.dark h3, div.dark h4, div.dark h5, div.dark h6
{ background:url(/images/box/box_head_left_d.gif) 0 0 no-repeat; }

div.dark h1 span, div.dark h2 span, div.dark h3 span, div.dark h4 span, div.dark h5 span, div.dark h6 span
{ background:url(/images/box/box_head_right_d.gif) 100% 0 no-repeat; }

div.box div.corner {
  height:6px;
  background:url(/images/box/box_bottom_right.gif) 100% 100% no-repeat;
  line-height:1px;
  font-size:1px;
}

#left ul { width:130px; }
#left li a {
  display:block;
  width:99.9%;
}

#left li a:hover {
  color:#000; 
  font-weight:bold;
}

#left div.catLabel {
  float:left;
  width:60px;
  border-top:1px solid #999;
}

#navi div.boxContent{ min-height:335px; }
* html #navi div.boxContent{ height:332px; } /* Unterschiedliche Hoehe wg. unterschiedlichem padding-top */

#navi div.boxContent{ padding:9px 5px 0 5px; }
* html #navi div.boxContent{ padding:12px 5px 0 5px; }
#navi ul {
  float:left;
  width:102px;
  margin:8px 0 9px 0;
}

#navi div.aboutUs ul { width:170px; }
#navi div.aboutUs li { padding-left:9px; }
* html #navi ul { margin:5px 0 8px 0; }

#navi ul ul { float:none; margin:6px 0 8px 0; }

#navi ul ul li {
  background:url(/images/bullet.gif) 0 5px no-repeat;
  padding-left:8px;
  line-height:13px;
}

#navi ul ul li.h3 {
  background:url(/images/bullet.gif) 8px 5px no-repeat;
  padding-left:16px;
}

#navi ul ul li.gap {
  background:none;
  line-height:5px;
}

#navi h4 {
  float:left;
  width:48px;
  margin:6px 11px 0 0;
  padding:0;
  text-align:right;
  font-size:16px;
  color:#898989;
  font-weight:normal;
}
* html #navi h4 { margin-top:2px; }

#navi div.line {
  clear:both;
  background-color:#bbb;
  height:1px;
  line-height:1px;
}

img.stoerer {
  position:absolute;
  top:0;
  right:0;
}

/* Preise in den Ecken */
span.price_d, span.price_1, span.price_2, span.price_3, span.price_4 {
  font-size:24px;
  font-weight:normal;
  white-space:nowrap;
}

span.price_1, span.price_d { position:absolute; top:5px; left:10px; }
span.price_2 { position:absolute; top:5px; right:10px; }
span.price_3 { position:absolute; bottom:5px; right:10px; }
span.price_4 { position:absolute; bottom:5px; left:10px; }
span.color_d, a:hover span.color_d { color:#000; }
span.color_1, a:hover span.color_1 { color:#000; }
span.color_2, a:hover span.color_2 { color:#a6a6a6; }
span.color_3, a:hover span.color_3 { color:#fff; }
/* Ende Preise in den Ecken */


/* Buttons*/
a.btn {
  background:url(/images/btn_left.gif) 0 0 no-repeat;
  height:22px;
  float:right;
  display:block;
  text-decoration:none;
  margin-top:5px;
}

a.btn span {
  background:url(/images/btn_right.gif) 100% 0 no-repeat;
  display: block;
  line-height:16px;
  padding: 3px 10px;
}

div.buttons a.btn {
  float:left;
}

a.btn2 {
  background:url(/images/btn2_left.gif) 0 0 no-repeat;
  height:22px;
  float:left;
  display:block;
  text-decoration:none;
}

a.btn2 span {
  line-height:16px;
  display: block;
  background:url(/images/btn2_right.gif) 100% 0 no-repeat;
}

a.btn2 span span {
  padding: 3px 5px;
  margin:0 5px;
  background:url(/images/btn2_bg.gif) repeat-x;
}

div.boxContent a.btn {
 position:absolute;
 right:10px;
 bottom:6px; /* 2px mehr, da Grafik einen 2px-border-bottom beinhaltet */
}
div.boxContent div.buttons a.btn, div.boxContent div.buttons a.btn2 {
  position:relative;
  right:0;bottom:0;
}

/* Geschenkeberater */
div#giftAdvisor      { background:url(/images/giftAdvisor_bg.gif)      0 100% no-repeat; height:245px;}
div#giftAdvisor_grey { background:url(/images/giftAdvisor_bg_grey.gif) 0 100% no-repeat; height:245px;}

div#giftAdvisor div.boxContent, div#giftAdvisor_grey div.boxContent {
  position:relative;
  border:none; /* kein border, da Hintergrundgrafik den border enthaelt */
}

 form div#giftAdvisor div.boxContent p 
,form div#giftAdvisor_grey div.boxContent p {
  margin:0 0 10px 0;
  padding:10px 0px 0 10px;
}

div#giftAdvisor div.boxContent a.btn, div#giftAdvisor_grey div.boxContent a.btn {
  position:relative;
}
div#giftAdvisor ul, div#giftAdvisor_grey ul { margin:0 0 16px 0; } /* kein margin-top setzten ( wg. Collapsing Margin (beim p wurde margin-bottom gesetzt) ) */
div#giftAdvisor li, div#giftAdvisor_grey li { background-color:#e5e5e5; width:174px; padding:0 0 0 10px; }
div#giftAdvisor select, div#giftAdvisor_grey select {
  background-color:#eaeaea;
  width:162px;
}
/* Ende Geschenkeberater */

div#smallCart h3 {
  background:url(/images/smallBox_head_smallCart.gif) no-repeat;
}

div#offer h3 {
  background:url(/images/box/smallBox_head_offer.gif) no-repeat;
}

div#offer h3 span {
  background:url(/images/box/box_head_right_offer.gif) 100% 0 no-repeat; 
}


/* wenn Preis nach rechts gefloatet wird, entsteht ein Zeilenumbruch */
i { font-style:normal;}
td.price, td.priceOld, td.priceTotal { text-align:right; }
td.price i, td.priceOld i, td.priceTotal i { float:left; }

div#billAddress { float:left; margin-right:15px;}
div#deliverAddress { float:left; }

div#billAddress div.boxContent, div#deliverAddress div.boxContent { 
  height:344px; 
}

span.nowrap { white-space:nowrap; }

div.buttons {
  position:absolute;
  right:10px;
  bottom:6px;
  clear:both; /* wird fuer IE benoetigt, da sonst die Buttons nicht angezeigt werden */
}
div.buttons a.btnLeft { margin-right:12px; }

div.artPic {
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:relative;
  display:inline; /* Fix fuer Double-Margin-Bug IE 6 */
}

/* Sitemap */

.sitemapper div {
	border-right:dashed 1px #AFB2AF;
	width:143px;
	float:left;
	margin-right:10px;
}
.sitemapper div.last {
	border-right:0;
	margin-right:0;
}
.sitemapper ul {
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	list-style-type:none;
}
.sitemapper ul h2 {
	font-size:13px;
	text-transform:uppercase;
	color:#AFB2AF;
	padding:0;
	margin-bottom:10px;
}
.sitemapper ul a {
	text-decoration:none;
	display:block;
	width:100%;
}
.sitemapper ul a:hover {
	color:#A70036;
}
.sitemapper ul a.active {
	color:#A70036;
}

.sitemapper ul li.h6 {
        padding-left:15px;
}

.sitemapper ul li.h6_last {
        padding:0 0 15px 15px;
}