@charset "utf-8";

*, body, html {
	margin:0 auto 0 auto;
	padding:0;
	
}

html {	
	text-align:center;
}

body{
	/* centering with the IE browser */
	text-align:center;
	background-color:#e9edf0;
	background-image:url(/images/layout/bg-body.gif);
	background-repeat:repeat;
}

body, td, input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
}

/* 
grün: #5eaa82 
orange: #F60
content area width: 782px
*/

p { display:block; margin-bottom:8px; }

img{outline:none;}

.txt-col1{
	color:#F60;
}

.txt-col2{
	color:#5eaa82;
}


/**** the container for the website is centered ****/
#page-container{
 text-align:left;
 width:980px;
 height:auto;
 background-color:#FFF;
 padding:0;
 margin:0;
}

#content-container{
 text-align:left;
 padding:12px;
 padding-top:8px;
 width:772px; /* 796 - padding*2 */
}

/**** container for the logo on top ****/
#pageheader{
	width:980px;
	height:84px;
	overflow:hidden;
}

/**** container for the menu on top ****/
#menu-top-container{
	position:relative;
	/* substract the padding from the width! */
	width:956px;
	/* buttons begins xx pixels from left */
	padding-left:24px;
	display:inline;
	background-image:url(/images/layout/menu-top-background.gif);
	background-repeat:repeat-x;
	height:22px;
}

/****  mainmenu bar top, contains the buttons  ****/
#menu-top-buttons{
	height:22px;
}

.common-box-hl{
	display:block;
	margin-top:6px;
	height:17px;
	width:auto;
	overflow:hidden;
}

#catTextBottom{
	/*font-size:11px;*/
	margin-bottom:8px;
}

#faq dt{
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-top:8px;
	margin-bottom:8px;
	color:#F60;
}

#faq dd{
	display:block;
	margin-left:12px;
}

#box-best-price{
	background-image:url(/images/buttons/bg-best-price3.gif);
	background-repeat:no-repeat;
	display:block;
	/*
	background-color:#5eaa82;
	border:1px solid #F60;
	*/
	cursor:pointer;
	color:#000;
	width:291px;
	height:50px;
	margin:8px 0 8px 0;
	text-align:left;
	overflow:hidden;
	
}


#box-best-price .texte{
	display:block;
	text-align:center;
	float:left;
	margin-top:18px;
	margin-left:10px;
	width:120px;
	overflow:hidden;
}

#box-best-price h3{
	color:#FFF;
	display:block;
	font-size:12px;
	margin-top:2px;
	margin-bottom:1px;
}

#box-best-price .price{
	color:#000;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0px;
}

#box-best-price .delivery{
	color:#FFF;
	display:block;
	font-size:9px;
}

#box-best-price .logo{
	float:left;
	display:block;
	margin-top:10px;
	margin-left:30px;
}

#ulstartpage li{
	list-style-position:outside;
	list-style-image:url(/images/icons/li-dot1.png);
	margin-bottom:4px;
	margin-left:20px;
}

.warning{
	color:#F60;
	font-weight:bold;
}

.textfield-search{
	width:226px;
	height:17px;
	display:inline;
	margin-right:8px;
	/*margin-bottom:4px;*/
	border:2px solid #F60;
	background-color:#FFF;
	font-weight:bold;
	padding-top:2px;
	padding-left:4px;
}

div.didyoumean{
	padding:6px;
	display:block;
	border:1px solid #5eaa82;
	margin-bottom:8px;
}

.button-back{
	float:right;
	display:inline;
	width:73px;
}

img.box-image{
	/*border:1px solid #F60;*/
	margin:4px;
	display:block;
}

.watchlist-header{
	display:block;
	padding:2px 8px 2px 8px;
	background-color:#5eaa82;
	border:1px solid #000;
	font-weight:bold;
	margin-bottom:8px;
	color:#FFF;
}

.product-prop-header{
	padding:2px 8px 2px 8px;
	background-color:#5eaa82;
	border:1px solid #000;
	color:#FFF;
	font-weight:bold;
}


.txt11{
	font-size:11px;
}

.txt10{
	font-size:10px;
}


/**** links in the top buttons ****/
a.link-button-top{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

a.link-button-top:hover{
	color:#FFF;
	text-decoration:none;
}

/*** Link in top-menu-header left ****/
a.link-menu-header{
	color:#FFF;
}
a.link-menu-header:hover{
	color: #FF6;
}

/***** all links without class *****/
a{
	color:#555;
	text-decoration:none;
}
a:hover{
	color:#F60;
}

/*******  standard links  ********/

a.link-color1{
	color: #5eaa82;
	text-decoration:none;
}
a.link-color1:hover{
	color:#F60;
}

a.link-color2{
	color: #F60;
	text-decoration:none;
}
a.link-color2:hover{
	color:#5eaa82;
}

a.link-11{
	color: #F60;
	font-size:11px;
	text-decoration:none;
}

.link-11:hover{
	color: #5eaa82;
	text-decoration:none;
}

a.link-11-gray{
	color: #999;
	font-size:11px;
	text-decoration:none;
}

.link-11-gray:hover{
	color: #5eaa82;
	text-decoration:none;
}

a.link-color1-11b{
	color: #5eaa82;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.link-color1-11b:hover{
	color:#F60;
}

a.link-color2-11b{
	color: #F60;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.link-color2-11b:hover{
	color:#5eaa82;
}

a.link-white{
	color:#FFF;
}
a.link-white:hover{
	color:#F60;
}
	

a.link-catlist2{
	color: #F60;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.link-catlist2:hover{
	color: #5eaa82;
	text-decoration:none;
}

a.link-catlist{
	/*color: #5eaa82;*/
	color: #666;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a.link-catlist:hover{
	color: #F60;
	text-decoration:none;
}

a.link-cat-head{
	color: #F60;
	font-weight:bold;
	text-decoration:underline;
	font-size:13px;
	margin-bottom:4px;
	display:block;
}
a.link-cat-head:hover{
	color: #5eaa82;
}



ul.catlist-ul{
	margin-top:4px;
	margin-left:0;
	position:relative;
}

li.catlist-li{
	list-style-image:url(/images/icons/arrow2.gif);
	list-style-type:none;
	list-style-position:outside;
	margin-left:20px;
	padding:0;
}

/******* links in the top keywords box  *************/
a.link-topkeyword{
	color:#555;
	text-decoration:underline;
	font-size:10px;
}
a.link-topkeyword:hover{
	color:#F60;
}



/*************  styles for the left menu boxes  *******************/

/* The outer margins of the box  
.outer-menu-box{
	margin-bottom:16px;
}
*/
/* the headline text of the box  
div.menu-box-title{
	color:#555;
	display:inline;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	margin-left:10px;
	margin-top:10px;
	text-decoration:underline;
}
*/
/* the content area  */
div.menu-left-content{
	padding-right:4px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin:0;
	margin-top:10px;
}

/* the displaying on an item  */
div.menu-left-item{
	background-image:url(/images/layout/menubox-arrow.gif); 
	background-repeat:no-repeat; 
	padding-bottom:4px;
	padding-left:14px;
	width:145px;
}

/* the link properties in the menu box  */
a.menu-left-link{
	color:#555;
	font-size:11px;
	text-decoration:none;
	display:block;
}

a.menu-left-link:hover{
	color:#F60;
	font-size:11px;
}



/*************  styles for the resultbox  *******************/

/* space between the resultboxes  */
.resultbox-table{
	margin-bottom:6px;
}

a.resultbox-link-title{
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin-bottom:6px;
}

a.resultbox-link-title:hover{
	color:#F60;
}

.resultbox-description{
	font-size:11px;
	color:#555;
	display:block;
	margin-bottom:8px;
}

a.resultbox-link-compare {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#5eaa82;
	text-decoration:underline;
}

a.resultbox-link-compare:hover {
	color:#F60;
}

ul.resultbox-ul{
	margin-left:0;
	position:relative;
}

li.resultbox-li{
	list-style-image:url(/images/icons/arrow2.gif);
	/*list-style-position:outside;*/
	margin-left:18px;
	margin-right:0;
}
	

.resultbox-price{
	color:#F60;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:4px;
}

.resultbox-price-offer{
	color:#F60;
	display:block;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:4px;
}

.link-fat-price{
	color:#F60;
	display:block;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:4px;	
}

.link-fat-price:hover{
	color:#5eaa82;
}

.resultbox-merchant{
	color:#F60;
	font-size:11px;
	font-weight:bold;
}

.resultbox-image{
	margin-bottom:8px;
	margin-right:12px;
}

/* the left border */
.resultbox-left{
	border-left:1px solid #999999;
}

/* the right border */
.resultbox-right{
	border-right:1px solid #999999;
}

/* the box header */
.common-box-header{
	background-position:right;
	height: 23px;
	overflow:hidden;
	color:#FFF;
	font-weight:bold;
}

.common-box-cell{
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:8px;
}

/***********  RATING  *********************/

.rating-container{margin:0px;}
.rating-star-container{display:block; white-space:nowrap; float:left;}
.reviews-text{margin-top:-2px; margin-left:8px; display:block; white-space:nowrap; float:left; font-size:11px;}
a.link-write-review{margin-left:8px; display:block; white-space:nowrap; float:left; font-size:11px; color:#F60; font-weight:bold;}
a.link-write-review:hover{color:#5eaa82;}

/* Rating form */
#ratingForm{
	margin-top:12px;
	margin-bottom:12px;
	/*border:1px dashed #F00;*/
	padding:4px;
	display:none;
	visibility:hidden;
}

.rating-header{
	height:22px;
	padding-bottom:6px;
	/*padding-left:8px;
	background-color:#EEE;*/
}

/* do a rating */
a.rating_area{
	color:#000;
	display:block;
	width:14px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

a.rating_area:hover{
	color:#000;
}

.ratingPoint{
	display:block;
	float:left;
	width:16px;
	border:1px solid #009;
	background-color:#FFF;
	margin-right:2px;
	outline:none;
}

a.more {
	color: #999999;
}

a.more:hover {
	color: #F60;
}
	


/**********************  special styles in "compare" ***************/

/* tabs for choosing the subpages  */
/**** buttons for none active tabs (links) ****/
div.tab-product-noactiv{
	background-image: url(/images/buttons/button_tab_gray.gif);
	float:left;
	padding-top:2px;
	/* - padding-top! original 20px; */
	height:18px;
	padding-left:16px;
	white-space:nowrap;
	cursor:pointer;
}

/**** button active tab (the current page) ****/
div.tab-product-activ{
	background-image: url(/images/buttons/button_tab_activ.gif);
	float:left;
	padding-top:2px;
	/* - padding-top! original 20px; */
	height:18px;
	padding-left:16px;
	white-space:nowrap;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

/**** right rounded border for none active tabs ****/
div.tab-product-noactiv-right{
	background-image: url(/images/buttons/button_tab_gray.gif);
	background-position:right;
	width:16px;
	float:left;
	height:20px;
	margin-right:4px;
	cursor:pointer;
}


/**** right rounded border for the active tabs ****/
div.tab-product-activ-right{
	background-image: url(/images/buttons/button_tab_activ.gif);
	background-position:right;
	width:16px;
	float:left;
	height:20px;
	margin-right:4px;
}

/* the product name in compare and product view */
.product-label{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:8px;
}

/* the cell below the product in compare and product view with border on both sides */
.resultbox-compare-contentcell{
	padding:12px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}

/* the top of the seller table in compare  
.resutbox-sellertable-top{

	background-color:#F60;

	height:2px;
	overflow:hidden;
}
*/
/* the table header of the seller table in compare  */ 
.resutbox-sellertable-th{
	background-color:#eee;
	color:#666;
	text-align:center;
	font-weight:bold;
	padding:2px;
	border: 1px solid #666;
	border-collapse:collapse;
}

.resutbox-sellertable-th-sorted{
	background-color:#eee;
	/*color:#5eaa82;*/
	color:#F60;
	text-align:center;
	font-weight:bold;
	padding:2px;
	border: 1px solid #666;
	border-collapse:collapse;
}

div.srtimg{
	display:inline;
	height:20px;
	width:16px;
	float:right;
}

/* the right border */
.resultbox-right-product{
	border-right:1px solid #999999;
	padding-right:12px;
}

.resultbox-product-image{
	margin-right:12px;
	margin-left:12px;
	margin-bottom:0;
	position:relative;
	z-index:1;
	border:0;
}

/* the best price in compare  */
.compare-price-best{
	color:#5eaa82;
	display:block;
	margin-bottom:4px;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
}

/* the normal price in compare  */
.compare-price{
	color:#F60;
	display:block;
	margin-bottom:4px;
	font-size:16px;
	font-weight:bold;
}

/* the text for no value for delivery cost in compare 
.compare-free{
	color: #999;
	font-size:12px;
}
*/
/* all other fields in compare seller list  
.compare-fields{
	color:#F60;
	font-size:12px;
}
*/
.line-between{
	border-bottom:1px dashed #F60;
}



/*************  styles for the navgation trail  ****************/

/**** submenu bar top ****/
#submenu-bar{
	color:#FFF;
	/*text-align:center;*/
	/*padding-top:6px;*/
	background-color:#5eaa82;
	/* - padding-top! original 26px */
	height:18px;
	width:980px;
	margin-bottom:4px;
	white-space:nowrap;
}

/* navigationn trail container */
#menu-top-navtrail{
	float:left;
	padding-left:12px;
	margin-top:3px;
	font-size:11px;
}

/* search bar container  */
#menu-top-searchbar{
	float:right; 
	padding-right:12px;
	vertical-align:top;
/*	width:auto;
	margin-top:3px;
	height:22px;*/
}

div.navigationTrailDiv{
	font-size:11px;
	font-weight:normal;
	/*margin-bottom:12px;*/
}

a.navigationTrailLink{
	font-size:11px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

a.navigationTrailLink:hover{
	color:#fff;
	text-decoration:none;
}

.curTrailItem{
	font-size:11px;
	font-weight:normal;
	color:#fff;	
}


/*************  styles for the product properties  ****************/

/* properties label */
h2.properties-label{
	display:block;
	font-size:14px;
	color: #555;
	margin-top:12px;
	margin-bottom:8px;
	border-bottom:1px dashed #555;
	text-decoration:none;
}

/* unordered list */
ul.properties-ul{
	
}

/* list item */
li.product-property-li{
	list-style:url(/images/icons/arrow2.gif) outside none;
	margin-left:24px;
}

/* list label */
.product-property-label{
	font-weight:bold;
	color:#555;
}

/* list value */
.product-property-value{
	
}


/*************** Filter module  *****************/

/* the headline above the filter form 
.filter-by{
	display:block;
	color:#ff8a00;
	font-weight:bold;
	font-size:12px;
	margin:8px 0 8px 0;
}
*/
div.filter-form{
	width:160px;
	text-align:left;
}

/* the filter-optionsfield */
.filter-option{
	width:160px;
	margin:4px 0 4px 0;
	font-size:11px;
	font-weight:bold;
}

/* the button apply filers */
.filter-button{
	cursor:pointer;
}

/* container with the button */
div.button-container{
	margin:8px 0 8px 0;
}

/*************** Paging Bar  *****************/

.paging-cell{
	text-align:center;
	white-space:nowrap;
	padding: 0;
}

/* paging link  */
a.paging-link{
	color: #FFF;
	display:block;
	width:16px;
	height:16px;
	background-image: url(/images/buttons/pagingItem_bg2.gif);
	font-size:11px;
	font-weight:normal;
	border:1px solid #999;
	margin:1px;
	text-align:center;
	float:left;
	text-decoration: none;
}

a.paging-link:hover{
	font-weight: bold;
}

.paging-current{
	color: #FFF;
	display:block;
	width:16px;
	height:16px;
	background-image: url(/images/buttons/pagingItem_bg1.gif);
	font-size:11px;
	font-weight:bold;
	border:1px solid #999;
	margin:1px;
	text-align:center;
	float:left;
}

.paging-button{
	float:left;
	margin:1px;
}


/*******************  Footer *******************/

div.footer{
	margin:8px 0 8px 0;
}

/**************** Other common styles  *************/

form{margin:0;}

h1 {
	font-size: 22px;
	color: #333333;
	text-decoration: none;
	display:block;
	margin-bottom:12px;
}

h2{
	color:#555;
	font-weight:bold;
	font-size:18px;
	text-decoration:underline;
	margin-bottom:10px;
}

.small-text{
	color: #333;
	text-decoration: underline;
	font-size:9px;
}

.big-text{
	color: #555;
	font-size:14px;
}

.description{
	font-size:12px;
	color:#555;
}

a.catdesc{
	color:#FF8A30;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
}

/*   forms  */

.textfield1{
	border:1px solid #5eaa82;
	background-color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding-left:2px;
}

textarea{
	border:1px solid #5eaa82;
	background-color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:2px;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */