/* Allgemeine Definition */ 
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}
#center
{
width: 70%;
position: relative;
margin: 0 auto;
}
/* Gesamter Rahmen Definition */
#main {
background-color: #FFFFFF;
width: 100%;
margin: 0;
text-align: left;
}

/* Position, Farben, Schriftgröße, Ausrichtung und Abstände für das Hauptmenü */
#menu1 {
position:absolute;
left:0px;
top:28px;
width:100%;
height:17px;
background-color: #336699;
font-size: 90%;
text-align: right;
padding: 3px 0px 3px 0px;
margin: 0;
}

/* Innen und Aussenabstände beider Menüs auf 0! */ 
#menu1 ul {
padding: 0;
margin: 0px;
}

#menu2 ul {
padding: 0;
margin: 0px;
}

/* Farbe, Ausrichtung der Menüpunkte. Abstände der Menüpunkte werden unter menu1 und menu2 - padding definiert */
#menu1 li {
color: #FFFFFF;
display: inline;
padding: 0;
margin: 0;
}

#menu2 li {
color: #FFFFFF;
display: inline;
padding: 0;
margin: 0;
}

/* Farben, Unterstreichungen und Hintergrundänderung bei mouseover der Links des Hauptmenüs */

#menu1 a:link {
color:#FFFFFF;
text-decoration: none;
}

#menu1 a:visited {
color: #FFFFFF;
text-decoration: none;
}

#menu1 a:hover {
text-decoration: none;
background-color: #2F982F;
}

/* Position, BG-Farbe, Textgröße, Ausrichtung und Abstände zwischen dem Hauptmenü und dem Untermenü */ 

#top {
position:absolute;
left:0px;
top:53px;
width:100%;
height:126px;
background-color: #FFFFFF;
font-size: 90%;
text-align: right;
padding: 0;
margin: 0;
}

/* Ausrichtung und Umfliessung der Fotos zwischen dem Hauptmenü und dem Untermenü */  

#top .left {
width: 60%;
vertical-align: top;
text-align: left;
float:left;
padding: 0;
margin: 0
}

#top .right {
width: 40%;
text-align: right;
float: right
}

/* Seitenabstände des Logos */

.logo {
padding: 12px 0 5px 0;
}

/* Position, BG-Farbe, Schriftgröße, Ausrichtung und Abstände für das Hauptmenü */

#menu2 {
position:absolute;
left:0px;
top:171px;
width:100%;
height:17px;
background-color: #336699;
font-size: 90%;
text-align: right;
padding: 3px 0px 3px 0px;
margin: 0;
}

/* Farben, Unterstreichungen und Hintergrundänderung bei mouseover der Links des Untermenüs */

#menu2 a:link {
color:#FFFFFF;
text-decoration: none;
}

#menu2 a:visited {
color: #FFFFFF;
text-decoration: none;
}

#menu2 a:hover {
text-decoration: none;
background-color: #2F982F;
}

/* Hintergrundfarbe für aktiven Link */

.acti {
background-color: #C10D17;}

/* Position, BG-Farbe, Schriftgröße, Ausrichtung und Abstände für das Inhaltteils */

#inhalt {
position:absolute;
left:20px;
top:210px;
width:95%;
padding: 10px;
float: right;
}

/* Schriftgröße und Farbe der Überschrift h1 */

h1 {
font-size: 110%;
color: #C10D17;
}

/* Schriftgröße Farbe und Abstände der Überschrift h2 */

h2 {
font-size: 100%;
color: #C10D17;
padding: 0;
margin: 0
}

/* Schriftgröße, Schriftgewichtung, Farbe und Abstände der Überschrift h3 */

h3 {
font-size: 90%;
font-weight:normal;
padding: 0;
margin: 0
}

/* Breite, Ausrichtung, Schriftgröße, Schriftfarbe und Abstände des Inhalttexts.
Wenn das Foto wegfallen soll die styles.css kopieren und die Kopie umbenennen.
Im HTMl die Linkbezeichnung zur Datei anpassen und das Foto entfernen.
Im folgenden #inhalt .text - width: 95% angeben.  */

#inhalt .text {
width: 60%;
float: left;
font-size: 90%;
color: #000000;
padding: 0;
margin: 0
}

#inhalt .fototext {
width: 90%;
float: left;
font-size: 70%;
color: #000000;
padding: 0;
margin: 0
}

/* Farben und Unterstreichungen der Links im Inhalt */

.verweis:link {
color: #336699;
text-decoration:none;
}

.verweis:visited {
color: #C10D17;
text-decoration:none;
}
/* Ausrichtung und Seitenabstände des Fotos im Inhalt
Wenn das Foto wegfällt kann #inhalt .foto gelöscht werden */

#inhalt .foto {
float:right;
vertical-align:top;
padding: 0 15px 0 15px
}
/* Ausrichtung Fotos im Inhalt */
.foto2 {
position: absolute;
right:20px;
top:260px;
float:right;
text-align:right;
}
/* Farben und Unterstreichungen der Links Kontakt und Impressum in News */

#news a:link {
color: #000000;
text-decoration:none;
}

#news a:visited {
color: #000000;
text-decoration:none;
}