/*Stylesheet fuer www.johannstegmayer.com */


body {
background: white;
margin:0px;padding:0px;border:0px;
}

p {
margin:0px;
padding:0px;
}

#background_container{
position:absolute;
bottom:0px;
left:0px;
overflow:hidden;
display: none;
}

#background{
position:fixed;
bottom:0px;
left:0px;
overflow:hidden;
z-index:-1;
display: none;
}


#background img{
bottom:0px; left:00px; width:100%; height:auto; position:fixed; overflow:hidden; z-index:-1; background-repeat: no-repeat;
display: none;
}


#index_bild {
left:30%;
top: 20%;
position: absolute;
font-family: verdana;
font-size: 11pt;
color: black;
font-weight: bold;
}

hr {
  border: 0px;
background-color: silver;
color: silver;
height: 1px;
  }

 #navi {
 position: fixed;
 top:0px;
 left:0px;
 padding:0px;
 width: 100%;
 z-index:4;
 height: auto;
 } 
 
 * html #navi{
 position: absolute;
  top:0px;
 left:0px;
 padding:0px;
 width: 100%;
 height: auto;
 }
  
#navi ul{
top: 0px;
left:0px;
margin:0px;
padding: 0px;
z-index: 4;
position: fixed;
background: white;
width: 100%;
height: 23px;
border-bottom:3px solid grey;
} 

 * html #navi ul{
top: 0px;
left:0px;
margin:0px;
padding: 0px;
z-index: 4;
position: absolute;
background: white;
width: 100%;
height: 23px;
border-bottom:3px solid grey;
 }

#navi ul#navi2 li{
   list-style: none;
   background: white;
   display: inline;
   }

#navi a, #navi a:visited {
text-decoration: none;
font-family: helvetica, verdana, sans serif;
font-size: 9pt;
letter-spacing: 0.08em;
color: grey;
font-weight: bold;
width: auto;
border: 0px solid grey;
padding: 5px;
text-transform: uppercase;
}

#navi a:hover, #navi a:active, #navi a.active:hover {
text-decoration: none;
color: white;
width: auto;
height: auto;
padding: 5px;
background: black;
}

#navi a.active {
color: black;
}



#inhalt {
top: 30px;
left: 50%;
margin-left: -350px;
width: 700px;
position: absolute;
background: ;
padding: 20px;
border-top:0px solid black;
    font-family: verdana, helvetica, sans serif;
font-size: 0.85em;
}

#inhalt p, #inhalt h2{
margin-left: 20px;
}

#inhalt img {
border:1px solid silver;
margin-right: 5px;
}
#inhalt img:hover {
border:1px solid black;
margin-right: 5px;
}

#inhalt img.navilink {
border:none;
}

#inhalt a {
color:black;
}

#inhalt a:hover {
background: white;
color: red;
}



#inhalt .updown a.zurueck {
background: url(images/zurueck.jpg) no-repeat;
display: block;
width: 120px;
height:23px;
margin-bottom:5px;
}

#inhalt .updown a.zurueck:hover {
background: url(images/zurueck_hover.jpg) no-repeat;
}

#inhalt .updown a.vor{
background: url(images/vor.jpg) no-repeat;
display: block;
width: 120px;
height:23px;
margin:0px;}

#inhalt .updown a.vor:hover{
background: url(images/vor_hover.jpg) no-repeat;
}



.section{
    margin:0px;
    height:800px;
    width:700px;
    text-shadow:1px 1px 2px #f0f0f0;
	padding-top:40px;
}

.section h2{
    font-family: verdana, helvetica, sans serif;
	font-size: 1.3em;
    margin:20px 0px 30px 50px;
}

.section p{
    margin:20px 0px 0px 50px;
    width:auto;

}






#dost a{
bottom:4px;
right:3px;
width:116px;
height: 15px;
background: transparent;
position: fixed;
display: block;
border-bottom: 1px solid white;
background: transparent url(images/copyright_stegmayer.gif);
opacity: .6;
}

#dost a:hover{
border-bottom: 1px solid black;
opacity: 1;}

 * html #dost a{
 position: absolute;
 }
 
 #impressum a{
bottom:4px;
right:125px;
width:auto;
height: 15px;
background: transparent;
position: fixed;
display: block;
text-align:right;
border-bottom: 1px solid white;
background: white;
opacity: .6;
text-decoration: none;
font-size: 11px;
font-family: helvetica, verdana, sans serif;
color: black;
}

#impressum a:hover{
border-bottom: 1px solid black;
opacity: 1;}

 * html #dost a{
 position: absolute;
 }

.hide{
display:none;
}


.beschreibung{
color: white;}

.aufzaehlung{
line-height: 1.5;
}