body{
	margin: 0;
	padding: 0;
	color: black;
	background-color: #ccc;
	font-family: Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#container{
	background-color: #ccc;
	color:white;
	width: 80%;
	height: 500px;
}

#picbox{
    
    padding:0;
}
table{
background-color: #ccc;
}
#list{
	
    width:650px;
    height: 125px;
	text-align: left;
	border: 0px solid #000;
	position: absolute;
	left: 50%;
	top: 48%;
	margin-left: -400px;
	margin-top: -270px;
}

ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
li{
	color:#000;
	float:left;
	margin-right: 0px;
	
}
li .a0{
   background-image:url(images/grey150_350.jpg);
   color:#505050;
   display:block;
	width: 148px;
	height: 360px;
}
li a{
    display:block;
	width: 240px;
	height: 360px;
}

 li .a1{
	color:#fff;
	background-color:#ccc;
	text-decoration:none;
	font-weight:bold; 
	font-size: 8pt;
	background-image:  url(images/li_sw.jpg);
	background-repeat:no-repeat;
	
}
 li .a1:hover{
	color:#ffe100;
	background-color:#ccc;
	margin:0;
	background-image: url(images/li_farbe.jpg);
	background-repeat:no-repeat;
}
li .a2{
    color:#fff;
	background-color:#ccc;
	text-decoration:none;
	font-weight:bold;
	font-size: 8pt;
	height:360px;
	width:240px;
	background-image:  url(images/re_sw.jpg);
	background-repeat: no-repeat;
}
li .a2:hover{
   color:#f60;
   background-color:#ccc;
	margin:0;
	background-image: url(images/re_farbe.jpg);
	background-repeat:no-repeat;
}	
#w3c{
   border-top:1px solid #808080;
	text-align: right;
	margin-top:54%;
	margin-right: 8%;
	margin-left:8%;
	padding-top:5px;
	
	
}