body 
{
background-color:#999977;
background-image: url('higru-grau.jpg');


width:100%;

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
 text-align:center;
 margin:0px;
}



h1 {font-size:18px;color:#000000;margin-bottom:0px;}

h2 {font-size:13px;color:#e1f0df;background-color:#554455;padding:3px;}

h3 {font-size:15px;color:#990000;}



p {text-align:justify;}


#menu1 {

height:17px;
background-image: url('bilder/gold-kurz.gif');
background-color:#559977;
text-align:center;
padding:3px 0px;
font-family:tahoma;
font-weight:bold;
}

a.menu1:link, a.menu1:visited
{ 
padding:3px;
color:#000;
text-decoration:none;
font-weight:bold;
background-color:#0000;
}

a.menu1:active, a.menu1:hover
{ 
padding:3px;
color:#0099bb;

}






#index
{
background-color:#ffffcc; 
width:94%;font-size:12px;margin-left:15px;padding:3px;
}



code {font-size:14px;color:#0000ff;}
pre
{
 font-size:14px;
 color:#0000ff;
 padding:5px;
}


a:link
{ 
text-decoration:underline;
color:#0000ff;
}


a:visited, a:active, 
{ 

text-decoration:underline;
  
font-weight:normal;
  color:#999999;
  
}

a:hover
{ 
text-decoration:underline;
  color:#ff00aa;
}


a.menu:link, a.menu:visited
{ 
color:#224433;
 background-color:#edffff;
 

<!-- dieser Background ändert die Standard Hintergrundfarbe der menüs -->
 text-decoration:none;

}



a.menu:active, a.menu:hover
{ 

text-decoration:underline;

<!-- dieser Background ändert die FeldFarbe beim drüberfahren -->
}


a.menu {
 display:block;
 padding:3px;
 
 border-top:1px solid #fff;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 
 background-color:#aaaaaa; 
 text-align:left;
 font-family:tahoma;
 font-size:11px;
 
 color:#1e951e;
 text-decoration:none;
 font-weight:normal;
 }


#title {
height:50px;
padding:1px;
border-bottom:1px solid #000;
}









.menutitle{
background-color:#aaa;
margin:0px;
padding:4px;
height:15px;
font-size:11px;
color:#000;

<!-- diese color-anweisung ändert die Schriftfarbe des Menütitels -->
padding:0px;
text-align:center;
font-weight:bold;
text-align:left;

border-left:1px solid #000;
border-right:1px solid #000;

}


.menucontainer {
border-top:1px solid #000;
border-bottom:1px solid #000;
color:#ffff00;
<!-- dieser Background ändert die Farbe des Menütitels -->

text-align:left;
margin:1px 1px;
width:98%;

}





.titel{
color:#ffff00;
<!-- diese color-anweisung ändert die Schriftfarbe des Menütitels -->
font-weight:bold;
text-align:center;
margin:2px;
}


.titelcontainer {
border:1px solid #000;
color:#ffff00;
background-color:#ff0000;
<!-- dieser Background ändert die Farbe des Menütitels -->

width:130px;
margin:5px 2px;
}


.leer {
font-family:arial;
font-size:12px;
border:1px solid #2d5627;

background-color:#eaf5e8;


width:95%;
margin:0px 1px;
padding:0px 2px;

}



.leer_hoch {
font-family:arial;
font-size:12px;
border:1px solid #000;
background:url(bilder/gold-hoch.gif);
background-color:#aecedb;
<!-- dieser Background ändert die Farbe des Menütitels -->

width:130px;
margin:0px 1px;
padding:0px 2px;

}


#haupt-body {


width:930px;margin:0px auto;text-align:left;background-color:#cccccc;border:1px solid #000000;
}



#obere-leiste {

height:22px;
padding:0px;
background-color:#fff;
margin:0px auto;text-align:left;

}



#untere-leiste {


height:25px;
padding:0px;
background-color:#554455;
margin:0px auto;text-align:center;

}




#left {
margin-top:1px;
background-color:transparent;
width:160px;
float:left;

}


#right {
margin-top:1px;
background-color:transparent;
width:160px;
float:right;

}


#kopf
{

background:url("bilder/bg-1.gif");

height:100px;margin:0px auto;
text-align:center;
background-color:#000000;
border:1px solid #000000;



}







.block
{
border:1px solid #008800;
text-align:justify;
font-size:11px;
background-color:#ffffdd;
padding:5px;
margin-left:10px;
margin-top:5px;
width:560px
}




#content {

background-color:#fafafa;
width:590px;
float:left;
margin-left:0px;
margin-right:0px;
margin-top:1px;
padding:0px 7px;

}