@charset "utf-8";
/* CSS Document */

a, div, body, fieldset, form, h1, h2, h3, label, legend, li, p, ul {margin:0; padding:0}

body {
	background-color: #e4e4e4;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100,1%;
	text-align: center;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fc0;
}

a.text {
	color: #fc0;
	text-decoration: none;
}

a.text:hover {
	color: #fc0;
}

#page {
	text-align: left;
	margin: 5px auto;
	width: 990px;
}

#header {
	background-image: url(../img/layout/bg_header.gif);
	height: 50px;
	width: 990px;
}

#wrapper {
	float: left;
	width: 946px;
}

/* ---------- Content ---------- */

#contentLeft {
	background-color: #5f9a1f;
	background-image: url(../img/layout/bg_content_left.gif);
	background-repeat: no-repeat;
	float: left;
	min-height: 570px;
	width: 512px;
}

#contentRight {
	background-color: #5f9a1f;
	background-image: url(../img/layout/content_right.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	float: right;
	min-height: 570px;
	width: 434px;
}

#contentWrapper {
	height: 420px;
	overflow: auto;	
	padding-left: 29px;
	width: 483px;
	
	scrollbar-face-color: #5f9a1f;
	scrollbar-track-color: #6da82d;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #5f9a1f;
}

#contentLeft h2 {
	font-size: 24px;
	margin: 64px 0 12px 29px;
}

#contentLeft h3 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

#contentLeft h3.blau {
	background-image: url(../img/layout/bg_h3_blue.jpg);
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding-left: 25px;
}

#contentLeft h3.gelb {
	background-image: url(../img/layout/bg_h3_yellow.jpg);
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding-left: 25px;
}

#contentLeft img {
	margin: 0 5px 10px 0;
}

#contentLeft p {
	font-size: 14px;
	line-height: 20px;
	margin: 0 5px 25px 0;
}

#contentLeft table {
	font-size: 14px;
	line-height: 20px;
	margin: 0 5px 25px 0;
}

/* ---------- Formulare ---------- */
form {
	font-size: 14px;
	margin: 0 0 25px 0;
}

fieldset {
	border: 1px solid #2c8227;
	display: block;
	margin: 0 0 25px 0;
	padding: 12px;
	width: 90%;
}

input {
	background-color:#f4f9fd;
	border: 1px solid #2c8227;
	font-weight: bold;
	padding: 3px;
	width: 300px;
}

label {
	display: block;
	margin-bottom: 3px;
	margin-top: 13px;
}

legend {
	padding:0 5px;
}

/* ---------- Navigation ---------- */

#navigation {
	background-color: #e3007a;
	background-image: url(../img/layout/bg_navigation.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
	font-size: 13px;
	font-weight: bold;
	height: 45px;
	width: 946px;
}

#navigation a.highlight {
	color: #fc0;
}

#navigation ul {
	margin-left: 26px;
	padding-top: 19px;
}

#navigation li {
	border-right: 1px solid #fff;
	float: left;
	list-style-type: none;
	padding: 0 9px;
}

/* ---------- Seitenfuss ---------- */

#footer {
	background-color: #e3007a;
	border-top: 1px solid #fff;
	font-size: 10px;
	clear: both;
	height: 20px;
	line-height: 20px;
	text-align: right;
	width: 946px;
}

#footer p {
	margin-right: 15px;
}

/* ---------- Schatten ---------- */
#shadowLeft {
	background-image:url(../img/layout/bg_shadow_left.gif);
	background-repeat: repeat-y;
	float: left;
	min-height: 637px;
	width: 22px;
}

#shadowRight {
	background-image:url(../img/layout/bg_shadow_right.gif);
	background-repeat: repeat-y;
	float: left;
	min-height: 637px;
	width: 22px;

}

#shadowBottom {
	background-image:url(../img/layout/bg_shadow_bottom.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 25px;
	width: 990px;
}