/* CSS startseite index.html */

* {
margin: 0;
padding: 0;
}
body {
	font: 100.01% Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 20px auto 20px auto;
	width: 761px;
	text-align: center;
}
#content {
background: url(../start-images/titelbild_mai07.jpg) no-repeat right top;
height: 580px;
position: relative;
}
#signet {
position: absolute;
width: 200px;
top: 0;
right: 0;
}

h1,
p.text {
position:absolute;
height:1px;
width:1px;
overflow:hidden;
}

#navigation ul {
list-style: none;
text-align: left;
margin: 0;
}
#navigation ul li a {
text-decoration: none;
}
#navigation ul li a span {
visibility: hidden;
}

#navigation ul li a span.home { /* Shop-Eingang rechte Spalte */
visibility: visible;
font-size: 0.68em;
/*color: #857560; Standardfarbe */
color: #000000;
padding-right: 8px;
background: url(../start-images/pfeil.gif) no-repeat center right;
}
#navigation ul li a:hover span.home { /* Shop-Eingang rechte Spalte */
text-decoration: underline;
}
li a.shop { /* Herzlich Willkommen rechte Spalte */
position: absolute;
width: 186px;
height: 85px;
top: 90px;
right: 10px;
/*color: #BEA88A;  beige */
color: #C90000; /*dunkelrot */
font-size: 1.22em;
text-align:right;
line-height: 1em;
}

li a.women {
position: absolute;
width: 167px;
height: 167px;
top: 0;
left: 0;
background: url(../start-images/women.gif) no-repeat -167px 0;
}
li a:hover.women {
background: url(../start-images/women.gif) no-repeat 0 0;
}
li a.men {
position: absolute;
width: 167px;
height: 167px;
top: 0;
left: 187px;
background: url(../start-images/men.gif) no-repeat -167px 0;
}
li a:hover.men {
background: url(../start-images/men.gif) no-repeat 0 0;
}
li a.essentials {
position: absolute;
width: 167px;
height: 167px;
top: 0;
left: 374px;
background: url(../start-images/comforts.gif) no-repeat -167px 0;
}
li a:hover.essentials {
background: url(../start-images/comforts.gif) no-repeat 0 0;
}
li a.structure {
position: absolute;
width: 167px;
height: 167px;
top: 187px;
left: 0px;
background: url(../start-images/structure.gif) no-repeat -167px 0;
}
li a:hover.structure {
background: url(../start-images/structure.gif) no-repeat 0 0;
}
li a.care {
position: absolute;
width: 167px;
height: 167px;
top: 187px;
left: 187px;
background: url(../start-images/care.gif) no-repeat -167px 0;
}
li a:hover.care {
background: url(../start-images/care.gif) no-repeat 0 0;
}
li a.brainfood {
position: absolute;
width: 167px;
height: 167px;
top: 187px;
left: 374px;
background: url(../start-images/brainfood.gif) no-repeat -167px 0;
}
li a:hover.brainfood {
background: url(../start-images/brainfood.gif) no-repeat 0 0;
}
li a.comforts {
position: absolute;
width: 167px;
height: 167px;
top: 373px;
left: 0px;
background: url(../start-images/ambience.gif) no-repeat -167px 0;
}
li a:hover.comforts {
background: url(../start-images/ambience.gif) no-repeat 0 0;
}
li a.gifts {
position: absolute;
width: 167px;
height: 167px;
top: 373px;
left: 187px;
background: url(../start-images/gifts.gif) no-repeat -167px 0;
}
li a:hover.gifts {
background: url(../start-images/gifts.gif) no-repeat 0 0;
}
li a.art {
position: absolute;
width: 167px;
height: 167px;
top: 373px;
left: 374px;
background: url(../start-images/art.gif) no-repeat -167px 0;
}
li a:hover.art {
background: url(../start-images/art.gif) no-repeat 0 0;
}

#footer {
position: absolute;
top: 560px;
left: 0;
text-align: left;
color: #857560;
font-size: 0.70em;
}
#footer a {
color: #857560;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#sound {
position: absolute;
top: 560px;
right: 0;
}