body {
     color: #ccc; scrollbar-arrow-color: #0003C3;
     scrollbar-base-color: #ffffff;
     scrollbar-darkshadow-color: #f5f5f5;
     scrollbar-face-color: #ffffff; scrollbar-highlight-color: #0003C3;
     scrollbar-shadow-color: #666666; scrollbar-track-color: #ffffff;
     }

P
  {
        font-family : Verdana, Georgia, Microsoft Sans Serif, Galant, Copperplate Gothic Light, Book Antiqua, BernhardFashion BT, Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : 12pt;
        color: #000066;
  text-decoration: none;
  }

.wr {
  border-right: 1px solid;
  border-left: 1px solid;
  border-top: 1px solid;
  border-width: 1px;
  border-color: #ffffff ;
  }
.wrl {
  border-left: 1px solid;
  border-width: 1px;
  border-color: #ffffff ;
  }

.re { list-style-image: url(../bilder/dot_r.jpg);
   }

p.agito
  {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin-top:18px;
  margin-left:60px;
  margin-right:60px;
  color:#000066;
  font-size:80%px;
  text-align:left;
  }

p.bild
{ font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color:#1f3e69;
  font-size:12px;
  text-align:left;
     }


p.kontakt
  {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin-top:18px;
  margin-left:80px;
  margin-right:30px;
  color:#000066;;
  font-size:80%px;
  text-align:left;
  }
#linie
{height:1px; color:#DEDEDE;
}

/* home,  */
div#oben_1 { left: 0px; font: 11px verdana, arial, sans-serif;  position: static;  width: 119px;}

div#oben_1 a {
border-right: #2B2A2A 1px solid; padding-right: 2px;
display: block; padding-left: 5px; border-left-width: 0px;
border-bottom-width: 0px;
padding-bottom: 2px; margin: 0px 0px 2px; color: #000066;
padding-top: 2px; text-align: center; margin-left: 0px; text-decoration: none; }

div#oben_1 a:hover {
background-image: url(../bilder/leiste_orange.gif); background-repeat:no-repeat;
color: #000066; }

div#oben_1 a:active {
background-image: url(../bilder/leiste_orange.gif); background-repeat:no-repeat;
color: #000066;}

.ga  {
background-image: url(../bilder/leiste_orange1.gif); background-repeat:no-repeat;
color: #000066; }


/* agito */
div#oben_2 { left: 0px; font: 11px verdana, arial, sans-serif;  position: static;
width: 119px;}

div#oben_2 a {
border-right: #2B2A2A 1px solid; padding-right: 2px;
display: block; padding-left: 5px; border-left-width: 0px;
border-bottom-width: 0px;
padding-bottom: 2px; margin: 0px 0px 2px; color: #000066;
padding-top: 2px; text-align: center; margin-left: 0px; text-decoration: none; }

div#oben_2 a:hover {
background-image: url(../bilder/leiste_gruen.gif); background-repeat:no-repeat;
color: #000066; }

div#oben_2 a:active {
background-image: url(../bilder/leiste_gruen.gif); background-repeat:no-repeat;
color: #000066;}

.agi {
background-image: url(../bilder/leiste_gruen.gif); background-repeat:no-repeat;
color: #000066;}

/* webdesign */
div#oben_3 { left: 0px; font:  border-top: #ffffff 1px solid; 10px verdana, arial, sans-serif;  position: static;
 background: #FFFFFF; width: 100px;}

div#oben_3 a {
border-right: #2B2A2A 1px solid; border-left: #2B2A2A 1px solid; border-top: #ffffff 1px solid; padding-right: 2px;
display: block; padding-left: 5px; border-left-width: 0px;
background: #FFFFFF; border-bottom-width: 0px;
padding-bottom: 2px; margin: 0px 0px 2px; color: #000066;
padding-top: 2px; text-align: center; margin-left: 0px; text-decoration: none; }

div#oben_3 a:hover {
background-image: url(../bilder/leiste_blau.gif); background-repeat:no-repeat;
color: #000066; }

div#oben_3 a:active {
background-image: url(../bilder/leiste_blau.gif); background-repeat:no-repeat;
color: #000066;}

/* referenzen */
div#oben_4 { left: 0px; font: 11px verdana, arial, sans-serif;  position: static;
width: 119px;}

div#oben_4 a {
border-right: #2B2A2A 1px solid; padding-right: 2px;
display: block; padding-left: 5px; border-left-width: 0px;
border-bottom-width: 0px;
padding-bottom: 2px; margin: 0px 0px 2px; color: #000066;
padding-top: 2px; text-align: center; margin-left: 0px; text-decoration: none; }

div#oben_4 a:hover {
background-image: url(../bilder/leiste_rot_1.gif); background-repeat:no-repeat;
color: #000066; }

div#oben_4 a:active {
background-image: url(../bilder/leiste_rot_1.gif); background-repeat:no-repeat;
color: #000066;
}

.ref  {
background-image: url(../bilder/leiste_rot_1.gif); background-repeat:no-repeat;
color: #000066; }


/* kontakt */
div#oben_5 { left: 0px; font: 11px verdana, arial, sans-serif;  position: static;
width: 119px;}

div#oben_5 a {
padding-right: 2px;
display: block; padding-left: 0px; border-left-width: 0px;
border-bottom-width: 0px;
padding-bottom: 2px;  margin: 0px 0px 2px;
color: #000066; padding-top: 2px; text-align: center; margin-left: 0px; text-decoration: none; }

div#oben_5 a:hover {
background-image: url(../bilder/leiste_gelb.gif); background-repeat:no-repeat;
color: #000066; }

div#oben_5 a:active {
background-image: url(../bilder/leiste_gelb.gif); background-repeat:no-repeat;
color: #000066;}

.ko {
background-image: url(../bilder/leiste_gelb.gif); background-repeat:no-repeat;
color: #000066; }


/* haftung */
div#oben_6 { left: 0px; font: 10px verdana, arial, sans-serif;  position: static;
 background: #f5f5f5; width: 100px;}

div#oben_6 a {
border-right: #2B2A2A 1px solid; padding-right: 2px;
display: block; padding-left: 5px; border-left-width: 0px;
background: #f5f5f5; border-bottom-width: 0px;
padding-bottom: 2px; margin: 0px 0px 2px; color: #000066; padding-top: 2px; text-align: center; margin-left: 1px; text-decoration: none; }

div#oben_6 a:hover {
border-left: #000066 1px dashed;
background: #ffffff; color: #000066;}

div#oben_6 a:active {
border-left: #000066 1px dashed;
background: #ffffff; color: #000066;}


/* unten  */
div#oben_7 { left: 0px; font: 10px verdana, arial, sans-serif;  position: static; width: 119px;}

div#oben_7 a {
padding-right: 2px;
display: block; padding-left: 5px; border-left-width: 0px;
padding-bottom: 2px; margin: 0px 0px 2px; color: #d4d4d4;
padding-top: 2px; text-align: center; margin-left: 0px; text-decoration: none; }

div#oben_7 a:hover {
color: #000066; }

div#oben_7 a:active {
color: #000066;}

p.haftung
  {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin-top:18px;
  margin-left:120px;
  margin-right:120px;
  color:#000066;
  font-size:80%px;
  text-align:center;
  }


a.navi1  {
width: 140px;
font: 11px verdana, sans-serif,  verdana, arial, sans-serif;
background: #F8F8F9;
color: #1f3e69;
font-weight:bold;
display: block;
white-space:nowrap;
overflow:hidden;
border-bottom: 2px solid white;
padding-right:0px;
text-decoration: none;
letter-spacing: 0.1em;
padding-bottom: 6px;
padding-top: 6px;
text-align: left; }

a.navi1:link{
background-image: url(../bilder/leiste_grau.gif);
background-repeat:no-repeat; }

a.navi1:visited {
background-image: url(../bilder/leiste_grau.gif);
background-repeat:no-repeat; }

a.navi1:hover {
background-image: url(../bilder/rot.gif);
background-repeat:no-repeat; }

a.navi1:active {
background-image: url(../bilder/rot.gif);
background-repeat:no-repeat; }

a.navi1b  {
width: 140px;
font: 11px verdana, sans-serif,  verdana, arial, sans-serif;
color: #1f3e69;
background: #F8F8F9;
font-weight:bold;
display: block;
white-space:nowrap;
overflow:hidden;
border-bottom: 2px solid white;
padding-right:0px;
text-decoration: none;
letter-spacing: 0.1em;
padding-bottom: 6px;
padding-top: 6px;
text-align: left; }

a.navi1c  {
width: 140px;
font: 11px verdana, sans-serif,  verdana, arial, sans-serif;
background: #F8F8F9;
color: #1f3e69;
font-weight:bold;
display: block;
white-space:nowrap;
overflow:hidden;
border-bottom: 2px solid white;
border-top: 2px solid white;
padding-right:0px;
text-decoration: none;
letter-spacing: 0.1em;
padding-bottom: 6px;
padding-top: 6px;
text-align: left; }

a.navi1c:link{
background-image: url(../bilder/leiste_grau.gif);
background-repeat:no-repeat; }

a.navi1c:visited {
background-image: url(../bilder/leiste_grau.gif);
background-repeat:no-repeat; }

a.navi1c:hover {
background-image: url(../bilder/rot.gif);
background-repeat:no-repeat; }

a.navi1c:active {
background-image: url(../bilder/rot.gif);
background-repeat:no-repeat; }

a.navi1d  {
width: 140px;
font: 11px verdana, sans-serif,  verdana, arial, sans-serif;
color: #1f3e69;
background: #F8F8F9;
font-weight:bold;
display: block;
white-space:nowrap;
overflow:hidden;
border-bottom: 2px solid white;
border-top: 2px solid white;
padding-right:0px;
text-decoration: none;
letter-spacing: 0.1em;
padding-bottom: 6px;
padding-top: 6px;
text-align: left; }

/*******rechte Navigation***************************************************************/
a.navi2  {
width: 130px;
font: 11px verdana, sans-serif,  verdana, arial, sans-serif;
background: #F8F8F9;
color: #1f3e69;
font-weight:bold;
display: block;
white-space:nowrap;
overflow:hidden;
border-bottom: 2px solid white;
padding-right:0px;
text-decoration: none;
letter-spacing: 0.1em;
padding-bottom: 6px;
padding-top: 6px;
text-align: left; }

a.navi2:link{
background-image: url(../bilder/pfeil_o2o.gif);
background-repeat:no-repeat; }

a.navi2:visited {
background-image: url(../bilder/pfeil_o2o.gif);
background-repeat:no-repeat; }

a.navi2:hover {
background-image: url(../bilder/rot.gif);
background-repeat:no-repeat; }

a.navi2:active {
background-image: url(../bilder/rot.gif);
background-repeat:no-repeat; }



a.navi4  {
font: 11px verdana, sans-serif,  verdana, arial, sans-serif;
background: #F33E3E;
color: #ffffff;
font-weight:bold;
display: block;
white-space:nowrap;
overflow:hidden;
border-style: solid; border-width: 1px; border-color: #ffffff;
text-decoration: none;
padding-bottom: 6px;
padding-top: 6px;
text-align:center; }

a.navi4:link{
background-image: url(../bilder/pfeil_o2o.gif);
background-repeat:no-repeat; }

a.navi4:visited {
background-image: url(../bilder/pfeil_o2o.gif);
background-repeat:no-repeat; }

a.navi4:hover {
background-image: url(../bilder/krug.jpg);
background-repeat:no-repeat; }

a.navi4:active {
background-image: url(../bilder/krug.jpg);
background-repeat:no-repeat;
}

/**********************************************************************************************/

a.unten { left: 0px; font: 11px verdana, arial, sans-serif;
width: 140px;  color: #1f3e69;
border-right: #2B2A2A 1px solid;
padding-left: 10px; padding-right: 5px;
display: block;  border-left-width: 0px;
margin-left: 10px;
margin: 5px 0px 2px;
padding-bottom: 2px;
padding-top: 2px;  text-decoration: none;  }

a.unten:link {
border-right: #2B2A2A 1px solid;
width: 140px;
margin: 5px 0px 2px;
display: block;  border-left-width: 0px;
padding-left: 10px;
padding-bottom: 2px;
padding-top: 2px;text-decoration: none; }

a.unten:visited {
 color: #1f3e69;}

a.unten:hover {
font-weight: bold; color: #1f3e69; background: #F8F8F8; }

a.unten:active { color: #1f3e69; background: #F8F8F8; font-weight: bold; }

/**********************************************************************************************/


div#zelle1 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#1f3e69; line-height:1.5;
position: static;
padding: 10px 10px 2px 20px; text-decoration: none; }

div#zelle1 a {
text-decoration: none;
color: #1f3e69;
}

div#zelle1 a:hover {
color: #000066; background: #E3E2ED;}

div#zelle1 a:active {
color: #000066; background: #E3E2ED;}


div#zelle11 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 70%; color:#1f3e69; line-height:1.5;
position: static;
padding: 10px 10px 2px 20px; text-decoration: none; }

div#zelle11 a {
text-decoration: none;
color: #1f3e69;
}

div#zelle11 a:hover {
color: #000066; background: #E3E2ED;}

div#zelle11 a:active {
color: #000066; background: #E3E2ED;}



div#zelle2 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#1f3e69; line-height:1.4;
position: static; padding: 3px 10px 2px 20px;   }

div#zelle2 a {
text-decoration: none;
color: #1f3e69;
}

div#zelle2 a:hover {
color: #000066; background: #E3E2ED;}

div#zelle2 a:active {
color: #000066; background: #E3E2ED;}

div#zelle3 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#1f3e69; line-height:1.5;
position: static;
padding: 1px 10px 2px 5px; text-decoration: none; }

div#zelle3 a {
text-decoration: none;
color: #d4d4d4;
}

div#zelle3 a:hover {
color: #000066; }

div#zelle3 a:active {
color: #000066;}

div#zelle4 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#1f3e69; line-height:1.5;
position: static; text-align:center;
padding: 10px 10px 2px 20px; text-decoration: none; }

div#zelle4 a {
text-decoration: none;
color: #1f3e69;
}

div#zelle4 a:hover {
color: #000066; }

div#zelle4 a:active {
color: #000066;}

div#zelle5 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#1f3e69; line-height:1.5;
position: static; text-align:left;
padding: 10px 10px 2px 20px; text-decoration: none; }

div#zelle5 a {
text-decoration: none;
color: #1f3e69;
}

div#zelle5 a:hover {
color: #000066; }

div#zelle5 a:active {
color: #000066;}

div#zelle6 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#1f3e69; line-height:1.5;
position: static; text-align:left;
padding: 10px 5px 2px 0px; text-decoration: none; }

div#zelle6 a {
text-decoration: none;
color: orange;
}

div#zelle6 a:hover {
color: #000066; }

div#zelle6 a:active {
color: #000066;}

div#zelle7 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#CCFF00; line-height:1.5;
position: static; text-align:center;
padding: 10px 5px 2px 0px; text-decoration: none; }

div#zelle7 a {
text-decoration: none;
color: #000066; font-weight:bold;
}

div#zelle7 a:hover {
color: #CCFF00; }

div#zelle7 a:active {
color: #CCFF00;}

div#zelle8 {
left: 0px; font: 11px verdana, arial, sans-serif;  position: static;  width: 133px;}

div#zelle8 a {
display: block; color: #000066; font-weight:bold; padding: 6px 1px 6px 1px;
text-align: center; text-decoration: none; }

div#zelle8 a:hover {
background-image: url(../bilder/gruen.gif); background-repeat:no-repeat;
color: #000066; }

div#zelle8 a:active {
background-image: url(../bilder/gruen.gif); background-repeat:no-repeat;
color: #000066;}

div#zelle9 { font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color:#1f3e69;
position: static;
padding: 15px 20px 15px 20px; text-decoration: none; }

div#zelle9 a { background: #ffffff;
text-decoration: none;
color: #1f3e69;
}

div#zelle9 a:hover {
color: #000066; background: #ffffff;}

div#zelle9 a:active {
color: #000066; background: #ffffff;}

/**********************************************************************************************
Referenzen
**********************************************************************************************/



.code { text-align:center; font-size:10pt;
margin-left:4px; margin-right:4px; border-left-width: 1px; margin-top:4px;
margin-bottom:10px;}

.code_1 { text-align:left; font-size:10pt;
margin-left:90px; margin-right:4px; border-left-width: 1px; margin-top:4px;
margin-bottom:10px;}

.code_4 { font-size: 11px; text-align:center; font-weight: bold; width=170pt;
padding-right: 3px; padding-left: 3px; padding-bottom: 8px; padding-top: 8px;
display: block;  border-left-width: 0px;
border-bottom: #000066 1px dashed;
margin: 0px 0px 0px; color: #000066;
 text-decoration: none; background: #E3E2ED;}

/**************************************************************************/

#rahmen1 {
  border-right: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-width: 1px;
  border-color: #D4D4D4 ;
  }

#rahmen2 {
  border-top: 1px solid;
  border-width: 1px;
  border-color: #D4D4D4 ;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color:#1f3e69; line-height:1.5;
  font-size:12px;
    }

#rahmen21 {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color:#1f3e69; line-height:1.5;
  font-size:12px;
    }

#rahmen3 {
  border-left: 2px solid;
  border-right: 2px solid;
  border-width: 2px;
  border-color: #D4D4D4 ;
  border-bottom: orange 2px solid;
  margin: 5px;
  }

#rahmen3a {
  border-left: 2px solid;
  border-right: 2px solid;
  border-width: 2px;
  border-color: #D4D4D4 ;
  border-bottom: #D4D4D4 2px solid;
  }

#rahmen3b {
  border-left: 2px solid;
  border-top: 2px solid;
  border-right: 2px solid;
  border-width: 2px;
  border-color: #D4D4D4 ;
  border-bottom: #D4D4D4 2px solid;
  }

#rahmen4 {
  border-left: 3px solid;
  border-right: 3px solid;
  border-bottom: 3px solid;
  border-width: 3px;
  border-color: #D4D4D4 ;
  }

#rahmen5 {
  border-left: 1px solid;
  border-width: 1px;
  border-color: #D4D4D4 ;
  }

#rahmen5b {
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-width: 1px;
  border-color: #D4D4D4 ;
  }
#rahmen5c {
  border-left: 1px solid;
  border-top: 1px solid;
  border-width: 1px;
  border-color: #D4D4D4 ;
  }
#rahmen5d {
  border-right: 1px solid;
  border-top: 1px solid;
  border-width: 1px;
  border-color: #D4D4D4 ;
  }

#rahmen6 {
  width:140px;
  }

#rahmen7 {
  width:560px;
  }

#rahmen8 {
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-width: 1px;
  border-color: #D4D4D4 ;
  }

#rahmen9 {
  border-right: 1px solid;
  border-bottom: 0px;
  border-width: 1px;
  border-color: #D4D4D4 ;
  }
/*************************************************************/
#space_datum {
width : 140px;
font-family : Verdana, Georgia, sans-serif, Galant, Arial;
padding-top: 2px;
font-size : 65%;
text-align : center;
font-weight:bold;
color : #ffffff;
text-decoration : none;
}

#agito_re {width:133px; font: 11px verdana, arial, sans-serif;  position: static;
border-left: #D4D4D4 1px solid; border-top: #ffffff 2px solid; border-bottom: #D4D4D4 2px solid;
display: block; color: #ffffff; font-weight:bold;
text-align: center;text-decoration: none; }

/**********************************************************************************************/
#agito_unt {
padding-left: 2px; padding-top: 2px;padding-bottom: 3px;
font: 10px verdana, arial, sans-serif;  position: static;
color: #d4d4d4;
text-align: right; text-decoration: none;
}

p.agb
  {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin-top:18px; font: 10px verdana, arial, sans-serif;
  margin-left:2px;
  margin-right:10px;
  color:#000066;;
  text-align:left;
  }

#str
{ width:99%; text-align:left; color:#cccccc; margin-left: 1px; margin-right: 1px; height:1px;
background-color:#cccccc;  border:#cccccc; }