/* font-size ist nur bei body nicht relativ definiert */
/* Abhängiges: margin-left bei Haupt / Breide der linken Spalte ist zeichenabhängig */
/* Größe für das Hoch-Zeichen */
/* nur bei Kopflinks den Abstand nach oben definieren */
body  {
    font-size:12px; color:#000080; background-color:#FFFFCC;
    margin:0; border:0; padding:0;
}
h1  {
    font-size:2.3em; font-weight:bold;
}
h2  {
    font-size:1.5em; font-weight:bold;
}
h3, h4  {
    font-size:1.5em; font-weight:normal; text-decoration:underline; 
}
table {
   font-size:1em; width:800px;
}
tr {
   font-size:1em;
}
td {
   font-size:1em;
}
input {
   font-size:1em; font-family:monospace; 
}
textarea {
   font-size:1em; font-family:monospace; 
}
.view {
   color:#000000; background-color:#C0C0C0; font-famaly:sans-serif; text-decoration:none; text-align:center;
   border-top:2p solid #FFFFFF;    border-right:1px solid #000000;    border-bottom:1px solid #000000;    border-left:2px solid #FFFFFF;
   padding: 2px 8px 2px 8px; 
}
a:link  {
    color:#008000; background-color:transparent;
}
a:visited  {
    color:#800080; background-color:transparent;
}
a:hover  {
    color:#FF00FF; background-color:transparent;
}
a:active  {
    color:#FF00FF; background-color:transparent;
}
a:active  {
    color:#FF0000; background-color:transparent;
}
a img  {
    border:0;
}
pre, code  {
    color:#000000; background-color:transparent; font-size:1.0em;
}
acronym  {
    border-bottom:1px dotted #900000; cursor:help;
}
strong  {
    font-weight:bold;
}
cite  {
    font-style:oblique; letter-spacing:1px;
}
ul  {
    margin-left:30px;  margin-top:5px; list-style: cjk-ideographic outside;
}
li  {
    padding:0px 0px 0px 0px; margin-top:2px;
}

/* ----------------- KOPF ------------------ */

#kopf  {
    font-size:3.6em; width:100%; height:96px; color:#800000; background-color:#FF9933; 
}
#kopflinks  {
    float:left; text-align:left; padding:20px 30px 0px 20px; font-weight:bold;
}
#kopflinksweiter  {
    font-size:0.64em; 
}
#kopfrechts  {
    float:right; text-align:right; padding:32px 30px 0px 20px; font-size:0.64em; 
    font-weight:bold;
}
#kopf a  {
    color:#800000; background-color:transparent; text-decoration:none;
}


/* ----------------- MITTE ----------------- */

#mitte  {
    position:relative; top:10px; left:0px; width:100%; 
}


/* --------------- NAVIGATION -------------- */

#menu  {
    position:absolute; top:0px; left:0px; width:185px; margin-top:12px;
    border:3px solid #008000; 
}
#menu .navtop  {
    padding: 5px 0px 2px 8px;
    background-color:transparent; font-size:1.5em; font-weight:bold; 
}
#menu .navkopf  {
    padding:5px 0px 2px 12px;
    background-color:transparent; font-size:1.5em; font-weight:bold; 
}
#menu .navitems  {
    padding-left:28px; font-size:1.0em; line-height:16px; 
}
#menu .impressum  {
    padding:5px 0px 2px 12px;
    color:#008000; background-color:transparent; font-size:1.2em; font-weight:bold; 
}
#menu a {
    color:#008000; background-color:transparent; text-decoration:none;
}
#menu a.ausserhalb {
    color:#0000FF; background-color:transparent; text-decoration:none;
}
#menu a:hover  {
    color:#FF00FF; background-color:transparent; text-decoration:underline;
}
#menu a:active  {
   color:#FF00FF; background-color:transparent; text-decoration:underline;
}
#menu .impressum a {
    color:#008000; background-color:transparent; 
}
#menu .suche {
  text-align:left; font-size:0.84em; line-height:1.8em; padding:0px 0px 0px 12px;
  color:#008000; background-color:transparent;
}
#menu .suche p  {
  margin:0
}
#menu .quer  {
  padding:5px 0px 5px 0px; 
}
#menu .inarbeit  {
    color:#C0C0C0;
}


/* ---------------- INHALT ---------------- */

#haupt  { 
    margin-left:200px; margin-right:10px; padding-bottom:20px; 
}
#haupt p  {
    padding-left:20px; padding-right:30px; font-size:1.0em; line-height:20px;
}
#haupt p a  {
    color:#008000; background-color:transparent; text-decoration:underline;
}
#haupt p a:hover  {
    color:#FF00FF; background-color:transparent; text-decoration:underline;
}
#haupt p ausserhalb  {
    color:#0000FF; background-color:transparent; text-decoration:underline;
}
#haupt a {
    color:#008000; background-color:transparent; text-decoration:none;
}
#haupt a.buh {
  color:#FF00FF; text-decoration:line-through;
}
#haupt a.ex {
    color:#0000FF; background-color:transparent; text-decoration:none;
}
#haupt a.ma {
    color:#800080; background-color:transparent; text-decoration:none;
}
#haupt a:hover  {
    color:#FF00FF; background-color:transparent; text-decoration:underline;
}
#haupt a:active  {
   color:#FF00FF; background-color:transparent; text-decoration:underline;
}
.#haupt pre  {
    padding-left:3%;
}
#haupt h1  {
    padding-left:20px; padding-top:10px;
}
#haupt h1.sub  {
    padding-left:20px; padding-top:20px; border-top:solid lightgrey 1px;
    line-height:1.6em; padding-bottom:2px;
}
#haupt h2  {
    padding-left:20px; padding-top:10px;
}
#haupt h3, h4  {
    padding-left:20px; padding-top:5px;
}
#newsform {
    position:relative;  left:30px;
}

/* ---------------- LISTE ---------------- */

#list  { 
    margin-left:200px; margin-right:10px; padding-top:10px; 
}
#list .listh1  {
    font-size:1.3em; font-weight:bold;  padding-top:5px; 
}
#list .listh2  {
    font-size:1.3em; font-weight:normal; padding-top:3px; 
}
#list .listh3  {
    font-size:1.0em; font-weight:bold; 
}
#list .it {
    font-size:1.0em; font-weight:normal; 
}
#list .inarbeit  {
    color:#C0C0C0;
}


/* ----------------- FUSS ----------------- */

#fuss  {
    position:relative; top:5px; left:0px; height:200px;
    color:#000080; background-color:#FFFF88; font-size:0.9em; 
}
#fussmail  {
    position:absolute; line-height:2em; left:150px; margin-top:5px; 
}
#fussmail a.mail  {
    color:#FF0000; background-color:transparent; text-decoration:underline;
}
#fussmail a.fussurl  {
    color:#000080; background-color:transparent; text-decoration:underline;
}
#fussmail a:hover  {
    color:#FF00FF; background-color:#000080;
}
#cssbtn  {
    position:absolute; top:10px; left:20px; 
}
#xhtmlbtn  {
    position:absolute; top:50px; left:20px; padding-bottom:10px;
}

/* ---------------- BANNER ---------------- */
#banner    {
   float:right; vertical-align:top;
}

/* ---------------- KLASSEN --------------- */
.up  {
    margin-top:10px; padding-right:8%; text-align:right; font-size:3em;
}
.pic  {
    padding-left:20px;
}
.picrechts  {
    float:right; padding:10px 35px 10px 20px;
}
.picrechts5  {
    float:right; padding:5px 35px 5px 8px;
}
.picrechts0  {
    float:right; padding:8px;
}
.piclinks  {
    float:left; margin:15px 20px auto 20px;
}
.piclinks5  {
    float:left; margin:5px 8px auto 12px;
}
.piclinks0  {
    float:left; padding:5px 10px 5px 3px;
}
.boxes  {
    float:left; margin:8px 20px 20px 20px;
}
.abstand  {
    padding-top:20px;
}
.extern {
   color:#0000FF;
}
.hli {
  font-family:inherit; display:inline;  margin-right:10px; line-style:inherit; text-align:justify;
}
.hitref {
  line-style-image:none; font-family:monospace;
}
.nichts {
    color:#FFFFCC;
}
.extern {
    color:#000000;
}
.picto {
    max-width:75px; float:right; text-align:center, border:1px solid #C0C0C0
}
li.picto {
    float:none;
}
img.picto {
    float:left;
}