/* 
   Menue CSS
  -----------
   Menue CSS fuer IE in menue_ie.css
   
*/


.menue {
border:0px solid green; 
background-color:#fff;
font-family: arial, sans-serif; 
width:105px; 
height:350px; 
position:relative; 
margin:0; 
font-size:12px; 
margin:10px 15px 0 0; 
float:right;
}

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

.menue ul li {
border:0px solid red; 
float:left; 
margin-left:0px; 
position:relative;
}

.menue ul li ul {
display: none; 
}

.menue ul li {
display: block; 
}



/* Haupt-Ebene Link */
.menue ul li a, .menue ul li a:visited, .menue ul li.solo a, .menue ul li.solo a:visited {
display:block;
text-decoration:none; 
color:#fff; 
width:105px; 
height:45px; 
text-align:center; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#fff; 
background-image:url(../img/button_l1.gif);
background-repeat:no-repeat;
line-height:17px; 
font-size:12px;
font-weight:900;
padding-top:5px;
}

/* Haupt-Ebene Link SOLO */
.menue ul li.solo a, .menue ul li.solo a:visited {
background-image:url(../img/button_l1s.gif);
}


/* Haupt-Ebene Link hover */
.menue ul li:hover a, .menue li.solo:hover a {
color:#fff; 
background:#fff;
background-image:url(../img/button_l1_flyout.gif);
background-repeat:no-repeat;
z-index:0;
}

/* Haupt-Ebene Link hover wenn kein Untermenue */
.menue li.solo:hover a  {
background-image:url(../img/button_l1s_hover.gif);
}

/* 1. Flyout-Ebene */
.menue ul li:hover ul {
display:block; 
position:absolute; 
margin-top:0px;
padding-top:26px;
border:0px solid red;
background-color:#fff;
background-image:url(../img/flyout_hg.gif);
background-repeat:no-repeat;
top:1px; 
left:-150px; 
width:150px;
height:175px;
z-index:50;
}

/* 1. Flyout-Ebene DOWN XL */
.menue ul li.xl:hover ul {
display:block; 
position:absolute; 
margin-top:0px;
padding-top:26px;
background-color:#fff;
background-image:url(../img/flyout_hg_down_xl.gif);
background-repeat:no-repeat;
top:1px; 
left:-150px; 
width:150px;
height:225px;
z-index:50;
}


/* 1. Flyout-Ebene UP */
.menue ul li.up:hover ul {
border:0px solid red;
display:block; 
position:absolute; 
padding-bottom:26px;
background-color:#fff;
background-image:url(../img/flyout_hg_up.gif);
background-repeat:no-repeat;
top:-154px; /* top:1px; */
left:-150px; 
width:150px;
height:150px;
z-index:50;
}

/* 1. Flyout-Ebene UP Large */
.menue ul li.up_l:hover ul {
border:0px solid red;
display:block; 
position:absolute;
padding-bottom:26px;
background-color:#fff;
background-image:url(../img/flyout_hg_up2.gif);
background-repeat:no-repeat;
top:-202px; /* top:-152px; */
left:-150px; 
width:150px;
height:196px; /* height:146px; */
z-index:50;
}


/* 1. Flyout-Ebene DOWN_Small */
.menue ul li.down_s:hover ul {

display:block; 
position:absolute; 
padding-bottom:26px;
background-color:#fff;
background-image:url(../img/flyout_hg_down_s.gif); 
background-repeat:no-repeat;
top:1px; /* top:1px; */
left:-150px; 
width:150px;
height:75px;
z-index:50;
}


/* 1. Flyout-Ebene Link */
.menue ul li:hover ul li a {
display:block; 
border:0px solid red;
background-image:url(../img/button_l2.gif);
background-repeat:no-repeat;
margin-top:0px; 
padding-top:4px;
width:150px;
height:31px; 
font-size:11px;
line-height:15px;
z-index:30;
}

/* 1. Flyout-Ebene Link yellow */
.menue ul li:hover ul li.yellow a {
display:block; 
border:0px solid red;
background-image:url(../img/button_l2.gif);
background-repeat:no-repeat;
margin-top:0px; 
padding-top:4px;
width:150px;
height:31px; 
font-size:11px;
font-weight:900;
line-height:14px;
z-index:30;
color:yellow;
}


/* 1. Flyout-Ebene Link KLEIN */
.menue ul li:hover ul li.klein a {
display:block; 
border:0px solid red;
background-image:url(../img/button_klein2.gif);
background-repeat:no-repeat;
margin-top:0px; 
padding-top:4px;
width:150px;
height:13px; 
font-size:11px;
line-height:8px;
z-index:30;
}



/* 1. Flyout-Ebene Link Hover */
.menue ul li:hover ul li a:hover {
background:#fff; 
color:#fff;
background-image:url(../img/button_l2_hover.gif);
background-repeat:no-repeat;
}

/* 1. Flyout-Ebene Link Hover KLEIN */
.menue ul li.klein:hover ul li.klein a:hover {
background:#fff; 
color:#fff;
background-image:url(../img/button_l2k_hover.gif);
background-repeat:no-repeat;
}