body {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
	color: #000000;
	background-color: #a0a1a5;
	background-image: url(images/hg_body_pflaster_grau.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px auto;
	margin-top: 2%;
	padding: 0px;
	width: 100%;
	height: 100%;

}
/* das ist die box die den ganzen kram umschiesst noetig wg. der zentrierung und der absoluten plazierung der menues */
#box{
        width:964px; 
        height: 608px; 
        position: relative;
        text-align:left; 
        margin-top: -1px;
        padding: 0px; 
		  background-color: #ffffff;
		  border-top: 1px solid #ffffff;
		  border-left: 1px solid #ffffff;
		  border-right: 1px solid #ffffff;
		  border-bottom: 0px solid #ffffff;
}

/* kopf*/
#box0{
        width:965px; 
        height:144px; 
        position: absolute;
        text-align:left; 
        padding: 0px; 
        background-color: #ffffff;
		  background-image: url(images/verlauf_oben.jpg);
		  background-repeat: no-repeat;
		  background-position: left;
}

/* aufteilung oben*/
#box1a{
        width:193px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 0px;   padding-top: 14px;
}
#box1a_a{
        width:192px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 0px;   padding-top: 14px;
		  background-image: url(images/verlauf_oben_a.jpg);
		  background-repeat: no-repeat;		  background-position: -388px 0px;		  
}
#box1b{
        width:193px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 193px;  padding-top: 14px;
}
#box1b_a{
        width:193px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 193px;  padding-top: 14px;
		  background-image: url(images/verlauf_oben_b.jpg);
		  background-repeat: no-repeat;		  background-position: -193px 0px;
}
#box1c{
        width:193px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 386px;  padding-top: 14px;
}
#box1c_a{
        width:193px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 386px;  padding-top: 14px;
		  background-image: url(images/verlauf_oben_c.jpg);
		  background-repeat: no-repeat;		  background-position: -386px 0px;		  
}
#box1d{
        width:193px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 579px;	  padding-top: 14px;
}
#box1d_a{
        width:193px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 579px;	  padding-top: 14px;
		  background-image: url(images/verlauf_oben_d.jpg);
		  background-repeat: no-repeat;		  background-position: -579px 0px;	
}
#box1e{
        width:192px;  height: 130px;  position: absolute;   text-align:left; 
        margin-left: 771px;  padding-top: 14px;
		  background-image: url(images/logo.jpg); 
	     background-position: left;
}

/* boxen navigation*/
#box2a{
        width:192px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #cccccc;
		  margin-top: 144px;        margin-right: 0px;
}
#box2a_a{
        width:192px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #9A9A9A;
		  margin-top: 144px;        margin-right: 0px;
		  		  background-image: url(images/verlauf_oben_a.jpg);
		  background-repeat: no-repeat;		  background-position: -388px 0px;		
}
#box2b{
        width:191px; height: 25px;  position: absolute;  text-align:left; 
	     margin-left: 192px;	     	margin-top: 144px;
	     background-color: #ffffff;	border: 1px solid #cccccc;
}
#box2b_a{
        width:191px; height: 25px;  position: absolute;  text-align:left; 
	     margin-left: 192px;	     	margin-top: 144px;
	     background-color: #ffffff;	border: 1px solid #9A9A9A;
		  		  background-image: url(images/verlauf_oben_b.jpg);
		  background-repeat: no-repeat;		  background-position: -193px 0px;
}
#box2c{
        width:192px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #cccccc;
        margin-left: 385px;  margin-top: 144px;
}
#box2c_a{
        width:192px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #9A9A9A;
        margin-left: 385px;  margin-top: 144px;
		  		  background-image: url(images/verlauf_oben_c.jpg);
		  background-repeat: no-repeat;		  background-position: -386px 0px;		
}
#box2d{
        width:192px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #cccccc;
        margin-left: 578px;  margin-top: 144px;
}
#box2d_a{
        width:192px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #9A9A9A;
        margin-left: 578px;  margin-top: 144px;
		  		  background-image: url(images/verlauf_oben_d.jpg);
		  background-repeat: no-repeat;		  background-position: -579px 0px;	
}
#box2e{
        width:191px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #cccccc;
        margin-left: 771px;  margin-top: 144px;
}
#box2e_a{
        width:191px; height: 25px;  position: absolute;  text-align:left; 
		  background-color: #ffffff;	border: 1px solid #9A9A9A;
        margin-left: 771px;  margin-top: 144px;
}

/* bildbox links*/
#box3{
        width:193px; 
	     height: 411px;        
	     position: absolute;
        text-align:left; 
        margin-left: 0px;
		  margin-top: 172px;
        margin-right: 0px;
		  background-color: #ffffff;
}

/* box head*/
#box4{
        width:579px; 
	     height: 60px;        
	     position: absolute;
        text-align:left; 
        margin-left: 193px;
		  margin-top: 171px;
        margin-right: 0px;
        padding: 0px; 
		  background-color: #ffffff;
}

/* box content*/
#box5{
        width:579px; 
	     height: 350px;        
	     position: absolute;
        text-align:left; 
        margin-left: 193px;
		  margin-top: 232px;
        margin-right: 0px;
        padding: 0px; 
		  overflow-y: auto;
		  scrollbar-base-color: #cccccc;
		  scrollbar-arrow-color: #999999;
		  scrollbar-shadow-color: #CCCCCC;
		  background-color: #ffffff;
}
/* box content Rechenbeispiel*/
#box5_rb{
        width:579px; 
	     height: 350px;        
	     position: absolute;
        text-align:left; 
        margin-left: 193px;
		  margin-top: 232px;
        margin-right: 0px;
        padding: 0px; 
		  background-image: url(images/rechenbsp.jpg); 
	     background-position: 0px 10px;
		  background-repeat: no-repeat;
}

/* box content Anfrage*/
#box5_an{
        width:545px; 
	     height: auto;        
	     position: absolute;
        text-align:left; 
        margin-left: 193px;
		  margin-top: 252px;
        padding-left: 24px;
        padding-bottom: 10px; 
		  background-color: #ffffff;
		  z-index: 1;
}

/* box rechts*/
#box6{
        width:193px; 
	     height: 411px;        
	     position: absolute;
        text-align:left; 
        margin-left: 771px;
		  margin-top: 171px;
		  background-color: #ffffff;
}

/* fuss*/
#box7{
        width:965px; 
	     height: 26px;        
        position: absolute;
        text-align:left; 
        margin-left: 0px;
		  margin-top: 582px;
		  background-image: url(images/verlauf_oben.jpg);
		  background-repeat: no-repeat;
		  background-position: left;
}
#box7a{
        width:193px; height:26px; position:absolute; text-align:left; 
        margin-left: 0px;
		  margin-top: 582px;  		border-top: 1px solid #ffffff; 
}
#box7b{
        width:193px; height:26px; position:absolute; text-align:left; 
        margin-left: 192px;
		  margin-top: 582px; 		border-top: 1px solid #ffffff;
}
#box7c{
        width:193px; height:26px; position:absolute; text-align:left; 
        margin-left: 386px;
		  margin-top: 582px; 		border-top: 1px solid #ffffff;
}
#box7d{
        width:192px; height:26px; position:absolute; text-align:left; 
        margin-left: 579px;
		  margin-top: 582px; 		border-top: 1px solid #ffffff;
}
#box7e{
        width:193px; height:26px; position:absolute; text-align:right; 
		  margin-left: 771px; margin-top: 582px;
        border-top: 1px solid #ffffff; 
}



/* Formatierung für die Headline*/
h1 {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
      font-size:   18px;
      line-height: 20px;
      font-weight: bold;
	color: #005ea8;
      padding-right: 25px;
      padding-left: 25px;
      padding-top: 25px;
}

/* Formatierung für den Grundtext*/
h3 {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
      font-size:   12px;
      line-height: 16px;
	color: #000000;
      font-weight: normal;
		      text-align:  justify;
      text-decoration: none;
      color:       #000000;
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 0px;
}

/* Formatierung für den Grundtext*/
h2 {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
      font-size:   14px;
      line-height: 20px;
      font-weight: bold;
	color: #646466;
      padding-right: 25px;
      padding-left: 25px;
      padding-top: 10px;
}

/* Formatierung für den Text in der Box rechts*/
h4 {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
      font-size:   12px;
      line-height: 16px;
	color: #000000;
      font-weight: normal;
		      text-align:  left;
      text-decoration: none;
      color:       #000000;
      padding-left: 0px;
      padding-right: 25px;
     margin-top:65px;
}

a, a:active  {
      font-weight: bold;
	color: #005ea8;
	      text-decoration: none;
}

a:hover{
      font-weight: bold;
	color: #646466;
	      text-decoration: none;
}


p {
	font-family: Tahoma, Verdana, Geneva, sans-serif;
      font-size:   12px;
      line-height: 16px;
	color: #000000;
      font-weight: normal;
		      text-align:  justify;
      text-decoration: none;
      color:       #000000;
}