body{
   background: #FFF url("../images/bg/bgwasser.jpg");
   font-size: 62.5%;
}

*{
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   line-height:1.5;
   padding:0;
   margin:0;
   color:#000000;
   list-style-type:none;
}

a, a:visited      { color: #00C; text-decoration: none; font-size:1.1em; }
a:hover, a:active { color: #006; text-decoration: none; font-size:1.1em; }

h2, h3{
   font-size:1.2em;
   color:#0A246A;
   text-decoration:underline;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-bottom:20px;
}

h3{
   text-decoration:none;
}

h4{
   font-size:1.6em;
   color:#0A246A;
   text-decoration:underline;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-bottom:0px;
}

h5{
   font-size:1.2em;
   color:#FFFFFF;
   text-decoration:none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-bottom:0px;
}

hr{
   clear:both;
   visibility:hidden;
   height:20px;
}

p{
   font-size:1.1em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:justify;
}
ul{
   margin:0;
   padding:0;
}

ul li{
   margin:0;
   padding:0;
   list-style-type:none;
   font-size:1.2em;
}

ul.blue li{
   background: transparent url("../images/kreiskr.png") no-repeat top left;
   line-height: 25px;
   padding-left:25px;
}

ul.green li{
   background: transparent url("../images/kreiskr-g.png") no-repeat top left;
   line-height: 25px;
   padding-left:25px;
}

#APInterface{
   position:absolute;
   left:50%;
   margin: 20px 0px 20px -450px;
   width:900px;
   background: #FFF url("../images/bg/bg-kachel.gif");
}

   #APInterfaceTop{
      height:121px;
      background: #FFF url("../images/bg/bg-t.jpg");
   }

      #APInterfaceTop ul{
         position:absolute;
         left:390px;
         top: 97px;
         height:16px;
      }

         #APInterfaceTop ul li{
            float:left;
            width:80px;
            margin-right:20px;
            text-align:center;
         }

            #APInterfaceTop ul li a{
               display:block;
               background: transparent url(../images/bg/menu.gif);
               font-size:1em;
               line-height:16px;
               color: #FFF;
            }

            #APInterfaceTop ul li a:hover{
               background: transparent url(../images/bg/menu_hover.gif);
               color: #800;
            }

   #APInterfaceHead{
      height:20px;
   }

      #APInterfaceHead *{
         visibility:hidden;
      }

   #APInterfaceL1{
      float:left;
      width:190px;
   }

      #APInterfaceL1 ul{
         width:130px;
         height:800px;
         margin-left:30px;
         background: transparent url("../images/bg/bgbox1-1.gif") no-repeat top left;
         text-align:center;
      }

         #APInterfaceL1 ul li{
            margin-bottom:20px;
         }

            #APInterfaceL1 ul li *{
               color:#FFF;
               font-size:0.8em;
               line-height:1em;
            }
   #APInterfaceL2{
      float:left;
      width:170px;
   }

      #APInterfaceL2 ul{
         width:120px;
         height:270px;
         margin-left:25px;
         margin-bottom:20px;
         background: transparent url("../images/bg/bgbox2-1.gif") no-repeat top left;
      }
         #APInterfaceL2 ul li{
            padding: 7px 0px;
            margin:0px 4px;
            text-align:left;
         }

            #APInterfaceL2 ul li a{
               display:block;
               padding-left:3px;
               font-size:1em;
               text-align:left;
               color:#FFF;
               background: transparent url("../images/pmk.gif") no-repeat 95px 4px;
            }

            #APInterfaceL2 ul li a:hover{
               background-color: #A6CAF0;
               color:#800;
            }

      #APInterfaceL2 p{
         width:120px;
         height:250px;
         margin-left:25px;
         margin-top:30px;
         background: transparent url("../images/bg/bgbox2-2.gif") no-repeat top left;
         color:#FFF;
         text-align:center;
      }

         #APInterfaceL2 p strong{
            display:block;
            margin:20px 3px;
            padding:10px 0px;
            border-top:1px solid #CCC;
            border-bottom:1px solid #CCC;
            color:#FFF;
         }

         #APInterfaceL2 p small{
            font-size:9px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            padding:3px;
            color:#FFF;
         }

         #APInterfaceL2 p a{
            margin: 15px 4px;
            display:block;
            padding-left:3px;
            font-size:1em;
            text-align:left;
            color:#FFF;
            background: transparent url("../images/pmk.gif") no-repeat 95px 4px;
         }

         #APInterfaceL2 p a:hover{
            background-color: #A6CAF0;
            color:#800;
         }

   #APInterfaceMain{
      float:left;
      display:inline;
      width:440px;
      margin:0px 30px;
      padding:20px;
      text-align:left;
      background:#FFF;
         }
   
   #APInterfaceFooter{
      clear:both;
      border-top:10px solid #05889C;
      margin-top:20px;
      height:40px;
      background:#DBDCEF;
   }

   #APInterfaceFooter p{
      text-align:justify;
   }
   #APInterfaceFooter p small{
      font-size:10px;
      line-height:1.2;
      color:#999;
   }