@charset "utf-8";
/* CSS Document */

body
	{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #505367;
	background-color: #D6D6D6;
	background-image: url(images/backgroundpic.jpg);
	}
	
	#container
	{
	margin: 30px auto;
	width: 842px;
	text-align: left;
	}
	
	#header
	{
	height: 181px;
	background-image: url(images/bgTOP.png);
	}
	
	#mainnav
	{
	height: 30px;
	background-image: url(images/bgMAIN.png);
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	}

	#contents	
	{
	background-image: url(images/bgMAIN.png);
	padding: 15px 15px 15px 20px;
	float: left;
	text-align: left;
	}
	
	#footer	
	{
	clear: both;
	height: 165px;
	background-image: url(images/bgBOTTOM.png);
	margin-left: 1px;
	}
	p.small
	{
	font-size:9px;
	margin:0 0;
	padding: 0 0;
	}
	#contents.produkte p
	{
	padding:0;
	margin:0;
	}
	a:link
	{
	color:#00CC00;
	}
	a:visited
	{
	color:#006600;
	}
	.indexL{
	float:left;
	}
	.indexR{
	float:right;
	}
	.noborder{
	border:none;
	}
	img{
	border:none;
	}
	
	.info{
    position:relative; /*this is the key*/
	top:60px\9; left:220px\9;
    z-index:24;
    color:#000;
    text-decoration:none;
	}
	.info:hover{z-index:25; background-color:#ff0}
	.info span{display: none}
	.info:hover span{ /*the span will display just on :hover state*/
	z-index:1000;
	font-size:small;
	display:block;
	position:absolute;
	top:10px; left:560px; width:15em;
	top:-40px\9;
	left:10px\9;
	background-color:#3DD110; color:#fff;
	text-align: center;
	padding:5px 5px;
	}
	
	#werbung {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	top:0;
	left:0;
	display:block;
	height:125px;
	position:fixed;
	text-align:right;
	width:100%;
	z-index:999;
	margin:0;
	padding:0;
	}