/**************************************************************************************************	
	Copyright 2010 SCHROEDER & PARTNER - programming by Thomas Schroeder
	Project: http://www.kinsporth.de
	CSS-Basics Version: 1.0
	Date: 25.04.2010
***************************************************************************************************/

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

/* navigation definition 1st level */
.list {
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
font-size: 12px;
width: 200px;
text-decoration: none;
color: #303d4e;
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: 200px;
padding: 5px 5px 5px 1.2em;
text-decoration: none;
color: #303d4e;
list-style: none;
}

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

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 1.2em;
color: #000000;
width: 100%;
font-weight: bold;
text-decoration: none;
list-style: none;
}

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

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


html>body .activ {width: auto;}


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

.sub1-no   A { color: #303d4e; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 18px;}
.sub1-no   A:hover { color: #000000; width:100%;}

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

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

.sub2-no   A { color: #303d4e; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; 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, Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px;}
.sub2-act  A:hover { color: #000000; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px;}
.sub2-act {
background:url(pfeil2.gif) left no-repeat;
font-size: 12px;
padding: 2px 2px 2px 3em;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color: #000000;
}

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

.sub3-no   A { color: #303d4e; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; 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, Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px;}
.sub3-act  A:hover { color: #000000; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px;}
.sub3-act {
background:url(pfeil3.gif) left no-repeat;
font-size: 12px;
padding: 2px 2px 2px 4em;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color: #000000;
}

/* sub navi definition  */
.sub {
font-size: 10px;
padding: 2px 2px 2px 2em;
font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
text-decoration: none;
color: #4a5d77;
}
.sub  A { color: #4a5d77; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px;}
.sub  A:hover { color: #99b1d0; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px;}
.sub  b { color: #4a5d77; text-decoration: none; font-family: Verdana, Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px;}