/** CSS Document for Into-Life by compuccino.com */
body {
	color: #60555b;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
}

#doc4 {
	background: url(../img/sd-bg.png) no-repeat;
	margin: 0;
	width: 81.16666667em;
}

.yui-t2 #yui-main .yui-b {
	margin-left: 16.666667em;
	padding: 0 1.667em;
}

.yui-t2 .yui-b { width: 16.666667em; }

.yui-g .yui-u { width: 47.6%; }

.yui-g .yui-u.first.border_r { padding-right: 1.4em; }

.yui-gb .yui-u { width: 26%; }

.yui-gb .yui-u.middle {
	padding: 0 2em;
	width: 37.4%;
}

/**
 * Stadards
**/

a {
	color: #7b4366;
	text-decoration: none;
}

.strike { text-decoration: line-through; }

a:hover { color: #5d3557; }

#yui-main a { font-weight: bold; }

h1,h2,h3,h4,h6, strong { font-weight: bold; }
h1,h2,h3,h4 { font-size: 117%; }
h1,h2,h3,h4,h6 { letter-spacing: .1em; }
h1,h2,h3,h5 { text-transform: uppercase; }

h1,h2 { color: #7c4565; }

h3 { 
	color: #888;
	margin: 0 0 1em 0; 
}

.bg {
	background-color: #ebdbe4;
	padding: .3em;
}

h4 { color: #888; }

p { margin-bottom: 1em; }

em { font-style: italic; }

/**
 * Header
**/

#hd {
	background: url(../img/hd-ft-bg.png) no-repeat;
	padding: 0 1.6667em 0 0;
}

#hd p {
	color: #000;
	font-size:117%;
	font-weight:bold;
	letter-spacing:0.1em;
	padding-top:2.2em;
	text-transform:uppercase;
}

#nav-language {
	clear: left;
	float: left;
	margin-left: 4.75em;
	padding-left: 1.6667em;
}

#nav-language li {
	display: inline;
	border-right: 1px solid #CCCCCC;
	margin-right: .2em;
	text-transform: lowercase;
	padding-right: .5em;
}

#nav-language li.last {
	border: none;
	margin: 0;
	padding: 0;
}

#nav-language li a.active {
	color: #7c4366;
	font-weight: bold;
}

#nav-shop { float: right; }

#nav-shop li {
	border-right: 1px solid #60555b;
	float: left;
	margin-right: 0.5em;
	padding-right: .5em;
}

#nav-shop li.last {
	border: none;
	margin: 0;
	padding: 0;
}

#nav-shop li a { color: #60555b; }

#nav-shop li a.active { color: #7c4366; }

#logo{
	float: left;
	/*margin: 2em 3.5em 2.5em 0;*/
	margin: 0 0 2.5em 0; 
}

.claim { margin: 0 0 2.5em 0; }

/**
* HauptNavi
**/

#nav-main { padding: 3.6667em 1.6667em 0 0; }

#nav-main li {
	background: none;
	font-size: 117%;
	font-weight: bold;
	letter-spacing: .1em ;
	padding: 0 0 .5em 0 ;
	text-align: right ;
	text-transform: uppercase ;
}

#nav-main li a {
	background: none;
	color: #888;
}

#nav-main li.active a { color: #7c4366; }

#nav-main a:hover { color: #5d3557; }

#nav-main li ul { 
	display: none;
	margin-top: .5em; 
} 

#nav-main li.active ul { display: block; } 

#nav-main li li {
	font-size: 77%;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
}
 
#nav-main li.active li a {color:#888; }
#nav-main li.active li a:hover { color: #5d3557; }
#nav-main li.active li.active a { color: #7c4366; }

/**
 * Slider
**/

#slider {
	text-align: center;
	margin-bottom: 1em;
}

/**
 * Block
**/

.block {
	border: none;
	margin: 0 0 1.6667em 0;
	padding: 0;
}

.block img.float_left { margin-right: 1em; }
.block img.float_right { margin-left: 1em; }

.block p img.float_left { margin: -1.6em .4em 0 0; }

.block.border_b { padding-bottom: 1.6667em; }
.block.border_t { padding-top: 1.6667em; }
.block.border_b.p_b36 { padding-bottom: 3.6667em; }

.block.clearfix img {  margin-right: 1em; }
.block.clearfix img.float_right { margin-right: 0;} 

/**
 * Content
**/

.vertical-2col { background: url(../img/border-c.jpg) repeat-y center; }

.vertical-3col { background: url(../img/bg-middle.jpg) repeat-y center; }

.vertical-2colright { background: url(../img/border-c.jpg) repeat-y 68.5%; }

#nav-schlagworte li { 
	border-left: 1px solid #d6c7d0;
	display: inline; 
	margin: 0 .4em 0 0;
	padding: 0 0 0 .45em ;
}

#nav-schlagworte li a { color: #d6c7d0; }

#nav-schlagworte li a:hover { color: #7C4565; }

#nav-schlagworte li.active a { color: #7C4565; }

#nav-schlagworte li.first {
	border: none; 
	padding: 0;
}

#nav-content {
	font-size: 117%;
	font-weight: bold;
	margin: 0 0 1.7em 0;
	padding: 1.4em 0 0 0;
	text-transform: uppercase;
}

#nav-content li {
	border-left: 1px solid #d6c7d0;
	display: inline;
	margin: 0 .4em 0 0;
	padding: 0 0 0 .45em ;
}

#nav-content li.plz { 
	border: none; 
	color: #7C4565; 
	margin: 0;
	padding: 0;
}

#nav-content li.first { border-left: none; }
#nav-content li.last { margin: 0;} 

#nav-content li a { 
	color: #d6c7d0; 
	cursor: pointer;
}

#nav-content li a:hover { color: #7c4466; }

#nav-content li.active a{ color: #7c4466; }

#haendler { display: inline; } 

#haendler li { 
	float: left; 
	padding-right: 3em;
}

#haendler li ul li { 
	clear: left; 
	padding-left: 1em;
} 

.grey_letter-s {
	color: #888;
	letter-spacing: .1em;
	font-weight: bold;
}

.yui-gb.front .yui-u.first { color: #7B4366; }

.yui-gb.front .yui-u.first h3 { 
	color: #7B4366;
	margin: 0;
}

.yui-gb.front .yui-u.first p { margin: 0; }

.faq h2 { margin-bottom: 1em;}

.faq h6 { margin-bottom: .5em;}

.faq ul { 
	margin-bottom: 1em;
	padding-left: 2em;
}

.faq ul li { margin-bottom: .5em;}

.faq ul li a { color: #60555B; }

#yui-main .faq a.toplink { font-weight: normal; }

.faq .toplink { 
	display: block;
	font-size: 90%;
	margin-bottom: 1em;
	text-align: right;
}

.sidebar {
	float: right;
	width: 30%;
}

.post {
	float: left;
	width: 67%;
}
 
.post li {
	list-style-image: url(../img/list-style.jpg);
	list-style-position: inside;
	margin-bottom: .5em;
	margin-left: 1em;
}

.sidebar li { margin: 0 0 .5em 0; }

.sidebar li a { color: #d6c7d0; }

.sidebar li a:hover { color: #7C4565; }

.sidebar li.active a { color: #7C4565; }

.sidebar li.first {
	border: none; 
	padding: 0;
}

/**
 * Footer
**/

#ft {
	border-top: 1px solid #cdcbcc;
	margin: 2em 0;
	padding-top: .6em;
}

#ft a { margin-right: 1.6667em;}

#ft ul {
	float: left;
	margin-left: 18.4em;
}

#ft ul li { display: inline; }

#ft ul li a { margin-right: .75em; }

#ft img { margin-top: .5em }

/**
 * Helpers
**/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.float_left { float: left; }
.float_right { float: right; }
.clearing { clear: both; !important}

.noborder { border: 0; }

.border_t { border-top: 1px solid #cdcbcc; }
.border_r { border-right: 1px solid #cdcbcc; }
.border_b { border-bottom: 1px solid #cdcbcc; }
.border_l { border-left: 1px solid #cdcbcc; }

.hide { display: none; }

.line {
	height: 1em;
	margin-bottom: 1em;
}

.red { color: #FF0000; }

.m_b1 { margin-bottom: 1em; }
.m_b16 { margin-bottom: 1.6667em; }
.m_b2 { margin-bottom: 2em; }

.no_m { margin: 0; }

h4.m_b2 { margin-top: 1em;}

.p_t08 { padding-top: .8em; }
.p_t18 { padding-top: 1.8em; }
.p_t36 { padding-top: 3.6em; }
.p_t55 { padding-top: 5.5em; }
.p_b36 { padding-bottom: 3.6em; }


.w_63 { width: 63%; }
.w_80 { width: 80%; }

.upper { text-transform: uppercase; }

.w_63 p { margin: 0; }

.print { display: none; }

/**
* Forms & Tables & Buttons
**/

.wk_button {
	background: url(../img/warenkorb2.png) no-repeat 0 .1em #FFF;
	border: none;
	color: #7b4366;
	cursor: pointer;
	font-weight: bold;
	padding-left: 2em;
}
.wk_button:hover { color: #5d3557;}

.form-button, .form-button-alt {
	-x-system-font: none !important;
	background: #fff;
	border: 1px solid #7c4466;
	color: #7c4466;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: .1em;
	padding: .2em .5em;
}

.table,
.data-table { 
	margin-bottom: .5em;
	width: 100%;
}

#shopping-cart-totals-table { width: 100%; }

#shopping-cart-totals-table tr td { border: 1px solid #cdcbcc; padding: .4em .4em .4em 0 ; }

.table th,
.table td {	
	border: 1px solid #cdcbcc; 
	padding: .4em;
}

.data-table th,
.data-table td { border: 1px solid #cdcbcc; }


.table thead, 
.data-table thead { 
	background-color: #F9F2F6; 
	font-weight: bold
}
.table tr.even,
.data-table tr.even { background-color: #F9F2F6; }

/**
* tmp
**/

.blog {
	text-align: right;
	padding: 1.6667em 1.6667em 0 0;
}

.col-right { 
	border: none;
	float: none;
	padding: 0;
	width: auto;
}

.one-page-checkout-progress { 
	padding: 2em 2em 0 0;
	text-align: right; 
}

.one-page-checkout-progress h4 { margin: 0; }
.one-page-checkout-progress a { font-weight: bold; }
.one-page-checkout-progress .content { margin-bottom: 1em; }

.account-nav {
	text-align: right;
	padding: 3.6667em 1.6667em 0 0;
}

.postContent img {  margin-right: 1em; }

.a-right { text-align: right; }
.a-center { text-align: center; }

.shopping-cart .continue-shopping { float: left; }
#shopping-cart-table { margin-bottom: 2em; }
.shopping-cart-totals table { margin: .5em 0 ; }

.one-page-checkout .head  { 
	border-top: 1px solid #CDCBCC;
	padding: 1em 0 0 0; 
}

.one-page-checkout .section.allow .head h3 { cursor: pointer; }
.one-page-checkout .a-item { padding-bottom: 1em;}

.disc {
	list-style-type: disc;
	margin-bottom: .5em;
}

.disc li { margin-left: 1em; }


.success-msg,.notice-msg { 
	border: none !important;
	color: #5D3557;
}

.success-msg { background: #e9d3dd url(../img/haken.jpg) no-repeat 10px 10px !important; }

.notice-msg { background: #e9d3dd url(../img/birne.jpg) no-repeat ; }


.error-msg, .success-msg, .note-msg, .notice-msg { font-size: 13px !important; }

.checkout-types li { padding-bottom: 1em; }

.attributes-col h4.title { text-transform: uppercase; }
.one-page-checkout-progress h3 { letter-spacing: normal; }

#review-form .block { margin-bottom: .5em; }
.block.clearfix .float_right img.float_right { margin: 0; }

p.red { margin-top: 1em;}

.payment-methods ul { padding: 1em 2em; }
.shipment-methods ul { padding: 1em 2em; }

.recent-reviews .count { 
	float: left;
	padding-right: 1em;
}

.pager {
	border: 1px solid #cdcbcc;
	margin: 1em 0;
	text-align:center;
	width:100%;
}
.pager td {	padding: .3em;}

.pager select { border: 1px solid #cdcbcc; } 

.pager option { padding-right: 7px; }

.back.left { 
	display: block;
	float: left;
	margin-right: 1em; 
	margin-top: .2em;
}

.discount-codes fieldset input { margin-bottom: .5em; }

.customer-dob .input-box { width: 86px; }
.customer-dob .input-box #day,
.customer-dob .input-box #month,
.customer-dob .input-box #year { width: 75px; }

#nav-shop .cartlink { margin-top: 0px; }