* {color: #ffffff; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; }
body    { background: #7C6307 url(../bilder/StartScheibe_gross_gruen.jpg) no-repeat fixed -40px -135px }

p { }
td { }
body, p, td, a, li   {font-size: 90%; }
td { padding-right: 10px; border: none }

p a:link { text-decoration: none; border-bottom: 1px solid #f00}
p a:visited {text-decoration: none;  border-bottom: 1px solid #f00 }
p a:hover { text-decoration: none;  border-bottom: 1px solid #fff}
p a:active { text-decoration: none;  border-bottom: 1px solid #f00}
p a img { text-decoration: none; border: 0px solid #000}

ul, li  { margin: 0px; padding: 0px; border:0px; list-style: none;}

#MartinZitat { font-style: italic; width: 580px; height: 270px; padding-top: 20px; padding-bottom: 80px; background-image: url(../bilder/martin_trommel_haupt.gif); background-repeat: no-repeat; background-position: 100% 100%; position: static; margin: 20px 10px; }
#MartinZitat:hover   {  background-image: url(../bilder/martin_trommel_haupt_hover.gif)}
#MartinZitat p { margin-left: 25px; margin-top: 55px; padding-right: 300px; margin-bottom: 20px;
                 background-image: url(../bilder/martin_trommel_haupt_hover.gif) ; background-repeat: no-repeat; background-position: -9999px 0; }
#MartinZitat p, #MartinZitat p * { color: #787; font-size: 110%; text-align: center; font-weight: bold; line-height: 120%; }
#MartinZitat:hover p,#MartinZitat:hover p * {   color: #fff}

.logo, .clear { clear: both;  position: inherit;  }
.news { clear: right;   }

#BereichHeader      { margin-top: 0px; margin-left: 70px; width: 80%; height: 155px; visibility: visible; display: block }
#BereichHeader   a:hover {outline:none}
#BereichHeader   a:focus {outline:none}
#BereichHauptTab2       { margin-bottom: 80px; padding: 20px; border: solid 1px #ffffff; z-index: 2; visibility: visible; display: block }
#BereichHauptTab       { margin-bottom: 50px; padding: 20px; border: solid 1px #ffffff; z-index: 2; margin-top: 0px; margin-left: 0px; margin-right: 0px; width: 90%; height: auto; visibility: visible; display: block; background-image: url(../bilder/bg_trans50.png);  }
#BereichHauptNews      { margin-bottom: 50px; padding: 20px; border: solid 1px #ffffff; z-index: 2; margin-top: 0px; margin-left: 0px; margin-right: 0px; width: 90%; height: auto; visibility: visible; display: block; background-image: url(../bilder/bg_trans50.png);  }
#BereichHauptTab       {width: 100%; float:left}
#BereichHauptNews      {width: 200px; float:right; display: none;}

#content  { z-index: 0;}
#content ul { margin-left: 165px;  padding-left: 0px; border:0;}
#content li { 
margin-left: 80px; margin-top: 10px; padding-left: 0px; border:0; 
list-style: circle;}

#Menu  { z-index: 3;}
.MenuHaupt {  visibility: visible;  color: inherit;}
.MenuHaupt ul li   {  display: block;  width: 163px; height: 51px; font-size: 0pt;}
.MenuHaupt ul li a {  display: block;  width: 163px; height: 51px; line-height: 0pt; text-indent: 999em; overflow: hidden; white-space: nowrap; outline:none}
.MenuHaupt ul li a:hover {background-position: 0 -51px; outline:none}
.MenuHaupt ul li a:focus {background-position: 0 -51px; outline:none}

.MenuHaupt ul li ul { display: none; visibility:visible;  z-index: 3; }
.MenuHaupt ul li:hover ul, ul li.over ul { display: block; visibility: visible; } /* The magic for IE */
.MenuHaupt ul li:focus ul, ul li.mmm ul { display: block; visibility: visible; } /* The magic for IE */
.MenuHaupt ul li:active ul, ul li.mmm ul { display: block; visibility: visible; } /* The magic for IE */

.MenuHaupt ul li ul li   {  display: block;  width: 136px; height: 32px !important; }
.MenuHaupt ul li ul li a {  display: block;  width: 136px; height: 32px !important;  outline:none}
.MenuHaupt ul li ul li a:hover {background-position: 0 -32px;  outline:none}
.MenuHaupt ul li ul li a:focus {background-position: 0 -32px;  outline:none}

.Submenu a       {  display: block;  width: 136px; height: 32px !important;
         font-size: 0pt; line-height: 0; color: transparent; outline:none}
.Submenu a:hover {background-position: 0 -32px; outline:none}
.Submenu a:focus {background-position: 0 -32px; outline:none}

#EbeneMenuTrommeln    { margin-top: 35px; margin-left: 91px;  }
#EbeneMenuUnterricht   { margin-top: 15px; margin-left: 42px; }
#EbeneMenuService     { margin-top: 15px; margin-left: 20px; }
#EbeneMenuArtgallery  { margin-top: 15px; margin-left: 9px; }
#EbeneMenuLinks       { margin-top: 15px; margin-left: 25px;  }

/*Kompromiss für alte Opera: mit position scrollt der Fokus weg :-( */
#EbeneMenuTrommeln   ul   {position: absolute; left: 230px; top: 50px; }
#EbeneMenuUnterricht  ul   {position: absolute; left: 190px; top: 120px; }
#EbeneMenuService    ul   {position: absolute; left: 170px; top: 180px; }

#MenuUnterricht        {   background-image: url(../bilder/menu_unterricht_roll.png);   }
#MenuTrommeln         {   background-image: url(../bilder/menu_trommeln_roll.gif);   }
#MenuService          {   background-image: url(../bilder/menu_service_roll.gif);   }
#MenuLinks            {   background-image: url(../bilder/menu_links_roll.gif);   }

#MenuEinblicke, #SubmenuEinblicke            {   background-image: url(../bilder/menu_unter_einblicke_roll.gif);   }
#MenuBaukurse,  #SubmenuBaukurse             {   background-image: url(../bilder/menu_unter_baukurse_roll.gif);   }
#MenuKinderbaukurse, #SubmenuKinderbaukurse  {   background-image: url(../bilder/menu_unter_kinderkurse_roll.gif);   }
#MenuSpielkurse,#SubmenuSpielkurse           {   background-image: url(../bilder/menu_unter_spielkurse_roll.gif);   }
#MenuLageplan,  #SubmenuLageplan             {   background-image: url(../bilder/menu_unter_lageplan_roll.gif);   }

#MenuDjembe,  #SubmenuDjembe                {   background-image: url(../bilder/menu_unter_djembe_roll.gif);   }
#MenuBougarabou,#SubmenuBougarabou          {   background-image: url(../bilder/menu_unter_bougarabou_roll.gif);   }
#MenuTrance, #SubmenuTrance                 {   background-image: url(../bilder/menu_unter_trance_roll.gif);   }
#MenuPowerBass, #SubmenuPowerBass           {   background-image: url(../bilder/menu_unter_powerbass_roll.gif);   }
#MenuHeartbeat, #SubmenuHeartbeat           {   background-image: url(../bilder/menu_unter_heartbeat_roll.gif);   }
#MenuSchamanen, #SubmenuSchamanen           {   background-image: url(../bilder/menu_unter_schamanen_roll.gif);   }
#MenuBasstrommeln, #SubmenuBasstrommeln     {   background-image: url(../bilder/menu_unter_doundoun_roll.gif);   }
#MenuMotherdrum, #SubmenuMotherdrum         {   background-image: url(../bilder/menu_unter_motherdrum_roll.gif);   }
#MenuArtgallery                             {   background-image: url(../bilder/menu_unter_artgallery_roll.gif);   }

#MenuReparatur,  #SubmenuReparatur            {   background-image: url(../bilder/menu_unter_reparatur_roll.gif);   }
#MenuBespannen,  #SubmenuBespannen            {   background-image: url(../bilder/menu_unter_bespannen_roll.gif);   }
#MenuNachspannen,#SubmenuNachspannen          {   background-image: url(../bilder/menu_unter_nachspannen_roll.gif);   }
#MenuVerleih,    #SubmenuVerleih              {   background-image: url(../bilder/menu_unter_verleih_roll.gif);   }

#EbeneAdresse                  {   background-image: url(../bilder/bg_trans50.png);  text-align: center; padding: 10px; border: solid 1px #ffffff;  z-index: 9; width: 180px; height: auto; visibility: visible; display: block; margin-top: 15px; margin-left: 8px ; margin-bottom: 10px; }
#EbeneAdresse2                  {   background-image: url(../bilder/bg_trans50.png);  text-align: center; padding: 10px; border: solid 1px #ffffff;  z-index: 9; width: 180px; height: auto; visibility: visible; display: block; margin-top: 15px; margin-left: 8px ; margin-bottom: 10px; }

#EbeneMenuBaumRing { position: absolute; z-index: 1; top: 119px; left: 0px; width: 197px; height: 13px; visibility: visible; display: block }


#EbeneHauptXXX           {  border: none; positionxxx: absolute; z-index: 2; top: 536px; left: 211px; width: 70%; overflow: auto; visibility: visible; display: block }
#Sounds3    { positionxxx: absolute; z-index: 5; top: 611px; left: 5px; width: 180px; height: 50px; visibility:hidden; display: block }
.class { }
#mytransparentdiv {
		position: absolute;
		top: 160px;
		left: 280px;
		height: auto;
		width: 550px;
		border: 1px solid #ffffff;
		padding: 20px;
}
.BildHauptSchatten { border-style: outset; border-width: 1px 1px 1px 1px; border-color: #ccc #aaa #aaa #ccc; }
.BildHauptSchatten:hover { border-color: #ddd #bbb #bbb #ddd; }
.BildHauptSchatten:focus { border-color: #ddd #bbb #bbb #ddd; }

.divimg {text-decoration: none; border: 0px !important}