/* *************************************************************************** */
/* STYLES FÜR DIE HAUPTNAVI WM2006                                   */
/* *************************************************************************** */

/* Topnavi REITER */

#reiterNavipunkt1
{
  float: left;
  height: 19px;
  background-image: url(/images/fruchthalle/reiter/reiter_navipunkt_fruchthalle.gif);
  border-left: 1px solid #707070;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 99px;
}
html>#reiterNavipunkt1
{
  width: 99px;
}


#reiterNavipunkt2
{
  float: left;
  height: 19px;
  background-image: url(/images/fruchthalle/reiter/reiter_navipunkt_fruchthalle.gif);
  border-left: 1px solid #707070;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 99px;
}
html>#reiterNavipunkt2
{
  width: 99px;
}


#reiterNavipunkt3
{
  float: left;
  height: 19px;
  background-image: url(/images/fruchthalle/reiter/reiter_navipunkt_fruchthalle.gif);
  border-left: 1px solid #707070;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 99px;
}
html>#reiterNavipunkt3
{
  width: 99px;
}


#reiterNavipunkt4
{
  float: left;
  height: 19px;
  background-image: url(/images/fruchthalle/reiter/reiter_navipunkt_fruchthalle.gif);
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 99px;
}
html>#reiterNavipunkt4
{
  width: 99px;
}

#reiterNavipunkt5
{
  float: left;
  height: 19px;
  background-image: url(/images/fruchthalle/reiter/reiter_navipunkt_fruchthalle.gif);
  border-right: 1px solid #707070;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 102px;
}
html>#reiterNavipunkt5
{
  width: 102px;
}

#copyrightFusszeile
{
    float: left;
    text-align: right;
    margin: 49px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}




/*** Topnavi Punkt1 ***/

#navipunkt1 a, #navipunkt2 a, #navipunkt3 a, #navipunkt4 a, #navipunkt5 a
{
  color: black;
}



.navipunkt1bg 
{
  border-bottom: 1px solid #dbdbdb;
  background-color: #dbdbdb;
}


#navipunkt1, #navipunkt1 ul 
{
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  line-height: 1;
}


#navipunkt1 a
{
  display: block;
  width: 100%;
}

#liNavipunkt1
{ /* li in der ersten ebene */
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 16px 0px 10px 0px;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-color: #FFFFFF;
  height: 67px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 99px;
  height: 39px;
}
html>#liNavipunkt1
{
  width: 99px;
  height: 39px;
}
#liNavipunkt1:hover
{
  border-bottom: 1px solid #dbdbdb;
  background-color: #dbdbdb;
}


#navipunkt1 li ul
{ /* li in der zweiten ebene */
  position: absolute;
  top: 176px;
  left: -999px; /* hier KEIN display: none, da die unterpunkte von screen readern nicht gesehen werden */
  text-align: left;
  background-color: #dbdbdb;
  padding: 10px 0px 10px 0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  padding: 10px 0px 10px 20px;
  width: 281px;
}
html>#navipunkt1 li ul
{
  padding: 10px 0px 10px 20px;
  width: 281px;
}


#navipunkt1 #liNavipunkt1:hover ul, #navipunkt1 #liNavipunkt1.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
  left: 250px;  
}


.randNavipunkt1
{
  height: 10px;
  font-size: 1px;
  margin: 10px 0px -10px -20px;
  padding: 0px 0px 0px 0px;
  background-color:#a4a4a4; 
  width: 273px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 253px;
}
html>.randNavipunkt1
{
  width: 253px;
}


/*** Topnavi Punkt2 ***/

.navipunkt2bg 
{
  background-color: #dbdbdb;
}


#navipunkt2, #navipunkt2 ul 
{
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  line-height: 1;
}


#navipunkt2 a
{
  display: block;
  width: 100%;
}

#liNavipunkt2
{ /* li in der ersten ebene */
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-color: #FFFFFF;
  width: 99px;
  height: 67px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 39px;
}
html>#liNavipunkt2
{
  width: 99px;
  height: 39px;
}
#liNavipunkt2:hover
{
  border-bottom: 1px solid #dbdbdb;
  background-color: #dbdbdb;
}


#navipunkt2 li ul
{ /* li in der zweiten ebene */
  position: absolute;
  top: 176px;
  left: -999px; /* hier KEIN display: none, da die unterpunkte von screen readern nicht gesehen werden */
  text-align: left;
  background-color: #dbdbdb;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 281px;
  padding: 10px 0px 10px 20px;
}
html>#navipunkt2 li ul
{
  padding: 10px 0px 10px 20px;
  width: 281px;
}


#navipunkt2 #liNavipunkt2:hover ul, #navipunkt2 #liNavipunkt2.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
  left: 350px;
}


.randNavipunkt2
{
  height: 10px;
  font-size: 1px;
  margin: 10px 0px -10px -20px;
  padding: 0px 0px 0px 0px;
  background-color:#a4a4a4; 
  width: 273px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 253px;
}
html>.randNavipunkt2
{
  width: 253px;
}




/*** Topnavi Punkt3 ***/

.navipunkt3bg 
{
  background-color: #dbdbdb;
}


#navipunkt3, #navipunkt3 ul 
{
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  line-height: 1;
}


#navipunkt3 a
{
  display: block;
  width: 100%;
}

#liNavipunkt3
{ /* li in der ersten ebene */
  float: left;
  height: 39px;
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-color: #FFFFFF;
  height: 67px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 99px;
  height: 39px;
}
html>#liNavipunkt3
{
  width: 99px;
  height: 39px;
}
#liNavipunkt3:hover
{
  border-bottom: 1px solid #dbdbdb;
  background-color: #dbdbdb;
}


#navipunkt3 li ul
{ /* li in der zweiten ebene */
  position: absolute;
  top: 176px;
  left: -999px; /* hier KEIN display: none, da die unterpunkte von screen readern nicht gesehen werden */
  text-align: left;
  background-color: #dbdbdb;
  padding: 10px 0px 10px 0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 284px;
  padding: 10px 0px 10px 20px;
}
html>#navipunkt3 li ul
{
  width: 284px;
  padding: 10px 0px 10px 20px;
}


#navipunkt3 #liNavipunkt3:hover ul, #navipunkt3 #liNavipunkt3.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
  left: 450px;
}


.randNavipunkt3
{
  height: 10px;
  font-size: 1px;
  margin: 10px 0px -10px -20px;
  padding: 0px 0px 0px 0px;
  background-color:#a4a4a4; 
  width: 273px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 253px;
}
html>.randNavipunkt3
{
  width: 253px;
}





/*** Topnavi Punkt4 ***/

.navipunkt4bg 
{
  background-color: #dbdbdb;
}


#navipunkt4, #navipunkt4 ul 
{
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  line-height: 1;
}


#navipunkt4 a
{
  display: block;
  width: 100%;
}

#liNavipunkt4
{ /* li in der ersten ebene */
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;

  border-bottom: 1px solid #707070;
  background-color: #FFFFFF;
  height: 67px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 99px;
  height: 39px;
}
html>#liNavipunkt4
{
  width: 99px;
  height: 39px;
}
#liNavipunkt4:hover
{
  border-bottom: 1px solid #dbdbdb;
  background-color: #dbdbdb;
}


#navipunkt4 li ul
{ /* li in der zweiten ebene */
  position: absolute;
  top: 176px;
  left: -999px; /* hier KEIN display: none, da die unterpunkte von screen readern nicht gesehen werden */
  text-align: left;
  background-color: #dbdbdb;
  padding: 10px 0px 10px 0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 284px;
  padding: 10px 0px 10px 20px;
}
html>#navipunkt4 li ul
{
  width: 284px;
  padding: 10px 0px 10px 20px;
}


#navipunkt4 #liNavipunkt4:hover ul, #navipunkt4 #liNavipunkt4.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
  left: 450px;
}


.randNavipunkt4
{
  height: 10px;
  font-size: 1px;
  margin: 10px 0px -10px -20px;
  padding: 0px 0px 0px 0px;
  background-color:#a4a4a4; 
  width: 273px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 253px;
}
html>.randNavipunkt4
{
  width: 253px;
}

/*** Topnavi Punkt5 ***/

.navipunkt5bg 
{
  background-color: #dbdbdb;
}


#navipunkt5, #navipunkt5 ul 
{
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
  line-height: 1;
}


#navipunkt5 a
{
  display: block;
  width: 100%;
}

#liNavipunkt5
{ /* li in der ersten ebene */
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 26px 0px 0px 0px;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  background-color: #FFFFFF;
  height: 67px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 102px;
  height: 39px;
}
html>#liNavipunkt5
{
  width: 102px;
  height: 39px;
}
#liNavipunkt5:hover
{
  border-bottom: 1px solid #dbdbdb;
  background-color: #dbdbdb;
}


#navipunkt5 li ul
{ /* li in der zweiten ebene */
  position: absolute;
  top: 176px;
  left: -999px; /* hier KEIN display: none, da die unterpunkte von screen readern nicht gesehen werden */
  text-align: left;
  background-color: #dbdbdb;
  padding: 10px 0px 10px 0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 284px;
  padding: 10px 0px 10px 20px;
}
html>#navipunkt5 li ul
{
  width: 284px;
  padding: 10px 0px 10px 20px;
}


#navipunkt5 #liNavipunkt5:hover ul, #navipunkt5 #liNavipunkt5.sfhover ul
{ /* was passiert auf hover? ie braucht die javascript-kruecke */
  left: 450px;
}


.randNavipunkt5
{
  height: 10px;
  font-size: 1px;
  margin: 10px 0px -10px -20px;
  padding: 0px 0px 0px 0px;
  background-color:#a4a4a4; 
  width: 273px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 253px;
}
html>.randNavipunkt5
{
  width: 253px;
}