/*
  Author:   Michael Daum
  Company:  webdaum webdesign
  Web Site: www.webdaum.de
  Email:    webdesign@webdaum.de
  Comments: www.ediconnect.de - KAPS GmbH Unternehmensberatung
  Update:   30-Dez-2004 01:42 PM
*/
body {
 font-family:Verdana,Arial,Helvetica,SunSans-Regular,sans-serif;
 background-color:#fff;
 margin:20px;
}

td {
 font-size:8pt;
}

th {
 font-size:9pt;
}

ul {
 margin-top:5px;
 margin-bottom:5px;
}

li {
 list-style-image:url(../images/bullets/rechteck_gelbgrau.gif);
 list-style-position:top;
 padding-left:20px;
 margin:4px 0 6px 0;
}

img { border:0; }
.hellstgrau { background-color:#ebebe5; }
.grauverlauf {
 background-image:url(../images/verlauf_grau2.gif);
 background-repeat:repeat-y;
 background-color:#ebebe5; 
}
.hellgrauverlauf {
 background-image:url(../images/verlauf_grau1.gif);
 background-repeat:repeat-y;
 background-color:#ccb; 
}
.home { color:#366; }
#kopf td { vertical-align:bottom }
#kopf .verlauf { width:200px; }
#kopf h2, #kopf h5 { margin-bottom:0; }
#kopf h2 {
 font-size:8pt;
 color:#acaa9c;
 float:left;
 margin-left:10px;
}
#kopf h5 a:link, #kopf h5 a:visited { font-size:9px; } /* Link auf KAPS */
#inhalt {
 padding:20px 45px 40px 0;
 vertical-align:top;
}
#hhi {
 background-image:url(../images/hintergrund.gif);
}
.hhi td {
 color:#bbb;
 font-size:8pt;
 width:130px;
 font-family:Verdana,sans-serif;
}
.hhi b {
 font-size:8pt;
}
.graustrich {
 background-image:url(../images/graustrich.gif);
 background-repeat:repeat-x;
}
.verlauf {
 background-image:url(../images/verlauf_weiss_hellstgrau.gif);
 background-repeat:repeat-y;
 width:100%;
 background-position:center;
}
/*  Body Links */
a:link, a:visited, a:active { 
 font-family: Verdana,Arial,SunSans-Regular,sans-serif;
 font-weight:bold;
 color:#666;
 text-decoration:underline;
 font-size:6.5pt;
}
a:active, a:hover { 
 color:#699;
 text-decoration:underline;
}
#active {
 background-color:#fff;
}
/* Schaltflächen für drucken, emailen, Text vergroessern */

#schaltflaechen a:link img, #schaltflaechen a:visited img {
 background-color:#ccb;
}
#schaltflaechen a:hover {
 background-image:url(../images/schaltflaechen/button_aktiv.gif);
 background-repeat:no-repeat;
}
 {
 background-color:#e5e5cc;
}
/* xxxxxxxxxxxxxxx Navigationsmenue linke Seite xxxxxxxxxxxxxxxxxxxxx*/
#menu {
 vertical-align:top;
 height:100%;
 width:135px; 
 font-family:Verdana,sans-serif;
 font-size:6.6pt;
 padding-bottom:30px;
}
#menu hr {
 color:#999;
 background-color:#ccc;
 width:80%;
 margin-bottom:2px;
}
/*Links */
#menu p, #menu h5 {
 margin:1px 0 2px 0;
 width:100%; 
}
/*#menu h5 a.menu:link, #menu h5 a.menu:visited {
 color:#fff;
 background-color:#acaa9c;  
 font-size:6.6pt;
} jetzt unter h5 weiter unten*/
a.menu { 
 padding:1px 10px 1px 10px;
 font-size:6.6pt;
 background-repeat:no-repeat;
 text-align:left;
 width:135px;  /* Breite der Menueleiste links hier einstellen (firefox!) */
}
a.menu:link, a.menu:visited { 
 font-family:Verdana,SunSans-Regular,Arial,sans-serif;
 font-weight:normal;
 font-size:6.6pt;
 color:#333;
 display:block;
 text-decoration:none;
}
a.menu:active, a.menu:hover, #menu_active, #menu h5 a.menu:hover {  
 text-decoration:none;
 font-size:6.6pt;
 background-color:#fff;
 color:#000;
}
#menu_active {
 background-repeat:no-repeat;
 background-image:url(../images/bullets/rechteck.gif);
 background-position:0 4px;
}
/* xxxxxxxxxxxxxxxxxxxxxx Submenu Links xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
a.submenu {
 margin-left:20px; 
 text-align:left;
 padding:2px 0 3px 15px;
 font-weight:normal;
}
a.submenu:link, a.submenu:visited {
 font-family:Verdana,SunSans-Regular,Arial,sans-serif;
 text-decoration:none;
 display:block; 
 color:#666;
 font-size:6.6pt;
 background-color:#fff;
 font-weight:normal;
}
a.submenu:active, #submenu_active {
 background-image: url(../images/bullets/rechteck_gelbgrau.gif);
 background-position:5px 0;
 background-repeat:no-repeat;
}
a.submenu:hover { 
 color:#699;
 text-decoration:underline;
}

/* Textauszeichnung */
p, b, li, span, h1, h1 small , h2, h3, h4, h5{
 font-family:Verdana,Arial,SunSans-Regular,sans-serif;
}
hr {
 color:#999;
 background-color:#999;
}
q {
 font-family:Arial,Verdana,SunSans-Regular,sans-serif;
 letter-spacing:2px;
}

small,  small a:link, small a:visited, small a:active, small a:hover {
 font-size:7pt;
 font-weight:normal;
 font-family:Arial,Verdana,SunSans-Regular,sans-serif;
}
body, p, span, li, b, i, q, input, legend, a:link, a:visited, a:active {
 font-size:8pt;
}
#inhalt p {
 margin:7px 0 7px 0;
 text-align:left;
}
b {
 color:#366;
}
.fett {
 font-weight:bold;
}
/* Dynamischer Text */
#bildtext1 {
 padding:1px 5px;
 display:block;
 background-color:#acaa9c;
 color:#fff;
}
#mehrText {
 display:block;
 height:65px;
 padding-left:20px
}
/*  Überschriften*/
h1 {
 padding-top:10px;
}
h1, .h1 {
 background-image:url(../images/bullets/welle.gif);
 background-repeat:no-repeat;
 background-position:0 0;
 font-size:7pt;
 font-weight:bold;
 color:#366;
 letter-spacing:2px;
}
h1 img { margin-right:30px; }
h1 small {
 letter-spacing:0;
 font-weight:bold; 
}

h1, big  {
 margin:10px 0 5px 0;
 font-weight:bold;
 color:#366;
}
h2  {
 margin:20px 0 4px 0;
 font-size:8.6pt;
 font-weight:medium;
 color:#366;
}
h3 {
 margin:20px 0 4px 0;
 font-size:8.2pt;
 font-weight: medium;
 color:#699;
}
h4 {
 margin:10px 0 4px 0;
 font-size:8pt;
 color:#666
}
h5, #menu h5 a.menu:link, #menu h5 a.menu:visited {
 font-size:6.5pt;
 color:#666;
 font-weight:bold;
 padding-left:0;
}
h5 #menu_active {
 background-image:none;
}

#menu h6 { /* h6 Boxen */
 padding:3px 4px;
 border:1px solid #999;
 background-color:#ccc;
}

/* Graue Infoboxen -  Rechte Spalte */
#rechtstab {
 padding-top:10px;
 vertical-align:top;
 width:146px;
}
#rechtstab h3 {
 margin-top:5px;
 background-color:#999;
 color:#fff;
 padding-left:5px
}
#rechtstab h4, #rechtstab h1 {
 margin-top:5px;
 margin-bottom:0;
}
#rechtstab a:link, #rechtstab a:visited {
 display:block;
 background-image:url(../images/bullets/pfeil.gif);
 background-repeat:no-repeat;
 background-position:0 2px;
 padding-left:15px;
}
.hellstgrau h3  { /* Überschrift rechte Spalte */
 text-align:center;
}
.hellstgrau_box, .grau_box { /* Beide Boxen */
 font-family:Verdana,SunSans-Regular,Arial,sans-serif;
 font-size:6.5pt;
 border:1px solid #bbb;
 color:#666;
 padding:5px 0 10px 5px; 
}
.hellstgrau_box, .grau_box { /* Obere Box */
 background-color:#ebebe5;
 margin-bottom:10px;
}
.grau_box { /* Untere Box */
 background-color:#eee;
}
.grau_box img { margin:0 0 10px 10px; }
.grau_box hr, .hellstgrau_box hr { color:#ccc; }

