body, html{
font-family:Arial,Helvetica;
background-color:rgb(255,255,222);
margin:0;
padding:0;
}

div.header{
border: none;
height: 208px;
overflow: hidden;
}

div.header div.header-inside{
padding-left: 130px;
margin: 100px;
}

#logo1 {
height:62px;
left:0px;
position:absolute;
top:0px;
}

#logo2{
height:146px;
left:0px;
position:absolute;
top:62px;
}

div.top_navigation {
   background-image:url(images/Navi_small.png);
   background-repeat:repeat-x;
   background-color:rgb(255,255,222);
   display:inline;
   float: left;
   position: relative;
   height:39px;
   top:-50px;
   left: 20px;
   width: 750px;
}

a.top_link {
   text-align:center;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   top: 8px;
   position:relative;
}

a.top_link:link, a.top_link:visited {
   color:rgb(0,0,0);
}

a.top_link:hover, a.top_link:active {
   color:red;
}

a#home.top_link {
   left:10px;
   z-index:3;
}
a#ueberuns.top_link {
   left:30px;
   z-index:4;
}

a#repertoire.top_link {
   left:50px;
   z-index:5;
}

a#termine.top_link {
   left:70px;
   z-index:5;
}

a#unterricht.top_link {
   left:80px;
   z-index:6;
}

a#gallery.top_link {
   left:100px;
   z-index:7;
}

a#freunde.top_link {
   left:120px;
   z-index:8;
}

a#sponsor.top_link {
   left:140px;
   z-index:9;
}

/*a#presse.top_link {*/
/*   left:70px;*/
/*  z-index:9;*/
/*}*/

a#links.top_link {
   left:160px;
   z-index:10;
}

a#kontakt.top_link {
   left:180px;
   z-index:11;
}

a#home:hover, a#home:active,
a#ueberuns:hover, a#ueberuns:active,
a#repertoire:hover, a#repertoire:active,
a#termine:hover, a#termine:active,
a#unterricht:hover, a#unterricht:active,
a#gallery:hover, a#gallery:active,
a#freunde:hover, a#freunde:active,
a#sponsor:hover, a#sponsor:active,
a#presse:hover, a#presse:active,
a#links:hover, a#links:active,
a#kontakt:hover, a#kontakt:active
{
   z-index:12;
}

a.links:link    {font-family: Arial, Helvetica; font-size: 0.9em; font-weight: 700; color: #00277C; text-decoration: none}
a.links:visited {font-family: Arial, Helvetica; font-size: 0.9em; font-weight: 700; color: #00277C; text-decoration: none}
a.links:hover   {font-family: Arial, Helvetica; font-size: 0.9em; font-weight: 700; color: #00277C; text-decoration: underline}
a.links:active  {font-family: Arial, Helvetica; font-size: 0.9em; font-weight: 700; color: #00277C; text-decoration: underline}

#small_navigation {
   position:absolute;
   color:black;
   top:25px;
   left:735px;
   width:300px;
   height:20px;
   background-color:rgb(255,255,222);
}

a.small_link {
   text-align:left;
   font-size:0.7em;
   font-weight:bold;
   text-decoration:none;
}

a.small_link:link, a.top_link:visited {
   color:black;
}

a.small_link:hover, a.top_link:active {
   color:red;
}

div.news{
font-size: 0.83em;
border: none;
margin: 0;
padding: 0;
float: left;
width: 16em;
}

div.news div.news-inside{
padding: 0.7em;
}

div.news div.news-inside h3 {
color:#8C0831;
font-size:1.3em;
font-weight:bold;
}

div.news div.news-inside  h4 {
background-color:#8C0831;
color:white;
font-size:1.1em;
font-weight:bold;
}

div.features{
font-size: 0.83em;
padding: 0;
border: none;
width: 18em;
float: right;
margin: -3em 1em 0 0;
}

div.features div.features-inside{
padding: 0.7em;
}

div.features div.features-inside h3 {
color:#8C0831;
font-size:1.3em;
font-weight:bold;
}

div.features div.features-inside h4 {
background-color:#8C0831;
color:white;
font-size:1.1em;
font-weight:bold;
}

div.content{
margin: -5.5em 15em 0 13em;
padding: 0 1em;
}

div.content div.content-inside {
padding: 0.7em;
margin: 0 0.5em;
}

div.content div.content-inside p.textmbildl{
color:black;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-align:justify;
}

div.content div.content-inside img.bildl{
border:1px solid black;
float: right;
margin-left:0.6em;
}

div.content div.content-inside p.textmbildr{
color:black;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-align:justify;
}

div.content div.content-inside img.bildr{
border:1px solid black;
float:left;
margin-right:0.6em;
}

div.content div.content-inside ul.Taenze-box{
   text-decoration:none;
}

div.content div.content-inside ul.Taenze-box li{
   display:inline;
}

div.content div.content-inside h2 {
color:black;
font-size:1.5em;
font-weight:bold;
margin:0.2em 0;
}

div.content div.content-inside h3 {
color:black;
font-size:1.3em;
font-weight:bold;
}

div.content div.content-inside p.text{
color:black;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-align:justify;
}

div.content div.content-inside ul{
color:black;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-align:justify;
}
div.content div.content-inside ul#termine-list{
color:black;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-align:justify;
}

div.content div.content-inside ul.Dias{
margin:3em 50px 1em;
padding:0;
text-align:center;
}

div.content div.content-inside ul.Dias li{
display: inline;
}