body{
background-color: gray;
color: #aaaaff;
text-align:center;
}

}
p.first {
background-color: blue;
}
p.first:hover{
background-color: yellow;
}
p.second {
background-color: red;
}
p.third { 
background: purple;
color: white;
}

#inhalt{
position: relative;
width: 970px;
margin-left: auto;
margin-right:auto;
padding: 0px;
}

/*Gästebuch*/

#book{
background-color: #00AA00;
border-left: 1px solid yellow;
border-top: 1px solid yellow;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding-left: 10px;
overflow:hidden;
}
#book2{
padding-right: 30px;
padding-top: 10px;
}

/*navigation*/
#navigation{
text-align:left;
font-family: arial;
position: absolute;
left: 0px;
top: 100px;
width:150px;
min-height: 500px;
margin: 0px;
padding-top: 10px;
background-color: yellow;
}

#navigation ul {
width:140px;
list-style: none;
margin: 0px;
margin-left: 10px;
float: none;
padding: 0px;
font-weight: bold;
}

#navigation ul li{
background: green;
border-top: 4px solid yellow;
color: yellow;
}

.active {
display: block;
background-color: #00AA00;
}

.passive {
display: none;
}

#navigation ul ul{
width:140px;
margin-left: 0px;
float: none;
padding: 0px;
font-weight: normal;
}

#navigation ul ul li{
border-left: 9px solid yellow;
background: green;
border-top: 4px solid yellow;
color: yellow;
}


#navigation a{
display: block;
padding: 5px 10px 5px;
margin: 0px;
color: yellow;
text-decoration: none;
}

#navigation li:hover{
background-color: #00AA00;
}


#map{
width: 100%;
height: 400px; 
}

#osm {
width: 100%;
text-align: right;
background-color: none;
font-size: 0.7em;
font-style: italic;
}

#test{
padding: 30px;
position: absolute;
top: 100px;
left: 200px;
width: 700px;
min-height: 450px;
margin: 0px;
background-color: green;
text-align: justify;
border-bottom: 30px solid gray;
}

#test a{
color: #aaaaff;
}
.right{
float: right;
padding-left: 20px;
}

.byellow{
background-color: green;
color: yellow;
border-color: yellow;
border: solid 1px;
padding-bottom: 3px;
}

#test2{
position: absolute;
background-color: gray;
/* for IE */
 filter:alpha(opacity=60);
 /* CSS3 standard */
 opacity:0.6;
top: 0px;
left:0px;
margin: 0px;
padding: 0px;
width: 100%;
height:1200px;
z-index:1;
}
#login{
position: absolute;
top: 220px;
left: 35%;
width: 300px;
height: 180px;
background-color: black;
/* for IE */
 filter:alpha(opacity=100);
/* CSS3 standard */
 opacity:1;
z-index:1;
}
#login table{
margin: auto;
margin-top: 50px;
}