* {
        font-size: 100.01%;
        margin: 0px;
        padding: 0px;
}

html { height:101%
}

body {
     text-align:center;

     font-family: Arial, Tahoma, Verdana, sans serif;
     font-size:14px;
     margin-left:20px;

}
div {
    background-color:#FFFFFF;


}

q {
         font-size: 16px;
         font-weight:bold;
         color:#333;
         quotes:"\201E" "\201C";

         }

h1 {
         font-size: 22px;
         color:#aaaaaa;
         }

.Lesung {
         font-size:30px;

         letter-spacing:-0.02em;
         display:block;
         background-color:#DE6225;
         color:#ffffff;
         }
.Lesung_alt {
         font-size:30px;

         letter-spacing:-0.02em;
         display:block;
         background-color:#DDB6AA;
         color:#ffffff;
         }

.Konzert {
         font-size:30px;

         letter-spacing:-0.02em;
         display:block;
         background-color:#FF9900;
         color:#ffffff;
         }

.Konzert_alt {
         font-size:30px;

         letter-spacing:-0.02em;
         display:block;
         background-color:#E2C8A5;
         color:#ffffff;
         }



h2 {
         font-size: 21px;
         color:#aaaaaa;
         }

a {
         font-size:12px;
         font-weight:bold;
         letter-spacing:0.1em;

  background-color:#AAAAAA;
         }

.trenn { height: 0;
         border-bottom: 2px dotted #c1c1c1;

         }

hr {
         border:0;
         height:2px;
         margin-top:30px;
         margin-bottom:30px;
         color:#aaaaaa;
         background-color:#aaaaaa;
}
.top {
         margin-top:6px;
         margin-bottom:40px;
         }
a:link{
         color:#FFFFFF;
         text-decoration: none
}
a:visited{
         color:#FFFFFF;
         text-decoration: none
}
a:hover{
         color:#808080;
         text-decoration: none;
         background-color:#DDDDDD;


}
a:active{
         color:#00000;
         text-decoration: none
}
#aktiv{
         font-size:12px;
         font-weight:bold;

        font-color:#202020;
         letter-spacing:0.1em;
         background-color:#AAAAAA;
         }

#eflk{
         color:#808080;
         text-decoration: underline;
         background-color:#DDDDDD;
         }

#wrapper {
         margin : auto;
         position : relative;
         text-align : left;
}

#wrapper,
#banner,

#footer {

         width: 800px;
         margin:0px auto;
}

.clearing:  {clear:both;
}

.innen {
         height:17px;
         background-color:#AAAAAA;
         }

#navigation ul{
         list-style:none;
         float:right;
}
#navigation li{

        overflow:hidden;
         float:left;
}
.active {
         font-size:12px;
         font-weight:bold;

        font-color:#202020;
         letter-spacing:0.1em;
         background-color:#AAAAAA;
         }


#navigation a{


         display:block;
         padding:0px 14px 1px ;

         border-left:1px solid #FFFFFF;
}
#Imi {
         float:left;

         margin-right:30px;
}
#Imi2 {
         float:left;

         margin-top:30px;
         margin-right:30px;

}
#Imi3 {
         margin-top:30px;


}
#audioplayer {
         float:right;
         margin-right:110px;


}
#video {
         text-align:center;
}

#video2 {
         text-align:center;
         margin-top:35px;
         margin-bottom:35px;
}

#kleingedrucktes { font-size:10px;
                 font-color:#202020;
                 }

#main {

         overflow:hidden;
         padding:30px;



      }

p {
         margin-top:10px;
         }



#grau2 {display:block;
         padding:0px 21px 1px;
         background-image:url(pics/grau.gif);
         background-repeat:repeat-x;
         overflow:hidden;
         width:300px;
         float:right;
         }

#grau {
         background-image:url(pics/grau.gif);
         background-repeat:repeat-x;
         height:12px;
         width:272px;


         }