/* ***************************************************** */
/* + CMS:            KraftZeitung dot net de at ch     + */
/* + Bestimmung:     CSS  mainNAVI2                    + */
/* + Author:         BB                                + */
/* + Version:        4.0.9                             + */
/* + Datum:          29.03.2008                        + */
/* + Copyright       Bernd Binder /2008                + */
/* +                                                   + */
/* ***************************************************** */


/*Reihenfolge: UL / LI / A / SPAN*/

@charset "utf-8";

/*CSS Raum #mainNavi2*/

/*#mainNavi2 { 
position: absolute;
top: 60px;
left: 0px;
height: 46px;
width: inherit;*/
/*background: #d00 url(../img/Navi/main/bg_main_navi_16x50.gif) repeat-x;*/
/*background: #d00 url(../img/Navi/main/bg_main_navi_16x50.gif) repeat-x;
background-position: 0px -2px;
}*/

/*#mainNavi2 { 
position: absolute;
overflow: hidden;
top: 68px;
left: 210px;
height: 37px;
width: 573px;
background: #d00 url(../img/Navi/main/bg_main_navi2.gif) repeat-x;
background-position: 0px -1px;
}*/

* html #mainNavi2 { 
height: 37px;
heigh\t: 37px;
}


#mainNavi2 .moduletable-Navi2 { 
overflow: hidden;
text-align: center;
height: 37px;
}

* html #mainNavi2 .moduletable-Navi2 { 
height: 37px;
heigh\t: 37px;
}


/*------------------------ #mainItems = UL ----------------------------------*/
#mainNavi2 #mainItems { 
position:absolute;
display:inline;
float:left;
top: 2px;
left: 0px;
width:573px;
height: 35px;
}

* html #mainNavi2  #mainItems { 
height: 35px;
heigh\t: 35px;
}

/*--------------------------------------------------------------*/

#mainNavi2 #mainItems li{
position: relative;
display:inline;
float:left;
width: auto;
background: url(../img/Navi/main/button.gif) repeat-x;
margin: 0px 2px 0px 0px;
height:21px;
}

#mainNavi2 #mainItems li a{
position: relative;
text-transform:uppercase;
/*font-size: 0.840em;*/
font-size: 11px;
font-weight:bold;
color: #fff;
padding: 2px 3px 4px 3px;
width:auto;
}

/*------------------ #mainItems CLASS  -------------------------*/
/*#mainNavi2 #mainItems li.mainInactive{
background-position: 0px 0px;
}
*/
/*#mainNavi2 #mainItems li.mainInactive a{
color:#fff;
}*/


#mainNavi2 #mainItems li.mainActive, #mainNavi2 #mainItems #mainLast.mainActive{
background-position: 0px -21px;
}


#mainNavi2 #mainItems li.mainActive a{
color:#d00;
}

/*#mainNavi2 #mainItems #mainLast.mainActive a{
color:#d00;
}
#mainNavi2 #mainItems #mainLast.mainActive a:hover{
color:#999;
}

*/
#mainNavi2 #mainItems li ul li.subActive, #mainNavi2 #mainItems #mainLast ul li.subActive{
background-color:#cfcfcf;
}

#mainNavi2 #mainItems li ul li.subActive a, #mainNavi2 #mainItems #mainLast ul li.subActive a{
color:#d00;
}


#mainNavi2 #mainItems li.subActive a {
color:#d00;
}

/*--------------------------------------------------------------*/

* html #mainNavi2 #mainItems li, 
* html #mainNavi2 #mainItems #mainLast{
height: 19px;
heigh\t: 18px;
}


/*#mainNavi2 #mainItems li a{
font: 0.921em/1em;
font-size: 0.920em;
font-weight:bold;
color: #fff;
padding: 2px 3px 4px 3px
}
*/

#mainNavi2 #mainItems li ul{
position:absolute;
width:572px;
/*display:block;*/ /*nur für testzwecke für IE  - hier muss jafascript ansetzten*/
display:none;
top:18px;
left: 0px;
height:15px;

}

#mainNavi2 #mainItems li ul li {
position: relative;

/*display:none;*/
display:inline;/**/ /*nur für testzwecke für IE*/

float:left;
width: auto;
height: 16px;;

background:none;
/*border:solid 1px #9900FF;*/
}

/*#mainNavi2 #mainItems li ul #SubLast{
background: #990066;
}*/


/** html #mainNavi2 #mainItems li ul #SubLast{
}
*/
#mainNavi2 #mainItems li ul li a{
position: relative;
top:0px;
display:inline;/**/ /*nur für testzwecke für IE*/
width: auto;
color:#666666;
/*font-size: 0.90em;*/
text-transform:none;
padding: 2px 1px 4px 1px;
height:18px;

}



/*--------------------------------------------------------------*/
#mainNavi2 #mainItems li ul li:hover a{
background-color:#dddddd;
}


/*--------------------------- LI -------------------------------*/
#mainNavi2 #mainItems #mainLast{
position: relative;
display:inline;
float:left;
width: auto;
background-position: 0px -42px;

}

/*--------------------------------------------------------------*/
#mainNavi2 #mainItems li:hover, #mainNavi2 #mainItems #mainLast:hover {
background-position: 0px -21px;
}

/*#mainNavi2 #mainItems li a{
color:#666666;
}*/

#mainNavi2 #mainItems li:hover a{
color:#666666;
}

/*#mainNavi2 #mainItems li ul{
display:none;
position:absolute;
width:570px;
}*/

#mainNavi2 #mainItems li:hover ul{
display:block;
/*position:absolute;
width:570px;*/
}

#mainNavi2 #mainItems li ul li{
display:inline;
position:relative;
float:left;
background:none;
margin:0;
padding: 0px 1px 0px 1px;
}


/*#mainNavi2 #mainItems li:hover ul li{
display:inline;
position:relative;
float:left;
background:none;
margin:0;
}
*/
#mainNavi2 #mainItems li ul li a{
color:#666666;
/*font-size: 0.90em;*/
text-transform:none;
width:100%;
width:auto;
/*text-decoration: underline;*/

}


#mainNavi2 #mainItems li:hover ul li a{
/*color:#666666;
font-size: 0.90em;*/
text-transform:none;
width:100%;
}


/*--------------------------------------------------------------*/
#mainNavi2 #mainItems #mainLast ul li{
float:right;
right:510px;
margin:0;
padding: 0px 1px 0px 1px;
}

/*#mainNavi2 #mainItems #mainLast:hover ul li{
float:right;
right:500px;
margin:0;
padding: 0px 1px 0px 1px;
}
*/
#mainNavi2 #mainItems #mainLast ul li:hover a{
background-color:#dddddd;
}


#mainNavi2 #mainItems li.subInactive a {
color:#666;
}

/*#mainNavi2 #mainItems li.mainActive a{
color:#d00;
}
*/
#mainNavi2 #mainItems li ul li.subInactive a, 
#mainNavi2 #mainItems #mainLast ul li.subInactive a{
color:#666666;
}

