﻿/* CSS Document */
html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial;
	color: #202020;
	font-size: 16px;
	font-style:normal;
	font-weight:lighter;
	background-color:#f5f7e4;
}
img.scaled {
	width:100%;
}
img.rescaled {
	height:60%;
}
#content-container {
	margin-left: 220px;
	margin-top: 132px;
	background-color:#f5f7e4;
}
#content {
	margin-left: 20px;
	margin-top: 20px;
	padding: 10px;
	background-color:#f5f7e4;
}
#content h1 {
	font-size: 24px;
	font-weight:bold;
}
#content h2 {
	font-size: 21px;
	font-weight:bold;
}
#content h3 {
	font-size: 18px;
	font-weight:bold;
}
#content p {
	text-align:justify;
}
#content a {
	color: #b292ca;
	font-size: 16px;
	text-decoration:underline;
}
#content a:visited {
	color: #6b5680;
	font-size: 16px;
	text-decoration:underline;
}
#content a:hover {
	color: #b292ca;
	font-size: 16px;
	text-decoration:underline;
}
/* Content-Container für Bilder-Darst */
#cont-container {
	margin-left: 220px;
	margin-right: 200px;
	margin-top: 132px;
	background-color:#f5f7e4;
}
#cont {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	padding: 10px;
	background-color:#f5f7e4;
}
#cont h1 {
	font-size: 24px;
	font-weight:bold;
}
#cont h2 {
	font-size: 21px;
	font-weight:bold;
}
#cont h3 {
	font-size: 18px;
	font-weight:bold;
}
#cont p {
	text-align:justify;
}
#cont a {
	color: #b292ca;
	font-size: 16px;
	text-decoration:underline;
}
#cont a:visited {
	color: #6b5680;
	font-size: 16px;
	text-decoration:underline;
}
#cont a:hover {
	color: #b292ca;
	font-size: 16px;
	text-decoration:underline;
}
/* Logo Position */
#logo-container {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 118px;
	background-image:url('bilder/head.jpg');
	vertical-align:middle;
	padding-left:58px;
	padding-top:14px;
	margin:0px;
}
/* Bilder Position */
#bilder-container {
	position:absolute;
	top: 132px;
	right: 0px;
	width: 200px;
	height: 100%;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
	text-align:center;
	background-image:url('bilder/bilder.jpg');
	font-size:10px;
}
/* Hauptnavigation */
#sidenavi-container {
	position: absolute;
	top: 130px;
	margin: 0px;
	padding: 10px;
	background-image:url('bilder/menu.jpg');
}
/* Vertikale navigation */
div#sidenavi {
	width: 200px;
	padding: 0px;
	color: #000000;
}
* html div#sidenavi {
	width: 200px;
	w\idth: 200px;  /* (IE 6 in standards-compliant mode) */
}
ul#navigation {
	margin: 0;
	padding: 0;
	text-align: center;
}
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: #000000;
	padding: 21px 15px 22px 15px;
	background: url('bilder/menu2_normal.jpg');
}
* 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.jpg');
	color:black;
}
li a#aktuell {
	background: url('bilder/menu2_active.jpg');
}
ul#navigation li ul span {
	background: url('bilder/menu2_normal.jpg');
}
ul#navigation li a:active {
	background: url('bilder/menu2_active.jpg');
}
/* 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.jpg');
	color:black;
}
/* 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.jpg');
}
/* weitere Objekte */
#sidenavi h1 {
	width: 170px;
	height: 16px;
	margin: 0;
	padding: 6px 15px 9px 15px;
	background: url('bilder/menu2_normal.jpg');
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}
#sidenavi div {
	width: 200px;
	height: 1px;
	margin: 0;
	padding: 0;
}
/* Toolbox */
#toolbox-container {
	position: absolute;
	width: 220px;
	height: 80px;
	left: 0px;
	top: 577px;
	background-image:url('bilder/toolbox.jpg');
	text-align:center;
}
#toolbox {
	width: 220px;
	height: 30px;
	margin-left:0px;
	margin-top:5px;
	text-align: center;
	color: #202020;
	text-decoration: none;
	font-weight: normal;
	text-align:center;
	vertical-align:top;
}
#toolbox p {
	font-weight: normal;
	font-size:14px;
}
#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;
}
