/****************************
*  Autor: Barbara Drischel  *
*****************************/

.menu {
 padding: 0px;
 margin: 0;
 background-color: transparent;
 text-align: left;
 /*border: 1px solid blue;*/
 }

.menu li{
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
 }

.menu i{
 font-size: 90%;
 font-style: normal;
 font-weight: bold;
 padding-left: 20px;
 }

.menu a{
 display: block;
 font-size: 80%;
 font-weight: normal;
 border: 1px dotted rgb(0,0,0);
 border-top-style: none;
 border-left-style: none;
 padding: 2px;
 padding-left: 20px;
 margin: 2px auto;
 color: rgb(25,25,25);
 text-decoration: none;
 text-align: left;
 background-image: url(../img/ball-0.png);
 background-repeat: no-repeat;
 background-position: 4px;
 background-color: transparent;
 }

.menu a:hover{
 background-image: url(../img/this.png);
 background-repeat: no-repeat;
 background-position: 4px;
 background-color: rgb(255,255,255);
 color: rgb(0,0,0);
 border-right-style: solid;
 border-bottom-style: solid;
 }

.menu b{
 display: inline;
 border-bottom: transparent;
 }

.menu h4,
#kapitel{
 background-color: transparent;
 background-image: url(../img/h4-menu.gif);
 background-repeat: no-repeat;
 line-height: 25px;
 color: rgb(0,0,0);
 border-style: none;
 margin: 0;
 margin-top: 10px;
 padding-top: 2px;
 padding-left: 15px;
 text-align: left;
 font-size: 80%;
 font-weight: bold;
 }

#kapitel{
 margin-top: 1px;
 margin-left: -3px;
 line-height: 20px;
 padding: 5px;
 padding-left: 25px;
 color: rgb(50,50,50);
 background-image: url(../img/h-kapitel-h.png);
 background-repeat: no-repeat;
 }

#kapitel:hover{
 color: rgb(0,0,0);
 background-image: url(../img/h-kapitel.png);
 }

.menu h4{
 line-height: 30px;
 padding-left: 10px;
 border-bottom: 1px solid rgb(0,0,0);
 color: rgb(150,0,0);
 }

#this{
 background-image: url(../img/ball.png);
 background-repeat: no-repeat;
 background-position: 4px 4px;
 background-color: rgb(220,220,220);
 text-decoration: none;
 color: rgb(0,0,0);
 border-right-style: solid;
 border-bottom-style: solid;
 }

.navi-left-foot{
 margin: 2px 0;
 margin-top: 50px;
 /*border: 1px solid red;
 background-color: rgb(200,200,200);*/
 }

.navi-left-foot h5{
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 font-size: 80%;
 font-weight: normal;
 margin: 2px 0px;
 padding: 5px 0;
 text-align: center;
 color: rgb(0,0,0);
 background-image: url(../img/a-hover-foot.jpg);
 }

.navi-left-foot a{
 display: block;
 padding: 8px 3px;
 text-decoration: none;
 }

.serie{
 /*width: 97%;*/
 height: 80px;
 display: block;
 text-align: center;
 margin: 2px;
 margin-bottom: 20px;
 padding: 0;
 }

.serie a{
 display: inline-block;
 font-size: 70%;
 text-align: center;
 border: 1px solid black;
 background-color: rgb(255,200,50);
 background-image: url(../img/head.jpg);
 color: rgb(127,0,0);
 text-decoration: none;
 margin: 0;
 padding: 2px 4px;
 }

.serie a:hover, #hier{
 color: rgb(255,255,255);
 background-color: rgb(127,0,0);
 background-image: url(../img/head-h.jpg);
 }