/* ---   css bei Niki Huwyler 2006   --- */
/* ---   unter cc lizenz   --- */
/* ---   http://creativecommons.org/licenses/by-nc-sa/2.0/  --- */
html {
	margin: 0px;
	padding: 0px; }
	
body    { 
color: #333; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin: 0px;
padding: 0px; 
background: #eee ; }

a:link img, a:visited img { border-style: none } /* kein border bei img links */
a img { color: white; }        /* trick fuer border0 in Netscape 4 */
@media all {
a img { color: inherit; } }   /* kein farbwechsel */
td { border: dotted 1px #fff; }
.fett { font-size: 0.8em; font-weight: bold; font-style: italic; }

a:link  { 
color: #369; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-variant: normal; 
text-decoration: none }

a.selected2{ 
color: #000000; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;  
text-decoration: underline }

a:visited { 
color: #336; 
font-size: 11px; 
font-weight: normal; 
text-decoration: none }

a:hover, a:active   { color: #000000; text-decoration: underline }

h1   { 
color: #336; 
font-size: 1em;
padding:0 0 0 0.4em;
font-weight: bold; 
letter-spacing: 1px; }

h2  { 
color: #336; 
margin:0;
font-size: 1.2em;
padding:0.5em 0 0 0.6em;
font-weight: bold; }
	
#container { 
background-image: url(../images/mitte.gif); 
background-repeat: repeat-y; 
background-position: 215px 0; width: 985px; \width: 1005px; w\idth: 985px; margin: 0 auto 0; }

#banner { 
padding: 0px; 
background-image: url(../images/banner.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 106px; }

#content { 
padding: 5px 5px 5px 15px; 
margin-left: 220px; 
margin-top: 2px; }

#navi {
	float: left;
	width: 0;
	margin: 0;
	padding: 0 5px 5px; }
			
#box { font-size: 0.8em; width: 230px; float: right; padding: 5px; border: dotted 1px #fff; }

#footer { 
color: #666; 
font-size: 0.7em; 
clear: both; 
background-image: url(../images/footer.gif); 
background-repeat: no-repeat; 
height: 35px; }

/* ---   Navigation   --- */
ul#navlist li a,ul#subnavlist li a {
font-family: arial;
font-size: 12px;
font-weight: 900;
text-decoration: none; }

div#navcontainer {
width: 170px;
padding: 0.1em 2em 2em; }

/* NAV LIST */
ul#navlist {
list-style-type: none;
margin: 0 0 0 2px;
padding: 0; }

ul#navlist li { display: inline; }

ul#navlist li a {
color: #fff;
display: block;
background: #888 url(../images/cnr.gif) no-repeat left top;
padding: 2px 0 2px 45px;
border-top: 1px solid #eee;
width: 130px; }

ul#navlist li a:hover { background: #369 url(../images/cnr.gif) no-repeat left top; }

ul#navlist li a#current {
color: #fff;
background: #369 url(../images/cnr.gif) no-repeat left top; }

/* SUB NAV LIST */
ul#subnavlist {
margin: 0 0 0 13px;
list-style-type: none;
padding: 0; }

ul#subnavlist li { display: inline; }

ul#subnavlist li a {
display: block;
color: #666;
background: #ccc;
padding: 2px 0 2px 30px;
border-top: 1px solid #fff;
height: auto;
width: 125px; }

ul#subnavlist li a:hover { color: #fff; background: #69c url(../images/cnr.gif) no-repeat left top; }

ul#navlist li a#subcurrent {
color: #999;
background: #ddd; }

ul#navlist li a#suvcurrent:hover { background: #ddd; }