/* CSS Document */

/*The cyan box 'horizon' is positioned absolutely 50% from the top of the page, is 100% wide and has a nominal height of 1px. Its overflow is set to 'visible'. 

The red 'content' box is nested inside the 'horizon' box and is 250px wide, 70px high and is positioned absolutely 50% from the left - but has a negative margin that is exactly half of its width, -125px. To get it to centre vertically, it has a negative top position that is exactly half of its height, -35px.

*/


#layer1 {
	position:absolute; 
	padding: 0;
	left:0; 
	top:50%; 
	width:100%; 
	height:1px; 
	overflow: visible;
	z-index: 1;
/*	background: #ff0000;
	vertical-align: middle;
	align: center;*/
}

#layer2 {
	position:absolute; 
	padding: 0;
	left:50%; 
	margin:-443px;
	top:168px;
	width:898px; 
	height:550px; 
	
}

#index {
	position:absolute; 
	padding: 0;
	left:50%; 
	margin:-443px;
	top:168px;
	width:898px; 
	height:550px; 
	background: url(../images/index.jpg) no-repeat;
	
}

#adresse{
	position:absolute; 
	left:50px; 
	top:400px;
	width:187px; 
	height:100px; 
}


#menu_untern{
	position:absolute; 
	left:0px; 
	top:40px;
	width:187px; 
	height:425px; 
}

		ul#navuntern {
			list-style: none;
		}
		ul#navuntern li a:link, ul#navuntern li a:visited {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			color: #e6f7ff;
			text-decoration: none;
			width: 100%;
			padding: 1px 6%;
		}
		ul#navuntern li a:hover {
			width: 100%;
			background-color: #009eaa;
			color: #e6f7ff
		}


#menu_prod{
	position:absolute; 
	padding: 0;
	left:586px; 
	top:215px;
	width:200px; 
	height:425px; 
}
		ul#navmenu1 {
			list-style: none;
			margin: 20% -5% 0 5%;
			padding: 5px;
		}
		ul#navmenu1 li a:link, ul#navmenu1 li a:visited {
			text-align: center;
			color: #e6f7ff;
			font-weight: bold;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		ul#navmenu1 li a:hover {
			width: 100%;
			background-color: #0000FF;
			color: #e6f7ff
		}


		ul#navmenu2 {
			list-style: none;
			margin: -10px -5% 0 5%;
			padding: 5px;
		}
		ul#navmenu2 li a:link, ul#navmenu2 li a:visited {
			color: #e6f7ff;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		ul#navmenu2 li a:hover {
			width: 100%;
			background-color: #00FF33;
			color: #013475
		}

		ul#navmenu3 {
			list-style: none;
			margin: -10px -5% 0 5%;
			padding: 5px;
		}
		ul#navmenu3 li a:link, ul#navmenu3 li a:visited {
			color: #e6f7ff;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		ul#navmenu3 li a:hover {
			width: 100%;
			background-color: #FF0000;
			color: #e6f7ff
		}
		ul#navmenu4 {
			list-style: none;
			margin: -10px -5% 0 5%;
			padding: 5px;
		}
		ul#navmenu4 li a:link, ul#navmenu4 li a:visited {
			color: #e6f7ff;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		}
		ul#navmenu4 li a:hover {
			width: 100%;
			background-color: #FF6600;
			color: #013475
		}
		ul#navmenu5 {
			list-style: none;
			margin: -10px -5% 0 5%;
			padding: 5px;
		}
		ul#navmenu5 li a:link, ul#navmenu5 li a:visited {
			color: #e6f7ff;
			text-align: center;
			font-weight: bold;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		ul#navmenu5 li a:hover {
			width: 100%;
			background-color: #FFFF00;
			color: #013475
		}
		
		ul#navmenu6 {
			list-style: none;
			margin: -10px -5% 0 5%;
			padding: 5px;
		}
	ul#navmenu6 li a:link, ul#navmenu6 li a:visited {
			color: #e6f7ff;
			text-align: center;
			font-weight: bold;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		ul#navmenu6 li a:hover {
			width: 100%;
			background-color: #FF66FF;
			color: #013475
		}

		ul#navmenu7 {
			list-style: none;
			margin: -10px -5% 0 5%;
			padding: 5px;
		}
		ul#navmenu7 li a:link, ul#navmenu7 li a:visited {
			color: #e6f7ff;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		ul#navmenu7 li a:hover {
			width: 100%;
			background-color: #9900CC;
			color: #e6f7ff
		}

		ul#navmenu8 {
			list-style: none;
			margin: -10px -5% 0 5%;
			padding: 5px;
		}
		ul#navmenu8 li a:link, ul#navmenu8 li a:visited {
			color: #e6f7ff;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			width: 100%;
			line-height: 22px;
			padding: 2px 2%;
		}
		ul#navmenu8 li a:hover {
			width: 100%;
			background-color: #999999;
			color: #e6f7ff
		}
		
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #e6f7ff;
	background: #E6F7FF;

}
.hyperlinktxt	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	color:#e6f7ff;
	text-decoration: underline;
}

