html, body
{
height:100%;
width:100%;
margin:0;
padding:0;
}
body
{
background-image:url("../pics/bg_verlauf.jpg");
background-attachment: fixed;
background-color:#e6007e;
background-position: top center;
background-repeat:repeat-x;
font-family:arial;
font-size:13pt;
color:#000000;
text-align:center;
    margin:0;
    padding: 0;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    }


.zentrieren
{ 
position:absolute;
top:50%; 
left:50%; 
width:800px; 
height:600px; 
margin-left:-400px;
margin-top:-300px;
}
.top
  { float: left; width: 1px; height: 50%; margin-bottom: -12em; }
.container
{
 	margin:0 auto;
	position:relative;
	text-align:left;
	height:600px;
	width:800px;
	clear:left;
}
.box
{
 position:absolute;
 left:-400px;
 top:20px;
}
.logo
{
 position:absolute;
 left:30px;
 top:120px;
}
.name
{
 position:absolute;
 left:380px;
 top:130px;
}
.staub
{
 position:absolute;
 left:-160px;
 top:50px;
} 
 .navi
{
 position:absolute;
 left:100px;
 top:420px;
 font-size:16pt;
 word-spacing:12px;
 font-weight:bold;
 z-index:20;
}
.text
 {
 position:absolute;
 top:500px;
 left:45px;
 width:760px;
 height:720px;
text-align:center;
overflow:auto;
 }
img
{
 border:none;
}
a
{
 color:#ff0dfb;
  text-decoration:none;
}
a:visited
 {
 color:#ab00e8;
  text-decoration:none;
 }
 a:focus
 {
 color:#380cf5;
  text-decoration:none;
 }
 a:hover
 {
 color:#8e8e8e;
 cursor:pointer;
 text-decoration:none;
 }
 strong
 {
 color:#89898f;
 font-weight:bold;
 font-size:13pt;
 }
 a:active
 {
 color:#d2d1d1;
  text-decoration:none;
 } 
  h1
 {
  font-size:16pt;
  color:#ff00ff;
  text-align:center;
 }
  h2
 {
  font-size:14pt;
  color:#515050;
  text-align:center;
 }
  h3
 {
  font-size:9pt;
  color:#515050;
  font-style:italic;
  text-align:center;
 }
 .fuss
 {
  position:relative;
  top:160px;
  left:30px;
  text-align:center;
  z-index:6;
  font-size:13pt;
  font-weight:bold;
 }
 li
 {
 line-height:35pt;
 font-weight:bold;
 }