/*********************************************************************************************	
	Copyright 2005 programming by Christopher N. Friedmann
	Project: http://www.meinziegelhaus.de
	CSS Navigation Version: 0.3.2 beta
	Date: 08.09.2005
*********************************************************************************************/


/* navigation position */
#navi {
position:absolute;
left:0px;
top:154px;
width: 180px;
}

/* navigation definition 1st level */
.list {
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
font-size: 11px;
width: 180px;
text-decoration: none;
color: #000;
margin: 0px;
padding: 0px;
list-style: none;
}

.list li a {
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 180px;
padding: 5px 5px 5px 1.2em;
background-color: #F3CEB6;
text-decoration: none;
color: #000;
list-style: none;
border-bottom: 1px solid #DD8653;
}

.list li a:hover {
font-size: 11px;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #F6DBCA;
color: #000;
}

html>body #navi .list li a {width: auto;}

.activ {
background:url(pfeil0.gif) left no-repeat;
font-size: 11px;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
padding: 5px 5px 5px 1.2em;
background-color: #F6DBCA;
color: #000;
width: 100%;
font-weight: bold;
text-decoration: none;
list-style: none;
}

.activ a {
font-size: 11px;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
color: #000;
}

.activ a:hover {
font-size: 11px;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
color: #000;
}


html>body .activ {width: auto;}


/* sub1 navigation */
.sub1-no {
font-size: 11px;
/*padding: 2px 2px 2px 2em;*/
margin-left: 2em;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #FAEDE6;
text-decoration: none;
}

.sub1-no   A { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px; line-height: 18px;}
.sub1-no   A:hover { color: #000; background-color: #F6DBCA; width:100%;}

.sub1-act  A { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub1-act  A:hover { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub1-act {
background:url(pfeil1.gif) left no-repeat;
font-size: 11px;
padding: 2px 2px 2px 2em;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #F8E3D6;
text-decoration: none;
font-weight: bold;
color: #000;
}

/* sub2 navigation */
.sub2-no {
font-size: 11px;
/*padding: 2px 2px 2px 3em;*/
margin-left: 3em;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #FAEDE6;
text-decoration: none;
}

.sub2-no   A { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px; line-height: 18px;}
.sub2-no   A:hover { color: #000; background-color: #F6DBCA; width:100%;}

.sub2-act  A { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub2-act  A:hover { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub2-act {
background:url(pfeil2.gif) left no-repeat;
font-size: 11px;
padding: 2px 2px 2px 3em;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #F8E3D6;
text-decoration: none;
font-weight: bold;
color: #000;
}

/* sub3 navigation */
.sub3-no {
font-size: 11px;
/*padding: 2px 2px 2px 4em;*/
margin-left: 4em;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #FAEDE6;
text-decoration: none;
}

.sub3-no   A { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px; line-height: 18px;}
.sub3-no   A:hover { color: #000; background-color: #F6DBCA; width:100%;}

.sub3-act  A { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub3-act  A:hover { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub3-act {
background:url(pfeil3.gif) left no-repeat;
font-size: 11px;
padding: 2px 2px 2px 4em;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #F8E3D6;
text-decoration: none;
font-weight: bold;
color: #000;
}

/* sub navi definition  */
.sub {
font-size: 10px;
padding: 2px 2px 2px 2em;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
background-color: #fff;
text-decoration: none;
color: #000;
}
.sub  A { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub  A:hover { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}
.sub  b { color: #000; text-decoration: none; font-family: arial, helvetica; font-size: 11px;}