html, body {
	margin: 0; padding: 0;
	height: 100%;
}
body {
	font-family: Verdana;
	font-size: 17px;
	color: white;
	min-height: 590px;
	letter-spacing: 0.01em;
	line-height: 20px;
	scrollbar-arrow-color: white;
}
h3 {
	font-size: 17px;
	margin: 20px 0px 3px 0px;
}
p {
    margin: 0px 0px 10px 0px;
    clear: both;
}
td {
    vertical-align: top;
}
ul {
	margin-top: 0px;
}
img { border: 0; }
a { color: white; text-decoration: underline; }
.yellow a { color: black; }
.error { color: red; font-weight: bold; }
#pageContainer {
	position: relative;
	width: 936px; height: 100%;
	margin: auto;
}
#navigation {
	position: absolute;
	left: 0px; bottom: 0px;
	width: 218px; height: 92%;
	padding: 0px 5px;
	background: transparent url('/Images/navigation_bg.png') no-repeat scroll center top;
}
#contentContainer {
	position: absolute;
	right: 0px; bottom: 0px;
	width: 618px; height: 92%;
	padding: 0px 25px;
	background: transparent url('/Images/content_bg_blue.png') no-repeat scroll center top;
}
#contentImage {
	width: 650px; height: 27%;
	margin-left: -16px;
	margin-right: -16px;
	margin-top: 9px;
	background: url('/Images/teaser.jpg') no-repeat scroll center center;
}
#teaser {
	margin-left: -16px;
	margin-right: -16px;
	margin-top: 9px;
	height: 400px;
}
#content {
	position: absolute;
	top: 30%; bottom: 88px;
	left: 9px; right: 9px;
	padding: 0px 20px 15px 20px;
	overflow: auto;
}
#logo {
	margin: 15px 9px 5px 9px;
}
#title {
	position: absolute;
	left: 9px; bottom: 0px;
}
#navigation {
	font-family: Verdana, sans-serif;
	font-size: 0px;
	line-height: 0px;
}
#address {
    position: absolute;
    bottom: 10px; right: 28px;
    font-family: Arial;
    font-size: 10px;
    line-height: 11px;
    text-align: right;
    color: black;
}
#address a:link { color: #666666; }

/* color specific */
body.blue {
	background: white url('/Images/splash_blue.gif') no-repeat fixed left bottom;
	scrollbar-3dlight-color: #00A9E0;
	scrollbar-base-color: #00A9E0;
	scrollbar-darkshadow-color: #00A9E0;
	scrollbar-face-color: #00A9E0;
	scrollbar-highlight-color: #41c6fe;
	scrollbar-shadow-color: #41c6fe;
}
body.green {
	background: white url('/Images/splash_green.gif') no-repeat fixed left bottom;
	scrollbar-3dlight-color: #69BE28;
	scrollbar-base-color: #69BE28;
	scrollbar-darkshadow-color: #69BE28;
	scrollbar-face-color: #69BE28;
	scrollbar-highlight-color: #86db47;
	scrollbar-shadow-color: #86db47;
}
body.red {
	background: white url('/Images/splash_red.gif') no-repeat fixed left bottom;
	scrollbar-3dlight-color: #E00034;
	scrollbar-base-color: #E00034;
	scrollbar-darkshadow-color: #E00034;
	scrollbar-face-color: #E00034;
	scrollbar-highlight-color: #ff3d4c;
	scrollbar-shadow-color: #ff3d4c;
}
body.yellow {
	background: white url('/Images/splash_yellow.gif') no-repeat fixed left bottom;
	scrollbar-3dlight-color: #FED100;
	scrollbar-base-color: #FED100;
	scrollbar-darkshadow-color: #FED100;
	scrollbar-face-color: #FED100;
	scrollbar-highlight-color: #fff13d;
	scrollbar-shadow-color: #fff13d;
	scrollbar-arrow-color: black;
}
body.blue #contentContainer { background: transparent url('/Images/content_bg_blue.png') no-repeat scroll center top; }
body.green #contentContainer { background: transparent url('/Images/content_bg_green.png') no-repeat scroll center top; }
body.red #contentContainer { background: transparent url('/Images/content_bg_red.png') no-repeat scroll center top; }
body.yellow #contentContainer { background: transparent url('/Images/content_bg_yellow.png') no-repeat scroll center top; }
body.yellow #content { color: black; }

.blue { background-color: #00A9E0;}
.green { background-color: #69BE28;}
.red { background-color: #E00034;}
.yellow { color: black; background-color: #FED100;}

/* navigation declarations */
#navigation ul {
	list-style: none;
	margin: 0; padding: 0;
}
#navigation ul#navigationUl {
	position: absolute;
	top: 28%; right: 28px;
	width: 171px; height: 345px;
	margin: 0; padding: 0;
	background: url('/Images/menu.gif') no-repeat;
}
#navigation ul li {
	display: block;
	margin: 0; padding: 0;
	height: 19px;
}
#navigation li a {
	display: block;
	margin: 0; padding: 0;
	height: 19px;
	color: #eeeeee;
}

/* content: site specific */
.link { margin-left: 1em; }
.contentGeneratedImage {
    float: left;
    margin: 5px 10px 5px 0px;
}

/* team */
.person { margin-bottom: 10px; }
.personQualifications {
	font-style: italic;
	font-size: 80%;
}
.personAreas { font-size: 80%; }
.quote { margin-bottom: 1em; }

/* referenzen */
.reference {
	min-height: 100px;
	padding: 2px 0px 12px 155px;
	margin-bottom: 20px;
}
.reference h3 {
	padding: 0; margin: 0;
}


/* form elements */
.requiredFieldsNote {
	padding: 0; margin: 0;
	padding-top: 10px;
	font-size: 60%;
}
form p {
	clear: both;
	margin: 0; padding: 5px 0px;
}
form fieldset {
	border: 1px solid white;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
fieldset legend { color: white; }
form label.required { font-weight: bold; }
form .requiredFieldsNote {
	font-size: 60%;
	letter-spacing: normal;
	padding: 0; margin: 0;
	margin-bottom: -5px;
	padding-top: 10px;
}
form label {
	float: left;
	width: 130px;
	text-align: right;
	font-size: 80%;
}
form input, form textarea {
	float: left;
	width: 200px;
	margin-left: 10px;
	border: 0;
	background-color: white;
	padding: 2px;
}
form textarea {
	width: 420px;
}
form input[type=checkbox] {
	margin-left: 140px;
	margin-right: 8px;
	width: auto;
}
form .flowLayout input[type=checkbox] {
    margin-left: 0px;
}
form .flowLayout label.checkboxLabel {
    width: auto;
    margin-right: 10px;
}
form input[type=submit], form input[type=reset], form input[type=button] { width: auto; }
form textarea { height: 70px; }
form label.checkboxLabel {
	width: 400px;
	text-align: left;
}
form #formControls { padding: 10px 5px 30px 5px; }
form #formControls input { float: right; }

.moduleIcon_AussenRaumGestaltung { background: transparent url('/Images/ModuleIcons/aussenraumgestaltung.png') no-repeat; }
.moduleIcon_KinderProjekte { background: transparent url('/Images/ModuleIcons/kinderprojekte.png') no-repeat; }
.moduleIcon_SpielBus { background: transparent url('/Images/ModuleIcons/spielbus.png') no-repeat; }
.moduleIcon_SpielKulturProjekte { background: transparent url('/Images/ModuleIcons/spielkulturprojekte.png') no-repeat; }
.moduleIcon_SpielRaumBildung { background: transparent url('/Images/ModuleIcons/spielraumbildung.png') no-repeat; }
.moduleIcon_SpielRaumCheck { background: transparent url('/Images/ModuleIcons/spielraumcheck.png') no-repeat; }
.moduleIcon_SpielWagen { background: transparent url('/Images/ModuleIcons/spielwagen.png') no-repeat; }