@charset 'utf-8';
/* @import url(css/boxes.css); */
/* @import url(../../includes/javascript/autocomplete/styles.css); */


/*********************** CSS für alle Shops **********************************/

	/* Allgemeine Styles */
	.floater {position:absolute; width:1px; height:1px;}
	.rounded {-webkit-border-radius: 0.7em; -moz-border-radius: 0.7em; border-radius: 0.7em;}
	.rounded-small {-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em;}
	.rounded-bottom {
		-webkit-border-bottom-left-radius: 1em;
		-webkit-border-bottom-right-radius: 1em;
		-moz-border-radius-bottomleft: 1em;
		-moz-border-radius-bottomright: 1em;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
	}
	.opak {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
	.drittel_breite {float:left; width:30%; padding:0px 20px 0px 0px;}
	.close {background-image: url('img/func/close-sprite.png');
		background-repeat:no-repeat;
		background-position: 0px -15px; width:15px; height:14px;
		cursor: pointer;}
	.close:hover {background-position: 0px 0px;}
	.close-small {background-image: url('img/func/close-sprite.png');
		background-repeat:no-repeat;
		background-position: -22px 0px; width:8px; height:8px;
		cursor: pointer;}
	.close-small:hover {background-position: -22px -7px;}
	.clear{ clear:both;}
	.button_back {background:url('img/button/button-back.jpg') top left no-repeat;
		vertical-align: top; cursor:pointer; border:1px solid #999; width:101px; height:22px; margin-top:1px; float:left; margin-right:15px;}			
	.button_back:hover{border:1px solid #333;} 
	.inactive {color:#aaa;}
	img.left {float:left; margin:0px 10px 10px 0px;}
	
	.adressbox .symbol,.box .symbol  {font-family:'WebSymbolsRegular', Arial, sans-serif; padding-right:10px;}
	.serviceNav .symbol {font-family:'WebSymbolsRegular', Arial, sans-serif; padding:0px 5px 0px 15px; font-size:80%}
	button .symbol, div.button .symbol, div.sprite_button .symbol 
	{font-family:'WebSymbolsRegular', Arial, sans-serif; padding-left:20px;}
	div.sprite_button:hover .symbol {color:#444;}
	.orange-font {color:#FF9800;}
	.green-font {color: #63B52E;}
	
	/* Listen */
  	ul, ol, dl { margin: 0 0 1em 1em }
  	li { /*margin-left: 1.5em;*/ line-height: 1.5em; }
  	ol {list-style-type: decimal;}
  	ul {list-style-type: square}
	
	/* Buttons */
	.button {
	padding: 5px 15px;
	margin:15px 0px;
	border: 1px solid #999;
	color:#444;
	}
	.button2 {
	padding: 2px 5px;
	margin:5px 0px;
	border: 1px solid #999;
	color:#444;
	width:40px;
	}
	
	.button:hover, .button2:hover {border: 1px solid #fa8800;}
	.button:active, .button2:active {
	-webkit-box-shadow: 0px 0px 3px #7E3B2A;
	-moz-box-shadow: 0px 0px 3px #7E3B2A;
	box-shadow: 0px 0px 3px #7E3B2A;
	}
	
	/* Größen-Buttons */
	.gradient {background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	}
	
	.gradient-green {background: rgb(164,179,87); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(117,137,12,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* IE10+ */
		background: linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
	}
	
	
	/* color-Buttons - neue Farben müssen hier nachgetragen werden. */
	.blau, .dunkelblau, .cobalto {background-color: #40627C;}
	.vaquero {background-color: #648EC3;}
	.hellblau {background-color: #83D9F7;}
	.violett, .lila-pull-grain, .n293-purple, .lila {background-color: #AF11C4;}
	.türkis, .petrol, .acebo {background-color: #0EECF7;} 
	.braun, .dunkelbraun, .brown, .n293-coffee, .stone-brown, .braun-kombi {background-color: #382513;}
	.gelb {background-color: #D0A825;}
	.gold {background-color: #FFC232;}
	.grün, .dunkelgrün, .n293-forest {background-color: #5C832F;}
	.hellgrün {background-color: #9AF783;}
	.oliv, .prado {background-color: #75BA53;}
	.multicolor {background: url(../img/filter/color/multicolor-gender.jpg);}
	.orange {background-color: #FF9800;}
	.rot, .dunkelrot, .rioja, .tibet {background-color: #C03000;}
	.bordeaux, .rost {background-color: #A73349;}
	.schwarz, .black, .night-white, .ebano, .n293-night, .black-night, .schwarz-kombi {background-color: #32331D;}
	.weiss, .farblos, .metall, .silber, .gold, .altweiss, .creme  {background-color: #FCFFF5;}
	.pink {background-color: #F70EA7;}
	.rosa, .flieder, .lachs {background-color: #F5C8E8;}
	.grau, .anthrazit {background-color: #a9a9a9;}
	.smog, .n293-plump {background-color: #989C79;}
	.beige, .bio, .sand {background-color: #F9F6B1;}
	.hellbraun, .mittelbraun, .cuero {background-color: #F4BA3D;}
	.rotbraun{background-color: #F46D38;}
	.khaki, .senf{background-color: #D8D076;}
	
	/* Produkt-Detail */
	/* div der die s-Bilder aufnimmt und in einem floater positioniert wird */
	#single_product_image_add {position:absolute; width:60px; left:-50px; top:50px; z-index:9997;}
	#single_product_image_add img{width: 50px; padding: 0 0 1em 0;}

	/* ShadowBox - ShoppingCartInsert */
	.shadow_box {width: 650px; background-color:white; display: none;}
	.shadow_box_top {height:50px; width:100%;background:url('img/shCart-insert-top.jpg') repeat-x top left;}
	.shadow_box_content {padding:50px 0px; margin:10px; width:600px;}
	.shadow_box_bottom {height:50px; width:100%;background:url('img/shCart-insert-bot.jpg') repeat-x top left; text-align: right;}

	

	/** ContentBoxen - Zahlung, Shipping **/
	.contentBlock, .shippingBlock { vertical-align: top; width: 260px; margin:30px; padding:0px 0px 20px 0px; float:left; border-bottom:2px solid #eee;}
	.contentBlock img {margin: 0 1.5em 1em 0; float:left;}
	.shippingBlock img {margin: 0em 1em 1em 0; float:left; width:32px; height: 32px;}
	.contentBlock p { margin: 0px; padding: 0px;}
	.shippingBlock p { margin: 0px; padding: 3px 0px 0px 0px;}
	.contentBlock b, .shippingBlock b { color:#666;}
	
	.shippingLeft {float:left; width: 600px; }
	.shippingRight {float:left; width: 320px; padding:0px 20px 0px 20px; }
	.shippingRight:after {clear: both; content:" ";}
	

	.btn img{position:absolute; margin-top: 6px;} 
	p.btn a {padding: 0 0 0 0;} 
	.btn2{margin-top: 5px;}
	.btn2 input{position:absolute; margin-top: 0px;} 
	
	#button_packstation, #button_no_packstation {cursor: pointer;}



#footer_seo a, #topbar a, #footer a, .copyright a, .kmtemplates a, .parseTime a{text-decoration: none;}
#footer_seo a:hover, #footer a:hover, .copyright a:hover, .kmtemplates a:hover, .parseTime a:hover{text-decoration: underline;}
#product_listing {margin-bottom: 0.1em;}

/* Sonderpreise */
productOldPrice, span.productOldPrice {text-decoration: line-through;}
productNewPrice, span.productNewPrice {font-size: 1.5em; color: #B51020;}
/* input{margin: .5em 0;} */


/* Create Account*/
#account0 input,#account2 input,#account3 input,#account4 input {
	color: #000;
	font: 80% verdana, arial, helvetica, sans-serif;
	margin: 2px 0 8px 0;
	padding: 2px;
	width: 300px;
}
#account0 label,#account2 label,#account3 label,#account4 label,label{
display: block;
}
label.label_inline{display: inline;}
#account0 label.gender{display: inline; line-height: 180%;}
fieldset{border: 1px solid #eee; margin-top: .5em; padding: .5em}
div.left{width: 45%;float: left;}
div.right{width: 45%;float: right;}
div.full,p.full {width: 100%; text-align: center;}
fieldset legend{font-weight: normal; font-size:18px; padding: 3px 6px;}

.note{ padding: .5em; font-size: 70%;}
p.history_products {font-weight: normal;}

/* Order-Tabelle / ShoppingCart */
#table_order_details{margin: 1em 0; width: 100%; color: #666;line-height: 1.5em;}
#table_order_details td{border-bottom: 1px solid #A5B0BE; /*padding: .75em*/}
#table_order_details td.attribute{border:0px;}
#table_order_details td.value{border:0px;}
#table_order_details th {border-bottom: 1px solid #A5B0BE;text-align: center; font-weight: bold;}
#table_order_details tfoot td{border-bottom: none; /*border-top: 2px solid #A5B0BE;*/}
.prodRow1{background-color: #fff;}
.prodRow2{background-color: #EDEFF1;}
.prodRow2 td {}
.prodRow2 td a {color: #ffa800; text-decoration: none;}
.prodRow1 td a {color: #ffa800; text-decoration: none;}
.quantity{text-align: center;}
.quantity input[type=text] {border:1px solid #999; width:20px;}
.quantity input[type=image] {margin:5px 0px 0px 10px;}
.productName{}
.productName img {float:left; margin:0px 15px 10px 0px;}
.productAttributes{}
td.attribute{border:0px;}
.value{}
.singlePrice{text-align: center;}
.totalPrice{text-align: center;}
.delete{text-align: center;}
.subTotal{background-color:#F4F5F7; margin:0px; padding:5px; width:327px; float:right;}
#table_order_details p{font-size: 100%;}
strong {font-weight: bold;}
#table_order_details th.productName{text-align:left;}


.headerError,
.errorTxt{color: red}
#login_content_login_window .error, 
#login_content_error_window .error,
#password_double_opt_confirm_error,
#account_password .error,
.error {
		font-weight: normal; color: #fff; float:left;
		background-color:#f793b4; border: 1px solid #d01050; padding:8px; margin:5px;
		}
.error a {color:#444; text-decoration:underline;}
div.error {display:none;}

.success {
		font-weight: normal;
		color: #fff; float:left; 
		background-color:#B8E48F; border: 1px solid #94B873; 
		padding:5px; margin:5px;}

td.messageStackError{color: red; padding-bottom: .25em;}
td.messageStackSuccess{padding-bottom: .75em; color: green}
/* Produktnavigation Seiten vor zurück */ 
.smallText{font-size: 80%; border-bottom: 1px solid #A5B0BE;padding-bottom: .25em;}
/* Ende */
p.txtRight{text-align: right}
span.status{color: #666;}
.edit_btn{font-size: 70%;padding-left: 3em;}

.floatingInput {padding-top: 8px;}
.floatingInput label{float: left; width: 10em; padding-top: .5em;}
.thx{font-size: 110%; font-weight:bold;margin-top: 1em;}

/****** Account History Info *****/
div.history table td{padding-right: .5em}

.standard_adress{font-size: 80%;}
p.centerTxt{text-align: center;}
#confirmation_products table {color: #666;margin: .25em 0 0 0;padding: .25em 1em;border: 1px solid #000; font-size: 100%;line-height: 130%}
#confirmation_products table td.main{padding: 0}
#confirmation_products table td.main small {font-size: 80%}
#confirmation_total table{width: 100%;text-align: right;float: left;background-color:#f7f7f7;padding: .25em 1em;font-size: 100%;line-height: 160%;}
#confirmation_total table .main{width: 50%;background-color:#f7f7f7; color: #666;padding: 0 0 .75em 0; line-height: 130%}
#confirmation_products table td.main{width: 50%}

/* Style Advanced Search Start */
.advanced_search div{padding: .25em 0;clear:both;}
.advanced_search div label{padding-bottom: .25em}
.advanced_search div select,
.advanced_search div input{ margin: 0 0 .5em 0; padding: 0 0 0 0;}
/* Style Advanced Search End   */

img.txtFloatRight{margin-left: .75em;}
img.txtFloatLeft{margin-right: .75em;}
.txtFloatRight{float:right}
.txtFloatLeft{float:left}
.txtAlignRight{text-align:right}
.txtAlignLeft{text-align:left}
.txtAlignCenter{text-align: center}
hr {border: 1px solid #eee;}
hr.categories {margin: 2em 0}
/* Product Review */
#product_review .txtFloatLeft img{float: left; padding: 0; border: 1px solid #eee; background-color:#fff; margin: 0}
#product_review {width:100%; font-size: 90%}
#product_review tr.row1 {background-color:#fff;}
#product_review tr.row2 {background-color:#eee;}
#product_review th, #product_review td {padding: .5em;}
#product_review .id {width: 5%;}
#product_review .author {width: 35%;}
#product_review .rating {width: 35%;}
#product_review .date {width: 25%;}

/* alsopurchased */
.alsopurchased .txtAlignCenter{border: 1px solid #eee; background-color: #fff}
.alsopurchased h5{margin-top: .75em; font-size: 85%; font-weight: bold}
.alsopurchased p{padding: .25em 0 0 1em; font-size: 70%}

.search_result div,
.search_result div img,
.search_result div p {float:left; line-height:19px;}
.search_result div img {margin: 1em 1.5em 1em 0;}

/***** INPUt FIELDS *****/
#new_find input[type=image]{position: relative; padding: 0;top:10px;}
#new_find input[type=text]{position: relative;top: 0;height: 12px; line-height: 100%; font-size: 100%;}



/**** Module ****/

/**** Shipping Block ****/
.shipping_price{color: #666}
#shipping_block{/*margin-top: 1.5em*/}
.shipping_module{border-bottom: 1px solid #eee; border-width: 1px 0; padding-bottom: .5em;/*margin: 1.5em 0*/}
.shipping_module input {margin: 0 .5em}
.shipping_module h3{margin-bottom: .25em}

/**** Adressbook Module ****/
#adressbook table {width: 100%; border: 1px solid #eee; border-width: 1px 0;}
#adressbook table table {border: none}
.moduleRowOver {
	background-color: #f6f6f6;
	border: 1px solid;
	border-color: #000000;
  margin-bottom: 10px; 
  padding: 5px; 

	}
.moduleRowSelected {
	background-color: #f6f6f6;
	margin: 0;
	padding: 5px;
}
#adressbook table td.main{padding-bottom: .5em; }

/*** Popup Infobox ***/
table td.infoBoxHeading img {display: none}
table td.infoBoxHeading {color: #ffa800; font-size: 120%; font-weight: bold; padding: 15px 0 10px 0}
span.main,
span.tableHeading {display: block; padding-bottom: 8px; }
span.boxText{font-size: 100%; padding-bottom: 8px;display: block}

/*** Ppoup Content ***/
td.main{padding: 10px}
td.contentsTopics{padding: 15px 10px 0 10px; color: #ffa800; font-size: 120%; font-weight: bold;}

.inputRequirement{}
.btn3 input{position:relative; margin-top: 0; margin-bottom: 0} 
.btn3 img{position:relative; margin-top: 0px;} 

/**************************** kmTemplates.com Copyright ****************************/
.parseTime, .kmtemplates{display:none;}

.copyright{
font-size: 90%;
width: 960px;
margin: 0 auto;
padding: .25em 0 30px 0;
}
/**************************** xt:Commerce Copyright & ParseTime ****************************/


/** Blog **/
.posts img, .post img {float: left;
	padding: 3px;
	border: 1px dotted #999;
	margin: 0px 10px 10px 0px;
	}
.bloglinkliste {margin: 0px 0px 8px 0px; padding:0px 8px 8px 0px;}
.bloglinkliste a.bloglink {text-decoration: none;}


/** Promo-Artikel **/
.flag {-webkit-border-top-right-radius: 1em;
		-webkit-border-bottom-right-radius: 1em;
		-moz-border-radius-topright: 1em;
		-moz-border-radius-bottomright: 1em;
		border-top-right-radius: 1em;
		border-bottom-right-radius: 1em;
		padding:5px;
	}
.promo {position:relative; top:-219px; left:95px; width: 50px; z-index:200; background-color:#889000; color:#fff; padding-left:15px; font-style: italic;}
.new {position:relative; top:-196px; left:50px; z-index:210; background-color:#377511; color:#fff;}
.productPromoPrice {color:#377511; font-weight: bold; font-size:12px;}

/******** Overlay ********/
/* the overlayed element */
.apple_overlay {
	display:none;
	background:url(img/white.png);
	width:650px;		
	padding:50px;
	font-size:11px;
}

.detail-pic-overlay {
	display:none;
	width:770px;
	background-color:#fff;		
	padding:0px;
	font-size:11px;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(img/apple-close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:25px;
	width:25px;
}

.detail-pic-overlay .close {
	background-image:url(img/apple-close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:25px;
	width:25px;
}
.overlayLeftCol {width: 400px; float:left;}
.overlayRightCol {width: 140px; float: left;}
.overlayRightCol img {padding:30px 0px 0px 30px;}
div.itemsWrap div.singleItem .play {position: relative; top:-40px; left:40px; width:1px; height:1px;}		

.help{cursor: help;}
.help_color{display:inline; margin:0px 0px 0px 10px}

.tooltip {background-color:#FFF0A5;border:1px solid #999999; font-size: 10px; padding: 5px;}

.sprite_button {
	background-image:url(img/button-sprite.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 5px 15px;
	height: 40px;
	border: 0px;
	border:1px solid #B47600;
	/*border-left: 1px solid #e49600;
	border-right: 1px solid #e49600;*/
	color:#fefefe;
	font-size:1.2em;
	
	
}

.sprite_button:hover {
	-moz-opacity:0.9;
	opacity:0.9;
}

.sprite_button_inactive, .sprite_button_inactive:focus {
	background-image:url(img/button-sprite.png);
	background-repeat: repeat-x;
	background-position: 0px -80px;
	padding: 5px 15px;
	height: 40px;
	border: 0px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	cursor: default;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	-opera-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	
}

/*** Paging *****************/
.pager{float:right;position:relative;}

a.paging_link, a.current_page {border:1px solid #E7EAEB;
padding:5px 8px; margin:5px; width:30px; height:30px;
-webkit-box-shadow: rgba(0, 0, 0, 0.347656) 0px 1px 1px;
background-color: #F3F4F5;
background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(#F3F4F5), to(#E7EAEB));
border-bottom-left-radius: 3px 3px;
border-bottom-left-radius: 3px 3px;
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
border-top-right-radius: 3px 3px;
border-top-right-radius: 3px 3px;
}
a.current {border: 1px solid #999;
-moz-box-shadow: inset 0px 2px 2px #999;
-webkit-box-shadow: inset 0px 2px 2px #999;
box-shadow: inset 0px 2px 2px #999; 
-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
font-weight:bold;
} 
a.paging_link:hover {border: 1px solid #999;}
/*** Paging *****************/