body { background-color: #f5f2e6; margin: 0; padding: 0
  }


#container { position:relative; margin: 10px 0 0 30px; padding: 0; width: 480px; background-color: transparent  }

#header { position: relative; padding: 0; margin:  0; width: 480px; height: 240px; overflow:hidden; }

#content { display: block; padding: 0; margin: 20px 0 0; width: 433px; }



.image { padding: 0; margin: 0; width: 433px; text-align: left; }
#footer { position: relative;           /* Needed for Safari */
margin: 20px 0 0; padding: 0; height:20px; width: 433px; }



/*  Standard-Farben  */
.farbe { color: #0088cc  }
.farbehell { color: #66bbee  }
.farbehellhell { color: #cceeff  }
.farbe2 { color: #cc0066  }
.farbe2hell { color: #ee66aa  }
.farbe2hellhell { color: #ffccee  }
.schwarz { color: #000000  }
.grau { color: #666666  }
.grauhell { color: #dddddd  }
.weiss { color: #ffffff  }
.bgfarbe { background-color: #0088cc  }
.bgfarbehell { background-color: #66bbee  }
.bgfarbehellhell { background-color: #cceeff  }
.bgfarbe2 { background-color: #cc0066  }
.bgfarbe2hell { background-color: #ee66aa  }
.bgfarbe2hellhell { background-color: #ffccee  }
.bgschwarz { background-color: #000000  }
.bggrau { background-color: #666666  }
.bggrauhell { background-color: #dddddd  }
.bgweiss { background-color: #ffffff  }
/* -----   Allgemeine Formatierungen--------*/
/* Abst 0nde aller Elemente auf Null setzen + weitere Formatierungen */
html,  body,  div,  p,  h1,  h2,  h3,  h4,  ul,  ol,  span,  a,  table,  td,  form,  img,  li { font-family: Trebuchet, Tahoma, Arial, Helvetica, sans-serif, Verdana, Geneva; margin: 0; padding: 0; }
/* Allgemeine Formatierungen */
html,  body { font-size: 90%  }
h1 { font-size: 100%; font-weight: normal; color: #000000; }
h2 { font-size: 100%; font-weight: normal; color: #000000; }
h3 { font-size: 100%; font-weight: normal; color: #000000; }
h4 { font-size: 100%; font-weight: normal; color: #000000; }
h5 { font-size: 100%; font-weight: normal; color: #000000; }
p,  ul,  th,  td,  li { font-size:100%; color: #666666; }
a:link { color: #0088cc; text-decoration: underline  }
a:visited { color: #0088cc; text-decoration: underline  }
a:hover { color: #666666; text-decoration: none  }
a:active { color: #0088cc; text-decoration: underline  }
.c { text-align: center }
.l { text-align: left }
.r { text-align: right }
form input { font-size: 1em; font-weight: bold; color: #0088cc  }
form td { background-color: #dddddd; padding:4px  }
form td td { background-color: #dddddd; padding:0  }
/* Content */
h1 { margin-top:0; margin-bottom: 0.3em; line-height: 1.3em; }
h2 { margin-top:1em; margin-bottom: 0.3em; line-height: 1.3em; }
h3 { margin-top:1em; margin-bottom: 0.3em; line-height: 1.3em; }
h4 { margin-top:0.7em; margin-bottom: 0.3em; line-height: 1.3em; }
p,  th,  td,  li { line-height: 1.3em; }
p { margin-top:0.7em; }
li { margin-top:0.2em; }
ul { list-style-type: disc; border: none; margin: 0.5em; padding-left: 1.3em  }
ul ul { list-style-type: circle; }
.image img { border: solid 0 #000000  }
.text img { float:left; display: inline; position: relative; margin:  0 15px 6px 0; }
.clearing { height: 0; clear:both; }


.headerlink { font-weight: bold; display: block; width: 433px; height: 240px; margin: 0; padding:0; 
              background: url(logo_240.gif) no-repeat 0 0; }
.headerlink ul, .headerlink ul li { margin:0;padding:0;}
.headerlink a { display: block; position: absolute; font-size: 11px; width:   100px; height: 240px; text-decoration: none; padding: 0; background-position: 22px 75px; background-image:  url(headerlink-pfeil.gif); background-repeat: no-repeat; background-color: transparent; visibility: visible; overflow: hidden; z-index: 50; }
.headerlink a span { visibility: hidden; }
.headerlink a:hover { width:   46px !important; width:   46px; height: 240px !important; height: 240px; padding: 173px 0 0 54px; z-index: 51; background-position: 24px 75px; background-image:  url(headerlink-pfeil_o.gif); background-repeat: no-repeat; background-color: transparent; }
.headerlink a:hover span { visibility: visible; }
.infotitel { font-weight: bold; color: #666666; }



/* unbenutzt*/
.infotext { font-weight: normal; color: #666; }
#info { left:   0; top:  0; }
#_1 { left:  83px; top:  0; }
#_2 { left: 155px; top:  0; }
#_3 { left: 222px; top:  0; }
#_4 { left: 370px; top:  0; }
/* ----- More mit Pfeil -------- */
.more a { font-weight: bold; font-size:100%; margin:20px 0 0; padding: 0; border: none; display:block; text-decoration: none; list-style: none; background-color: transparent; }
.more a:link,  .more a:visited { color: #0088cc; }
.more a:hover { color: #666666; }
/* ----- More mit Pfeil 
.more a  { 
font-weight: bold; font-size:100%;
margin:1.5em 0 1.5em 0; padding: 0 0 0 20px; border: none; display:block; height:30px;
text-decoration: none; list-style: none; background-color: transparent; 
 }     
.more a:link, .more a:visited
{ color: #0088cc; background: url(img/more.gif) no-repeat 0 -2px; }
.more a:hover
{ color: #666666; background: url(img/more_o.gif) no-repeat 1px -3px; }   -------- */
/*  Nav Footer */
#footer ul { position: relative; left: 0; width: 480px; margin: 0; padding: -3px 0 0; display: block; list-style-type: none; text-align: left; }
* html #footer ul { margin-top:3px; }
#footer li { margin:0; padding: 0; font-size:11px; display: inline; }
#footer li a { margin:2px 0 0; padding: 0 5px; text-decoration: none; border-left: 1px solid #666666; }
#footer a:link,  #footer a:visited { color: #666666; }
#footer a:hover { color: #0088cc }