html { 
  padding:0px;
  margin:0px;
}

body { background-color: #ccc; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#333; line-height: 11pt; background-image: url(../bilder/hinten75.jpg); text-align:left; margin:0; padding:0; }


p { color: #333; }
pre, h1 {  }
h1 { font-family: Century Gothic; color: #066; font-size: 18px ; line-height: 24px; }
h2 { font-family: Century Gothic; color: #066; font-size: 14px }
h3 { font-size: 12px}

a { color: #066; font-weight: bold; background-color:transparent; text-decoration: none  ; left: -1pt; }
ul { margin: 1em 0 1em 0px; list-style-type: disc; cursor: auto; }
a:hover { color: #000000; background-color: #ffd700 ; }
__a:active { color: #696969; text-decoration: underline }


___a { color: #066; font-weight: bold; background-color:transparent; text-decoration: none  ; }
___ul { margin: 1em 0 1em 15px; list-style-type: disc; list-style-image: url(../bilder/goldarrow.gif); cursor: auto; }
___a:hover { color: #000000; background-color: #ffd700 ; border-left: 3pt solid #066; }
___a:active { color: #696969; text-decoration: underline }
 
pre { 
color: #333;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monospace;
}
#bildbox { width:870px; margin: 0 auto; padding:0; text-align:left; height: 90px; }
#box { width:870px; margin: 0 auto; padding:0; text-align:left; }
#links { background-color: white; background-image: url(../bilder/hinten75.jpg); width:280px; height: 300px; padding:0; float:left; margin: 2pt; }
#links p { color: #333; font-weight: normal; }
#links a { font-weight: bold; }
#inhalt { background-color: white; background-image: url(../bilder/hinten75.jpg); width:280px; height: 300px; padding:0; float:left; margin: 2pt; }
#inhalt p { font-weight: normal ; }
#inhalt a { font-weight: bold; }
#rechts { background-color: white; background-image: url(../bilder/hinten75.jpg); width:280px; height: 300px; padding:0; float:left; overflow: auto; margin: 2pt; }
#rechts p { font-weight: normal; }
#rechts a { font-weight: bold; }
#kopf { background-color:transparent; width: 100%; height: 10px; margin-bottom: 12pt; }

#kopf h1 { color: #eaeaea; font-size: 18pt; line-height: 24pt; text-align: left; background-color: #066; margin:0
   }
#kopf h2 { color: white; font-size: 10pt; text-align: left; background-color: #066; margin:0
  }
#kopf h3 { color: white; font-size: 8pt; text-align: left; background-color: #066; padding:5px; margin:0
  }

#kopf p {
padding:10px;
margin:0px;
}

#footer { background-color: #066; width: 870px; margin-bottom: 12pt; }
#footer a { color: white; }

.linksimg { float: left; margin: 15px 90px 0 0; border-style: none; }
.rechtsimg { border: none; float: right; margin: 15px 0 0 90px; }
img.class { width: auto; height: 80pt; margin: 10pt 2pt 2pt; border-color: #066; }
a:hover img.class { border-color: #ffd700; }