body { background-color : #FFFFFF; background-image : url(img/bg.png); margin-left : 15px; margin-top : 5px; margin-bottom : 15px; margin-right : 15px; }


hr { color : darkgray; background-color : darkgray; height:1px; border : 0px; }



/* Schriftarten */
p, h4, h5, h6, ul, ol, li, tr, td, th { font-family : "Trebuchet MS", Verdana, Helvetica, Swiss, Arial, sans-serif; }
h1, h2, h3 { font-family : Helvetica, Swiss, Arial, sans-serif; }


/* Schriftfarben */
p, h3, h4, h5, h6, ul, ol, li, tr, td, th { color : darkslategray; }
h1, h2 { color : darkslategray; }


/* Absatzformate */
p, ul, ol, li, tr, th, td { font-style : normal; font-size : 11pt; margin-top : 8pt; }
li { margin-left : -15px; }
.breadcrumb { font-size : 8pt; text-decoration : none; }
.menue { font-size : 12pt; color : #0040A4; font-weight : bold; }
.navi { font-size : 10pt; }

/* Verdana wirkt mit den Serifen für Headlines nicht passend  */
h1 { font-size : 20pt; font-weight : normal; font-style : normal; }
h2 { font-size : 14pt; font-weight : normal; font-style : normal; }
h3 { font-size : 12pt; font-weight : bold;   font-style : normal; }
h4 { font-size : 11pt; font-weight : bold;   font-style : normal; }

/* Wird für Bildunterschriften genutzt  */
h5 { font-size : 9pt; font-weight : normal; font-style : italic; }

/* Wird nur für den Änderungsstand benutzt, soll ruhig unlesbar klein sein  */
h6 { padding-left : 8px; font-size : 7pt; font-weight : normal; font-style : normal; }



/* Hier kommen die Effekte für alle Links her #0040A4; Baumerblau */

a:link    { text-decoration : none; color : #0040A4; font-style : normal; }
a:visited { text-decoration : none; color : #770099; font-style : normal; }
a:hover   { text-decoration : none; color : #000000; font-style : normal; }
a:active  { text-decoration : none; color : #770099; font-style : italic; }

/* Werden wegen der media-Angabe von NS4 nicht beachtet - vermeidet Fähler */

@media all {
a:link    { text-decoration : none; color : #0040A4; font-style : normal; margin : 1px; border-bottom : 1px; border-bottom-style : dotted; }
a:visited { text-decoration : none; color : #770099; font-style : normal; border-bottom : 1px; border-bottom-style : dotted; }
a:hover   { text-decoration : none; color : #000000; font-style : normal; background-color : #FFFF99;  }
a:active  { text-decoration : none; color : #770099; font-style : italic; border-bottom : 1px; border-bottom-style : dashed; }
}

/* Layer für die Positionierung von Inhalten */
#Logo     { position : absolute; z-index : 1; left :  55px; top :  12px; visibility : visible; }
#Titel    { position : absolute; z-index : 1; left : 236px; top :  49px; visibility : visible; }

#Headline { position : absolute; z-index : 3; left : 240px; top :   5px; visibility : visible; }
#Text     { position : absolute; z-index : 3; left : 235px; top : 100px; visibility : visible; width : 525px; }
#Navi     { position : absolute; z-index : 3; left :  40px; top : 100px; visibility : visible; width : 160px; }

/* Rahmen-Klasse */
.rahmen { padding-top : 5px; padding-right : 5px; padding-bottom : 5px; padding-left : 7px;
border-style : solid; border-width : 1px; border-color : darkgray; }