/* -- Allgemeines -- */

body {

background: #000000;
padding: 60px 0% 0px 0%;
min-width: 1100px; /* Bei weniger als 1200px Breite soll ein Scrollbalken erscheinen */  
min-height: 600px;
font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
font-family: arial;
font-weight: regular;
} 



/* - main - */

#main h3{
color: #000000;
font-size: 0.7em;
font-family: arial;
}
 


#main {

background: black; 
color: #c60d0d;
text-align: center;
margin: 40px 0px 0px 20px;
font-family: arial;
font-weight: regular;
} 


#main li {

font-size: 0.75em;
display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
border-left: 0px solid #a02031;
font-family: arial;
font-weight: regular;
color: #ffffff;
text-align:left;
line-height: 3.4em;
text-decoration: none;
}


#main li a {
font-family: arial;
color: #c60d0d; 
text-decoration: none;
font-weight: regular;
}


#main li a:hover {
font-family: arial;
color: #666666; 
text-decoration: none;
font-weight: regular;
}



/* - up - */
 

#up { 
 
background:  #000000;
padding: 0.2% 0% 0.2% 1%;  /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
color: #666666; /* Hier deffinieren wir die Farbe des Menüpunktes welcher kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
text-align:center; 
margin-top: 0px;
font-family: arial;}


#up li {
 
font-size: 0.7em;
display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
color: #666666;
border-left: 0px solid #a02031;
padding: 0% 1% 0 1%;
font-weight: regular;
}


#up li a {
 
color: #c60d0d; 
text-decoration: none;
}


#up li a:hover {

color: #666666; 
text-decoration: none;
}



/* - down - */
 

#down { 
 
background:  #000000;
padding: 0.2% 0% 0.2% 1%;  /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
color: #003388; /* Hier deffinieren wir die Farbe des Menüpunktes welcher kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
text-align:center; 
margin-top: 0px;
font-family: arial;}

#down li {
 
font-size: 0.7em;
display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
border-left: 0px solid #a02031;
padding: 0% 1% 0 1%;
font-weight: regular;
color: #000000;

}


#down li a {
 
color: #000000; 
text-decoration: none;
}

#down li a:hover {

color: #666666; 
text-decoration: none;
}