/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family: "normal 11px", Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(Bilder/linie2.gif);
}

body {
margin-top: 15px;
}

img {
border: 0;
}

#wrapper {
 position: relative;
 text-align: left;
 width: 760px;
 height: 100%;
 margin-right: auto;
 margin-left: auto;
 margin-top: 0px;
 padding: 0 0 0 0;
}

#wrapper h1 {
	font-family: Tahoma, Verdana;     /* für Suchmaschinen lesbar, aber nicht sichtbar, deshalb !!! */
	color: Silver;
	font-size: 12px;
}

#teaser {
	position: absolute;
	top: 105px;
}

#logo {
	margin-left: 175px;
	padding: 20px 0 0 0;
}

#navigation {
	padding-left: 12px;
	padding-bottom: 10px;
	padding-right: 0;
	padding-top: 24px;
	float: right;
	color: #999;
	font: normal bold 14px sans-serif;
	line-height: 12px;
	font-size: 70%;
}


#navigation a:link, a {
	font: normal bold 12px sans-serif;
    color: #999999;
    text-decoration: none;
}
#navigation a:visited {
	color: #999999;
	text-decoration: none;
}
#navigation a:hover, a:focus, a:active{
   text-decoration: underline;
}



	
#aktuelles {
}


p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* Beginn CSS Produktnavigation Startseite */

#morpheus a {
	position: absolute;
	display:block;
	width:89px;
	padding: 80px 0 10px 0;
	font: normal 70%/1 sans-serif;
	text-align: right;
	background: url(Bilder/morpheus_home.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #CCCCCC;
	margin: 1em 0;
	left: 0px;
	top: 320px;
	height: 30px;
    }
	#morpheus a:hover {	
		background-position: 0 0;
		color: #333333;
		}
	#morpheus a:active {
		background-position: 0 0;
		color:#333333;
}

#anesidora a {
	position: absolute;
	display:block;
	width:95px;
	padding:80px 0 10px 0;
	font: normal 70%/1 sans-serif;
	text-align: right;
	background: url(Bilder/anesidora_home.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #CCCCCC;
	margin: 1em 0;
	left: 110px;
	top: 320px;
	height: 30px;
    }
	#anesidora a:hover {	
		background-position: 0 0;
		color: #333333;
		}
	#anesidora a:active {
		background-position: 0 0;
		color:#333333;
}



#selene a {
	position: absolute;
	display:block;
	width:95px;
	padding:80px 0 10px 19px;
	font: normal 70%/1 sans-serif;
	text-align: right;
	background: url(Bilder/selene_home.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #CCCCCC;
	margin: 1em 0;
	left: 213px;
	top: 320px;
	height: 30px;
    }
	#selene a:hover {	
		background-position: 0 0;
		color: #333333;
		}
	#selene a:active {
		background-position: 0 0;
		color:#333333;
}

#eirene a {
	position: absolute;
	display:block;
	width:105px;
	padding:80px 0 10px 12px;
	font: normal 70%/1 sans-serif;
	text-align: right;
	background: url(Bilder/eirene_home.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #CCCCCC;
	margin: 1em 0;
	left: 337px;
	top: 320px;
	height: 30px;
    }
	#eirene a:hover {	
		background-position: 0 0;
		color: #333333;
		}
	#eirene a:active {
		background-position: 0 0;
		color:#333333;
}

#gaia a {
	position: absolute;
	display:block;
	width:102px;
	padding:80px 0 10px 12px;
	font: normal 70%/1 sans-serif;
	text-align: right;
	background: url(Bilder/gaia_home.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #CCCCCC;
	margin: 1em 0;
	left: 482px;
	top: 320px;
	height: 30px;
    }
	#gaia a:hover {	
		background-position: 0 0;
		color: #333333;
		}
	#gaia a:active {
		background-position: 0 0;
		color:#333333;
}

#helios a {
	position: absolute;
	display:block;
	width:116px;
	padding:80px 0 10px 12px;
	font: normal 70%/1 sans-serif;
	text-align: right;
	background: url(Bilder/helios_home.jpg) 0 0 no-repeat;
	text-decoration: none;
	color: #CCCCCC;
	margin: 1em 0;
	left: 620px;
	top: 320px;
	height: 30px;
    }
	#helios a:hover {	
		background-position: 0 0;
		color: #333333;
		}
	#helios a:active {
		background-position: 0 0;
		color:#333333;
}

/* Ende CSS Produktnavigation Startseite */