@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	line-height:1.5;
	color:#3C464A;
}

img {
	border:0;	
}

body {
	background:url(images/body-bg.png) repeat-x center top #A3A7A8;
	/*min-height:1000px;*/
	font-size:12px;
}

h2, h3, .title {
	font-size:150%;
	font-weight:bold;
	color:#3C464A;
}

.title > .subtitle {
	font-size:12px;
	font-weight:normal;
}

ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}


a:hover {
	text-decoration:underline;	
}

.main-width {
	width: 1032px;
	margin:0 auto;
}

#header {
	background:url(images/header-nav-bg-v2.png) repeat-x scroll 0 0;
}

#header > .content {
	/*padding-top:15px;*/
	height:45px;
}

#header > .content > .banner {
	float:right;	
	width: 747px;
	height:31px;
	margin-left:15px;
}

#header-cart {
		
}

#logo {
	width:162px;
	height:25px;
	background:url(images/logo.png) no-repeat 0 0;
	display:block;
	line-height:5000px;
	overflow:hidden;
	float:left;
	margin:8px 0 0 10px;
}

#logo:hover {
	background:url(images/logo.png) no-repeat 0 -33px;
}

#header-navigation {
	/*padding-top:10px;*/
	float:right;
}

#header-navigation > a, #header-navigation > div {
	background:url(images/redesign-2011/header-nav.png) no-repeat 0 50%;
	height:18px;
	float:left;
	text-indent:-9000px;
	margin-right:7px;
	padding:10px 0;
}

#header-navigation > a.support {
	width:108px;
	background-position:-288px 50%;
	/*background:url('images/redesign-2011/telefon.png') 0 -10px;*/
	position:relative;
	z-index:5000;
	/*height:35px;
	margin-top:15px;*/
}

#header-navigation > a.faqs {
	width: 24px;
	background-position: -55px 50%;
	position:relative;
	z-index:5000;
}

#header-navigation > a.kontakt {
	width:52px;
	background-position:-88px 50%;
	position:relative;
	z-index:5000;
}

#header-navigation > a.login {
	width:35px;
	background-position:-141px 50%;	
}

#header-navigation > a.mein-konto {
	width:69px;
	background-position:-141px 50%;	
}

#header-navigation > div.trenner {
	width:2px;	
}

#header-cart {
	float:right;
	padding:10px 0 0 0;
	cursor:pointer;
	margin-right:10px;
}

#header-cart > div.cart-title {
	background:url(images/header-nav.png);
	height:18px;
	width:78px;
	text-indent:-9000px;
	background-position:-168px 0;
	float:left;
	position:relative;
	z-index:5000;
}

#header-cart > div.cart-content {
	float:left;	
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:2px;
}

#header-cart > div.cart-button {
	float:left;
	padding-left:6px;
}

#header-pfeil {
	position:absolute;
	background-image:url(images/header-pfeil.png);
	width:14px;
	height:7px;
	top:33px;
}

#header-cart-content, #header-login-content {
	position:absolute;
	top:0;
	width:219px;
	z-index:15002;
	display:none;
}

#header-cart-content {
	z-index:15100;
	cursor: pointer;
}

#header-cart-content-dummy {
	height: 41px;
	filter:alpha(opacity=0); /* IE */
	-moz-opacity: 0; /* Mozilla */
	opacity: 0; /* Opera */	
	background-color: #fff;
}

#header-cart-content > .cart-content-bg, #header-login-content > .login-content-bg {
	background:#6B7275;
	margin-top:41px;
	padding:4px;
}

#header-cart-content > .cart-content-bg {
	margin-top:0;
}


#header-cart-content > .cart-content-bg > div, #header-login-content > .login-content-bg > div {
	background: #B9BCBE url(images/header-cart-content.png) top repeat-x;
	padding:0 8px;
}

#header-login-content > .login-content-bg > div {
	padding-top:10px;	
}

#header-cart-content > div > div > .cart-product {
	padding:6px 0;
	border-bottom: 1px solid #8D9295;
	cursor:pointer;
}

#header-cart-content > div > div > .cart-product > .image {
	float:left;
	border:1px solid #333;
	padding:0 2px;
	width:34px;
	height:30px;
	background:#FFF;
}


#header-cart-content > div > div > .cart-product > .description {
	float:left;
	color:#444D51;
	width:89px;
	padding-left:6px;
	line-height:1.3;
}

#header-cart-content > div > div > .cart-product > .price {
	float:left;
	width:60px;
	color:#FFF;
	font-size:12px;
	text-align:right;
}

#header-cart-content > div > div > .end-price {
	padding:6px 0;	
}

#header-cart-content > div > div > .end-price > div {
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}

#header-login-content td, #header-login-content div {
	color:#FFF;
	padding-top:3px;
}

.login-input {
	border:1px solid #666;
	width:130px;
	padding:2px;
}

.passwort-vergessen {
	text-align:right;	
}

.passwort-vergessen > a {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

.passwort-vergessen > a:hover {
	text-decoration:underline;
}

#toolbar {
	/*height:103px;*/
	/*background:#F8FAF9;*/
}

.content-toolbox {
	background:url(images/content-bg-x.png);
}

.content-toolbox > #search-box {
	margin-left:18px;
}

.content-toolbox > #cart-box {
	margin-right:18px;
	
}

#overall {
	/*padding:0 5px;*/
	background:url(images/content-bg-x.png);
}

#overall-header, .overall-header {
	background:url(images/content-bg.png) no-repeat 0 0;
	height:11px;
}

#overall-footer, .overall-footer {
	background:url(images/content-bg.png) no-repeat 0 -11px;
	height:9px;
}

#left {
	width:220px;
	float:left;
	margin:0 5px 0 19px;
}

#right {
	width:767px;
	float:right;
	margin:0 14px 0 0;
}

/*
-----------------------------------------*/



a:active, a:focus {outline: 0;}


/* Breadcrumbs
----------------------------------------*/
#breadcrumbs {
	list-style:none;
	display:block;
	padding:8px 0 8px 8px;
	margin:0 6px 5px 6px;
	background:url(images/breadcrumbs-bg-x.png) repeat-x bottom;
}

#breadcrumbs > li {
	display:inline;
	padding:0 10px 0 13px;
	background:url(images/logo.png) no-repeat 0 -125px;
}

#breadcrumbs > li > a {
	color:#666;
	font-size:11px;
	text-decoration:none;
}

#breadcrumbs > li > a:hover {
	text-decoration:underline;
	color:#333;
}

/* Content Toolbar
----------------------------------------*/
.icontent-toolbar {
	padding:6px 8px;	
}

button, input[type=submit] {
	border:0 none;
	cursor:pointer;
	width:20px;
	height:20px;
	vertical-align:bottom;
	background:transparent url(images/icons.png) no-repeat scroll 0 0;
	margin-right:2px;
	outline:none;
}

.button-link {
	text-decoration:none;
	color:#666;
	font-size:13px;
	display:block;
}

.set-big {
	background-position:0 -21px;
	width:79px;
	height:66px;
}

.goback {
	float:left;
}

.gonext {
	float:right;
}

.goprev {
	float:right;
}

.gonext > button {
	background-position:-21px 0;	
}

.icon-list {
	background-position:-80px 0;
	width:27px;
	height:20px;
	margin:0;
	float:left;
}

.icon-list-selected {
	background-position:-54px 0;
}

.icon-grid {
	background-position:-132px 0;
	width:26px;
	height:20px;
	margin:0;
	float:left;
}

.icon-grid-selected {
	background-position:-106px 0;

}

.icontent-toolbar-paging {
	float:right;
	background:#E2E2E2;
	margin:0 9px;
	padding:0 4px;
	height:20px;
}

/* Content
---------------------------------------*/

#icontent {
	background:url(images/right-bg-x.png) repeat-y;	
}

#icontent > .header {
	background:url(images/right-bg.png) no-repeat;	
	min-height:100px;
}

#icontent > .footer {
	background:url(images/right-bg.png) no-repeat 0 -100px;	
	height:13px;
}

#icontent > .header > div {
	padding:20px 28px 0 28px;	
}

#icontent > .header > div#category-info {
	padding:0px 28px 0 28px;
	text-align:justify;
}
#icontent > .header > div > h3 {
	float:left;	
}

#icontent > .toolbar {
	background:url(images/category-toolbar-bg-x.png) repeat-x;
	height:20px;
	margin:0 6px;
	color:#3c464a;
	font-size:11px;
	font-weight:bold;
	padding-left:6px;
}

.paging {
	float:right;
}

/* Produkt Liste
--------------------------------------------*/


.schnellansicht {
	background:url(images/icons.png) -41px 0;
	margin-left:4px;
	width:13px;
}

.schnellansicht-link {
	float:right;
	line-height:2.1em;
	text-decoration:none;
	color:#485156;
	font-weight:bold;
}

.product-list > .product-full {
	background:url(images/product-full-bg.png) top repeat-x #FAFAFA;
	padding:0 0 0 10px;
	border-bottom:1px solid #CBCFD2;
	margin:0px 6px 0 6px;
}

.product-list > .product-full > .header > h5 > a {
	font-size:18px;
	text-decoration:none;
	color:#3B4648;
}

.price {
	font-size:24px;	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1;
	color:#3d4245;
}

.price > small {
	font-size: 12px;
	font-weight: normal;
}

.porto {
	font-size:12px;	
	line-height:1.5;
	display:block;
	margin:4px 0 2px 0;
}

.porto a {
	color:#3C464A;
	text-decoration:none;
}

.porto a span {
	font-weight:bold;
}

.porto a:hover {
	text-decoration:underline;
}

.delivery {
	background:url(images/lieferbar.png) no-repeat left top;
	height:13px;
	padding:0 0 0 17px;
	line-height:1;
	font-size:12px;
}

.delivery-yellow {
	background-position:left -13px;	
}

.delivery-red {
	background-position:left -26px;	
}

.in-cart {
	background-position:0 -88px;
	width:137px;
	height:35px;
}


/* STARS
--------------------------------------------*/
ul.star-rating{
	list-style:none;
	margin: 6px 0 0 0;
	padding:0px;
	width: 70px;
	height: 13px;
	position: relative;
	overflow:hidden;
	background: url(images/stars.png) left -39px repeat-x;		
	float:left;
}
ul.star-rating li{
	padding:0px;
	margin:0px;
	width:14px;
	height:13px;
	/*\*/
	float: left;
	/* */
}
ul.star-rating li a{
	display:block;
	width:14px;
	height: 13px;
	line-height:14px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
ul.star-rating li a:hover{
	background: url(images/stars.png) left -26px;
	z-index: 2;
	left: 0px;
	border:none;
}
ul.star-rating a.one-star{
	left: 0px;
}
ul.star-rating a.one-star:hover{
	width:14px;
}
ul.star-rating a.two-stars{
	left:14px;
}
ul.star-rating a.two-stars:hover{
	width: 28px;
}
ul.star-rating a.three-stars{
	left: 28px;
}
ul.star-rating a.three-stars:hover{
	width: 42px;
}
ul.star-rating a.four-stars{
	left: 42px;
}	
ul.star-rating a.four-stars:hover{
	width: 56px;
}
ul.star-rating a.five-stars{
	left: 56px;
}
ul.star-rating a.five-stars:hover{
	width: 70px;
}
ul.star-rating li.current-rating{
	background: url(images/stars.png) left -13px;
	position: absolute;
	height: 13px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

ul.star-rating li.no-rating {
	background: url(images/stars.png) left -39px;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}


.product-counts li {
	float:left;
	background:url(images/icons.png) no-repeat -183px 0;
	width:26px;
	height:20px;
	vertical-align:middle;
	cursor:pointer;
}

.product-counts li span {
	text-align:center;
	padding-top:2px;
	font-weight:bold;
	display:block;
	font-size:11px;
}

.product-counts li.last {
	width:27px;
}

.product-counts li.selected {
	background-position:-157px 0;
}

.transparent-85 {
	filter:alpha(opacity=85); /* IE */
	-moz-opacity: 0.85; /* Mozilla */
	opacity: 0.85; /* Opera */	
}

.transparent {
	filter:alpha(opacity=50); /* IE */
	-moz-opacity: 0.50; /* Mozilla */
	opacity: 0.50; /* Opera */	
}

.transparent-n {
	filter:alpha(opacity=100); /* IE */
	-moz-opacity: 1; /* Mozilla */
	opacity: 1; /* Opera */	
}
div.input {
	background:url(images/input-text.png) left repeat-x;
	padding-left:4px;
}

div.input input {
	border:none;
	background:url(images/input-text.png) right repeat-x;
	font-size:12px;
	padding:3px 4px 3px 0;
	width:100%;
}

div.input-r input {
	text-align:right;
}

.loader {
	position:absolute; 
	background-color:#fff; 
	display:none;
	text-align:center;
	margin-top:23px;
}

.loader b {
	display:block;
	font-size:16px;
}

.loader img {
	margin-top:95px;
}

.green {
	color:#04b811;	
}

#content-footer {
	padding:25px 21px 0 21px;
	/*margin:23px 0 0 0;*/
	background:url(images/content-bg-x.png);
}

#content-footer > .trenner, 
#content-footer > .trenner > .left, 
#content-footer > .trenner > .right {
	height:33px;
	background:url(images/footer-image.png) repeat-x;
}

#content-footer > .trenner > .left {
	width:6px;
	float:left;
	background-position:left center;
}

#content-footer > .trenner > .right {
	width:6px;
	float:right;
	background-position:left bottom;
}

.footer-content {
	float:left;
	margin:20px 0 8px 10px;
}

.footer-content > ul > li > b {
	color:#777;
	text-transform:uppercase;
}

.footer-content > ul > li {
	border-bottom:1px dotted #c3c3c3;
}


.footer-content > ul > li > a {
	color:#777;
	text-decoration:none;
}

.footer-content > ul > li > a:hover {
	text-decoration:underline;
}

.footer-content > p {
	margin-bottom:10px;	
	font-size:12px;
	color:#777;
}

.footer-content > p > a {
	color:#777;
}

.footer-s1 > ul > li,
.footer-s2 > ul > li {
	width:125px;
	padding:2px 0;
}

.footer-s3 {
	width:250px;
	margin-left:40px;
}
	
.footer-s4 {
	width:260px;
	margin-left:30px;
}	
	
.footer-s5 {
	width:130px;
	margin-left:20px;
}
	
.copyright {
	/*clear:left;*/
	text-align:right;
	color:#777;
	padding-right:6px;
	padding-bottom:10px;
}
	
.icon-de-markt {
	background-position:-211px 0;
	height:22px;
	margin-right:4px;
	margin-top:1px;
	width:22px;
}
	
/* Login BOX */
#login-box {
	position:relative; 
	top:0; 
	left:470px; 
	width:250px;
	display:none;
	border:1px solid #666;
	padding:10px;
	background:#FFF;
}
	
/* Suche */
#search-box {
	float:left;
	width:262px;
	margin-top:15px;
	margin-bottom:15px;
}

#search-box b {
	color:#666;
	padding-bottom:4px;
	padding-left:5px;
	display:block;
}

#search-box-input {
	background: url("images/search.png") no-repeat scroll left top transparent;
	z-index: 11000;
	position: relative;
	padding-left: 13px;

}

#search-box-input div {
	background: url("images/search.png") repeat scroll 0 -28px transparent;
	height:28px;
	float:left;
}

#search-box-input div input {
	border:none;
	padding: 6px 0 0 0;
	width:217px;
	background:none;
	color: #3C464A;
	font-size:14px;
}

#search-box-input button {
	background: url("images/search.png") repeat scroll right 0 transparent;
	width: 26px;
	height:28px;
	float:left;
	margin:0;
}

#hotline {
	margin-top: 26px;
	margin-left: 10px;
	color:#666;	
	float:left;
}

#hotline > a {
	text-decoration: none;
	display: block;
	float: left;
	background: url("images/payment.gif") repeat scroll 0 0 transparent;
	height: 45px;
	text-indent: -10000px;
}

#hotline > a.paypal {
	width: 137px;
	background-position: 0 bottom;
}
/*#hotline > a.paypal:hover {
	background-position: 0 bottom;
}*/

#hotline > a.sofortueberweisung {
	background-position: -140px bottom;
	width: 147px;
}
/*#hotline > a.sofortueberweisung:hover {
	background-position: -140px bottom;
}*/

#hotline > a.mastercard {
	background-position: -289px bottom;
	width: 74px;
}

/*
#hotline > a.mastercard:hover {
	background-position: -289px bottom;
}
*/

#hotline > a.visa {
	background-position: -365px bottom;
	width: 70px;
}

/*#hotline > a.visa:hover {
	background-position: -365px bottom;
}*/

#hotline > a.americanexpress {
	background-position: -435px bottom;
	width: 56px;
}

/*#hotline > a.americanexpress:hover {
	background-position: -436px bottom;
}*/
#hotline > a.finanzierung {
	background-position: -491px bottom;
	width: 166px;

}
/*#hotline > a.finanzierung:hover {
	background-position: -499px bottom;
}*/
#ts-logo {
	float:right;
	margin-top: 15px;
	margin-right: 6px;
	padding: 3px;
}



#chip-logo {
	float:right;
	padding-top: 18px;
	margin-right: 23px;
	cursor: pointer;
}

#messages {
	margin-top: 15px;
}

.sys-error > .fehlerbox-text {
	padding: 5px 15px;
	background:#990000;
	border:1px solid #C3C3C3;
	color: #fff;
}

.sys-warning > .fehlerbox-text {
	padding: 5px 15px;
	background:#FFCECE;
	color: #fff;
}



.sys-message > .fehlerbox-text {
	padding: 5px 15px;
	background:#EAEAEA;
	color:#3C4749;
	border:1px solid #C3C3C3;
}

.sys-success > .fehlerbox-text {
	padding: 5px 15px;
	background:#7FCC99;
}

.balloon {
	width: 300px;
	margin-left: 15px;
	display:none;
	position: relative;
}

.balloon > .balloon-header {
	background: url(images/balloon/balloon-header.png) no-repeat;
	height:11px;
	width: 300px;
}

.balloon > .balloon-content {
	background: url(images/balloon/balloon-content.png) repeat-y;
	width: 270px;
	padding:0 15px;
}

.balloon > .balloon-footer {
	background: url(images/balloon/balloon-footer.png) no-repeat;
	height:11px;
	width: 300px;
}

.balloon > .balloon-arrow {
	background: url(images/balloon/balloon-arrow.png) no-repeat 50% 50%;
	height:100%;
	width:16px;
	position: absolute;
	top: 0px;
	left:-12px;
}

#ts-review-widget {
	position: absolute;
	top: 76px;
	right: 88px;
	width: 225px;
	text-align: center;
	padding: 12px 0;
	background: #cbcbcb;
	border-bottom: 1px solid #475054; 
	border-left: 1px solid #475054; 
	border-right: 1px solid #475054; 
	display: none;
	cursor: pointer;
	z-index: 15000;
}

#ts-reviews {
	padding: 10px 7px 11px;
	margin-left: 4px;
	float: left; 
	cursor: pointer;
	border: 1px solid #fff;
}

.ts-logo-hover {
	border-top: 1px solid #475054 !important; 
	border-left: 1px solid #475054 !important; 
	border-right: 1px solid #475054 !important; 
	background: #cbcbcb;
	
}

.ts-logo-hover > #ts-reviews {
	/*color: #fff;*/
}


.clearleft {
	clear:left; 
	display: block;
}

.clearall {
	clear:both; 
	display: block;
}

.paymentcosts {
	width: 300px;
	
}

.paymentcosts th {
	text-align: left;	
	background:url("images/cart-table-bg-full.gif") repeat-x scroll center top #EAEAEA;
	color:#3C4749;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:2px;
	border-bottom: 1px solid #D6D6D6;
}

#paymentcosts > .paymentcosts th, #paymentcosts > .paymentcosts td {
	padding-left: 4px;
	border-bottom: 1px dotted #D6D6D6;
}

.paymentcosts > tbody {
	overflow: hidden;
	overflow-y: scroll;
	height: 200px;
}

.paymentcosts-title {
	width: 100px;
}

.delivery-free {
	color: #138000;
	display: block;
}

#online-chat-small {
	position: absolute;
	background: url('images/online-chat-small.png');
	height: 67px;
	width: 172px;
	left: 407px;
	z-index:150;
	cursor: pointer;
}

#online-chat-full {
	position: fixed;
	height: 601px;
	width: 368px;
	background: url('images/online-chat-full.png');
	z-index: 150;
	top:-610px;
	/*top:0;*/
}

#online-chat-full .oc-button {
	width: 100px;
	height: 22px;
	position: absolute;
	bottom: 18px;
	cursor: pointer;
}

#online-chat-full .open {
	right: 15px;	
}

#online-chat-full .close {
	left: 18px;
}

#search-2011 {
	float:left;
	padding-top:10px;
	display:block;
}

#search-2011 > input[type="text"] {
	background:url('images/redesign-2011/suche.png');
	width:129px;
	border:none;
	padding:2px 0 2px 7px;
	float:left;
}

#search-2011 > input[type="submit"] {
	background:url('images/redesign-2011/suche.png') -136px 0;
	text-indent:-1000px;
	width:24px;
	float:left;
	font-size:11px;
}

.finanzierung-list {
	text-decoration:none;
}

.ph-delivery {
    background: url("images/points-on-grey.png") no-repeat scroll left -13px transparent;
    display: block;
    font-size: 10px;
    height: 13px;
    width:80px;
    line-height: 1;
    padding-left: 18px;
}
.ph-delivery-yellow {
    background-position: left -26px;
}
.ph-delivery-red {
    background-position: left -39px;
}


/* Suggestbox */
/* needed otherwise the searchBoxLine will pop-up in IE */
div.suggestFormWrap{
	position:absolute;
	z-index:16001;
}

div.suggestLayer {
	position: relative;
	top: -1px;
	left: 10px;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	z-index: 16001;
	background-color: white;
	background: transparent;

}

table.suggestLayer {
	font-size: 11px;
	width: 130px;
	border: 1px solid #BBBBBB;
	height: 12px;
	background-color: white;
	color: #173553;
	cursor: pointer;
}
tr.suggestLayer {
	height: 12px;
}
td.suggestLayer {
	padding: 0;
	height: 12px;
}
tr.suggestHeader{
	color: #173553;
	font-weight: normal;
	font-size: 10px;
}
tr.suggestHeader td{
	border-bottom: 1px solid #BBBBBB;
	padding: 3px 3px 3px 5px;
}
td.suggestFooter{
	display:none;
	height:25px;
	border-top:solid 1px #5C7997;
	font-size:9px;
	color: #173553;
	background-color: #FCFCFC;
	/*background-image: url("../../images/demoshop/logo_fact-finder_suggest.gif");
	background-repeat: no-repeat;
	background-position: right*/;
}

td.suggestTextQuery{
	font-weight: bold;
	padding: 2px 15px 2px 10px;
}
span.suggestTextQueryTyped{
	color: #5c7997;
	text-decoration: underline;
}
td.suggestTextType{
	padding: 2px 5px 2px 15px;
	width: 30%;
}
td.suggestTextAmount{
	padding: 2px 5px 2px 15px;
	width: 30%;
	text-align: right;
}
tr.suggestRow{
	padding: 2px 2px 2px 0px;
	background-color: #FCFCFC;
}

tr.suggestHighlight{
	color: #000 !important;
	background-color: #f3f3f3;
}
tr.suggestHighlight span.suggestTextQueryTyped{
	color: black !important;
}
td.suggestImage{
	height: 40px;
}
td.suggestImage img{
	height: 40px;
}