/**************************************************************************************************	
	Copyright 2008 SCHROEDER & PARTNER - programming by Thomas Schroeder
	Project: http://www.heidelberger-kolzofenbaeckerei.de
	CSS-Basics Version: 1.0
	Date: 14.02.2008
***************************************************************************************************/

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

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

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

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

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

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

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

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


html>body .activ {width: auto;}


/* sub1 navigation */
.sub1-no {
background:url(pfeil-leer.gif) left no-repeat;
font-size: 11px;
padding: 2px 2px 2px 30px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
background-color: #a92227;
text-decoration: none;
/*  border-bottom: 1px solid #FFFFFF;  */
}

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

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

/* sub2 navigation */
.sub2-no {
background:url(pfeil-leer.gif) left no-repeat;
font-size: 11px;
padding: 2px 2px 2px 40px;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
background-color: #b43b1b;
text-decoration: none;
/*  border-bottom: 1px solid #FFFFFF;  */
}

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

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