/*#seite{
   width: 990px;
   color: #000000;
   background-color: #ffffff;
   margin: 1em auto;
 }*/
 

   body {
   /*color: #000000;
/*   background-color: #ffffff;*/
   background-image:url(img/hinter_haupt.png);
   background-repeat: repeat-y;
   padding-top: 0px;
   margin:0; 
   padding:0; 

 }
 

/* #header {
   height: 75px;
   width: 990px;
   background-color: 82b4ff;
   background-repeat: no-repeat;
   position: static;
   border: 0px;
 }*/
 

 #links {
   height: 100%;
   width: 180px;
   /*background-color: 82b4ff;*/
   background: url(img/hinter_links.png);/*hinter_links.gif*/
   background-repeat: repeat-y;
   /*min-height: 100%;*/
   /*background-attachment: fixed;*/
   position: fixed;
   border: 0px;
   float: left;
   padding-top: 130px;
   padding-left: 10px;
   padding-right: 10px;
   font-family: sans-serif;
   font-size: 15px;
   z-index:5;
   /*position: static;*/

 }




#links a.menu:link, #links a.menu:visited {
display: block;
background: url(img/linka.png) no-repeat;
height: 20px;
width: 160px;
padding-top: 1px;
font-size: 15px;
/*font-weight: bold;*/
color: #000000;
text-indent: 10px;
text-decoration: none;
font-family: Arial;
}

#links a.menu:hover {
background-position: -0px -20px;
text-decoration: none;
color: #000000;
}

#links .menueaktiv {
margin-top: 0px;
margin-bottom:0px;
display: block;
background: url(img/linka.png) no-repeat;
background-position: -0px -20px;
height: 20px;
width: 160px;
padding-top: 1px;
font-size: 15px;
/*font-weight: bold;*/
color: #000000;
text-indent: 10px;
text-decoration: none;
font-family: Arial;
}

#links a.menu:active, #links a.menu:focus {
background-position: -0px -20px;
text-decoration: none;
color: #000000;
}

#links dd {
margin: 0;
padding: 0;
list-style-type: none;
}


#links a.menu_aktiv:link, #links a.menu_aktiv:visited {
display: block;
background: url(img/link_aktiv.png) no-repeat;
height: 20px;
width: 140px;
padding-top: 1px;
font-size: 14px;
/*font-weight: bold;*/
color: #000000;
text-indent: 10px;
text-decoration: none;
font-family: Arial;
}

#links a.menu_aktiv:hover {
background-position: 0px -19px;
text-decoration: none;
color: #000000;
}


#links a.menu1:link, #links a.menu1:visited {
display: block;
background: url(img/link2.png) no-repeat;
background-position: 10px 0px;
height: 18px;
width: 160px;
padding-top: 3px;
font-size: 12px;
/*font-weight: bold;*/
color: #000000;
text-indent: 20px;
text-decoration: none;
font-family: Arial;
}

#links .menueaktiv1 {
margin-top: 0px;
margin-bottom: 0px;
display: block;
background: url(img/link2.png) no-repeat;
background-position: 10px -20px;
height: 18px;
width: 160px;
padding-top: 3px;
font-size: 12px;
/*font-weight: bold;*/
color: #000000;
text-indent: 20px;
text-decoration: none;
font-family: Arial;
}

#links .counter {

 vertical-align:bottom;
 /*position:absolute;*/
 top:350px;
 /*text-align: center;*/
 margin-top: 120px;
   /*color: #82b4ff;
   position: static;*/
   /*padding-top: 180px;*/
   margin-left: 40px;
   position: fixed;
   /*font-family: sans-serif;
   font-size: 18;*/
}

/* #links .counter {

   vertical-align: bottom;
   position: absolute;
   top: 360px;
   text-align: center;
   margin-top: 80px;
   margin-left: 40px;

}*/


#links a.menu1:hover {
background-position: 10px -20px;
text-decoration: none;
color: #000000;
}

#links a.menu1:active, #links a.menu1:focus {
background-position: 10px -20px;
text-decoration: none;
color: #000000;
}


#links a.menu1_a:link, #links a.menu1_a:visited {
display: block;
background: url(img/link1_a.png) no-repeat;
height: 20px;
width: 180px;
padding-top: 1px;
font-size: 13px;
font-weight: bold;
color: #000000;
text-indent: 40px;
text-decoration: none;
font-family: Arial;
}

#links a.menu1_a:hover {
background-position: 0px -19px;
text-decoration: none;
color: #000000;
}

/*menu 3: */


#links a.menu2:link, #links a.menu2:visited {
display: block;
background: #FF6347 no-repeat;
background-position: 10px 0px;
height: 18px;
width: 140px;
padding-top: 3px;
margin-left: 20px;
font-size: 12px;
/*font-weight: bold;*/
color: #000000;
text-indent: 5px;
text-decoration: none;
font-family: Arial;
border: 5px;

  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #FF0000;

}

#links .menueaktiv2 {
margin-top: 0px;
margin-bottom: 0px;
display: block;
background: #FF0000 no-repeat;
background-position: 10px -20px;
height: 18px;
width: 140px;
padding-top: 3px;
margin-left: 20px;
font-size: 12px;
/*font-weight: bold;*/
color: #000000;
text-indent: 5px;
text-decoration: none;
font-family: Arial;
border: 5px;
border-top-width: 5px;
border-top:5px;

  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #FF0000;

}


#links a.menu2:hover {
background-position: 10px -20px;
text-decoration: none;
color: #000000;
}

#links a.menu2:active, #links a.menu1:focus {
background-position: 10px -20px;
text-decoration: none;
color: #000000;
}


#links a.menu2_a:link, #links a.menu2_a:visited {
display: block;
background: #000000 no-repeat;
height: 20px;
width: 170px;
padding-top: 1px;
font-size: 13px;
font-weight: bold;
color: #000000;
text-indent: 40px;
text-decoration: none;
font-family: Arial;
}

#links a.menu2_a:hover {
background-position: 0px -19px;
text-decoration: none;
color: #000000;
}


/*menu3 ende */ 

 #links a:link {
   color: #000000; /* Farbe des Links */
   text-decoration: none; /* kein Unterstrichener Link */
 }  
  

 #links a:visited {
   color: #000000; /* Farbe des schon besuchten Links */
   text-decoration: none; /* kein Unterstrichener Link */
 }  
  

 #links a:link:hover {
   color: #000000; /* Farbe des Aktiven Links */
   text-decoration: none; /* kein Unterstrichener Link */
 }
  

 #mitte {

   /*height: 100%;*/
   padding-left: 200px;
   /*background-image:url(img/hinter_haupt.gif);
   background-position: 180px;
   background-repeat: repeat-y;*/
   color: #000000;
   position: static;
   padding-top: 90px;
   /*margin-top: 150px;*/
   font-family: sans-serif;
   font-size: 16;
   /*background-color: #ffffff;*/
 }

 /*#mitte {
   height: 500px;
   width: 180px;
   position: absolute; /*static
   border: 0px;
   float: right;
   padding-left: 13em;
 } */


 #mitte a:link {
   color: #000000; /* Farbe des Links */
   text-decoration: none; /* kein Unterstrichener Link */
 }  
  

 #mitte a:visited {
   color: #000000; /* Farbe des schon besuchten Links */
   text-decoration: none; /* kein Unterstrichener Link */
 }  
  

 #mitte a:link:hover {
   color: #262CF2; /* Farbe des Aktiven Links */
   text-decoration: none; /* kein Unterstrichener Link */
 }
 
 #mitte h1 {
   font-size: 40;
   font-family: sans-serif;
   /*text-decoration: underline;*/
   margin-top: 0px;
   font-weight: normal;
   text-align: center;
}

 #mitte h2 {
   font-size: 25;
   font-family: sans-serif;
   margin-top: 5px;
   margin-bottom: 5px;
}
 #mitte h3 {
   font-size: 20;
   font-family: sans-serif;
   margin-top: 30px;
   margin-bottom: 10px;
}

 #mitte td {
   font-size: 16;
   font-family: sans-serif;
   text-align: left;
   vertical-align: top;
}

 #mitte th {
   font-size: 20;
   font-weight: bolder;
   font-family: sans-serif;
   text-align: left;
   vertical-align: top;
}


 #mitte table {
   text-align: center;
}

 #counter {
   /*color: #82b4ff;
   position: static;*/
   padding-top: 500px;
   padding-left: 50px;
   position: fixed;
   /*font-family: sans-serif;
   font-size: 18;*/
 }


 #footer {
   height: 90px;
   width: 100%;
   background: url(img/hinter_links.png);
   background-repeat: repeat-y;
   background-color: 82b4ff;
   /*background-repeat: no-repeat;*/
   position: fixed;/*relative;/*static*/
   border: 0px;
   clear: both;
   /*float: left;*/
   padding-left: 0px;
   padding-top: 0px;
   margin-top: 0px;
   z-index: 6;
   /*background-color: 82b4ff;*/
   white-space:nowrap;


 }




#menu {

	/*width: 165px; */
	/*background: #eee; */

   position: fixed;
   border: 0px;
   float: left;
   padding-top: 190px;
   padding-left: 200px;
   padding-right: 10px;
   font-family: sans-serif;
   font-size: 20px;
   z-index:0;
   font-weight: bold;
	}

#menu .menueaktiv {
margin-top: 0px;
margin-bottom:0px;
display: block;
background: url(img/linka.png) no-repeat;
background-position: -0px -20px;
height: 20px;
width: 160px;
padding-top: 1px;
font-size: 16px;
font-weight: bold;
color: #000000;
text-indent: 20px;
text-decoration: none;
font-family: Arial;
}




/*#menu ul { list-style: none; margin: 0; padding: 0; width: 165px; float: left; }

#menu a, #menu h2 {
  font: bold 14px arial, helvetica, sans-serif;
  display: block;
  border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb;
  margin: 0; padding: 2px 3px; }

#menu h2 { color: #000000; background: #cfcfcf; padding-left: 20px; }

#menu a { color: #000; background: #efefef; text-decoration: none; }

#menu a:hover { color: #a00; background: #fff; } */

#menu li { position: relative; }

#menu ul { position: relative; z-index: 500; }

#menu ul ul { position: absolute; top: 0; left: 100%; width: 100%; z-index: 500;}

#menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%; z-index: 500;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
  {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display: block;} 




 #videomitte {

   /*height: 100%;*/
   padding-left: 400px;
   /*background-image:url(img/hinter_haupt.gif);
   background-position: 180px;
   background-repeat: repeat-y;*/
   color: #000000;
   position: static;
   padding-top: 150px;
   /*margin-top: 150px;*/
   font-family: sans-serif;
   font-size: 18;
   /*background-color: #ffffff;*/
 }

 #videomitte h1 {
   font-size: 40;
   font-family: sans-serif;
   /*text-decoration: underline;*/
   margin-top:5px;
}

 #videomitte h2 {
   font-size: 40;
   font-family: sans-serif;
   margin-top: 5px;
   margin-bottom: 5px;
}

 #videomitte td {
   font-size: 18;
   font-family: sans-serif;
   text-align: left;
   vertical-align: top;
}

 #videomitte th {
   font-size: 20;
   font-weight: bolder;
   font-family: sans-serif;
   text-align: left;
   vertical-align: top;
}


 #videomitte table {
   text-align: center;
}

  

 /*#footer p.footer {
   padding-top: 13px; /* Ausrichtung der Schrift im Footer (vertikal) */
   /*text-align: center; /* Ausrichtung der Schrift im Footer (horizontal) */
  /* font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;/*
 }
  

 #footer a:link {color: #000000;} /* Farbe des Links */
  

 #footer a:visited {color: #000000;} /* Farbe des schon besuchten Links */
  

 #footer a:link:hover {color: #262CF2;} /* Farbe des Aktiven Links */