body {
        background-color:#008BCB;
        background-image:url(bg.gif);
        background-repeat:repeat-x;
        padding:0;
        margin:0 auto;
        text-align:center;
}
.overall {
      margin:0 auto;
      text-align:center;
      width:635px;
}
.navi img {
       border:0;
}
.navi {
      float:left;
      width:139px;
}
dt {
    font-weight:bold;
    margin-top:8px;
}
.content {
      background-color:#ffffff;
      width:489px;
      text-align:left;
      margin-left:139px;
      border-left:3px solid #008bcb;
      border-right:4px solid #008bcb;
      padding-top:5px;
      padding-bottom:5px;
      color:#00618E;
      font-family:'Trebuchet MS',Verdana,Tahoma;
      font-size:11px;
      text-align:justify;
}
.title {
      background-image:url("title.gif");
      margin-left:12px;
      color:#ffffff;
      background-repeat:no-repeat;
      font-weight:bold;
      height:23px;
      width:468px;
      padding-left:3px;
      padding-right:3px;
      padding-top:1px;
      font-size:12px;
      text-align:center;
}

td {
        margin:0px;
        background-color:#f0f0f0;
        border-bottom:3px solid #C840C1;
        border-left:1px solid #dadada;
        border-top:1px solid #dadada;
        border-right:1px solid #dadada;
}
tr img {
        border:1px solid #C840C1;
}
a .uebermich {
         background-image:url(uebermich.gif);
         display:block;
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a:hover .uebermich {
         background-image:url(uebermich_hover.gif);
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a:active .uebermich {
         background-image:url(uebermich_active.gif);
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a .portfolio {
         background-image:url(portfolio.gif);
         display:block;
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a:hover .portfolio {
         background-image:url(portfolio_hover.gif);
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a:active .portfolio {
         background-image:url(portfolio_active.gif);
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a .impressum {
         background-image:url(impressum.gif);
         display:block;
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a:hover .impressum {
         background-image:url(impressum_hover.gif);
         width:139px;
         height:20px;
         background-color:#ffffff;
}
a:active .impressum {
         background-image:url(impressum_active.gif);
         width:139px;
         height:20px;
         background-color:#ffffff;
}
.headline {
         font-weight:bold;
         font-size:11px;
         padding-bottom:3px;
}
.index {
         border:0px;
         background-color:#ffffff;
}
.klick {
         font-family:'Trebuchet MS';
         font-size:12px;
         font-weight:bold;
         letter-spacing:5px;
         text-decoration:none;

}
a .klick {
         color:#C840C1;
         text-decoration:underline;
}
a:active .klick {
         color:#C840C1;
         text-decoration:none;
}
a:hover .klick {
         color:#C840C1;
         text-decoration:none;
}