body {
	font-family: Arial, Helvetica, sans-serif;
	width: 950px;
	height: 713px;
	margin-left: auto;
	margin-right: auto;
	
	padding: 0px;
	
	font-size: large;
	background-color: #ffffff;
	}
	
.whole-content {
   
    position: relative;
	top: 5%;
	/*
	top: 50%;
	margin-top: - 275px;
	*/
	
	padding: 0px;
	
	width: 950px;
	height: 713px;
	/* ab 25.9. wieder diesen Text rein!!!! 
	background-image:  url(../bilder/startseite02.jpg); */
	background-image:  url(../bilder/startseite02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	z-index:2; 
   }
   

/**********************************************************************************
* NAVIGATION - oben 
***********************************************************************************/
.quermenueoben ul {
    position: absolute;
	top: 135px;
	left: 50px;
    padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*
	text-align: left;
	*/
}

.quermenueoben ul li {
    float: left;
    position: relative;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 4px;
	padding-right: 5px;
	
	/*
	display: inline;
	*/
	width: auto;
	 /*
	line-height: 1em;
	*/
}
.quermenueoben ul li a {

	padding-top: 0;
	padding-right: .3em;
	padding-bottom: 0;
	padding-left: .3em;
	margin: 0; 
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	/*
	text-transform: lowercase;
	*/
}
.quermenueoben ul li a:link {
	color: #ffffff;
}
.quermenueoben ul li a:visited {
	color: #ffffff;
}
.quermenueoben ul li a:hover {
	color:#000000;

}
.quermenueoben ul li a.current {
/*
    border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	*/
	color:#000000;

}


/**********************************************************************************
* NAVIGATION - vertikal
***********************************************************************************/
.navigation {
    position: relative;
	margin: inherit;
	
	
	
	padding-left: 0px;
	padding-top: 150px;
	padding-right: 2px;
	/*
	margin-left: 25px;
	margin-top: 0px;
	margin-right: 2px;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: xx-small;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	
	float: left;
	
	z-index: 2;
}
.navigation li {
	height: auto;
	list-style-type: none;
	list-style-position: outside;
}
.navigation li a {
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	line-height: 32px;
}   
.navigation li a:link {
	margin-left: inherit;
	text-decoration: none;
	color: #000000;
}
.navigation li a:visited {
	margin-left: inherit;
	text-decoration: none;
	color: #000000;
}
.navigation li a:hover {
	margin-left: inherit;
    text-decoration: none;
	color: #fff200;
} 
.navigation li a.current {
    margin-left: inherit;
    text-decoration: none;
	color:#fff200;
	/*
	line-height: 50px;
	*/
}
/*********************************************************************************
* Inhaltsbereich - Text und ein bis zwei Fotos...
**********************************************************************************/
.inhalt {
    position: absolute;
	top: 175px;
	left: 80px;
	width: 500px;
	height: 496px;
	overflow-x: hidden;
	overflow-y: scroll;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
	font-size: medium;
	font-weight: normal; 
	color: #000000;
	margin-right: 5px; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 0px;
	text-align: justify;
	
	z-index: 1;
	display: none;
	/*
	clear: both;
	*/
}
.produktinhalt {
    position: relative;
	top: 117px;
	left: 25px;
	width: 530px;
	height: 403px;
	overflow-x: hidden;
	overflow-y: scroll;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
	font-size: xx-small;
	font-weight: normal; 
	color: #000000; 
	margin: 0px;
	padding: 0px;
	
	z-index: 6;
	/*
	clear: both;
	*/
}

.produktfoto {
   width: 460px;
   height: 360px;
   margin-left: 20px;
   }
.produktfototitel {
   text-align: center;
   }
.spalte-links {
    position: absolute;
	top: 0px;
	left: 0px;
    width: 250px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	}
.ueberschrift {
   font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
	font-weight: normal; 
	color: #000000; 
   font-size: small;
   }	
.kleines-foto-links {
    position: absolute;
	top: 212px;
    width: 250px;
	height: 174px;
	margin: 0px;
	padding: 0px;
	/*
	border: 1px solid #000000;
	*/
	}	

p.motto {
    text-align: center;
	font-weight: bold;
}	
p.fehlermeldung {
    color: #fff200;
	font-weight: bold;
	}
img.dateibild {
   vertical-align: middle;
   }
   
a.verfuegbar {
/*
   text-decoration: none;
   color: #000000;
   */
   }
.grosses-foto-rechts {
   position: absolute;
   left: 260px;
   top: 0px;
/*
    float: right;
	*/
	width: 250px;
	height: 386px;
	margin: 0px;
	padding: 0px;
	/*
	border: 1px solid #000000;
	*/
}	
/*******************************************************************************
* 
*******************************************************************************/
.fotorechts {
	position: absolute;
	top: 156px;
	left: 782px;
	width: 120px;

	}
/*******************************************************************
* NAVIGATION UNTEN 
*********************************************************************/
.quermenueunten {
  display: none;
  }
  /*******************************************************************
* NAVIGATION UNTEN 2
*********************************************************************/
.quermenueunten2 {
  display: none;
  }