/* Page Body */
html {
    height: 100%;
    min-height: 100%;
}
body {
    background: url("../img/body_bg.jpg") left top repeat fixed;
    font-size: 12px;
    font-family: Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Arial,Tahoma,Geneva,"Helvetica Neue",Helvetica,sans-serif;
    color:  #480048;
    height: 100%;
    padding: 0;
    margin: 0;
}
input {
    font-family: Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Arial,Tahoma,Geneva,"Helvetica Neue",Helvetica,sans-serif;

}

/* Overall  */
#overall {
    position: relative;
    background: url("../img/content_bg.png") left top repeat-y;
    width: 1009px;
    height: 100%;
    min-height: 100%;
    padding: 0 15px 0 12px;
    margin: 0 auto;
}
body>#overall {
    height: auto;
    min-height: 100%;
}

/* Header */
#header {
    width: 1009px;
	background: url("../img/header_bg.jpg") left top repeat-x;
}

/* Navigation Head */
#naviHead {
	float: right;
	margin: 0;
	padding: 15px 20px 0 0;
	list-style-type: none;
}
#naviHead li {
	float: left;
}
#naviHead li a {
	text-decoration: none;
}
#naviHead li a:hover,
#naviHead li a.active {
	text-decoration: underline;
}
#naviHead li input {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-size: 11px;
	color:  #480048;
	cursor: pointer;
	height: 15px;
	line-height: 14px;
}
#naviHead li input:hover {
	text-decoration: underline;
	border-bottom: 1px solid #480048;
}

/* Logo */
#logo {
	float: left;
}

/* Navigation Top */
#navigation_top {
	position: absolute;
	right: -6px;
	top: 35px;
	background: url("../img/naviTop_bg.png") right top no-repeat;
	width: 734px;
	height: 74px;
}
#naviTop {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	list-style-type: none;
	height: 40px;
}
#naviTop li {
	float: left;
	background: url("../img/naviTop_trenn.png") right 7px no-repeat;
}
#naviTop li.last {
	background: none;
}
#naviTop li a {
	color: #fff;
	display: block;
	padding: 15px 17px;
	font-size: 17px;
	text-decoration: none;
}
#naviTop li a:hover {
	background: url("../img/naviTop_act.png") center 36px no-repeat;
}

/* Suche */
#search {
	float: right;
	padding: 4px 35px 0 0;
}
#search strong.h2.search {
	display: none;
}
#search select {
	display: none;
}
#search input {
	border: 0;
	background: url("../img/search_bg.png") left top no-repeat;
	width: 130px;
	height: 15px;
	padding: 13px 13px 13px 17px;
	font-size: 11px;
	float: left;
}
#search input.btn {
	cursor: pointer;
	background: url("../img/search_submit.png") left top no-repeat;
	width: 12px;
	height: 12px;
	border: none;
	font-size: 1%;
	padding: 0;
	margin: 15px 0 0 0;
	color: #fff;
}

/* Breadcrumb */
#path {
	padding: 5px 15px;
    width: 980px;
}
#path .dinfo {
	text-align: right;
	float: right;
}


/* Left */
#left {
	float: left;
	padding: 3px 7px 50px 8px;
	width: 211px;
	min-height: 300px;
}
.categories_outer,
#left .box {
	position: relative;
	background: url("../img/boxLeft_top.jpg") left top no-repeat;
	width: 211px;
	padding: 20px 2px;
}
.categories_outer h3,
#left .box h3 {
	font-size: 17px;
	padding: 0 0 20px 15px;
}
ul.categories,
#left .box ul {
	background: url("../img/boxLeft_bottom.jpg") left bottom no-repeat;
	width: 180px;
	padding: 0 13px 50px 15px;
	margin: 0;
	display: block;
	list-style-type: none;
	line-height: 24px;
	font-size: 13px;
	font-weight: bold;
	min-height: 150px;
}
ul.categories li,
#left .box ul li,
ul.categories li.has,
#left .box ul li.has {
	background: url("../img/naviLeft_closed.png") left 9px no-repeat;
	padding: 0 0 0 12px;
}
ul.categories li.active,
#left .box ul li.active,
ul.categories li.exp,
#left .box ul li.exp,
ul.categories li.has.exp,
#left .box ul li.has.exp {
	background: url("../img/naviLeft_open.png") left 9px no-repeat;
	padding: 0 0 0 12px;
}	
ul.categories li a,
#left .box ul li a {
	text-decoration: none;
	color: #480048;
	font-size: 13px;
	font-weight: bold;
}	
ul.categories li a:hover,
ul.categories li a.active,
#left .box ul li a:hover,
#left .box ul li a.active,
ul.categories li a.exp,
#left .box ul li a.exp {
	text-decoration: underline;
}
ul.categories li ul,
ul.categories li ul.categories,
#left .box ul li ul {
	margin: 0;
	padding: 0 0 0 8px;
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	background: none;
	height: auto;
	min-height: 0px;
}	
ul.categories li ul li,
ul.categories li ul li.active,
#left .box ul li ul li,
#left .box ul li ul li.active {
	background: none;
}
ul.categories li ul.categories.subnav li a,
ul.categories li.exp.has ul.categories.subnav li a,
#left .box ul li ul.categories.subnav li a {
	font-size: 11px;
	font-weight: normal;
}


/* Content */
#content {
	width: 580px;
	float: left;
	position: relative;
	padding: 10px 0 50px 0;
}
#start_img {
	position: relative;
}
#start_img span#spruch {
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	width: 240px;
	position: absolute;
	top: 40px;
	left: 33px;
}
#start_img span#goethe {
	font-size: 13px;
	color: #fff;
	position: absolute;
	top: 125px;
	left: 65px;
}

/* Product Listing */
#prodList {
	position: relative;
	padding: 15px 0;
}
#prodList .product {
	float: left;
	width: 187px;
	height: 280px;
	position: relative;
}
.variantslist {
	padding: 0 0 40px 0;
}
.variantslist .product {
	width: 100%;
	position: relative;
	clear: both;
}
#prodList .product .prodImg {
	background: url("../img/pordImg_bg.jpg") left top no-repeat;
	height: 175px;
	position: relative;
	text-align: center;
	padding: 11px 14px 12px 13px;
	vertical-align: middle;
	text-align: center;
	width: 185px;
	display: table-cell;
}
.variantslist .product .prodImg {
	text-align: center;
	padding: 11px 14px 12px 13px;
	vertical-align: middle;
	text-align: center;
	width: 105px;
	float: left;
}
#prodList .product .catImg {
	height: 151px;
	position: relative;
	text-align: center;
	padding: 12px 14px 12px 13px;
	vertical-align: middle;
	text-align: center;
	width: 185px;
	display: table-cell;
	background-position: center center;
}
#prodList .product .prodImg img {
	vertical-align: middle;
	display: inline;
}
#prodList .product .prodImg .prodOverlay {
	position: absolute;
	text-decoration: none;
	top: 0;
	left: 0;
	width: 187px;
	height: 176px;
	background: url("../img/prodImg_overlay.png") left top no-repeat;
	display: block;
}
.variantslist .product .prodImg .prodOverlay {
	display: none;
}
* html #prodList .product .prodImg .prodOverlay {
	display: none;
}
#prodList .product .prodName {
	display: block;
	text-align: center;
}
.variantslist .product .prodName {
	font-size: 12px;
	font-weight: bold;
}
.variantslist .product .price {
	font-size: 14px;
	font-weight: bold;
}
#prodList .product .price {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 0 0 10px 0;
}
#prodList .product .links {
	position: relative;
	padding: 0 0 0 17px;
}
.variantslist .product .links {
	position: relative;
	float: right;
	width: 170px;
}
#prodList .product .links .buy,
.variantslist .product .links .buy {
	display: block;
	float: left;
	width: 76px;
	height: 29px;
	background: url("../img/buy_bg.jpg") left top no-repeat;
	text-align: center;
	text-decoration: none;
	padding: 0 0 3px 5px;
	border: none;
	color: #480048;
	cursor: pointer;
	font-size: 11px;
}
#prodList .product .links a.details,
.variantslist .product .links a.details {
	display: block;
	float: left;
	width: 70px;
	height: 25px;
	background: url("../img/details_bg.jpg") left top no-repeat;
	text-align: center;
	text-decoration: none;
	padding: 7px 8px 0 0;
	color: #480048;
}
#prodList .product .links .buy:hover,
.variantslist .product .links .buy:hover {
	background: url("../img/buy_bg_hover.jpg") left -1px no-repeat;
	color: #fff;
}
#prodList .product .links .details:hover,
.variantslist .product .links .details:hover {
	background: url("../img/details_bg_hover.jpg") left -1px no-repeat;
	color: #fff;
}
.variantslist .product .links .amount {
	text-align: right;
	padding: 0 25px 0 0;
}

/* Produkt Details */
.product.details .variants input.radio {
	border: none;
	padding: 100px;
	display: block;
	background: #ff0000;
}
.product.details .variants ul {
	margin: 0;
	padding: 0;
}
.product.details .variants ul li a {
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #fff;
	padding: 1px;
	display: block;
	height: 15px;
	width: 15px;
}
.product.details .variants ul li a span {
	display: block;
	height: 15px;
	width: 15px;
	text-decoration: none;
	cursor: pointer;
}
.product.details .variants ul li {
	padding: 2px;
	margin: 0;
	float: left;
	list-style-type: none;
}
.product.details .variants h5 {
	float: left;
}
.product.details .variants input {
	float: left;
	border: none;
	padding: 0 0 0 5px;
	width: auto;
	font-size: 11px;
}

/* Right */
#right {
	float: left;
	padding: 0 5px 50px 0;
	width: 195px;
}
#right .box {
	background: url("../img/boxRight_bg.jpg") left top no-repeat;
	width: 160px;
	padding: 20px 15px 20px 15px;
}
#right .box h3 {
	padding-left: 5px;
}
#right .box h3 a {
	text-decoration: none;
}
#right .box h3 a:hover {
	text-decoration: underline;
}
#right .box .form input {
	margin: 3px 0;
	border: 1px solid #670167;
	display: block;
	padding: 3px;
	width: 150px;
	color: #999999;
}

#right .box .form input.chk {
	float: left;
	margin: 2px 3px 0 0;
	cursor: pointer;
	border: none;
	width: auto;
}
#right .box .form span.btn {
	display: block;
	text-align: right;
	padding: 5px 0;
}
#right .box .form span.btn input.btn {
	display: inline;
	cursor: pointer;
	background: url("../img/submit_bg_small.png") left top no-repeat;
	text-align: center;
	color: #fff;
	border: none;
	width: 109px;
	height: 27px;
}
#right .box .form a.link {
	text-decoration: none;
}
#right .box .form a.link:hover {
	text-decoration: underline;
}

/* Warenkorb */
#right .box.minibasket span {
	display: block;
	font-size: 17px;
	color: #999999;
	text-align: right;
	padding: 3px 0;
}
#right .box.minibasket span.price {
	font-size: 22px;
}
#right .box.minibasket span b {
	color: #480048;
}

#right .box.minibasket form .tocart {
	padding: 10px 0;
}
#right .box.minibasket form .tocart input {
	background: url("../img/submit_bg_big.png") left top no-repeat;
	border: none;
	cursor: pointer;
	color: #fff;
	text-align: center;
	width: 164px;
	height: 28px;
	font-size: 15px;
	padding-bottom: 2px;
}

#right .paymentInfos {
	text-align: center;
}

#right .box .rightlist {
	width: 100px;
	position: relative;
}
#right .box .rightlist input.btn {
	position: absolute;
	right: 10px;
}


/* Footer */
#footer {
	background: url("../img/footer_shadow.jpg") center 35px no-repeat;
	padding: 10px 0 30px 0;
}
#naviBottom {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#naviBottom li {
	display: inline;
}
	

/* Custom */
.clear {
    clear: both;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}
.hidden,
.hide {
	display: none;
}


/* Default */
h1 {
    font-size: 180%;
    color: #480048;
    padding: 0 0 1.0em 0;
	margin: 0;
}

h2 {
    font-size: 160%;
    color: #480048;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h3 {
    font-size: 140%;
    color: #480048;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h4 {
    font-size: 120%;
    color: #480048;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h5 {
    font-size: 100%;
    color: #480048;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h6 {
    font-size: 100%;
    color: #480048;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

p {
    margin: 0;
    padding: 0 0 1.5em 0;
    line-height: 16px;
}

a {
    color: #480048;
    text-decoration: underline;
}
a:hover {
    color: #480048;
    text-decoration: none;
}