html, body 
 {
  z-index:1;
  background-color:#003399;
  margin: 0px
  padding: 0px;
  font-family:Arial;
  font-size:12px;
  color:navy;
  }

p {margin-left:10px;margin-right:5px;margin-bottom:5px;size:12px;}
p.unten{fontsize:5px; color:white;}
p.rot{color:#cc0066;size:17px;font-weight:bold;}
p.rotsmall{color:#cc0066;size:12px;font-weight:small;}
p.link 
  {
   text-align:center;
   height:160px;
   fontsize:17px;
   color:white;
   font-weight:bold;
   margin-top:60px;
  }
h1{color:#003399; font-size:24px;font-weight:bold;margin-left:10px;margin-top:15px;}
h2{color:#003399; font-size:17px; font-weight:bold;margin-left:10px;}

#rahmen
 {
  z-index:2;
  background-color:#003399;
  margin:auto;
  padding: 0px;
  position:relative;
  top:5px;
  width:800px;
  height:800px;
 } 

#mitte
 {
  z-index:3;
  position:relative;
  background-image:url(img/innenfeld2.jpg);
  background-repeat:repeat;
  
  left:0px;
  top:165px;
  width:480px;
  height:480px;
  margin:auto;
  padding: 0px;
  overflow:auto 
 }


#unten
 {
  z-index:9;
  background-color:navy;
  margin=auto;
  padding: 0px;
  position:absolute;
  top:645px;
  width:800px;
  height:15px;
 }

a.untenimp
 {
  background-color:navy;
  margin-left:0px;
  display:block;
  position:absolute;
  top:0px;
  width:160px;
  text-align:center;
  height:12px;
  fontsize:8px;
  color:white;
  font-family:Arial;
  text-decoration:none;
 }

a.untenbast
 {
  background-color:navy;
  margin-left:640px;
  display:block;
  position:absolute;
  top:0px;
  width:160px;
  text-align:center;
  height:12px;
  color:white;
  font-family:Arial;
  text-decoration:none;
 }


  

#felda1
 {
  z-index:3;
  position:absolute;
  top:5px;
  left:0px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

a.linka1
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  font-family:Arial;
  text-decoration:none;
 }

a.linka1:link, a.linka1:visited
 {
  background-image:url(img/felda1.jpg);
  background-repeat:no-repeat;
 } 


a.linka1:hover, a.linka1:active
 {
  background-image:url(img/felda1r.jpg);
  background-repeat:no-repeat;
 }




#feldb1
 {
  position:absolute;
  top:5px;
  left:160px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

#feldb1r
 {
  position:absolute;
  top:5px;
  left:160px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
  background-image:url(img/feldb1r.jpg);
 }


a.linkb1
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }


a.linkb1:link, a.linkb1:visited
 {
  background-image:url(img/feldb1.jpg);
  background-repeat:no-repeat;
 } 


a.linkb1:hover, a.linkb1:active
 {
  background-image:url(img/feldb1r.jpg);
  background-repeat:no-repeat;
 }

a.linkb1r
 { 
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  background-image:url(img/feldb1r.jpg);
  background-repeat:no-repeat;
 } 


#feldc1
 {
  position:absolute;
  top:5px;
  left:320px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

a.linkc1
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linkc1:link, a.linkc1:visited
 {
  background-image:url(img/feldc1.jpg);
  background-repeat:no-repeat;
 } 


a.linkc1:hover, a.linkc1:active
 {
  background-image:url(img/feldc1r.jpg);
  background-repeat:no-repeat;
 }






#feldd1
 {
  position:absolute;
  top:5px;
  left:480px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

a.linkd1
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linkd1:link, a.linkd1:visited
 {
  background-image:url(img/feldd1.jpg);
  background-repeat:no-repeat;
 } 


a.linkd1:hover, a.linkd1:active
 {
  background-image:url(img/feldd1r.jpg);
  background-repeat:no-repeat;
 }





#felde1
 {
  position:absolute;
  top:5px;
  left:640px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

#felde1r
 {
  position:absolute;
  top:5px;
  left:640px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
  background-image:url(img/felde1r.jpg);
 }



a.linke1
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linke1:link, a.linke1:visited
 {
  background-image:url(img/felde1.jpg);
  background-repeat:no-repeat;
 } 


a.linke1:hover, a.linke1:active
 {
  background-image:url(img/felde1r.jpg);
  background-repeat:no-repeat;
 }

a.linke1r
 { 
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  background-image:url(img/felde1r.jpg);
  background-repeat:no-repeat;
 } 
a.linka2r
 { 
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  background-image:url(img/felda2r.jpg);
  background-repeat:no-repeat;
 } 





#felda2
 {
  position:absolute;
  top:165px;
  left:0px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

#felda2r
 {
  position:absolute;
  top:165px;
  left:0px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
  background-image:url(img/felda2r.jpg);
 }



a.linka2
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linka2:link, a.linka2:visited
 {
  background-image:url(img/felda2.jpg);
  background-repeat:no-repeat;
 } 


a.linka2:hover, a.linka2:active
 {
  background-image:url(img/felda2r.jpg);
  background-repeat:no-repeat;
 }

a.linka2r
 { 
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  background-image:url(img/felda2r.jpg);
  background-repeat:no-repeat;
 } 


#felda3
 {
  position:absolute;
  top:325px;
  left:0px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

a.linka3
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linka3:link, a.linka3:visited
 {
  background-image:url(img/felda3.jpg);
  background-repeat:no-repeat;
 } 


a.linka3:hover, a.linka3:active
 {
  background-image:url(img/felda3r.jpg);
  background-repeat:no-repeat;
 }





#felda4
 {
  position:absolute;
  top:485px;
  left:0px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

#felda4r
 {
  position:absolute;
  top:485px;
  left:0px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
  background-image:url(img/felda4r.jpg);
  background-repeat:no-repeat;
 }


a.linka4
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linka4:link, a.linka4:visited
 {
  background-image:url(img/felda4.jpg);
  background-repeat:no-repeat;
 } 


a.linka4:hover, a.linka4:active
 {
  background-image:url(img/felda4r.jpg);
  background-repeat:no-repeat;
 }






#felde2
 {
  position:absolute;
  top:165px;
  left:640px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

a.linke2
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linke2:link, a.linke2:visited
 {
  background-image:url(img/felde2.jpg);
  background-repeat:no-repeat;
 } 


a.linke2:hover, a.linke2:active
 {
  background-image:url(img/felde2r.jpg);
  background-repeat:no-repeat;
 }






#felde3
 {
  position:absolute;
  top:325px;
  left:640px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

#felde3r
 {
  position:absolute;
  top:325px;
  left:640px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
  background-image:url(img/felde3r.jpg);
 }


a.linke3
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linke3:link, a.linke3:visited
 {
  background-image:url(img/felde3.jpg);
  background-repeat:no-repeat;
 } 


a.linke3:hover, a.linke3:active
 {
  background-image:url(img/felde3r.jpg);
  background-repeat:no-repeat;
 }

a.linke3r
 { 
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
  background-image:url(img/felde3r.jpg);
  background-repeat:no-repeat;
 } 



#felde4
 {
  position:absolute;
  top:485px;
  left:640px;
  width:160px;
  height:160px;
  margin: 0px
  padding: 0px;
 }

a.linke4
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:160px;
  fontsize:17px;
  color:white;
  font-weight:bold;
  text-decoration:none;
 }

a.linke4:link, a.linke4:visited
 {
  background-image:url(img/felde4.jpg);
  background-repeat:no-repeat;
 } 


a.linke4:hover, a.linke4:active
 {
  background-image:url(img/felde4.jpg);
  background-repeat:no-repeat;
 }






#felda1_pic
 {
  border:none;
  width:160px;
  height:160px;
 }

#feldb1_pic
 {
  border:none;
  width:160px;
  height:160px;
 }

#feldc1_pic
 {
  border:none;
  width:160px;
  height:160px;
 }


#feldd1_pic
 {
  border:none;
  width:160px;
  height:160px;
 }

#felde1_pic
 {
  border:none;
  width:160px;
  height:160px;
 }


#felda2_pic
 {
  border:none;
  width:160px;
  height:160px;
 }

#felda3_pic
 {
  border:none;
  width:160px;
  height:160px;
 }

#felda4_pic
 {
  border:none;
  width:160px;
  height:160px;
 }


#felde2_pic
 {
  border:none;
  width:160px;
  height:160px;
 }

#felde3_pic
 {
  border:none;
  width:160px;
  height:160px;
 }
#felde4_pic
 {
  border:none;
  width:160px;
  height:160px;
 }

#rahmen_pic
 {
  border:none;
  width:800px;
  height:600px;
 }
a.impress
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:center;
  height:20px;
  fontsize:8px;
  color:white;
  font-family:Arial;
  text-decoration:none;
  margin-left:320px;
  
 }
#impress
 {
  margin-top:-58px;
  border:none;
  width:160px;
  height:160px;
 }

a.intern
 {
  display:block;
  position:absolute;
  width:160px;
  text-align:left;
  height:20px;
  fontsize:14px;
  color:#cc0066;
  font-weight:normal;
  font-family:Arial;
  text-decoration:none;
 }


a.intern:hover, a.linka1:active
 {
  color:navy;
 }