/*    CSS-Datei Kant-Homepage, Berlin-Spandau
      zuletzt geändert am 26.02.2011 6.781 Bytes */

/* ---------------- Seitenbasics ---------------- */

html  {
      height: 101%;          /* erzwingt vertikalen Scrollbalken */
      }

body  {
      background-image: url(../images/bg04.jpg);
      font-family: 'trebuchet ms', verdana, arial, sans-serif;
      margin-top: 20px;
      margin-bottom: 10px;
      }

th,td,p,li {
      font-family: 'trebuchet ms', verdana, arial, sans-serif;
      font-size: 0.85em;
      }

table {
      width: 100%;
      border: none;
      }

/* ---------------- Kopf-Tabelle ----------------- */

.kopf {
      width: 852px;
      margin: auto;
      margin-bottom: 1.5px;
      border: 1px solid #FBAA07;
      }

tr.hd  {
      height: 20px;
      text-align: left;
      line-height: 1.1em;
      }

td.home {
      width: 127px;
      height: 80px;
      border: none;
      padding: 0;
      }

.kpf  {
      background-image: url(../fotos/kgotxt2.gif);
      background-repeat: no-repeat;
      background-color: white;
      width: 725px;
      border: none;
      }

.emp  {
      width: 127px;
      border: none;
      background-color: #FBAA07;
      }

.sco  {
      width: 95px;
      padding-left: 15px;
      border: none;
      background-color: #FF6600;
      }

.acu  {
      width: 110px;
      border: none;
      background-color: #FF6600;
      }

.tmn  {
      width: 105px;
      border: none;
      background-color: #FF6600;
      }

.fbr  {
      width: 210px;
      border: none;
      background-color: #FF6600;
      }

.kon  {
      width: 200px;
      border: none;
      background-color: #FF6600;
      text-align: right;
      padding-right: 40px;
      }

a.knav {
     font-family: 'trebuchet ms', arial, verdana, sans-serif;
     font-size: 1em;
     font-weight: bold;
     color: white;
     text-decoration: none;
     }

a.knav:hover {
     font-size: 1em;
     color: #FFCC00;
     }

td.kn {
     background-color:#FF6600;
     background-image: none;
     border: none;
     }

.knv {
     height: 15px;
     background-color: #FBAA07;
     background-image: none;
     text-align: left;
     border: none;
     }

img.kpic {
     border: none;
     vertical-align: bottom;
     height: 80px;
     width: 128px;
     }

/* ---------------- class-Kürzel ---------------- */

.b    { font-weight: bold}
.fvn  { font-variant: normal}
.i    { font-style: italic}
.lno  { list-style: none}
.tc   { text-align: center}
.tj   { text-align: justify}
.tl   { text-align: left}
.tr   { text-align: right}
.u    { text-decoration: underline}
.vab  { vertical-align: bottom}
.vat  { vertical-align: top}
.em8  { font-size: 0.8em}

/* ---------------- Rahmen ---------------- */

#rahmen {
      border: #FBAA07 solid 1px;
      background-color: #FFFFFF;
      padding: 25px 40px;
      margin: auto;
      text-align: justify;
      width: 770px;
      }

#rahmenlos {
      border: none;
      background-color: #FFFFFF;
      padding: 25px 40px;
      margin: auto;
      text-align: justify;
      width: 772px;
      }

#rahmen-klein {
      padding: 25px;
      margin: auto;
      text-align: justify;
      width: 180px;
      }

/* ---------------- Text- & Listen-Elemente ---------------- */

p.ins  {
      margin-left: 15px;
      }

h1    {
      font-size: 1.5em;
      letter-spacing: 1px;
      }

h2    {
      font-size: 1.35em;
      letter-spacing: 1px;
      }

h3    {
      font-size: 1.2em;
      letter-spacing: 1px;
      }

h4    {
      font-size: 1.1em;
      }

hr    {
      color: #FFCC00;
      }

.trenn {
      padding-top:10px;
      margin-top:10px;
      }

/* ------------ url & copy --------------*/

#url  {
      color: #808080;
      font-size: 0.7em;
      font-family: verdana, arial;
      border-top: black solid 1px;
      padding-top: 10px;
      text-align: center;
      margin-top: 30px;
      }

.grau  {
      color: #808080;
      font-size: 0.75em;
      font-family: verdana, arial;
      vertical-align:top;
      }

.klein  {
      color: #808080;
      font-size: 0.7em;
      font-family: verdana, arial;
      vertical-align:top;
      }

/* ----------- Navigation & Links -------------*/

#navi {
      float: left;
      width: 260px;
      margin: 5px 30px 30px 0;
      padding: 20px 25px;
      list-style: none;
      vertical-align: top;
      line-height: 120%;
      text-align: left;
      font-size: 0.92em;
      }

#navi-mid {
      margin: 5px 0 40px 25px;
      padding: 15px;
      border: #009999 solid 1px;
      list-style: none;
      vertical-align: top;
      line-height: 120%;
      background-image: url(../images/bg02.jpg);
      }

#top  {
      padding-bottom: 5px;
      border-bottom: black solid 1px;
      font-weight: bold;
      font-size: 1.5em;
      letter-spacing: 2.5px;
      }

#top a {
      color: #008080;
      }

td.navig {
      width: 33.3%;
      height: 40px
      }

td.navig-r {
      width: 33.3%;
      text-align:right;
      }

td.navig-m {
      width: 33.3%;
      text-align:center;
      }

a     {
      color: #006699;
      text-decoration: none;
      background-color: transparent;
      font-weight: bold;
      }

a:hover {
      color: #00CCFF;
      text-decoration: none;
      }

a.start {
      color: #808080;
      float: right;
      }

a.startl {
      color: #808080;
      float: left;
      }

a.start:hover,.grau:hover {
      color: #00CCFF;
      }

a.vis:visited   {
      color: #8868E9;
      }

a.vis:hover   {
      color: #00CCFF;
      }

/* ---------------- Grafik-Elemente ---------------- */

img   {
      border: none;
      }

.smi  {
      width: 15px;
      height: 15px;
      border: none;
      float: left;
      }

.imp  {
      width: 53px;
      height: 38px;
      border: none;
      }

.bigsmi {
      width: 40px;
      height: 40px;
      border: none;
      }

.nav  {
      width: 10px;
      height: 10px;
      margin-right: 10px;
      border: none;
      }

.navl  {
      width: 10px;
      height: 10px;
      border: none;
      margin-left: 10px;
      margin-right: 10px;
      }

.navr  {
      width: 10px;
      height: 10px;
      border: none;
      margin-left: 10px;
      margin-right: 10px;
      }

img.tip  {
      width: 10px;
      height: 10px;
      margin-left: 10px;
      margin-right: 10px;
      border: none;
      }

img.neu  {
      width: 25px;
      height: 11px;
      margin-left: 10px;
      margin-right: 10px;
      }