/* Formatvorlagen für das Menü */
/*#sidebar {
	font-family:Arial, Helvetica, Sans-Serif;
	position: relative;
	float: left;
	width: 100%;
	height: 700px;
	background-color: #FFFFFF;
}*/

.menu {
	float: left;
	width: 200px;
	position: relative;
/*	padding-left: 10px;*/
	font-size: medium;
	background-color: #FFFFFF;
}

.menu a {
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: left;
}

.menu a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	background-color: #FFFFFF;

}


.submenu {
	float: left;
	width: 200px;
/*	margin-left: 15px;*/
	background-color: #FFFFFF;
	position: relative;
	font-size: small;
}

.submenu a {
	display: block;
	text-align: left;
	color: #000000;
	text-decoration: none;
}

.submenu a:hover {
	text-decoration: none;
	color: #393939;
	background-color: #C0C0C0;		
}

.auswahl {
	text-decoration: none;
	background-color: #C0C0C0;
	display: block;
	text-align: left;
	font-weight: bold;
	padding:5%;

}

.active {
	color: #808080;
}

.produkte
{
	margin-left: 10%;
	font-weight: normal;
}
.sidemenu
{

	font-weight: bold;
	padding:5%;
}

/* Absoluter Tooltip IE */
.products {
	position: absolute;
	width: 200px;
	z-index: 100;
	margin-left: 5px;
}
  
.products a {
	display: block;
	text-align: left;
	width: 200px;
	text-decoration: none;
	color: black;
	background: #FFFFFF;
}
  
.products a:hover {
	color: #393939;
	width: 200px;
	background: #FFFFFF;
	text-decoration: none;
	background-color: #C0C0C0;		
}

.products a span {display: none;}

.products a:hover span {
	display: block;
	position: absolute;
	left: 200px;
	width: 195px;
	height: 250px;
	color: #f8f8f8;
	background: #666;
	text-align: left;
	text-decoration: none;
	z-index: 100;
	padding-left: 5px;
	padding-top: 5px;
	margin-left: 5px;
}

   /* Absoluter Tooltip FIREFOX */
.productsfire {
  position: absolute; 
  width: 200px; 
  left: 400px;
  z-index: 100;
  }
  
.productsfire a {
	display: block;
	text-align: left;
	width: 200px;
	text-decoration: none;
	color: black;
	background: #FFFFFF;
}
  
.productsfire a:hover {
	color: #393939;
	width: 200px;
	background: #FFFFFF;
	text-decoration: none;
	background-color: #C0C0C0;		

}

.productsfire a span {display: none;}

.productsfire a:hover span{
	display: block;
	position: absolute;
	left: 200px;
	width: 200px;
	height: 250px;
	color: #FFFFFF;
	background: #666;
	text-align: left;
	text-decoration: none;
	z-index: 100;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:5px
}