/* CSS Document */
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:Calibri, "Arial Rounded MT Bold", Arial;
	color: black;
	font-size: 16px;
	font-style:normal;
}
img.scaled {
	width:100%;
}
img.rescaled {
	height:60%;
}
/* Logo Position */
#logo-container {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 236px;
	height: 500px;
	padding-left: 12px; 
	padding-top: 4px;
	background: url('bilder/bk2.png') no-repeat fixed left top;
	z-index:1;
}
/* Content */
#content-container {
	margin-left: 220px;
	margin-top: 0px;
	z-index:2;
}
#content {
	margin-left: 20px;
	padding: 7px;
}
#content h1 {
	font-size: 32px;
	font-weight:bold;
	background:url(bilder/h1.gif);
	color:#303030;
}
#content h2 {
	font-size: 28px;
	color:#202020;
}
#content h3 {
	font-size: 18px;
	color:#101010;
}
#content p {
	text-align:justify;
}
#content a {
	color:navy;
	font-size: 16px;
	text-decoration:none;
}
#content a:visited {
	color:navy;
	font-size: 16px;
	text-decoration:none;
}
#content a:hover {
	color:navy;
	font-size: 16px;
	text-decoration:underline;
}
/* Hauptnavigation */
#sidenavi-container {
	position: fixed;
	top: 259px;
	left: 5px;
	margin: 0px;
	z-index:3;
}
/* Vertikale navigation */
div#sidenavi {
	width: 200px;
	padding-left: 10px;
	color: black;
}
* html div#sidenavi {
	width: 200px;
	w\idth: 200px;  /* (IE 6 in standards-compliant mode) */
}
ul#navigation {
	margin: 0;
	padding: 0;
	text-align: left;
}
ul#navigation li {
	list-style: none;
	position: relative;
	margin: 0px;
	padding: 0;
}
* html ul#navigation li {
	margin-right: 0px; /* Platz fuer Link-Verbreiterung im IE reservieren */;
	margin-bottom: 0;
}
ul#navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 200px;
}
*:first-child + html ul#navigation li ul {
	left: 200px;  /* (IE 7 in standards-compliant mode) */
}
ul#navigation li ul li {
	margin: 0;
	padding-left: 00px;
}
ul#navigation a, ul#navigation span {
	display: block;
	width: 170px;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	color: black;
	padding: 6px 15px 7px 15px;
	background: url('bilder/menu2_normal-trans.png');
}
* html ul#navigation a, * html ul#navigation span {
	width: 170px;
	w\idth: 170px;  /* (IE 6 in standards-compliant mode) */
}
ul#navigation a:hover, ul#navigation span, li a#aktuell:hover {
	background: url('bilder/menu2_hover-trans.png');
	color:red;
}
li a#aktuell {
	background: url('bilder/menu2_active-trans.png'); /*active*/
	color:red;
}
ul#navigation li ul span {
	background: url('bilder/menu2_normal-trans.png');
}
ul#navigation li a:active {
	background: url('bilder/menu2_active-trans.png'); /*active*/
	color:red;
}
/* dynamisches Ein-/Ausblenden */
ul#navigation li ul {
	display: none;
}
ul#navigation li:hover > ul {
	display: block;
	/*background:#ffe060;*/
}
ul#navigation > li:hover > a {
	width: 170px;
	background: url('bilder/menu2_hover-trans.png');
	color:red;
}
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
* html ul#navigation li.hoverIE {
	margin-right: 20px; /* reservierten Platz freigeben */;
	margin-bottom: -19px;  /* Fehlerkorrektur, ggfls. anpassen */
}
* html ul#navigation li.hoverIE ul {
	display: block;
}
* html ul#navigation li .hoverIE {
	width: 170px;
	w\idth: 170px; /* (IE 6 in standards-compliant mode) */;
	background: url('bilder/menu2_hover-trans.png');
}
/* weitere Objekte */
#sidenavi h1 {
	width: 170px;
	height: 16px;
	margin: 0;
	padding: 6px 15px 9px 15px;
	background: url('bilder/menu2_normal-trans.png');
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}
#sidenavi div {
	width: 200px;
	height: 1px;
	margin: 0;
	padding: 0;
	background: url('bilder/menu2_normal-trans.png');
}
/* Toolbox */
#toolbox-container {
	position: fixed;
	width: 220px;
	height: 90px;
	left: 10px;
	bottom: 10px;
	background:url('bilder/linie-trans.png') no-repeat /*fixed left top*/;
}
#toolbox {
	width: 200px;
	height: 90px;
	margin-left:1px;
	margin-top:5px;
	background: transparent;
	text-align: left;
	color: #505050;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
}
#toolbox p {
	color:#505050;
	text-decoration: none;
	font-size: 3px;
	font-weight: normal;
}
#toolbox a {
	color:#505050;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#toolbox a:hover {
	color:#505050;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#toolbox a:active {
	color:#505050;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}