body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #DDBB99;
	background-image: url(cssbody.jpg);
	background-repeat: repeat-y;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #DDBB99;
	scrollbar-width: 10px
}
h4 {
	font-size: medium;
	font-weight: bold;
}


/* TopNavigation im Buttonlook */
#topnavi ul {
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style-type: none;
	text-align: center;
	font-weight: bold;
}

#topnavi ul li {
	display: inline;
	top:14px;
	font-weight: bold;

}

#topnavi a
{
display: inline;
background-color: #cc9966;
width: 8em;
padding: .2em .8em;
text-decoration: none;
color: #FFF;
border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#topnavi a:hover
{
background-color: #ddbb99;
color: #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
}
#topnavi a:active
{
background-color: #ddbb99;
color: #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
}

/* SubNavigation im Buttonlook */
#subnavi {
	position:absolute;
	left:42px;
	top:11px;
	width:100px;
	height:220px;
	z-index:1;
}

#subnavi ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#subnavi li { margin: 0 0 .2em 0; }

#subnavi a
{
display: block;
color: #000;
background-color: #ddbb99;
width: 9em;
padding: .2em .8em;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #036;
}

#subnavi a:hover
{
background-color: #cc9966;
color: #FFF;
border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}