/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* DESIGN DER NAVIGATION */
.menu2 
{
float:left; 
width:100%; 
font-family: verdana, arial, sans-serif; 
font-size:11px;  
margin:0 0 0 0; /* for this demo only */ 
}

.menu2 ul 
{
padding:0;
margin:0;
list-style-type:none;
}

.menu2 ul li 
{
float:left; 
width:auto;
position:relative;
}

/* AUSSEHEN DER HAUPTRUBRIKEN */
.menu2 ul li a, .menu2 ul li a:visited {
/* ALLGEMEINE DEFINITIONEN */
float:left; 
display:block; 
text-decoration:none;

font-size:13px; /*Schriftgröße der Hauptrubriken*/
font-weight:normal; 
text-align: center;
color:#fff; /* Schriftfarbe der Hauptrubriken */
line-height:40px; 
}

.menu2 ul li a.startseite {
background: url(../img/navigation/bg_links.gif);
height:46px;
width:100px;
}

.menu2 ul li a.vita {
background: url(../img/navigation/bg.gif);
height:46px;
width:99px;
}

.menu2 ul li a.wettkaempfe {
background: url(../img/navigation/bg.gif);
height:46px;
width:99px;
}

.menu2 ul li a.kontakt {
background: url(../img/navigation/bg.gif);
height:46px;
width:99px;
}

.menu2 ul li a.dettingen {
background: url(../img/navigation/bg.gif);
height:46px;
width:99px;
}

.menu2 ul li a.links {
background: url(../img/navigation/bg.gif);
height:46px;
width:99px;
}
/* ENDE AUSSEHEN DER HAUPTRUBRIKEN */


/* HOVEREFFEKT DER HAUPTRRUBRIKEN */
.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {
/* Allgemeine Definitionen */ 
color:#fff;
font-weight: bold;
width: 99px;
background-image: url(../img/navigation/hover.gif);
}

.menu2 ul li a:hover.startseite {
color:#fff;
width: 100px;
background-image: url(../img/navigation/hover_links.gif);
}

.menu2 ul li a:hover.vita {
color:#fff;
width: 99px;
background-image: url(../img/navigation/hover.gif);
}

.menu2 ul li a:hover.wettkaempfe {
color:#fff;
width: 99px;
background-image: url(../img/navigation/hover.gif);
}

.menu2 ul li a:hover.kontakt {
color:#fff;
width: 99px;
background-image: url(../img/navigation/hover.gif);
}

.menu2 ul li a:hover.dettingen {
color:#fff;
width: 99px;
background-image: url(../img/navigation/hover.gif);
}

.menu2 ul li a:hover.links {
color:#fff;
width: 99px;
background-image: url(../img/navigation/hover.gif);
}

/* ENDE HOVEREFFEKT DER HAUPTRRUBRIKEN */

.menu2 ul li:hover a {
background:#d64904;
color:#fff; /*bezieht sich auf Hoverschriftfarbe der Hauptrubriken*/
}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul 
{
display:block; 
position:absolute;
top:45px; /*Positionierung des Ausklappmenus unter den Hauptrubriken */
background:#aaa; /* linke schmale Hintergrundfläche des Ausklappmenus */
margin-top:1px; 
left:0; 
width:100px; /* wird im IE falsch angezeigt falls wert kleiner ist */
}

.menu2 ul li:hover ul.endstop {
left:0px; /* Positionierung des Untermenus der letzten Hauptrubrik */
}
.menu2 ul li:hover ul li ul {
display: none;
}

/* Einstellungen für Unterrubriken */
.menu2 ul li:hover ul li a 
{
display:block;
width:67px;
height:auto;
background:#d64904; /* Hintergrundfarbe bei Ausklappmenu */

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align:left;
line-height:20px;
color:#FFFFFF; 

padding:2px 16px; /* oben,unten / rechts,links */
}

.menu2 ul li:hover ul li a.drop {
background:#888;
}

.menu2 ul li:hover ul li a:hover 
{
background: #d64904; /* Hovereffekt bei Ausklappmenu */
color: #fff;
font-weight: bold;
width: 67px;
}

.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}

/* ===========================

   specific to IE5.5 and IE6 browsers

   =========================== */
/*
Wenn in den Kommentaren Umlaute enthalten sind,
kommt es komischerweise zu Darstellungsfehlern!
*/

.menu2 ul li a:hover ul {
display:block;
position:absolute;
top:45px; 
t\op:45px; /* Positionierung des Ausklappmenus */
background:#d64904; /* Hintergrundfarbe des Ausklappmenus */
left:0; 
marg\in-top:1px;
}

.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -1px; /* Positionierung des "Links" - Ausklappmenus */
}

.menu2 ul li a:hover ul li a 
{
display:block; 
height:1px; 
line-height:15px; 
padding:2px 16px; 
width:152px; 
w\idth:67px; /*Bereite des Ausklappmenus*/

/*Textformatierung des Ausklappmenus*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align:left;
line-height:20px;
color:#FFFFFF;  
}

.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}

.menu2 ul li a:hover ul li a:hover 
{
color:#fff;
font-weight: bold; 
background: #d64904; /* Hover des Ausklappmenüs */
}

.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}

.left {clear:both;}