/**************************************************************************************************	
	Copyright 2007ff SCHROEDER & PARTNER - programming by Thomas Schroeder
	Project: http://www.rl-ag.com
	CSS-Basics Version: 1.0
	Date: 01.08.2007
***************************************************************************************************/

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

/* navigation definition 1st level */



.list {
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
font-size: 12px;
/* font-weight: bold; */
width: 195px;
text-decoration: none;
color: #FFFFFF;
margin: 0px;
padding: 0px;
list-style: none;
}
.list UL, LI, LI A {
	list-style: none; 
}

/* Zustand normal */
.list li a {
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
font-size: 12px;
/* font-weight: bold; */
display: block;
padding: 3px 3px 3px 20px;
background:url(noeppel_h.gif) left no-repeat; 
background-color: #5694ce;
text-decoration: none;
color: #FFFFFF;
list-style: none;
border-top: 1px solid #FFFFFF;
}

/* Zustand bei Mouse-Over */
.list li a:hover {
background:url(noeppel_d.gif) left no-repeat; 
font-size: 12px;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
background-color: #154379; 
color: #00cab3;
list-style: none;
font-weight: bold;
}

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

.activ {
background:url(noeppel_d.gif) left no-repeat; 
font-size: 12px;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
padding: 6px 6px 6px 20px;
background-color: #154379; 
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
list-style: none;
border-top: 1px solid #FFFFFF;
}

.activ a {
/* background:url(noeppel_h.gif) left no-repeat;  */
font-size: 12px;
font-weight: bold;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
color: #FFFFFF;
list-style: none;
}

.activ a:hover {
/* background:url(noeppel_d.gif) left no-repeat;  */
font-size: 12px;
font-weight: bold;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
color: #FFFFFF;
list-style: none;
}


html>body .activ {width: auto;}


/* sub1 navigation */
.sub1-no {
font-size: 12px;
margin-left: 35px;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
text-decoration: none;
list-style: none;
}

.sub1-no   A { color: #FFFFFF; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px; line-height: 18px;}
.sub1-no   A:hover { color: #FFFFFF; background-color: #b4cfe9; background:url(balken_h.gif) left no-repeat; width:100%; font-weight: bold;}
.sub1-act  A { color: #054e83; background-color: #b4cfe9; background:url(balken_h.gif) left no-repeat; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}
.sub1-act  A:hover { color: #054e83; background-color: #b4cfe9; background:url(balken_h.gif) left no-repeat; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px; font-weight: bold;}
.sub1-act {
background:url(balken_h.gif) left no-repeat; 
font-size: 12px;
padding: 3px 3px 3px 35px; 
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
text-decoration: none;
list-style: none;
font-weight: bold;
color: #FFFFFF;
}

/* sub2 navigation */
.sub2-no {
font-size: 12px;
margin-left: 50px;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
text-decoration: none;
list-style: none;
}

.sub2-no   A { color: #FFFFFF; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px; line-height: 18px;}
.sub2-no   A:hover { color: #FFFFFF; background:url(balken_h.gif) left no-repeat; width:100%;}
.sub2-act  A { color: #054e83; background:url(balken_h.gif) left no-repeat; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}
.sub2-act  A:hover { color: #054e83; background:url(balken_h.gif) left no-repeat; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}
.sub2-act {
background:url(balken_h.gif) left no-repeat; 
font-size: 12px;
padding: 3px 3px 3px 50px; 
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
text-decoration: none;
list-style: none;
font-weight: bold;
color: #FFFFFF;
}

/* sub3 navigation */
.sub3-no {
font-size: 12px;
margin-left: 65px;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
text-decoration: none;
list-style: none;
}

.sub3-no   A { color: #FFFFFF; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px; line-height: 18px;}
.sub3-no   A:hover { color: #FFFFFF; background:url(balken_h.gif) left no-repeat; width:100%;}
.sub3-act  A { color: #054e83; background:url(balken_h.gif) left no-repeat; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}
.sub3-act  A:hover { color: #054e83; background:url(balken_h.gif) left no-repeat; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}
.sub3-act {
background:url(balken_h.gif) left no-repeat; 
font-size: 12px;
padding: 3px 3px 3px 65px;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
text-decoration: none;
list-style: none;
font-weight: bold;
color: #FFFFFF;
}

/* sub navi definition  */
.sub {
font-size: 12px;
padding: 3px 3px 3px 2em;
font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif;
background-color: #fff;
text-decoration: none;
list-style: none;
color: #012f67;
}
.sub  A { color: #012f67; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}
.sub  A:hover { color: #00cab3; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}
.sub  b { color: #00cab3; text-decoration: none; font-family: Arial, Geneva, Helvetica, Verdana, Lucida, sans-serif; font-size: 12px;}