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 : 14pt;
	color: #000066;
  text-decoration: none;
  }

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

p.kompetenz
  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:8px;
  margin-left:50px;
  margin-right:2px;
  color:#434E86;
  font-size:80%px;
  text-align:left;
  }

p.adresse_unten
  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:2px;
  margin-left:10px;
  margin-right:10px;
  color:#5361A5 ;
  font-size:60%px;
  text-align:center;
  }

p.beratung
  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:18px;
  margin-left:60px;
  margin-right:30px;
  color:#000066;;
  font-size:80%px;
  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;
  }




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

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

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

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;
  }


p.agb
  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:18px;
  margin-left:70px;
  margin-right:70px;
  color:#000066;;
  font-size:40%px;
  text-align:left;
  }
  
p.punkt
  {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top:5px;
  margin-left:30px;
  margin-right:70px;
  color:#000066;;
  font-size:80%px;
  text-align:left;
  }

#box2 {
  position: static;
  margin-top: 50px;
  margin-left:0px;
  width: 100px;

  }

#visit {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt; color: #1f3e69;
  width: 150px;
  position: static;
  margin-top: 20px;
  padding: 7px 7px 7px 7px;
  border: #1f3e69 1px solid;
  margin-left:10px;
  margin-right:10px;
  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;}

div#mehr { left: 30px; text-align: center; font: 12px verdana, arial, sans-serif;
width: 170pt;
position: static; top: 0px; border-bottom: #000066 }

div#mehr a { padding-right: 20px; display: block; padding-left: 20px;
border-left-width: 1px; padding-bottom: 3px; margin: 0px 0px ; color: #2B2A2A;
padding-top: 2px; }

div#mehr a:hover { color: #EE0000; }

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

div#wer {
font-family :  Verdana, Arial, Helvetica, sans-serif;
font-size: 80%; color: #000066; margin-left: 1.5cm; width: 540px;
position: static;   line-height:1.2;
padding: 10px 10px 10px 10px; background: #FFFFFF;
border-style: solid; border-width: 1px; border-color: #1f3e69;
}

div#was {
font-family :  Verdana, Arial, Helvetica, sans-serif;
font-size: 90%; color: #000066; margin-left: 1.5cm; width: 480px;
position: static;   line-height:1.5;
padding: 5px 10px 5px 10px; background: #FFFFFF;
border-style: solid; border-width: 1px; border-color: #1f3e69;
}

#rahmen7 {
  border-top: 2px solid;
  border-width: 2px;
  border-color: #D4D4D4 ;
  }
  
#rahmen8 {
  border-left: 2px solid;
  border-width: 2px;
  border-color: #5361A5 ;
  }
  
#rahmen_rechts {
  border-right: 2px solid;
  border-width: 2px;
  border-color: #5361A5 ;
  }

#rahmen9 {
  border-left: 3px solid;
  border-right: 3px solid;
  border-top: 3px solid;
  border-bottom: 3px solid;
  border-width: 3px;
  border-color: #d4d4d4 ;
  }


#rahmen {
  border-left: 3px solid;
  border-right: 3px solid;
  border-top: 3px solid;
  border-width: 3px;
  border-color: #d4d4d4 ;
  }

#rahmen1 {
  border-left: 3px solid;
  border-right: 3px solid;
  border-width: 3px;
  border-color: #d4d4d4 ;
  }

#rahmen2 {
  border-left: 3px solid;
  border-right: 3px solid;
  border-width: 3px;
  border-color: #d4d4d4 ;
  }

#rahmen3 {
  border-left: 3px solid;
  border-right: 3px solid;
  border-width: 3px;
  border-color: #D4D4D4 ;
  font-size : 2pt;
  }

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

#rahmen6 {
  border-right: 2px solid;
  border-width: 2px;
  border-color: #ff0000 ;
  }



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

div#galeriebild {
font: 12px verdana, arial, sans-serif;
position: static;
  }

div#galeriebild a {
padding-right: 0px;
display: block;
padding-left: 0px;
padding-bottom: 5px;  color: #000066;
text-align: left;
text-decoration: none;
}

div#galeriebild a:hover {
font-weight: bold;
  }


/**********************************************************************************************
navigation oben
**********************************************************************************************/
div#oben { left: 0px; font: 14px verdana, arial, sans-serif;  position: static;
 background: #f5f5f5; width: 125px;}

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

div#oben a:hover {
border-left: #f9eec8 2px dashed; }

div#oben a:active {
border-left: #F9EEC8 2px dashed; }



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

div#oben_1 a {
border-right: #2B2A2A 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_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;}


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

div#oben_2 a {
border-right: #2B2A2A 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_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;}


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

div#oben_3 a {
border-right: #2B2A2A 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: 10px verdana, arial, sans-serif;  position: static;
 background: #FFFFFF; width: 100px;}

div#oben_4 a {
border-right: #2B2A2A 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_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;}


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

div#oben_5 a {
border-right: #2B2A2A 1px solid; padding-right: 2px;
display: block; padding-left: 0px; 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_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;}


/* 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;}


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

div#clink_2 { margin-left: 4px; font: 70% verdana, arial, sans-serif; width: 150px;
position: static;  }

div#clink_2 a {
border-top: #434E86; 1px solid;
border-bottom: #434E86; 1px solid;
padding-right: 18px;
display: block; padding-left: 4px;
background: #ffffff; border-bottom-width: 1px;
padding-bottom: 5px; margin: 0px 0px 2px; color: #434E86;
padding-top: 5px; text-align: left; margin-left: 1px;
text-decoration: none; }

div#clink_2 a:hover {
border-left: #2B2A2A 1px ;
background-image: url(../bilder/leiste_grau.gif); background-repeat:no-repeat;
font-weight:bold;

color: #000066; }

div#clink_2 a:active {
border-left: #FFFFFF 1px ;
background-image: url(../bilder/leiste_grau.gif); background-repeat:no-repeat;
color: #000066;}


div#clink_1 { margin-left: 4px; font: 70% verdana, arial, sans-serif; width: 130px;
background-image: url(../bilder/leiste_rot.gif); background-repeat:no-repeat;
position: static;  }

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

div#clink_1 a:hover {
border-left: #2B2A2A 1px ;
background-image: url(../bilder/leiste_rot.gif); background-repeat:no-repeat;
color: #000066; }

div#clink_1 a:active {
border-left: #FFFFFF 1px ;
background-image: url(../bilder/leiste_rot.gif); background-repeat:no-repeat;
color: #000066;}


div#links_8 {
left: 10px; font: 9px verdana, arial, sans-serif;
position: static;
  }


div#links_8 a {

padding-right: 0px;
display: block;
padding-left: 0px;
padding-bottom: 5px;  color: #000066;
padding-top: 5px;
text-align: center;
text-decoration: none; }

div#links_8 a:hover {
background-color: #f5f5f5;
font-weight: bold;
  }


div#galeriebild {
font: 12px verdana, arial, sans-serif;
position: static;
  }


div#galeriebild a {

padding-right: 0px;
display: block;
padding-left: 0px;
padding-bottom: 5px;  color: #000066;
text-decoration: none;

}

div#galeriebild a:hover {
font-weight: bold;
  }