table.katseite {
	width: 100%;
	margin: 0px;
	border-collapse: collapse;
}

table.katseite  td>div {
	padding: 2px;
	background-color: white; 
	border: 1px #e1e1e0 solid;
}

table.katseite td.links {
	width: 188px; 
	background-color: #e1e1e0;
	position: relative;
	z-index: 10;
}

div#katliste {
	position: relative;
	z-index: 5;
}

td.links  ul {
	list-style: none;
	margin: 0px;
	padding:0px;
}

td.links  ul  li.m {
	background-color: #eaeaea;
	border-top: 1px white solid;
	cursor: pointer;
	position: relative;
	margin: 0px;
	clear: both;
}

li.tok select {

	font-size: 7pt;

}

td.links  ul  li.m:hover {
	background-color: #f4f4f4;
}

li.zue {
	text-align: center;
	height: 15px;
	border: 0px solid black;
	margin-top: 7px;
}

li+li.zue {
	margin-top: 30px;
}

li.zue h2 {
	font-size: 10pt;
}

td.links  ul  li.m>a {
	color: black;
	text-decoration: none;
	height: 23px;
	display: block;
	padding-top: 3px;
	padding-left: 3px;
}

td.links li u {
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: 7px;
	height: 5px;
	background-image: url(../gfx/shop/iconsprite_main.png);
	background-position: -90px -130px;
	display: block;
}

td.links center {
	margin-top: 2px;
	margin-bottom: 4px;
	font-weight: bold;
}

td.links  ul  li.tok{
	background-color: white;
	display: none;
	border: 1px #eaeaea solid;
	border-top: 0px;
}

td.links  ul  li.tok1{
	background-color: white;
	display: block;
	border: 1px #eaeaea solid;
	border-top: 0px;
}

td.links  ul  li.tok img {
	margin: 0px;
}

td.links  ul  li.tok1 img {
	margin: 0px;
}

a.token>img {
	/* border: 2px white solid; */
}

a.token:hover>img {
    border: 2px black solid;
	background-color: black;
}

a.token>div.white {
    width:36px; 
	height:36px; 
	background: url(../gfx/shop/iconsprite.png);
	background-color: white;
}

a.token>div.black{
    width:36px; 
	height:36px; 
	background: url(../gfx/shop/iconsprite.png);
	background-color: black;
}

a.token>div.opak {	
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
}


a.token:hover>div.white {
	background-color: black;
}

a.token {
	position: relative;
	color: black;
	text-decoration: none;
	display: block; 
	width:36px; 
	height:36px; 
	float: left;
}

a.sortierung {
	color: black;
	text-decoration: none;
}

a.sortierung:hover {
	color: #a0a0a0;
}

div.tokenbeschr {
	width: 230px;
	height: auto;
	background-color: white;
	border: 3px #e1e1e0 solid;
	position: absolute;
	bottom: 46px;
	left: 6px;
	display: none;	
	padding: 2px;
}

div.tokenbeschr u.z{
	position: absolute;
	display: block;
	width: 26px;
	height: 15px;
	background-image: url(../gfx/shop/iconsprite_main.png);
	background-position: -160px -30px;
	bottom: -15px;
	left: 6px;
}

a.token:hover div.tokenbeschr {
	display: block;
}

div.nav {
	border-bottom: 1px #e1e1e0 solid; 
	height: 40px; 
	text-align: left;
	clear: both;
}

ul.ala {
	list-style: none; 
	padding: 0px; 
	margin: 0px;
}

li.ala {
	border-bottom: 1px #e1e1e0 solid; 
	position: relative; 
	margin: 0px;
	padding: 0px;
	background-color: white;
}

li.ala font{
	font-size: 16px;
	text-decoration: underline;
	color: blue;
}

li.ala span.red{
	color: red;
}

li.ala form {
	display: inline;
	position: absolute;
	right: 0px;
}

li.ala a.kbw {
	width: 30px;
	height: 30px;
	display: block;
	background-image: url(../gfx/shop/iconsprite_main.png);
	background-position: -190px 0px;
	float: left;
	margin: 0px 2px 0px 2px;
}

a.alamain {
	color: black;
	display: block;
	text-decoration: none;
	cursor: pointer;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	min-height: 125px;
	background-image: url(../gfx/shop/spacer.png);
	background-repeat: repeat;
}

div.ala {

	width: 403px; 
	border: 0px; 
	position: absolute; 
	bottom:5px; 
	left: 171px;

}

div.ala div.jn {
	margin-top: 6px; font-size: 9px; color: black; width: 55px; text-align: left;float: left; padding-top: 11px;
}

div.ala div.jn+div {
	margin-top: 6px; margin-right: 5px; text-align: right; color: blue; width: 210px; float: left; 	clear: none;
}

div.ala div.jn+div span {
	font-size: 16pt;
}

div.ala div.jn+div span+span {
	font-size: 7pt;
}

div.ala i {
	font-size: 7pt;
}

span.ala_bild {
    padding-top: 3px;
	width: auto;
	text-align: left; 
	float:left; 
	width:110px; 
	vertical-align: middle; 
	text-align: center;

}

a.alamain span {
	margin-left: 166px;
}

span.ala_text {

	display: block; 
	margin-top: 2px; 
	margin-left: 166px;
	padding-top: 3px;
	width: auto;
	text-align: left; 

}

li.ala:hover , li.ala:hover div {
	background-color: #eaeaea;
}

span.ala_bild2 {

	text-align: left; 
	float:left; 
	width:110px; 
	vertical-align: middle; 
	text-align: center;
	position:absolute; 
	top:10px; 
	left:1px;	

}

div.attr {

	position: absolute; 
	width: 42px; 
	top: 8px; 
	left: 115px;

}

a.attr {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 1px;
	margin-top: 1px;
	background-image: url(../gfx/shop/iconsprite_20_slim.png);	
	float: left;
}

div.filter {
	border-bottom: 1px #e1e1e0 solid; 
	padding-bottom: 4px;
	text-align: left; 
	background-color: #eaeaea;
	position: relative;
	z-index: 20;
}

div.bn {
	border-bottom: 1px #e1e1e0 solid; 
	height: 20px; 
	text-align: center;
}

div.filter td , div.leider td{
	vertical-align: middle;
}

div.filter table {
	padding: 0px; 
	margin: 0px; 
	border-collapse: collapse; 	
}

div.filter ul {
	margin: 4px 0px 8px 0px;
	padding: 2px;
	list-style: none;
}

div.filter li {
	display: inline;
	margin-left: 10px;
	background-color: white;
	padding: 4px;
	border: 1px #e1e1e0 solid;
	position: relative;
}

div.filter li img.pd {
	position: absolute;
	bottom: 3px;
	right: 1px;
	margin: 0px;
}

div.filter li  div{
	display: none;
	position: absolute;
	left: -1px;
	top: 24px;
	border: 1px #e1e1e0 solid;
	border-top: 0px;
	z-index: 20;
	width: 100%;
	text-align: left;
	background-color: white;
}

div.filter li:hover  div{
	display: block;
}

div.filter li  div a{
	margin-left: 4px;
	display: block;
}

div.leider {
	padding: 3px;
}


div.opak {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
}


div.ues {
	text-align: center;
	padding: 7px;
	border-bottom: 1px #e1e1e0 solid;
}

div.ues  a{
	font-size: 8pt;
}

div.mainbox {
	border-bottom: 0px;
	padding: 0px;
}

div.mainbox>div {
	background-color: white;
	border-bottom: 1px #e1e1e0 solid;
	padding: 10px;
	padding-top: 20px;
}

div.mainbox h1+a {
	font-size: 7pt;
}

div.mainbox img.ber {
	float: left;
	margin-right: 8px;
	width: 70px;
	height: 96px;
}

span.leihpakete {
	margin: 5px;
	margin-left: 2px;
	margin-right: 2px;
	width: 645px;
	display: block;
	position: relative;

}


a.leihpaket {
	display: block;
	text-decoration: none;
	color: black;
	width: 204px; 
	height: 123px;
	border: 1px #e1e1e1 solid; 
	text-align: left; 
	padding: 3px;
	margin: 1px;
	float: left;
	position: relative;
}

div.leihpaket span {

	color: blue;
	font-size: 16pt;

}

div.lp_preis {

	position: absolute;
	bottom: 5px;

}

#leihpakete_mehr {

	display: none;

}

#leihpakete_mehr_link {

	cursor: pointer;
	color: blue;
	font-style: underlined;

}

a.preisaktion_hinweis {

	position: absolute;
	top: 10px;
	left: 162px;
	
}