.html, body{
height: 100%;
}

* { text-align:left;}
* h1{color:#445588;}


.main {
 	width:970px;
 	width:expression(document.body.clientWidth > 970? "970px": "100%" ); 
/*  	position:relative; */

	background-repeat:repeat-x;
	background:#eee;
	margin-left:auto;
	margin-right:auto;
 }

#main_viewport {
/* 	position:relative; */
	border-right: 1px solid #eee;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #eee;
	clear:both; 
	top:0px;
	left:0;
	overflow:none;
	margin-left:170px;	
	height:100%;
}

#footer {
	border-top:1px solid #ccc;
	background:#eee;
	width:100%;
	text-align:center;
	height:50px;
}
#footer table{
	display:inline
}
#footer a{
	color:#048 !important;
}
#footer a:hover{
	color:#aaa !important;
	text-decoration:none;
}
#footer .aktiviert{text-decoration:none;}
#viewport{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background:#eee;
	z-index:0;
	background-repeat:  no-repeat; 
}

#w3c {
/* 	position:absolute; */
	bottom:0px;
	left:0px;
	margin-left:-160px;
	text-align:left;
/* 	margin-right:auto; */
/* 	text-align:center; */
	border:none;
	z-index:1;
}
#w3c a{border:none}
#w3c img{border:none}

body {
	background:transparent;
}


body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
	color: #666;
}

h2 {
	padding-bottom:3px;
	border-bottom: 1px dashed #aaa;
	margin-top:20px;
	font-size:16px;
	color:#458;
/* 	clear:both; */
}

h3 {
	color:#458;
}

#left a, 
#left a:visited { color: #000; }


/* a {color: #000} */
/* a:visited { color: #000; }   */
/* a:hover { color: #aaa; } */



#background {
	background:#eee;
}

#left {
 	position:absolute; 
	margin-left:-171px;
	padding-top:0px;
	padding-bottom:00px;
	border-bottom: 1px solid #eee;
	width:170px;
	background:#eee;
	height:80%; 
	}

#left ul{
 	padding:0px !important; 
	margin: 0px !important;
	list-style-type:circle !important;
}

#left li{
 	padding:0px !important; 
	margin: 0px !important;
	text-decoration:none;
	font:bold .8em/1em Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #555;
	color: #555;
	display:block;
	border-bottom:1px solid #aaa;
	line-height:20px;
}

#left li a {
	padding: 3px 7px 3px 7px;
	text-decoration:none;
	display:block;
}

#left li a:hover{
	display:block;
	background:#bbb;
	color:text;
}

#left .aktiviert{
 	background:#bbb;
	cursor:pointer;
/* 	list-style-image: url(../images/shadow.png); */
}

#left hr{
	height:1px;
	border:1px solid red;
}

#left #heading{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:#aaa;	
	color:#445588;
	height:45px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	line-height:normal;
}

#left #heading span {
	position:absolute;
	margin: 20px 7px 2px 7px;
}

.headline {
	position:relative;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:#eee;	
	color:#445588;
	min-height:55px;
	height:55px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:normal;
	border-bottom:1px solid #aaa;
}


.headline h1{
 	position:absolute;  
	bottom:1px;
	margin-left:20px;
	margin-top:30px;
	font-size:16px;
}
* html .headline h1{
	bottom:10px;
}

#notice{
/* 	display:block; */
	line-height:0px;
	height:0px;
	margin-left:20px;
}
#errmsg{
/* 	display:block; */
	line-height:0px;
	height:0px;
	margin-left:20px;
	font-size:12px;
/* 	line-height:0px; */
/* 	height:0px; */
}

#left .headline{
	background: #aaa;
}

#left .headline h1{
	font-weight:normal;
	font-size:13px;
	left:5px;
}

#decoration
{
/* 	background-color:#8bf; */
	width:970px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	height:120px;
	border-bottom:1px solid #07c;
/* 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dec.png',sizingMethod='scale'); */
 	background-image: url(../images/layoutelements/website_banner.jpg);   
}

#decoration .img{
	height:100px;
}



.menu a img{
	visibility:hidden;
	position:absolute;
	top:20;
	right:0;
	height: 30px;
}

.menu a:hover img{
	visibility:visible;
	position:absolute;
	top:0;
	right:0;
	height: 30px;
}

#rub table {position:absolute; top:0; left:0; border-collapse:collapse;}

/*Transparentes Logo, einmal für IE, einmal für den Rest*/
.logo{
	height:110px;
	width:120px;
	position:relative;
	bottom:0px;
	left:15px;
 	z-index:2000; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layoutelements/logo.png',sizingMethod='scale')
	}
.logo[class]{
	height:110px;
	width:120px;
	position:relative;
	z-index:2000;
	bottom:0;
	left:15px;
/*  	background: url('/images/layoutelements/logo.png');   */
	}
.logo img{visibility:hidden;}
.logo[class] img{visibility:visible;}

/*Hintergrund der Navi-Leiste, einmal für IE, einmal für den Rest*/
.bg{
	width:100%;
	height:28px;
	z-index:100;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layoutelements/menu.png',sizingMethod='scale'); 
}
.bg[class]{
	width:100%;
	height:28px;
	background-image:url(../images/layoutelements/menu.png);
}

/*Navi-Leiste*/
.menu {
	width:100%; 
	height:auto;
left:0; 
	float:left; 
	border-bottom:1px solid #07c; 
	font-family:arial, sans-serif;
	position:relative;
	z-index:1000;
	top:91px; 
	position:absolute;
	margin-left:0px;
	border-top:1px solid #07c;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;width:970px;	margin-left:auto;	margin-right:auto;}
.menu ul ul {width:100%;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited{
		
		display:block;
		font-size:11px;
		text-decoration:none; 
		text-transform:uppercase; 
		color:#fff; width:90px; 
/* 		background:#09c;  */
		background:transparent;
		padding-left:10px; 
		color:#000;
		padding:15px 20px 4px 10px; 
		text-decoration:none;
		font:bold .7em/1em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-shadow: 2px 2px 2px #555;
-moz-text-shadow: 2px 2px 2px #555;
-moz-shadow-direction: bottom-right; 
-moz-shadow-width: 5px; 
-moz-shadow-color-start: #000; 
-moz-shadow-color-stop: #000; 
-moz-shadow-opacity-start: 1.0;
-moz-opacity:0.85; 
opacity: 0.85;
font-weight:bold;
		width:auto;
/* 		border-right:1px solid #0ad; */
/* 		background-image:url(../images/layoutelements/menu.gif); background-repeat:repeat-x; */
/*  filter:Shadow(color=#000000, direction=45) */
}

.shadow {
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; w\idth:auto;position:relative;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:blue;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;width:120px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:29px;left:-10px; }

/* position the third level flyout menu */
.menu ul ul ul{left:120px; top:-1px; width:120px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-120px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#bbccff; color:#000; height:auto; line-height:1em; padding:5px 10px; display:block;width:150px;border-right:0px solid blue;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:inherit;w\idth:inherit;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background-color:#88aaff;} /*IE*/
.menu a:hover ul {visibility:visible;color:green;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background-color:#88aaff;} /*Top level hover*/
.menu .aktiviert {color:#000; background:#88aaff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover {visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu ul ul {	
	z-index:1000;
	border:1px solid #09c;
	width:auto;
/* 	min-width:200px; */
	height:auto;
}

.menu form {
	width:auto;
	padding:0px;
	padding-bottom:2px;
	margin:0px;
}
.menu label{
 		padding:15px 20px 4px 10px;  
/* 		display:block; */
		vertical-align:bottom;
		text-decoration:none;
		font:bold .7em/1em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
 		text-shadow: 2px 2px 2px #555; 
		font-weight:bold;
		width:auto;
}
.menu input{
	height:100%;
	vertical-align:top;
	height:12px;
	top: 10px;
	position:relative;
	font-size:70%;
}
.menu .button{
 	height:16px; 
	position:relative;
	top: 10px;
	font:bold .7em/1em Arial, Helvetica, sans-serif;
}

* html .menu .button {
	top:11px;
	height:16px;
	background-color:transparent;
	border:0px;
	font-size:inherit;
}

.gray_block{
	background:#eee;padding:10px;
}

#qs_form {
	float:right;
	margin-right:10px;
}

#head{
/* 	width:100%; */
/* 	background: url('../images/main_bg.png'); */
}
#main_heading{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background:#eee;	
	color:#445588;
	height:45px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	line-height:normal;
}


/*WARENKORB*/

.fl {
	text-align:left;
	}

.anzahl {
	width:40px;
}

.fr {
	text-align:right;
	padding-right:10px;
	}

.hr {
	line-height:1px;
	border-bottom: 1px dashed;
	border-collapse:collapse;
/* display:none; */
}

/*FORMULARE*/

label
 {
 width: 12em;
 float: left;
 text-align: right;
 margin-right: 0.5em;
 display: block;
 }
 
input
 {
 color: #781351;
 background: #ccdeff;
 border: 1px solid #781351;
 }

legend
 {
 color: #fff;
 background: #ffa20c;
 border: 1px solid #781351;
 padding: 2px 6px
 } 

 fieldset
 {
	margin-bottom:	10px;
	border: 1px solid #781351;
 }

.fieldWithErrors {
  padding: 0;
  background-color: red;
	border-top:1px solid red;
	border-bottom:1px solid red;
	border-left:0px solid red;
	border-right:1px solid red;
	color: red;
  display: inline;
}

.formError{
	margin-left:5px;
}

html * .fieldWithErrors{
/* 		border-left:1px solid red; */
}

.fieldWithErrors input{
	border-left:1px solid red;
	border-right:1px solid red;
	border:0px;
  padding: 0;
}

.formError{
	border:0px;
  padding: 0;
/*	width:250px;*/
	color:red;
	display:inline-table;
}

.button {
/* 	border:1px solid #a00; */
/* 	background: #ddd; */
	text-decoration:none;
	padding:1px 3px 1px 3px;
	background-image:url('../images/layoutelements/grad_btn.png');
	background-position:bottom;
	background-repeat:repeat-x;
	position:relative;
}

.button a:hover{
	border:1px solid black;
	text-decoration:none;
	color:black;
	background-color: #555;
}

.content {
	padding:10px 30px 20px 20px;	
	background:#fff;
	min-height:500px;
	height:expression(document.body.clientHeight < 500 ? "500px": document.body.clientHeight-300 );
	}

.content a:hover{color:#aab;}

#bibliographie,
#bibliographie a{
	text-decoration:none;
	list-style-type:none;
	margin-left:0px;
	padding:0;
	list-style-type:none;
	margin-top:3px;
	font-size:1.1em;
}
#bibliographie a:hover{
	text-decoration:underline;
}

.content h1 {
	font-size:130%;
	clear:both;
}

.content img {
 	border:1px solid #555; 
}

.imagelist{
	margin:auto auto;
	margin-top:20px;
	margin-bottom:20px;
	width:auto;
	font-size:10px;
}
.imagelist img{
	width:72px;
	height:102px;
	display:inline-block;
}

.imagelist ul{
	font-size:0px !important;
	padding:0;
	text-align:center;
	list-style:none;
}

.imagelist li{
	display:inline-block;
	height:100px;
	vertical-align:top;
}

* html .imagelist li{
	margin:-1px;
	display:inline;
}

.imagelist a{
	font-size:10px;
}

.imagelist a:hover{
	border:10px;
}


.imagelist img{
	padding:0;
	margin:0;
	border:0px;
}

.autlist{
	margin:auto auto;
	margin-top:20px;
	margin-bottom:20px;
	width:auto;
	font-size:10px;
}

.autlist ul{
	font-size:0px !important;
	padding:0;
	text-align:center;
	list-style:none;
}

.autlist li{
	width:100px;
	display:inline-block;
	vertical-align:top;
}

.autlist img {width:90px;height:120px;}

* html .autlist li{display:inline;}
.autlist a{font-size:10px;}
.autlist a:hover{border:10px;}
.autlist img{padding:0;margin:0;border:0px;}


.validation-error {
	background:red;
	border:3px solid green;
	color:#faa;
	}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
/*   margin-bottom: 20px; */
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/*INTRO*/
.intro {
/* 	font-size:larger; */
	margin-top:15px;
	margin-bottom:30px;
}

#topsellers {float:left;width:74%;padding-right:10px;}
#leftcol{width:48%;float:left;padding-right:10px;border-right:1px dotted}
#rightcol{width:48%;float:right;padding-left:10px;}

#news{float:right;width:24%;}

#topsellers h2,
#news h2{	display:block;
	background:#ddf;
	border:none;
	padding:8px 4px 8px 7px;
	margin-top:5px;
	margin-bottom:4px;
	background:#ddf;
}

#news .newslink .with_arrow,
#news .with_arrow{
/* 	background-image: none; */
	padding-left:10px;
	display:block;
	font:bold .9em/1em Arial, Helvetica, sans-serif;
}

#news .newslink a{font-weight:normal;}

.newsindex {
	border:1px solid #eee;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	}

/*.newsindex p{
	padding-left:10px;
	padding-right:10px;
}*/

/*.newsindex .newslink {
	display:block;
}*/

.newsindex h2 a{
	color: #445588;
	font-size:15px;
	text-decoration:none;
 	display:inline-block; 
}

.newsindex h2{
	color: #445588;
	font-size:10px;
	text-decoration:none;
	position:relative;
	border:none;
	background:#eee;
	padding:10px 10px 5px 10px;
	display:block;
	margin:0;
}

.newsindex .button{
	right:0;
	bottom:5px;
	width:80px;
 	position:absolute; 
bottom:0;
right:0;
	padding-left: 20px;
	background-repeat: no-repeat;
	border:none;
	font-size:12px;
	background-position:left top;
height:20px;
}
* html .newsindex .button{
	top:10px !important;
	right:30px  !important;	
}

.newsindex .unfold {
	background-image: url(../images/layoutelements/unfold.gif);
	background-repeat: no-repeat;
}
* html .newsindex .button{position:absolute;top:20px;right:30px;}

.newsindex .hide {
	background-image: url(../images/layoutelements/hide.gif);
	background-repeat: no-repeat;
}

.announcement{
	border-top:1px dashed #ccc;
	padding:10px;
}
.announcement h2 {	position:relative;}
.announcement .date{position:absolute; float:right; top:0; right:0;} 


/*TITELBLOCK*/
.titelblock{
	border-bottom:1px dotted;
/* 	margin-right:15px; */
	margin-bottom:10px;
}

.titelblock .bild {
	float:left;
	margin-right:5px;
}

.titelblock a,
.titelblock a:hover {
	color:#666;
}

.titelblock .spruch{
	display:block;
	padding:2px;
	padding-left:5px;
	margin-top:5px;
	margin-bottom:8px;
	background:#ddf;
}

.titelblock .autor a,
.titelblock .autor{
/* 	display:block; */
	text-decoration:none;
}

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

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

.titelblock .text p{
	font-size:x-small;
}

.titelblock .titel{
	margin-top:5px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	font-size:14px;
}
.titelblock .titel .untertitel{
	font-size:12px; 
}

/*TITELINDEX*/
.titelindex{
	position:relative;
	background:#eee;
	margin-bottom:10px;
	padding:10px;
	height:auto;
 	height:expression(document.body.clientHeight < 120? "120px" : "120px" ); 
	min-height:120px;

}

.newsindex a,
.newsindex p,
.titelindex a,
.titelindex p{
	color:#333;
	margin:0;
	text-decoration:none;
}

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

.titelindex .text{
	padding-left:100px;
	background:transparent;
}

.titelindex .bild{
	float:left;
	z-index:99999;
}

.titelindex .titel{
	font-size: larger;
	color: #222;
	margin-top:.5em;
}

.with_arrow, 
.titelblock .with_arrow, 
.titelindex .with_arrow,
.announcement a{
	background-image: url(../images/layoutelements/arrow.gif);
	background-repeat:no-repeat;
	padding-left:8px;
	color: #55b;
	font:bold .9em/1em Arial, Helvetica, sans-serif;
}
.announcement a {
	line-height:150%;
}

.titelindex .untertitel{
	font-size:larger;
	font-weight:normal;
	color: #222;
	margin-top:-.40em;
}

.bullet  {
	position:absolute;
	left:-20px;
	top:0px;
	width:20px;
	height:20px;
	border:0px !important;
	background-image:url(../images/layoutelements/bullet.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}

.content hr{
	clear: both;
	display:none;
visibility:hidden;
/* 	border-top:1px solid #aaa; */
/* 	background-image: url(../images/layoutelements/underline.gif); */
/* 	background-repeat:repeat-x; */
	margin: 20px 0 10px 0;
}

.spacer {
	clear:both;
	height:10px;
}

.preisfeld{
 	float:right; 
/* 	margin-right: 20px; */
	margin-bottom:10px;
	border: 1px solid #ccc;
/* 	background:#ccc; */
	text-align:right;
	padding: 4px;
	top:0px;
	right:0px;
 	width:auto; 
}
.preisfeld p{margin-bottom:4px;}
.preisfeld .buttons a{margin:0 !important;display:block;}
.preisfeld .buttons a[class]{float:right;}
* html .preisfeld .buttons a{width:inherit;}
/* .preisfeld .button {text-align:center;padding:5px;display:block;margin:2px 0 2px 0;} */

/* .preisfeld a:hover{text-decoration:none;background:#aaa;} */

/*TITELDETAILS*/

.titeldetails{
	line-height:150% !important;
	}

.titeldetails .author,
.titeldetails .author a,
.titeldetails .author a:visited{
	margin:0px;
	font-size:16px;
	color: #048 !important;
	line-height:120%;
	}
.titeldetails .author a:hover{
	text-decoration:none;
	color:#aaa !important;
	}

.titeldetails #bild {
	float:left;
	width:200px;
	border:0px;
	}

.titeldetails .titelbild{
	width:200px;
	}

.titeldetails h1 {
	line-height:120% !important;
	font-size: 24px !important;
	color:#048;
	border:0px;
	}

.titeldetails h1+h1 {
	margin-top:-10px;
	line-height:120% !important;
	font-size: 20px !important;
	border:0px;
	}

.titeldetails .bibliographisches{
	width:300px;
	float:left;
	margin-left:20px;
	}
.titeldetails .bibliographisches p{
	line-height:16px;
	}

.titeldetails .beschreibung{
	padding-right:30px;
	margin-top:20px;
	clear:both;
	}

/*Autoren*/
.authoricon {
	padding:3px;
	width:90px;
	height:130px;
	text-align:center;
	margin-bottom:10px;
	border:0px !important;
}

.authoricon a{
	color:#999;
	text-decoration:none;
}

.authoricon a:hover
{
	background:#eee;
	display:inline-block;
	color:black !important;
}

.authoricon span {
	font-size:10px;
	margin-right:10px;
}

.authoricon img {
	height:130px;
	width:90px;
	border:0px !important;
	margin-bottom:3px;
}

.autorenbild {
	margin: 0 15px 15px 0;
	float:left;
}

/*Rezensionen*/
#comments blockquote{
	background: #eee;
	margin-left:0;
	margin-right:0;
	padding: 10px 10px 10px 30px;
}

/*PAGINATION*/
.pagination {
	text-align:center;
}

.pagination span,
.pagination a {
	padding:3px;
	border: 1px solid #aaa;
	background-color:#ccc;
	text-decoration:none;
	font-size:12px;
}
.pagination a:hover {
	background-color:#aaa;
	color:#000;
}

.pagination .current {
	background: #aaa;
}

.pagination a, 
.pagination a:visited { color: #000; }
.pagination .prev_page {background-image:url('../images/layoutelements/back_bullet.gif') !important;
	background-repeat: no-repeat;
	background-position:left center;
	padding-left:30px;}
.pagination .next_page {
	background-image:url('../images/layoutelements/fwd_bullet.gif') !important;
	background-repeat: no-repeat;
	background-position:right center;
	padding-right:30px;}

/*Tabelle*/
.orderitem{
	vertical-align:middle;
}

#border_top,
#border_center {
	margin-left:auto;
	margin-right:auto;
 	width:980px; 
 	background: url('../images/layoutelements/main_bg.png'); 
}
#headbar{
	width:100%;
	background:#eee;
	position:absolute;
	left:0px;
	height:120px;
	z-index:-10;
}

#main_container {
	background:white;
	z-index:10;
}

/*.btn { position:relative; margin:2px; position: relative; background: #000; padding: 7px; padding-left:30px; color: #fff; text-decoration: none; cursor: pointer; line-height:30px; border: none !important}
.btn * { display: block; font-style: normal;  background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn img{position:absolute;vertical-align:middle;border:none;top:3px;left:3px;}

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #cce; }
.btn.green { background: #ccf; }
.btn.thin { background: #cce; padding: 2px 7px 2px 25px ; }
.btn.thin img{ height:80%;}
.btn:hover { background-color: #668; }
.btn:active { background-color: #000; }

* html .btn { border: 3px double #aaa;}
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.thin { background: #cce; padding: 2px 7px 2px 25px ;}
* html .btn.thin img{ height:15px; width:15px}
* html .btn:hover { border-color: #000; }
* html .btn.cart img{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layoutelements/wk_add.png',sizingMethod='scale');}
* html .btn.no img{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layoutelements/no.png',sizingMethod='scale');}
* html .btn.refresh img{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layoutelements/refresh.png',sizingMethod='scale');}
* html .btn.back img{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layoutelements/back.png',sizingMethod='scale');}
* html .btn.fwd img{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layoutelements/fwd.png',sizingMethod='scale');}

.btn.cart[class] img{background-image:url('/images/layoutelements/wk_add.png');}
.btn.no[class] img{background-image:url('/images/layoutelements/no.png');}
.btn.refresh[class] img{background-image:url('/images/layoutelements/refresh.png');}
.btn.back[class] img{background-image:url('/images/layoutelements/back.png');}
.btn.fwd[class] img{background-image:url('/images/layoutelements/fwd.png');}

.btn.thin img{left:5px;height:15px; width:15px;}*/

.buttons {
/* 	display:inline-block; */
}

.buttons a, .buttons button{
    display:block;

    float:left;
    margin:0 3px 0 0px;
    background-color:#ccf;
    border:0px solid transparent;
    border-top:0px solid transparent;
    border-left:0px solid transparent;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */

		background-image:url('/images/layoutelements/shade.png');

}

.buttons a:hover{
	text-decoration:none;
	background-image:url('/images/layoutelements/shade.png');
		background-position:bottom;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
		display:inline-block;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
.buttons .thin{width:90px;}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
/*     border:1px solid #c2e1ef; */
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
#topsellers .sb-inner,#news .sb-inner  { background:#ddf; }
.titelindex .sb-inner  { background:#eee ; }

.zoomedimage {
border:1px solid black;
background-color: White; color: Black; padding: 5px; position: absolute; visibility: hidden;z-index:10000;width:200px;
top:0px;
left:0px;
}

div.auto_complete {
 width: 350px;
 background: #fff;
 }
 div.auto_complete ul {
 border:1px solid #888;
 margin:0;
 padding:0;
 width:100%;
 list-style-type:none;
 }
 div.auto_complete ul li {
 margin:0;
 padding:3px;
 }
 div.auto_complete ul li.selected {
 background-color: #ffb;
 }
 div.auto_complete ul strong.highlight {
 color: #800;
 margin:0;
 padding:0;
 } 
.zoomedimage img{width:100%;height:auto;}