html, body
{
  color:#000;
  background:#FFF;
  font-size:100.01%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin:0;
  padding-top:0;
  font-size:11px;
  text-align:center;  /* Zentrierung im Internet Explorer */
}

#page
{
  text-align:left;  /* Seiteninhalt wieder links ausrichten */
  margin:0 auto;    /* standardkonforme horizontale Zentrierung */
  padding:0;
}

.main       { padding:3px; border:1px solid #DDD; }
.sub        { padding:15px 3px 3px 3px; border:1px solid #DDD; }
.vergleich  { display:none; }
a:link      { color:#22A; text-decoration:underline }
a:visited   { color:#999; text-decoration:underline; outline: none }
a:focus     { color:#999; text-decoration:underline; outline: none }
a:hover     { color:#999; text-decoration:underline }
a:active    { color:#999; text-decoration:underline }
img         { border:0; }
.pfeil      { width:9px; height:8px; border:0px; }

a.preis     { text-decoration:underline }

a.bild, a.trend
{
  position:relative;
  z-index:2;
  text-decoration:none;
}

a.bild:hover, a.trend:hover
{
  z-index:3;
}

a.bild span, a.trend span
{
  display:none;
}

a.bild:hover span
{
  display:block;
  position:absolute;
  top:-50px;
  left:-500px;
  padding:5px;
  border:1px solid black;
  background-color:#FFF;
}

a.trend:hover span
{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-570px;
  padding:5px;
  border:1px solid black;
  background-color:#FFF;
}

tr:hover.usb
{
  background-color:#CCFCCC;
}

tr:hover.filter, td:hover.filter
{
	background-color:#EEE;
}

table#optionen, table#infos
{
  position:absolute;
  border-collapse: collapse;
}

table#optionen td, table#infos td
{
	padding:2px;
}

a.weniger        		{ display: block; float: left; height: 15px; text-decoration:none; margin-top:0px; margin-bottom: 0; padding:0; width: 16px; background-image:url(/bilder/wenigermehr.png); background-position: 0 0; margin-left:20px; margin-right:-1px; }
a.mehr          		{ display: block; float: left; height: 15px; text-decoration:none; margin-top:0px; margin-bottom: 0; padding:0; width: 18px; background-image:url(/bilder/wenigermehr.png); background-position: -18px 0; margin-left:-18px; }
a:hover.weniger  		{ background-position: 0 -15px; }
a:hover.mehr    		{ background-position: -18px -15px; }
select.wenigermehr	{ font-size: 10px; height:15px; margin:0; padding:0; vertical-align: top; float:left; }