/*  --  navigation  --  */
#navi1{
  float:left;
  height:300px;
  width:360px;
  padding:50px 0 0 0;
}

#navi1 ul{
  list-style-type: none;
}

#navi1 ul li {
  margin-right:20px;
}

/*    --    TEXT RAUS, höhe für die navigation angeben  !!!    --    */
#navi1 ul li a{
  text-indent: -5000px;
  display:block;
  height:51px;
}


/*    --    bilder rein  !!!    --    */
/*  --  link1  --  bild als background für <a> mit der ID link1 */
a#link1 {
      width:113px;
      margin:10px 0 0 20px;
      background: url(../images/navigation/startseite_2.gif) 0 0 no-repeat;
}

/*  --  a:hover - background -40px nach links verschieben  --  */
a#link1:hover {
      background-position: -113px 0; 
} 

/*  --  <a> - background, von anfang(laden der seite) an -40px nach links verschieben  --  */
a#link1-aktiv {
      width:113px;
      margin:10px 0 0 20px;
      background: url(../images/navigation/startseite_2.gif) -113px 0 no-repeat;
}


/*  --  link2  --  */
a#link2 {
      width:113px;
      margin:10px 0 0 70px;
      background: url(../images/navigation/zur_person_2.gif) 0 0 no-repeat;
}
a#link2:hover {
      background-position: -113px 0;
} 
a#link2-aktiv {
      width:113px;
      margin:10px 0 0 70px;
      background: url(../images/navigation/zur_person_2.gif) -113px 0 no-repeat;
}

/*  --  link3  --  */
a#link3 {
      width:113px;
      margin:10px 0 0 20px;
      background: url(../images/navigation/printmedien_2.gif) 0 0 no-repeat;
}
a#link3:hover {
      background-position: -113px 0;
} 
a#link3-aktiv {
      width:113px;
      margin:10px 0 0 20px;
      background: url(../images/navigation/printmedien_2.gif) -113px 0 no-repeat;
}


/*  --  link4  --  */
a#link4 {
      width:123px;
      margin:10px 0 0 70px;
      background: url(../images/navigation/photographie_2.gif) 0 0 no-repeat;
}
a#link4:hover {
      background-position: -123px 0;
} 
a#link4-aktiv {
      width:123px;
      margin:10px 0 0 70px;
      background: url(../images/navigation/photographie_2.gif) -123px 0 no-repeat;
}


/*  --  link5  --  */
a#link5 {
      width:148px;
      margin:10px 0 0 20px;
      background: url(../images/navigation/non-printmedien_2.gif) 0 0 no-repeat;
}
a#link5:hover {
      background-position: -148px 0;
} 
a#link5-aktiv {
      width:148px;
      margin:10px 0 0 20px;
      background: url(../images/navigation/non-printmedien_2.gif) -148px 0 no-repeat;
}



/*################################################################*/


/*  --  navigation - 2  --  */
#navi2{
  float:left;
  height:80px;
  width:30px;
}

#navi2 ul{
  list-style-type: none;
}

#navi2 ul li {
}

/*    --    TEXT RAUS, höhe für die navigation angeben  !!!    --    */
#navi2 ul li a{
  text-indent: -5000px;
  display:block;
  height:19px;
}


/*    --    bilder rein  !!!    --    */
/*  --  link6  --  bild als background für <a> mit der ID link1 */

/*  --  link9  --  */
a#link9 {
      width:20px;
      margin:90px 0 0 640px;
      background: url(../images/navigation/gaestebuch.gif) 0 0 no-repeat;
}
a#link9:hover {
      background-position: -20px 0;
} 
a#link9-aktiv {
      width:20px;
      margin:90px 0 0 640px;
      background: url(../images/navigation/gaestebuch.gif) -20px 0 no-repeat;
}


a#link6 {
      width:20px;
      margin:0 0 0 660px;
      background: url(../images/navigation/kontakt.gif) 0 0 no-repeat;
}

/*  --  a:hover - background -40px nach links verschieben  --  */
a#link6:hover {
      background-position: -20px 0; 
} 

/*  --  <a> - background, von anfang(laden der seite) an -40px nach links verschieben  --  */
a#link6-aktiv {
      width:20px;
      margin:0 0 0 660px;
      background: url(../images/navigation/kontakt.gif) -20px 0 no-repeat;
}


/*  --  link7  --  */
a#link7 {
      width:20px;
      margin:0 0 0 680px;
      background: url(../images/navigation/links.gif) 0 0 no-repeat;
}
a#link7:hover {
      background-position: -20px 0;
} 
a#link7-aktiv {
      width:20px;
      margin:0 0 0 680px;
      background: url(../images/navigation/links.gif) -20px 0 no-repeat;
}

/*  --  link8  --  */
a#link8 {
      width:20px;
      margin:0 0 0 700px;
      background: url(../images/navigation/impressum.gif) 0 0 no-repeat;
}
a#link8:hover {
      background-position: -20px 0;
} 
a#link8-aktiv {
      width:20px;
      margin:0 0 0 700px;
      background: url(../images/navigation/impressum.gif) -20px 0 no-repeat;
}