/*


rot: #e20031
gruen: #63a25b


*/




/* ----------------- HAUPTMENU DROPDOWN ANFANG--------------- */

.menu {

height: 31px;
position: relative;
z-index: 100;
font-family: arial, sans-serif;
margin-top:10px;
margin-left: 20px;
}

/*---------------------- hack to correct IE5.5 faulty box model---------------------- */
* html .menu {
width:746px; w\idth:745px;
}
/*-------------------- remove all the bullets, borders and padding from the default list styling---------------------- */

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

.menu ul ul {
width:149px;
}

/*------------------------ float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon------------------- */
.menu li {
float: left;
position: relative;

}

.menu li ul li  {
border:none
}

.menu li a {
        padding-left:22px;
        padding-right:22px;
        font-weight: bold;
       /* border-left:10px solid #cccccc;*/
       background: url(menue_rahmen.jpg) no-repeat left center;

}

.menu li.last a {
       background: url(menue_rahmen.jpg) no-repeat right center;

}
.menu li.last {
       background: url(menue_rahmen.jpg) no-repeat left center;

}

.menu li a:hover {

       /* border-left:10px solid #cccccc;*/
       background: url(menue_rahmen_hover.jpg) no-repeat left top;

}


.menu a:hover, .menu ul ul a:hover{background: url(menue_rahmen_hover.jpg) no-repeat left top;}
.menu :hover > a, .menu ul ul :hover > a {background: url(menue_rahmen_hover.jpg) no-repeat left top;}

.menu a:hover, .menu ul ul a:hover{background: url(menue_rahmen_hover.jpg) no-repeat right top;}
.menu .last:hover > a, .menu ul ul :hover > a {background: url(menue_rahmen_hover_last.jpg) no-repeat right top;}


/*--------------- hauptnavigation 1. ebene ------------*/

.menu a, .menu a:visited {
display: block;
font-size: 13px;
text-decoration: none;
/*---Schriftfarbe 1. Ebene---*/
color: #8b959e;
line-height: 31px;
fon-size:13px;
text-align: left;
}


/*------------------ a hack so that IE5.5 faulty box model is corrected-------------------- */
* html .menu a, * html .menu a:visited {
width:149px;
w\idth:138px;
}

/* ----------------------style the second level background------Generelle Hintergrundfarbe Dropdown 2. Ebene--------- */

.menu ul ul a.drop {
        color: #FFFFFF;
        border-top: 1px none #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        font-weight: normal;
      background-color: #6a7b85;

}

.menu ul ul a.drop:visited {
        color: #FFFFFF;
        border-top: 1px none #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        font-weight: normal;

}




/*--------------- style the second level hover----OK ----------------- */

.menu ul ul a.drop:hover {


}


.menu ul ul :hover > a.drop {

/*---Hintergrundfarbe Mouseover 2. Ebene---*/

color:#ffffff;
}

/* ---------------------style the third level background----------------- */

.menu ul ul ul a, .menu ul ul ul a:visited {

}

/*------------------ style the third level hover ------------------------*/

.menu ul ul ul a:hover {
}


/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 31px;
left: 0;
width: 180px;
border-top: 0px;
solid #000;
}


/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
color:#8b959e;
height:auto;
line-height:1em;
padding:5px 10px;
width:200px;
border:none;
background-color: #6a7b85;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */


/* +++++ 1. Menü-Ebene Mouse-Over +++++ */
.menu a:hover {
color: #6a7b85;
background-color: #6a7b85;
}







/* +++++ Dropdown Mouse-Over +++++ */

.menu ul ul a:hover {
color: #FFFFFF;
background:#e20031;
}

.menu :hover > a,
background: #e20031;
}

.menu ul ul :hover > a {
color: #ffffff;
background: #e20031;
}





/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* make the second level visible when hover on first level list OR link */
.menu li ul{padding:0px 30px 30px 0px;}
.menu :hover ul{height:auto; padding:3px 30px 30px 30px; background:transparent url(tab/sub_top_left.gif) 30px 0 no-repeat; left:-30px;}
.menu li.last:hover ul{visibility:visible; height:auto; padding:3px 30px 30px 30px; background:transparent url(tab/sub_top_left.gif) 30px 0 no-repeat; left:-159px;}

/* ----------------- FUSSNAVIGATION 2---ENDE--------------- */

/* ----------------- HAUPTMENU DROPDOWN ENDE--------------- */




/* ----------------- SUBMENU ANFANG--------------- */


.navi_left {
           height:auto !important;  /* für moderne Browser */
}

.navi_left ul {

padding:0;
margin-left: 10px;

}

.submenue a {
font-size: 11px;
text-decoration: none;
color: #ffffff;
font-family: verdana, arial, sans-serif;
}



/* +++++ Linkes Menu 1. Ebene Mouse-Over +++++ */

.submenue2 li:hover {
background-color: #e20031;
}

.submenue2 li:activ {
background-color: #e20031;
}




.submenue3 {
width: 235px;
background-color: #8e9fa8;
}


.submenue3 ul li a {
        padding-left:10px;
}




/* -- Armin */
#navi_left li, #navi_left ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display:block;
}

#navi_left a {
font-size: 11px;
text-decoration: none;
color: #ffffff;
font-family: verdana, arial, sans-serif;
display:block;
padding: 2px 0 2px 0;
overflow:hidden;
	
	
}
#navi_left ul {
        margin: 0px;
        padding: 0px;
}

#navi_left ul li li li a span.subnavi-text-3 {}
/* -------------------------- Breite Menü Links ---------------------------- */

#navi_left ul li {
        width:235px;


}
#navi_left ul li.act {
        background: #9babb3;

}
#navi_left ul li a {
        padding-left:36px;

}


/* --- Abstand Links 3. Ebene -- */
#navi_left .subnavi-listenpunkt-2 {
	width:12;
	display:block;
	float:left;
}
#navi_left .subnavi-text-2 {
	float:left;
	display:block;
	width:170px;
}
#navi_left ul li li li a span.subnavi-text-2 {
	width:160px;
}

#navi_left ul li li a{
        padding-left:46px;
}

/* --- Abstand Links 4. Ebene -- */


#navi_left ul li li li a, #navi_left ul li li li a.aAct{
        padding-left:56px;
}

#navi_left ul li li li a span.subnavi-text-2 {
	width:160px;
}


#navi_left .trenner {
        height: 20px;
        background-color: #9babb3;

}




/* ----------------- SUBMENU ENDE--------------- */











/* -----------------Rootline Navigation---ANFANG----- #7c8e97 ---------------- */

#wobinich {
width: 880px;
height: 56px;
background-color: #7c8e97;
margin-left: 36px;
}

#rootline {
padding-top: 15px;
margin-left: 36px;
margin-bottom: 15px;
font-size: 11px;
text-decoration: none;
color: #ffffff;

font-family: verdana, arial, sans-serif;
}

#rootline a {
font-size: 11px;
text-decoration: none;
color: #ffffff;
font-family: verdana, arial, sans-serif;
}


/* -----------------Rootline Navigation---ENDE--------------------- */




/* ----------------- FUSSNAVIGATION 1---ANFANG------------ */

#sub1 {
float:left;
width: 600px;
}
#footermenue {
        margin: 4px 0 0 30px;
        padding:0px
}
#footermenue li {
display: inline;
border-right:1px solid #cccccc;
padding-left: 5px;
padding-right: 5px;
}

#footermenue li a {
font-family: arial, verdana;
font-size: 12px;

text-decoration:none;
color:#ffffff;
}

#footermenue .footer_home {
 /*border-left:1px solid #cccccc;*/
}



/* ----------------- FUSSNAVIGATION 1---ENDE------------ */


/* ----------------- FUSSNAVIGATION 2---ANFANG------------ */

#sub2 {
float:right;
margin-left: 0px;
margin-top: 0px;
}
#footermenue2 {
        margin:4px 30px 0 0;
        padding:0px
}
#footermenue2 li {
display: inline;
border-right:1px solid #cccccc;

padding-left: 5px;
padding-right: 5px;
margin-top: 0px;
}

#footermenue2 li a {
font-family: arial, verdana;
font-size: 12px;
text-decoration:none;
color:#ffffff;
}

.copyright {
font-family: arial, verdana;
font-size: 12px;
text-decoration:none;
color:#ffffff;
}