#box {

position: fixed;

padding: 0.4em; 

border: none; 

background: none; 

height: 150px; 

width: 132px; 

left: 9px; 

top: 9px; 

} 



#cont {

position: absolute;

padding: 0.1em; 

border: none; 

background: url(none); 

height: 100%; 

width: 80%; 

left: 200px; 

top: 2px; 

; font-family: Arial, Helvetica, sans-serif

} 



#pics {

position: static;

text-align: center;

line-height: 1.5;

padding: 0.1em; 

border: none; 

background: none; 

height: 100%; 

width: 100%; 

; font-family: Arial, Helvetica, sans-serif



} 



A.menulink {

display: block;

width: 150px;

text-align: left;

text-decoration: none;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color: #000000;

border: solid 1px #cccccc;

}



#menutitle {

display: block;

width: 150px;

text-align: center;

text-decoration: none;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color: #000000;

background-color:#eeeeee;

border: solid 1px #888888;

}



.counter {

display: block;

width: 150px;

text-align: center;

text-decoration: none;

font-family:arial;

font-size:12px;

color: #000000;

background-color:#eeeeee;

border: solid 1px #888888;

}



A.menulink:hover {

border: solid 1px #336699;

background-color:#f0f9ff;

; font-family: Arial, Helvetica, sans-serif

}



body,table,td,tr,div,p,pre,ul 

{font-family: "Trebuchet MS", Arial, 

  Helvetica, sans-serif;} body,td,div,p,pre,ul {font-size: 14px;} 





h2 {font-size: 18px;text-align: center;} 

h3 {font-size: 16px;text-align: center;} 

.small {font-size: 12px;} 

.mini { font-size: 11px;} 

.minimini {font-size: 10px;} 

a { font-size: 14px; 

  text-decoration: none; font-weight : bold;} 

a:link {color:#1DA410} a:visited 

  { color:#257338} 

a:active {color:#CDD32E} 

a:hover{color: #00FF00} 

 

body {

  

  color: #333;

  font-family: 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;

  margin: 0;

  padding: 0;

  }

  h1 {

  font-size: 40px;

  text-align: center;

  margin: 0.3em 0.5em;

; text-decoration: none

  }

address, p {

  margin: 0.5em 0.25em;

  }

  address, div, p, ul {

  /* für NN 4.x zusätzlich nötig! */

  font-family: 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;

  }

  body ,div, ul {

  /* für NN 4.x */

  font-size: 80%;

  /* für die anderen Browser - vor NN 4.x verstecken */

  /*/*/font-size: 100%; /* */

  }

#spalte {

  width: 14em;

  height: 20em;

  background: #ccc;

  color: #333;

  padding: 10px;

  margin: 0;

  }

/* ab hier wird's interessant */

/* Abstände zunächst ausschalten */

  li {

  margin-top: 0;

  margin-bottom: 0;

  }

  ul {

  margin-top: 0;

  margin-bottom: 0;

  }

/* Ankerelemente (Links) mit Pseudoklassen versehen -

  Reihenfolge beachten wegen Spezifität! */

  a:link {

  background: transparent;

  color: #00f;

  }

  a:visited {

  background: transparent;

  color: #808;

  }

  a:hover, a:focus, a:active {

  background: transparent;

  color: #f00;

  }

/* die Box für die Links:

  border (ausser unten), automatische Breite,

  kein padding,

  kleiner margin oben/unten,

  grosser rechts und links */

  #linkbox {

  border-top: 1px solid #f7f7f7;

  border-right: 1px solid #f7f7f7;

  border-left: 1px solid #f7f7f7;

  width: auto;

  padding: 0;

  margin: 7px 25px 7px 25px;

  background: #666;

  color: #f7f7f7;

  }

  /* das Listenelement ohne Listen-Style

  innerhalb der Box (als Kontextselektor):

  kein padding, kein margin, keine border */

  #linkbox ul {

  list-style: none;

  margin: 0;

  padding: 0;

  border: none;

  }

  /* das Aufzählungselement als Blockelement

  innerhalb der Box (als Kontextselektor):

  kein margin */

  #linkbox li {

  display: block;

  margin: 0;

  }

  /* das Ankerelement

dieser Selektor ist wichtig für die "guten" Browser :)

innerhalb des Aufzählungselements,

  innerhalb der Box,

  innerhalb des BODY-Elements

  (als Kindselektor innerhalb des HTML-Elements),

  automatische Breite

  */

  body #linkbox li a {

  width: auto;

  }

  /* das Ankerelement

diesmal für die "dümmeren" Browser ;))

als Blockelement,

  Breite über ganzen Block,

  kein margin,

  kleines padding oben/unten,

  grosses rechts und links,

  border diesmal unten,

  kein Unterstrich

  */

  #linkbox li a, #linkbox li a:link {

  display: block;

  width: 100%;

  background: #666;

  color: #ff0;

  padding: 3px 10px 3px 10px;

  border-bottom: 1px solid #f7f7f7;

  text-decoration: none;

  }

  #linkbox li a:visited {

  background: #666;

  color: #fc6;

  border-bottom: 1px solid #f7f7f7;

  }

  #linkbox li a:hover, #linkbox li a:focus, #linkbox li a:active {

  background: #f7f7f7;

  color: #333;

  border-bottom: 1px solid #f7f7f7;

  }

.h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}











.tbl {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; text-transform: none; text-decoration: none; word-spacing: normal; color: #000000; letter-spacing: normal; text-align: center; left: auto; }

.h5 {  font-family: Arial, Helvetica, sans-serif;; font-size: 24px}

h1 { font-family: Arial, Helvetica, sans-serif; } h2 { font-family: Arial, Helvetica, sans-serif; } h3 { font-family: Arial, Helvetica, sans-serif; } .durch {  text-decoration: line-through}

.lined {  font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: line-through}

.blink {  text-decoration: blink; font-family: Arial, Helvetica, sans-serif; font-style: normal}