body {


z-index:2;  
background: white;  

margin-top: 5px;  

}



a.haupt {


top: -15px;  
font: normal 15px arial, sans-serif;

height:  500px; width: 500px;
color:black; 
text-decoration:none; 


border: solid 0px yellow;  



}

a.haupt:hover {

color: red;  




font: normal 15px arial, sans-serif;

height:  500px; width: 500px;

text-decoration:none; 



}




a.haupt:active {

color:blue;  

}




a.haupt span.test {

position:relative; 
top: -15px;  
color: black;  
}

a.haupt:hover span.test {
color:blue;  
}


a.haupt:active span.test {
color:gray;  
}


a.haupt span.test#rep {

position:relative; 
top: -15px;  
color: red;  
}






img {

border: solid 0px red;    
}













span#Ide1, #Ide2, #Ide3, #Ide4, #Ide5, #Ide6, #Ide7, #Ide8, #Ide9, #Ide10, #Ide11, #Ide12, #Ide13, #Ide14, #Ide15, #Ide16, #Ide17, #Ide18 {


font: normal 48px standard, Asimov;  
color:gray;  

position: relative; 
top: 10px;  

}


hr {

position:relative;  
top:0px;  
left: -0px;  
width:620px;  
color:gray;  
}









ul {

position:relative;    
left:0px;  // ist Gesamtliste der buttons
top:-0em;  
display: block;  
//margin:0.72em;  
// geht


}


ul:hover {



}




li {

list-style: none;
padding: 0em;  

position:relative;    
//left:0px;  
// ist untere Liste



font: normal 10px arial, sans-serif;  
//margin-left:5px;  

width: 135px;  
// ist Breite aller buttons wird nur aktiv als unterster Eintrag 


}





li:hover {



}





ul a:hover 
{

display: block;
    border-color: white;
    border-left-color: white; border-top-color: white;
    color:blue ; background-color: white;  

}

ul a:active 
{

display: block;
    border-color: white;
    border-left-color: black; border-top-color: black;
    color:#ccc ; background-color: white;  

}






ul a
{
display: block;  

//padding: 0.1em 0em;
text-decoration: none; font-weight: bold;
border: 0px solid black;
border-left-color: white; border-top-color: white;
    
color:black;
background-color: white;  

position: relative;   
//top:0px;  
// beide Listen  



}

a.haupt span.test#aktuell {


color: red;  

}








div.haupt {


background-image:url(Hintergrund.bmp); background-repeat:no-repeat;
font: normal 14px standard, arial;  


height: 540px;  


float:left;  
border: 0px solid blue;  

position: relative;  
left: 10px;  

margin-right: 20px;  

}




div.oben {

height: 520px;  

border: 0px solid blue;  
border-left: 0px;  

float:left;  
padding: 10px;  
width: 620px;  
background:white;  











  background-image:url(P1000030B.JPG); background-repeat:no-repeat; background-position:right; 

  background-attachment:fixed;  

z-index:1;  

font: normal 18px arial, sans-serif;
font-weight: bold;  

color: black;  

}



























p.eins {

color: black;  

}

p.zwei {

color: blue;  

}








table, tr, td {


background: white;  
padding: 0px 8px 0px 0px;  
border: solid 1px black;  
}










p.schnell {

border: solid 1px blue;  
margin-left: 400px;  
color:black;  
padding: 0px 0px 0px 10px;  
}

p.schnell a {


text-decoration:none;  
color: black;  


}

p.schnell a:hover {


text-decoration:none;  
color: blue;  

}

p.Ueberschrift {


color:red;  
}

li {


margin-left:0px;  

padding: 0px 0px 3px 0px;  

}