@charset "utf-8";

/**
-------------------------------------------------------------
	Stylesheet für: http://www.hussel.de
	Medien:         Bildschirme und Projektoren
	Autoren:        Matthias Hänßle und Kristian Augustin
------------------------------------------------------------- */
@import url(menu.css);
@import url(buttons.css);
@import url(choco-createur.css);
@import url(green.css);


/**
-------------------------------------------------------------
    Basislayout und Aufbau der Page
------------------------------------------------------------- */


body {
	background-color: #FFF
}

body #background {
	width: 100%;
	overflow: hidden;
	/*background: #FFF url(../../images/bg/pralinen_hell.jpg) repeat;
	INLINE STYLE
	*/
}
#page {
	margin: 0 auto;
	width: 940px;
	/* width: 1100px; nur für Schatten */
	overflow-x: hidden;
	position: relative;
	z-index: 10;
}

/** Header
------------------------------------- */
#header {
	height: 94px;
	margin-bottom: 19px;
	/*background-color:#00CC66;*/
	z-index: 10;
}

#keyVisual {
	width: 940px;
	overflow:hidden;
	margin-bottom: 10px;
}

#logo {
	float: left;
}
#header h1 {
	display: none;
}
#header #claim {
	font-size: 11px;
  display: none;
}

#header .sitenav {
  font-size: 11px;
  display: none;
}


#navAndSearch {
  top: 0px;
	height: 101px;
  width: 100%;
  position: absolute;
  z-index: 90;
	background: transparent url(../../images/navi/bg_opacity.png) top left repeat-x;
}
* html #navAndSearch {
	background: transparent url(../../images/navi/bg_solid_ie.gif) top left repeat-x;
}

/* macht mit der Navigation Probleme
#navAndSearch {
 filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}*/

#navAndSearch .inner {
  position: relative;
  width: 940px;
	min-height: 101px; /* Aufspannen und Menü kann noch ausklappen */
	padding: 0 6px 7px 6px;
  margin: 0 auto;
	background: transparent url(../../images/bg/main_navi_schatten.png) 0px 62px no-repeat;
}
* html #navAndSearch .inner {
	background: none;
}

/** quickSearch
------------------------------------- */

#quickSearch {
	float: left;
	margin-top: 28px;
  line-height: 25px;
  background: transparent url(../../images/forms/quickSearch.gif) 0 0 no-repeat;
  height: 35px;
  width: 130px;
}

#quickSearch form {
  margin: 0;
  padding: 0;
}

#quickSearch .text {

}
#quickSearch .textfield input {
  background: transparent none;
  width: 90px;
  border: 0;
  margin: 0 0 0 5px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  padding: 0 0 4px 0;
}
#quickSearch .submit input {
  margin: 2px 0 0 0;
}

/** mini Warenkorb
------------------------------------- */
#miniCard  {
  float: right;
	position: relative;
	width: 178px;
	height: 63px;
	color: #9e0056;
	background: transparent url(../../images/card.png) 0 0 no-repeat;
}
#innerMiniCard {
	position: absolute;
	left: 70px;
	top: 12px;
	width: 100px;
	height: 50px;
}
#miniCard.full  {
	background: transparent url(../../images/card-full.png) 0 0 no-repeat;
}

* html #miniCard {
	background: transparent url(../../images/card.gif) 0 0 no-repeat;
}
* html #miniCard.full {
	background: transparent url(../../images/card-full.gif) 0 0 no-repeat;
}
#miniCard #login {
	margin: 9px 0 0 9px;
	font-size:0.9em;
}
#miniCard a {
	color: #9e0056;
	text-decoration: none;
}
#miniCard a:hover {
	color: #9e0056;
	text-decoration: underline;
}

#miniCard  #total {
	position: absolute;
	top: 28px;
	right: 120px;
	width: 61px;
	height: 18px;
	padding-top: 3px;
	font-size: 1.1em;
	font-weight: bold;
	text-align:right;
}
#miniCard  #total .value {
	font-weight: bold;
}
#miniCard  #total .currency {
	font-weight: normal;
	color: #450f0f;
}
#miniCard  #products {
	position: absolute;
	top: 48px;
	right: 109px;
	width: 61px;
	height: 18px;
	padding-top: 3px;
	font-weight: bold;
	text-align: right;
}
#miniCard  #products a {
	color: #848484;
}




/**
-------------------------------------------------------------
	Regeln für den Content --
------------------------------------------------------------- */

/* zunächst ohne Schatten da neuer Div-Container nötig
#content-shadow {
	width: 940px;
	padding: 0 80px;
	overflow:hidden;
	background: transparent url(../../images/bg/schatten_content.png) 0 0 no-repeat;
} */
#content{
	width: 940px;
	background-color:#fff;
	margin-bottom: 10px;
	overflow:hidden; /* nötig!!!*/
}

/* Min-Height für Content definieren */
#content{
  min-height: 400px;
}
/* for Internet Explorer */
/*\*/
* html #content {
  height: 400px;
  overflow: visible;
}
/**/



#content #content-head {
	background-color:#fff;
	text-align:center;
	padding-bottom: 10px;
}
#content #sidebar {
  float: left;
  width: 160px;
	margin-left: 40px;
	display: inline;
  background-color:#FFF;
  overflow: hidden;
}
#content #main {
	float: right;
	width: 660px;
	margin: 0 40px 10px 40px;
	display: inline;
	overflow:hidden; /* main aufspannen */
	background-color:#FFF;
}


#content #inner {
	width: 860px;
	padding: 0 40px 20px 40px;
	margin-bottom: 10px;
	overflow:hidden; /* inner aufspannen */
	background-color:#fff;
}

#content #inner #left-colum {
	float:left;
	width: 410px;
	/*background-color:#00CCFF;*/
}
#content #inner #right-colum {
	float:right;
	width: 410px;
	/*background-color:#FFCCFF;*/
}

#content #inner img.float-left,
#content #main img.float-left {
	float: left;
	margin: 5px 15px 10px 0;
}

#content #inner img.float-right,
#content #main img.float-right {
	float: right;
	margin: 5px 0 10px 15px;
}
#content .threeCol {
	float: left;
	width: 200px;
	margin-right: 20px;
	overflow: hidden;
}

/** Geschenke-Finder
------------------------------------- */
#content #gift-finder-box {
	margin-top: 0px;
	margin-right: 5px;
	margin-left:15px;
	margin-bottom:10px;
	overflow: hidden;
	background: transparent url(../../images/content/gift-finder.png) 0 0 no-repeat;
	width: 920px;
	height: 195px;
	padding: 40px 0 15px;
}

#content .gift-finder {
	overflow: hidden;
	float: left;
	font: normal 18px/18px 'FeltpenComMedium','Comic Sans','Comic Sans MS','cursive';

}
#content .gift-finder  h3 {
	color: #9e0056;
	font: normal 1.5em 'FeltpenComMedium','Comic Sans','Comic Sans MS','cursive';
	margin: 5px 0 20px 0;
}

#content .occasion {
	padding-left: 110px;
	width: 230px;
}

#content .whom {
	padding-left:125px;
	width:235px;
}

#content .costs {
    float:right;
	width:130px;
	padding-left:85px;
}
#content .costs .currency{
	margin-top: 42px;
}

#content .gift-finder .right {
	float: right;
}
#content .gift-finder .left {
	float: left;
}
#content .gift-finder .filter-option {
	/*float:left;*/
	width: 110px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom:10px;
	font-size: 0.9em;
	/*margin-bottom: 8px;*/
}
#content .gift-finder .filter-option a {
	/*color: #9e0056;*/
}

#content .gift-finder span.euro input {
	width: 85px;
	background: transparent url(../../images/forms/search-gift-finder.png) left top no-repeat;
	border: 0;
	height: 24px;
	padding: 0 0 0 5px;
	margin-top: 4px;
}

#gift{
  margin-top:10px;
  margin-left:10px;
  }


/** Filialsuche
------------------------------------- */

#content #storeSearch {
	height: 1%;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

#content .floatBox {
	float: left;
	height: 1%;
	padding-right: 40px;
	overflow: hidden;
}

#content .lila {
	color: #9e0056;
}

#content table.storeResult {
	width: 100%;
	margin-top: 0.5em;
	border-top: 1px solid #e2e2e2;
}
#content table.storeResult td {
	padding: 10px;
	line-height: 1.5em;
	border-bottom: 1px solid #e2e2e2;
}
#content #form table.storeResult td table {
	margin: 0;
}
#content #form table.storeResult td table td {
	padding: 0 10px 0 0;
	border-bottom: 0;
}
#content #form table.storeResult td a.lila {
	text-decoration: underline;
}

/** Paging unter der Filialsuche
------------------------------------- */
#content #paging .left {
	float: left;
	display: inline;
	margin: 6px 120px 0 10px;
}
#content #paging .center {
	float: left;
	margin: 0;
	z-index: 10;
}
#content #paging .center img {
	float: left;
	margin-right: 10px;

}
#content #paging .center ul {
	float: left;
	margin: 6px 0 0 0;
}
#content #paging .center ul li {
	float: left;
	padding: 0 10px 0 0;
	background: none;
}
#content #paging .center ul li a {
	font-weight:bold;
	text-decoration: underline;
}


/** Startseite
------------------------------------- */

#page #promotion-container {
	width: 940px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 10px;

}

#page #promotion-container .image {
	float: left;
	width: 940px;
	overflow: hidden;
	background: #FFF;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

#page #promotion-container .category {
	float: left;
	width: 469px;
	height: 205px;
	overflow: hidden;
	background: #FFF;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

#page #promotion-container .product {
	float: left;
	width: 469px;
	height: 205px;
	overflow: hidden;
	background: #FFF;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

#page #promotion-container .product  img {
	float: left;
	display: block;
}
#page #promotion-container .inner {
	width: 248px; /* Image jetzt 206 x 179 */
	float: left;
	overflow:hidden;
	margin: 10px 10px 10px 5px;
	font-size: 0.9em;
	line-height: 1.2em;
}
#page #promotion-container .inner a.sortiment {
	color: #9E0056;
	font: bold 13px/18px 'FeltpenComMedium','Comic Sans','Comic Sans MS','cursive';
	padding-right: 13px;
	text-decoration: none;
	float: right;
}
#page #promotion-container .inner a.sortiment:hover {
	color: #9E0056;
	text-decoration: underline;
}

#page #promotion-container .inner .product-price {
	margin-top: 5px;
	color: #9E0056;
	font-size: 4.0em;
	line-height: 1em;
}
* html #page #promotion-container .inner .product-price {
	font-size: 3.0em;
}
* + html  #page #promotion-container .inner .product-price {
	font-size: 3.0em;
	line-height: 1.2em;
}

#page  #promotion-container .inner .product-name {
	margin: 5px 0 0 0;
	font-weight: bold;
	/*
		font-family: 'FeltpenComMedium','Comic Sans','Comic Sans MS','cursive';
		font-size: 1.50em;
	*/
	font-size: 1.20em;
	font-family: 'Arial','sans-serif';
}
#page  #promotion-container .inner .product-name a,
#page  #promotion-container .inner p a  {
	text-decoration: none;
}

#page  #promotion-container .inner .pricing {
	font-family: 'FeltpenComMedium','Comic Sans','Comic Sans MS','cursive';
}

#page .pricingDetail {
	font-family: 'FeltpenComMedium','Comic Sans','Comic Sans MS','cursive';
	font-size: 5em;
	margin-top: 5px;
	font-size: 4em;
	line-height: 1em;
}

#page .pricingDetail sup{
	text-decoration: underline;
}
/* -------------------------------------------------- */



#page #addon-container {
	width: 940px;
	overflow: hidden;
	background: #fff;
	margin: 0 0 10px 0;
}
#page #addon-container #addon-01,
#page #addon-container #addon-02 {
	float: left;
	width: 469px;
	height: 193px;
	position:relative;
	z-index: 5;
	text-align: right;
	background: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #e2e2e2;
}
#page #addon-container #addon-02 {
	border-right: none;
	border-left: none;
}
#page #addon-container #addon-01 .inner,
#page #addon-container #addon-02 .inner {
	position:absolute;
	top: 22px;
	left: 14px;
	width: 300px;
	height: 150px;
	text-align: left;
	z-index: 10;
}
#page #addon-container h2 {
	font: normal 3em 'BritannicComExtraLight','Tohama','sans-serif' !important;
	margin: 0;
	line-height: 100%;
	color: #4b1010;
}
#page #addon-container p {
	font: normal 1em/1.2em 'Arial','sans-serif';
	margin: 0.6em 0;
	color: #848484;
}

/** Produkt Detailseite
------------------------------------- */
#content #product,
#content #crossSelling  {
	width: 940px;
	overflow: hidden;
	background-color: #FFF;
	font-size: 0.9em;
}
#content #product h3{
	font-size: 1em;
	color: #9e0056;
}
#content #product h4 {
	color: #9e0056;
}

#content a.textNavi {
	padding-left: 14px;
	background: #fff url(../../images/icons/dual-arrow-left.gif) no-repeat  0 4px;
	text-decoration:none;
}
#content a.textNavi:hover {
	text-decoration:underline;
}
#content ul {
	margin: 1em 0;
}

#content ul li {
	list-style: none;
	padding-left: 8px;
	background: #fff url(../../images/icons/dot-gray.gif) no-repeat  left center;
}

#content #crossSelling  {
	padding-bottom: 15px;
	margin-bottom: 10px;
}

#content #productImage {
	float: left;
	width: 690px;
	position: relative;
}

#content #productDetails {
	float: right;
	width: 230px; /* total: 250px */
	padding: 10px;
}


/**
-------------------------------------------------------------
	Checkout Prozess
------------------------------------------------------------- */

#content #form {
	width: 860px;
	padding: 15px 40px 15px 40px;
	background-color: #fff;
	overflow: hidden; /* Box aufspannen im Firefox */
	margin-bottom: 5px;
}

#content #form #tracker {
	width: 860px;
	overflow: hidden;
	/* border: 1px solid red; */
}
#content #form #tracker a {
	text-decoration: none;
	color: #848384;
}
#content #form #tracker .step {
	float: left;
	padding-right: 25px;
}
#content #form #tracker .step img {
	margin-right: 6px;
	vertical-align: middle;
}
#content #form #tracker .active {
	color: #9e0056;
}
#content #form span.stern {
	color: #9e0056;
	font: bold 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif !important;
}
#content #form th img.stern {
	vertical-align:top;
}
#content #form #bg-wrapper {
	height: 1%;
	overflow: hidden;
	background: transparent url(../../images/bg/middle-line.gif) 428px 0 repeat-y;
	/* background-color:lime; */
}

/** Login
------------------------------------- */
/* Lila-Balken über Formularen */
#content #form h2 {
	width: 830px;
	height: 37px;;
	color: #9e0056;
	padding: 15px 15px 0 15px;
	font: normal 180%/110% 'BritannicComExtraLight','Tahoma','sans-serif';
	text-transform: uppercase;
	background-color: #f3e0ea;
	overflow:hidden;
}
#content #form h3 {
	margin: 0.5em 0 1.2em 0;
	line-height: 1.2em;
	font-size: 1.4em;
	font-weight: bold;
}
#content #form h4 {
	margin: 0.5em 0 0.8em 0;
}
#content #form #left-colum {
	float: left;
	width: 407px;
	padding-right: 20px;
	/* border-right: 1px solid #e2e2e2;*/
}
#content #form #right-colum {
	float: right;
	width: 407px;
}
/* zu allgemein
#content #form input {
	margin: 3px 0;
} */

#content #form th {
	/* Platz für Sternchen schaffen */
	line-height: 1.2em;
}



#content #form span.text,
#content #inner span.text,
#content #myChoco span.text  {
	display: block;
	height: 23px;
	background: transparent url(../../images/forms/text-218px.gif) 0 0 no-repeat;
}
#content #form span.text input,
#content #inner span.text input,
#content #myChoco span.text input {
	width: 208px; /* total: 218px */
	height: 17px;
	line-height: 17px;
	padding: 1px 5px 6px 5px;
	border: 0;
	background: transparent;
}

#content #form span.mail-adresse,
#content #form span.passwort {
	display: block;
	height: 23px;
	margin-top: 5px;
	background: transparent url(../../images/forms/text-286px.gif) 0 0 no-repeat;
}
#content #form span.mail-adresse input,
#content #form span.passwort input{
	width: 276px; /* total: 286px */
}

#content #form ul li {
	list-style: none;
	padding-left: 11px;
	background: #fff url(../../images/coloring/live/dot.gif) no-repeat  0 4px;
	margin-bottom: 0.8em;
}



/** Kontakt
------------------------------------- */

#content #contact {
	width: 860px;
	padding: 15px 40px 0 40px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	overflow: hidden;
}
#content #contact .container {
	height: 1%;
	line-height: 140%;
	overflow: hidden;
	margin-top: 16px;
}
#content #contact .container-last {
	margin-top: 26px;
	margin-bottom: -15px;
}
#content #contact .container h3 {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	font-weight: bold;
}
#content  #contact .line-bottom {
	border-bottom: 1px solid #d8d7d4;
}

#content #contact .container .left {
	float: left;
	padding-right: 20px;
	width: 407px;
}
#content #contact .container .float-left {
	float: left;
	width: 287px;
}
#content #contact .container .left-big {
	width: 520px;
}
#content #contact .container .right {
	float: right;
	width: 395px;
}
#content #contact .container .left .icon {
	float: left;
	width: 120px;
	overflow: hidden;
}

#content #form #right-colum-contact {
	float: right;
	width: 395px;
}
#content #form #right-colum-contact td.subject {
	padding: 0 0 0 5px;
}
#content #form #right-colum-contact .filter-option img {
	margin: 0 0 0 10px; /* reset */
}



#content #form span.nachricht {
	display: block;
	height: 146px;
	width: 395px;
	background: transparent url(../../images/forms/kontaktformular.gif) 0 0 no-repeat;
}
#content #form span.nachricht {
	display: block;
	height: 146px;
	width: 395px;
	background: transparent url(../../images/forms/kontaktformular.gif) 0 0 no-repeat;
	margin-bottom: 20px;
}
#content #form span.nachricht textarea {
	height: 140px;
	width: 388px;
	border: 0;
	padding: 2px 3px;
	background-color: transparent;
}




/** Registrierung
------------------------------------- */

#content #form table {
  margin: 1em 0 1.2em 0;
}
#content #form th {
  text-align: left;
  font-weight: normal;
	vertical-align:middle;
}

#content #form select.text {
	height: 23px;
	width: 218px;
	border: 0;
	padding: 3px 2px 3px 2px;
	background: transparent url(../../images/forms/text-218px.gif) 0 0 no-repeat;
}

#content #form select.monat,
#content #form select.zoom {
	width: 90px;
	margin-right: 4px;
	background: transparent url(../../images/forms/monat.gif) 0 0 no-repeat;
}
#content #form select.jahr {
	width: 124px;
	background: transparent url(../../images/forms/jahr.gif) 0 0 no-repeat;
}
#content #form span.strasse {
	float: left;
	display: inline;
	background: transparent url(../../images/forms/strasse.gif) 0 0 no-repeat;
	margin-right: 4px;
}
#content #form span.strasse input {
	width: 153px; /* total: 163px */
}
#content #form span.nummer {
	float: left;
	background: transparent url(../../images/forms/nummer.gif) 0 0 no-repeat;
}
#content #form span.nummer input{
	width: 41px; /* total: 51px */
}
#content #form span.plz {
	float: left;
	display: inline;
	background: transparent url(../../images/forms/plz.gif) 0 0 no-repeat;
	margin-right: 4px;
}
#content #form span.plz input {
	width: 60px; /* total: 70px */
}

#content #form span.ort {
	float: left;
	background: transparent url(../../images/forms/ort.gif) 0 0 no-repeat;
}
#content #form span.ort input{
	width: 134px; /* total: 144px */
}

#content #form span.bsw,
#content #form span.bsw2{
    float: left;
    background: transparent url(../../images/forms/bsw.gif) 0 0 no-repeat;

}
#content #form span.bsw{
    margin-right: 4px;
    display: inline;

}
#content #form span.bsw input,
#content #form span.bsw2 input{
    width: 97px; /* total: 144px */
}


#content a.link {
	text-decoration: none;
	padding-left: 11px;
	background: #fff url(../../images/icons/big-arrow-right.gif) no-repeat  left 2px;
}
#content a.link:hover {
	text-decoration: underline;
}

/** Zahlungsbedingungen
------------------------------------- */
#content #form span.menge,
#content #form span.pruefziffer {
	background: transparent url(../../images/forms/nummer.gif) 0 0 no-repeat;
}

#content #form span.pruefziffer input {
	width: 41px; /* total: 51px */
}


/** Warenkorb
------------------------------------- */

#content #form .buttons {
	height: 1%; /* has Layout für IE6 */
	overflow: hidden; /* Box aufspannen Firefox */
	margin-top: 10px; /* neu */
	margin-bottom: 10px;
}

#content table.cart {
	width: 100%;
	border-bottom: 1px solid #e2e2e2;
}
#content table.cart thead th {
	padding: 5px 5px 5px 10px;
	font-weight: bold !important;
	border-bottom: 1px solid #e2e2e2;
}
#content table.cart tbody td {
	padding: 5px 5px 5px 10px;
	font-size: 0.9em;
	line-height: 1.7em;
}
#content table.cart tbody td img.border {
	border: 1px solid #e2e2e2;
}
#content table.cart tbody td img.stern {
border: none;
}
#content table.cart tbody td.preis {
	font-size: 1.2em;
	text-align: right;
}
#content table.summation {
	float:right;
	width: 290px;
	border-bottom: none;
	margin-top: 0 !important;
}
#content table.summation td {
	text-align: right;
}
#content a.action {
	text-decoration:underline;
	padding-right: 11px;
	background: #fff url(../../images/icons/big-arrow-right.gif) no-repeat  right 2px;
}
#content #coupon {
	float: left;
	background-color:#f0f0f0;
	padding: 7px 15px;
}

#content #coupon table {
	width: 500px;
	margin: 1em 0 0 0;
}

#content #coupon table tr.voucherrow > td {
	padding-top: 1.5em;
}

#content #coupon div.float-left {
	margin-top: 6px;
	margin-right: 5px;
}
#content #coupon .coupon-code {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}

#content #form table.cart span.menge {
	background: transparent url(../../images/forms/menge.gif) 0 0 no-repeat;
	margin-bottom: 3px;
}
#content #form table.cart span.menge input {
	padding: 2px 10px 5px 10px;
	color: #9e0056;
	font-size: 12px;
	width: 31px; /* total: 51px */
}

#content #promotionTeaser {
	margin-bottom: 25px;
}

#content #promotionTeaser {
	margin-bottom: 25px;
	overflow: hidden;
}

#content #promotionTeaser .image {
	margin-right: 10px;
	float: left;
}

#content #promotionTeaser .last {
	margin-right: 0px;
	float: left;
}

/** Payment
------------------------------------ */
#content table.paymentSelect td {
	width: 90px;
}

#content table.paymentIcons td {
	width: 90px;
}

#content #form table.paymentIcons {
	margin-top: -10px
}

#content #form table.paypalLogo {
	margin-top: 0px
}


/** Gift-Finder Eingabefeld
------------------------------------- */
#content #inner span.euro {
	float: left;
	margin-right: 5px;
	background: transparent url(../../images/forms/menge.gif) 0 0 no-repeat;
}
#content #inner span.euro input {
	width: 40px; /* total: 50px */
}
#content #inner div.currency {
	float: left;
	margin-top:3px;
}



/** Ariadne
------------------------------------- */
#ariadne {
	background: transparent;
	height: 24px;
	padding: 4px 10px 7px 9px;
}
#ariadne.small {
	background: transparent;
	height: 12px;
	padding: 4px 10px 2px 9px;
}
#ariadne #filter-control,
#ariadne #filter-gift-control {
	width: 172px;
	height: 19px;
	padding-top: 7px;
	background: url(../../images/icons/filter-minimize.png) right 5px no-repeat;
	float: right;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	cursor: pointer;
}
#ariadne #filter-control.max,
#ariadne #filter-gift-control.max {
	background: url(../../images/icons/filter-maximize.png) right 5px no-repeat;
}

#ariadne #breadcrumb {
	font-size: 0.9em;
}
#ariadne #breadcrumb a {
	color: #848484;
	vertical-align: baseline;
}

/** Filter ein- und ausblenden
------------------------------------- */
#filter-minimize-border {
	display: none;
	padding: 0 10px;
	background: #FFF;
}
#filter-minimize-border .inner {
	height: 1px;
	border-bottom: 1px solid #E1E1E1;
}


/** Filter
------------------------------------- */

#content #filter {
	height: 1%;
	overflow: hidden;
	margin: 10px 8px 10px 13px;
	padding: 15px 10px 10px 10px;
	/** height: 90px; */
	background: #f3f3f3 url(../../images/bg/filter-bg-small.gif) 0 0 no-repeat;
}
#content #filter h3 {
	margin: 0 0 1em 0;
	font-size: 1.1em;
	font-weight: bold;
}
#content #filter .filter-option {
	float: left;
	width: 200px;
	margin: 0 20px 8px 0;
}

#content .filter-option {
	margin-bottom: 4px; /* für Kontaktformular */
}

#content .filter-option a {
	color: #848484;
	text-decoration:none;
}
#content .filter-option img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#content  .click-checkbox-summary {
	text-align: right;
}
#content  .click-checkbox-summary img {
	float: right;
	margin-left: 10px;
}

#content .click-checkbox-presentService  {
	float: left;
	margin-top: 20px;
}

#content .click-checkbox-presentService img {
	margin-left: 10px;
	margin-right: 10px;
}




/** Sortierung
------------------------------------- */
.filter-sort {
	background: #FFF;
	height: 33px;
	padding: 0 10px;
}
.filter-sort .inner {
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
}
.filter-sort .inner_unten {
	border-bottom: none;
}
.filter-sort .filter-view {
	float: right;
	margin-top: 8px;
}

#content .paging,
#content .sorting-num,
#content .sorting-typ {
	padding-top: 4px;
	float: left;
}


#content .paging_unten {
	float: right;
}


#content .paging span,
#content .sorting-num span,
#content .sorting-typ span {
	float: left;
	padding-top: 4px;
	padding-left: 9px;
}
#content .paging ul,
#content .sorting-num ul,
#content .sorting-typ ul {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#filter-sort .paging ul,
#filter-sort .sorting-num ul,
#filter-sort .sorting-typ ul {
	border-right: 1px solid #E1E1E1;
}


#content .paging ul li,
#content .sorting-num ul li,
#content .sorting-typ ul li {
	float: left;
	padding: 0 3px 0 0;
	height: 24px;
	margin-right: 6px;
	cursor: pointer;
	background: none;
}
#content .paging ul li span,
#content .sorting-num ul li span,
#content .sorting-typ ul li span {
	height: 17px;
	padding: 4px 0 3px 3px;
	cursor: pointer;
	font-weight: bold;
}

#content .paging ul li a,
#content .sorting-num ul li a span,
#content .sorting-typ ul li a span {
	color: #848484;
	text-decoration: underline;
}
#content .paging ul li.active,
#content .sorting-num ul li.active,
#content .sorting-typ ul li.active {
	background: url(../../images/bg/filter-sort-back.gif) right top no-repeat;
}
#content .paging ul li.active a,
#content .sorting-num ul li.active a,
#content .sorting-typ ul li.active a {
	color: #9E0056;
	text-decoration: none;
	/*font-weight: bold;*/
}
#content .paging ul li.active span,
#content .sorting-num ul li.active span,
#content .sorting-typ ul li.active span {
	color: #9E0056;
	text-decoration: none;
	background: url(../../images/bg/filter-sort-front.gif) left top no-repeat;
}



.filter-view {
	margin-top: 8px;
    width: 150px;
    text-align: left;
    overflow: hidden;
}
.filter-view div {
	float: right;
    width: 20px;
}
.filter-view div.rondell {
	margin-left: 25px;
}
.filter-view div a {
	display: block;
    width: 20px;
    color: #BBBBBB;
    text-decoration: none;
	/*padding: 0 20px 0 0;*/

}
.filter-view div.rondell a {
	background: url(../../images/icons/rondell-inactive.gif) right 2px no-repeat;text-decoration: none;
}
.filter-view div.rondell a.active {
	background: url(../../images/coloring/live/rondell-active.gif) right 2px no-repeat;text-decoration: none;
}

.filter-view div.regal a {
	background: url(../../images/icons/regal-inactive.gif) right 2px no-repeat;text-decoration: none;
}
.filter-view div.regal a.active {
	background: url(../../images/coloring/live/regal-active.gif) right 2px no-repeat;text-decoration: none;
}
/*
#filter-view div a:hover {
	color: #9E0056;
}
*/

#content-view {
	background: #FFF;
	margin-bottom: 10px;
}


/**
-------------------------------------------------------------
	Im "Regal" kann ein einzelnes Produkt "geloopt" werden
------------------------------------------------------------- */
#regal {
	padding-bottom: 10px;
	margin-left: 10px;
}

#regal .product-row {
	border-bottom: 1px solid #E1E1E1;
	overflow: hidden;
	width: 920px;
}

/** Beschreibungstext fuer die Kategorie */
#regal .category-desc-row {
	border-bottom: 1px solid #E1E1E1;
	overflow: hidden;
	width: 920px;
}

#regal .category-desc-content {
	padding: 10px;
}

#regal .product {
	width: 210px;
	height: 250px;
	height: 310px;
	float: left;
	padding: 10px;
	margin: 6px 0;
}

#regal .product-last-row .product {
	border-bottom: none;
}
#regal .product .product-information {
	margin-top: 10px;
	text-align: center;
	font-size: 0.9em;
}
#regal  .product .product-information p {
	margin: 0 0 0.5em 0;
}
#regal  .product .product-information span.basePrice {
	color: #afafaf;
	font-size: 0.8em;
}
#regal .product .product-information a.warenkorb {
	color: #9E0056;
	font: bold 11px/15px Arial, sans-serif;
	padding-right: 13px;
	text-decoration: none;
}

#regal .product .product-information a.warenkorb:hover {
	text-decoration: underline;
}
#regal .product .product-information p a {
	text-decoration: none;
	color: #333333;
}
#regal .product .product-information p a strong {
	vertical-align: baseline;
}
#regal .product .product-information p a:hover {
	text-decoration: underline;
}
#regal .product .product-information p:first-child {
	line-height: 120%;
}



/**
-------------------------------------------------------------
	Regeln für den Footer --
------------------------------------------------------------- */

#footer {
	background-color: #fff;
	height: 140px;
}
#footer .inner {
	width: 940px;
	margin: 0 auto;
}
#footer #footerLeft {
	float: left;
	width: 700px;	
}
#footer ul {
	list-style-type: none;
	margin: 10px 0;
}
#footer li {
	padding: 0 8px;
	background: transparent url(../../images/footer-delimiter.png) 0 3px no-repeat;
	float: left;
}
#footer li.first {
	background: none;
}
#footer li.vorort a {
	color: #9e0056; /* richtig so? */
}
#footer li a {
	color: #969696;
	text-decoration: none;
	font-weight: normal;
}
#footer li a:hover {
	color: #9E0056;
}
#footer #footerDisclaimer {
	margin-top: 73px;
	padding-left: 8px;
}
#footer #footerDisclaimer ul {
	margin: 5px 0;
}
#footer #footerDisclaimer li.first {
	padding-left: 0px;
}
#footer #footerDisclaimer li a {
	text-decoration: underline;
}

/** Newsletter Anmeldung
------------------------------------- */
form {
 margin:0;
}
#newsletter-subscribe {
	float: right;
	width: 195px;
	margin: 10px 5px;
	font-size: 1em;
	line-height: normal;
}

#newsletter-subscribe h4 {
	margin:0;
	font-weight:normal;
	color: #9e0056;
}
#newsletter-subscribe p {
	margin:0;
}

#newsletter-subscribe div.newsBox {
	margin: 8px 0 6px 0;
	padding: 0;
	height: 23px;
}
#newsletter-subscribe input {
	margin: 0;
}
#newsletter-subscribe input#eMail {
	width: 116px; /* total: 125px */
	height: 17px;
	padding: 3px 5px 3px 5px;
	border: 0;
	overflow: hidden;
	margin-right: 5px;
	background: transparent url(../../images/forms/newsletter.gif) 0 0 no-repeat;
}


/** Fehlermeldungen
------------------------------------- */
#content #error {
	height: 1%;
	padding: 15px 15px 8px 15px;
	color: #9e0056;
	background-color: #f3e0ea;
	margin-top: 15px;
	margin-bottom: 30px;
	overflow:hidden;
}
#content #error h3{
	margin-bottom: 0.7em;
}
#content h4.error,
#content tr.error th {
	color: #9e0056;
}
#content tr.error span.text {
	background: transparent url(../../images/forms/error/text-218px.gif) 0 0 no-repeat !important;
}
#content tr.error span.text input {
	color: #9e0056;
}

#content #form span.error {
	background: transparent url(../../images/forms/error/kontaktformular.gif) 0 0 no-repeat !important;
}

#summaryForm p.noinvoiceError {
	color: #9e0056;
	background-color: #f3e0ea;	
}

/**
-------------------------------------------------------------
    Hilfs- und Steuerungs-Elemente
------------------------------------------------------------- */

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear {
	clear: both;
}

.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}

.space10px {
	padding-right: 10px;
}






/**
-------------------------------------------------------------
	Carousel auf der Detailseite
------------------------------------------------------------- */

#content .carousel-wrapper {
	float: left;
	width: 304px;
	margin-left: 7px;
	position: relative;
	overflow: hidden;
}
#content .carousel-wrapper h4 {
	color: #9e0056;
	margin: 0;
	padding: 15px 0 5px 22px;
}

#content  .jcarousel-container-horizontal {
    width: 261px !important;
    padding: 0px 26px;
	z-index: 99;
}
#content .jcarousel-clip-horizontal {
    width: 261px !important;
    height: 84px;
	margin: 0;
	position: relative;
	left: -5px;
	z-index: 99;
}
#content   .jcarousel-item {
    width: 87px !important;
    height: 84px !important;
}
#content .carousel {
	list-style: none;
	height: 84px;
	/*width: 261px !important;*/
	margin:0;
	overflow: hidden !important;
	position: relative !important;
	left: 1px;
	z-index: 99;
}


/** Horizontal Buttons
------------------------------------- */
#content .carousel-wrapper .jcarousel-next-horizontal {
	z-index: 100;
    position: absolute;
    top: 34px;
    right: -1px;
    width: 21px;
    height: 84px;
    cursor: pointer;
    background: url(../../images/buttons/scroll_right.gif) no-repeat 0 0 !important;
}
* html #content .carousel-wrapper .jcarousel-next-horizontal {
   top: 35px;
}
* + html #content .carousel-wrapper .jcarousel-next-horizontal {
   top: 35px;
}


#content .carousel-wrapper .jcarousel-prev-horizontal {
	z-index: 100;
    position: absolute;
    top: 34px;
    left: 0px;
    width: 21px;
	margin: 0;
    height: 84px;
    cursor: pointer;
    background: white url(../../images/buttons/scroll_left.gif) no-repeat 0 0;
}
* html #content .carousel-wrapper .jcarousel-prev-horizontal {
   top: 35px;
}
* + html #content .carousel-wrapper .jcarousel-prev-horizontal {
   top: 35px;
}


#content .carousel-wrapper  li {
	float: left;
	list-style: none;
	padding:0;
}
#content .carousel-wrapper ul li img {
	border: 1px solid #e3e3e3;
	margin-right: 1px;
}
#content .carousel-wrapper ul li a:hover img {
	border: 1px solid #b6b6b6;
}

/** Zoom-Ansicht
------------------------------------- */

#productImage .productname {
	position: absolute;
	top: 20px;
	right:40px;
	width: 300px; /* Umbruch erzwingen */
	text-align: right;
	color: #4b1010;
	font-size: 1.4em;
}
#productImage h2 {
	font: normal 310%/110% 'BritannicComExtraLight','Tahoma','sans-serif';
	margin: 0;
}

#product-zoom {
	width: 940px;
	height: 644px;
	position: relative;
}
#product-zoom h2 {
	position: absolute;
	font: normal 310%/120% 'BritannicComExtraLight','Tahoma','sans-serif';
	margin: 0;
	top: 20px;
	left: 40px;
	color: #4b1010; /* color: white; */
}
#product-zoom .close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 53px;
	height: 53px;
	z-index: 10;
}
#product-zoom .pricing {
	position: absolute;
	top: 80px;
	right: 15px;
	font-size: 2em;
	color: #4b1010; /* color: white; */
}
#product-zoom .cart {
	position: absolute;
	right: 0px;
	top: 123px;
}
*+html #product-zoom .pricing-cart .cart {
	top: 100px;
}
#zoom {
	position: absolute;
	left: 16px;
	top: 486px;
}
#zoom img {
	vertical-align: middle;
	margin-right: 4px;
}
#zoom a {
	text-decoration: none;
	color: #4b1010;
}

/** Terms & Conditions
-------------------------------------- */
#terms-and-conditions {
	width: 680px;
	padding-right: 180px;
	overflow: hidden; /* aufspannen */
}
#terms-and-conditions h3 {
	margin-top: 30px;
	margin-bottom: 30px;
}
#terms-and-conditions h4{
	margin-top:35px;

}
#terms-and-conditions .navlist li{
	list-style: none;
	background: none;
	margin-left:30px;
}
#terms-and-conditions h3 a:hover,
#terms-and-conditions h3 a:focus,
#terms-and-conditions h4 a:hover,
#terms-and-conditions h4 a:focus {
	text-decoration: none;
}

#terms-and-conditions a.top,
#terms-and-conditions a.top:link,
#terms-and-conditions a.top:visited,
#terms-and-conditions a.top:hover,
#terms-and-conditions a.top:focus {
	float: right;
	color: #848384;
	padding-left: 15px;
	background: white url(../../images/icons/arrow-up.gif) no-repeat 0 3px;
	text-decoration: underline;
}

.agb {
	vertical-align: middle;
	padding-bottom: 2px;
	text-decoration: underline !important;
}


/** Genusswelten
------------------------------------- */
#brandsWorld h1 {
	font: normal 30px/25px 'BritannicComExtraLight','Tahoma','sans-serif';
	color:#400101;

}
#brandsWorld h4 {
	margin-top:10px;
	margin-bottom:25px;
	font: normal 18px/18px 'FeltpenComMedium','Comic Sans','Comic Sans MS','cursive';
}

/** Gewinnspiel
------------------------------------- */
#form table.answer td {
	padding-right: 110px;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: top;
	color: #3c0b11;
}

#form table.answer input {
    vertical-align: bottom;
    margin-bottom: 5px;
}
#content #form table.answer{
	margin: 0 ;
}
#gewinnSpielForm p.promoGame {
font-size: 1.3em;
font-weight: bold;
line-height: 1.2em;
}