/* -- 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: lighter;
} 




/* - main - */



#main {

font-size: 0.8em;
background: black; 
color: #ffffff;
text-align: center;
margin: 40px 0px 0px 20px;
font-family: arial;
font-weight: lighter;

} 


#main p {

color: #aaaaaa;
font-size: 0.8em;
font-family: arial;
text-align: justify;
margin: 0px 0px 0px 0px;
font-weight: lighter;
line-height: 1.9em;
letter-spacing:0.15em;

} 
 


#main h2 {

color: #888888;
font-size: 2.8 em;
font-family: arial;
text-align: left;
margin: 0px 0px 0px 0px;
font-weight: lighter;
line-height: 1.0em;
letter-spacing:0.08em;

} 
 


#main h1 {

color: #888888;
font-size: 1.0em;
font-family: arial;
text-align: left;
margin: 0px 0px 0px 0px;
font-weight: lighter;
line-height: 2.0em;
letter-spacing:0.08em;

} 



#main  a {

font-size: 0.9em;
font-family: arial;
color: #555555; 
text-align: left;
text-decoration: none;
font-weight: lighter;

}



#main  a:hover {

font-size: 0.9em;
font-family: arial;
color: #888888; 
text-align: left;
text-decoration: none;
font-weight: lighter;

}




/* - up - */
 

#up { 
 
background:  #000000;
padding: 0.2% 0% 0% 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;
font-weight: lighter;
}




/* - up2 - */


#up2 { 
 
background:  #000000;
padding: 0% 0% 0.2% 1%;  /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
color: #333333; /* 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;
font-weight: lighter;
}



#up2 li {
 
font-size: 0.75em;
line-height: 0.8em;
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: #555555;
border-left: 0px solid #a02031;
padding: 0% 2% 0 1%;
font-weight: lighter;

}



#up2 li a {
 
color: #888888; 
text-decoration: none;

}



#up2 li a:hover {

color: #555555; 
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: #555555; /* 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: lighter;
color: #000000;

}