/**************************************************************************************************	
	Copyright 2007 SCHROEDER & PARTNER - programming by Thomas Schroeder
	Project: http://www.be-yoo.com
	CSS-Basics Version: 1.0
	Date: 10.06.2007
***************************************************************************************************/

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

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

.list li a {
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size: 12px;
display: block;
width: 250px;
padding: 5px 5px 5px 20px;
/* background-color: #d8d8d8; */
text-decoration: none;
color: #000000;
list-style: none;
border-bottom: 1px solid #cce57f;
}

.list li a:hover {
font-size: 12px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
/* background-color: #818181; */
color: #000000;
font-weight: bold;
}

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

.activ {
background:url(pfeil0.gif) left no-repeat; 
font-size: 12px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
padding: 5px 5px 5px 20px;
/* background-color: #818181;  */
color: #000000;
/* width: 100%; */
font-weight: bold;
text-decoration: none;
list-style: none;
border-bottom: 1px solid #cce57f;
}

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

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


html>body .activ {width: auto;}


/* sub1 navigation */
.sub1-no {
font-size: 12px;
/*padding: 2px 2px 2px 2em;*/
margin-left: 30px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
/* background-color: #efefef; */
text-decoration: none;
border-bottom: 1px solid #cce57f;
}

.sub1-no   A { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px; line-height: 18px;}
.sub1-no   A:hover { color: #000000; /* background-color: #d8d8d8; */ width:100%; font-weight: bold;}

.sub1-act  A { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px;}
.sub1-act  A:hover { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold;}
.sub1-act {
background:url(pfeil1.gif) left no-repeat;
font-size: 12px;
padding: 2px 2px 2px 30px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
/* background-color: #d8d8d8; */
text-decoration: none;
font-weight: bold;
color: #000000;
}

/* sub2 navigation */
.sub2-no {
font-size: 12px;
/*padding: 2px 2px 2px 3em;*/
margin-left: 40px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
/* background-color: #efefef; */
text-decoration: none;
border-bottom: 1px solid #cce57f;
}

.sub2-no   A { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px; line-height: 18px;}
.sub2-no   A:hover { color: #000000; /* background-color: #d8d8d8; */ width:100%;}

.sub2-act  A { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px;}
.sub2-act  A:hover { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px;}
.sub2-act {
background:url(pfeil2.gif) left no-repeat;
font-size: 12px;
padding: 2px 2px 2px 40px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
/* background-color: #d8d8d8; */
text-decoration: none;
font-weight: bold;
color: #000000;
}

/* sub3 navigation */
.sub3-no {
font-size: 12px;
/*padding: 2px 2px 2px 4em;*/
margin-left: 50px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
/* background-color: #efefef; */
text-decoration: none;
border-bottom: 1px solid #cce57f;
}

.sub3-no   A { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px; line-height: 18px;}
.sub3-no   A:hover { color: #000000; /* background-color: #d8d8d8; */ width:100%;}

.sub3-act  A { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px;}
.sub3-act  A:hover { color: #000000; text-decoration: none; font-family: verdana, arial, helvetica; font-size: 12px;}
.sub3-act {
background:url(pfeil3.gif) left no-repeat;
font-size: 12px;
padding: 2px 2px 2px 50px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
/* background-color: #d8d8d8; */
text-decoration: none;
font-weight: bold;
color: #000000;
}

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