html { overflow-y: scroll; }
body {
	margin:70px 20px 30px 25px;
	background:#b6af8a;
	font-family:Helvetica, Arial, sans-serif;
	font-size:88%;
	color:#ffffff;
	text-align:left;
}
body#home { margin-top:25px; }
body * { margin:0; padding:0; line-height:1.22em; text-align:left; }
img { border:0; }
a { color:#ffffff; }

input, select, textarea { font-family:Helvetica, Arial, sans-serif; color:#666666; font-size:1em; }
input.text, select, textarea { padding:1px; background:#F6F6F6; }
input.radio, input.checkbox { vertical-align:middle; margin-right:4px; }
* html input.radio, * html input.checkbox { margin:-4px 0 -4px -4px; }
label.radio, label.checkbox { vertical-align:middle; }

/* Float clearing workaround also working on Mozilla */
.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px; 
}
* html .clearer { margin-top:0; }

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */



div#mainwrapper {
	width:761px;
	background:#b6af8a;
}
div#mainwrapper.overview-page {
	width:961px !important;
}

ul#nav { 
	float:left;
	width:220px;
	padding-right:10px;
	padding-top:0.3em;
	border-right:1px solid #fff;
}
ul#nav li { 
	list-style-type:none;
	text-align:right;
	font-size:1.1em;
	margin-bottom:0.4em;
}
ul#nav li.spacing { margin-top:2em; }
ul#nav li.last { margin:0; }
ul#nav li.active { color:#E5E2D0; padding:0.5em 0 0.3em 0; border-top:1px solid #c3bea0; border-bottom:1px solid #c3bea0; }
ul#nav li a { text-decoration:none; }
ul#nav li a:hover,ul#nav li.active a { color:#E5E2D0; }

ul#nav li ul { margin:0.4em 0 0 0; }
ul#nav li ul li { font-size:0.8em; }
ul#nav li.active li a { color:#fff; }
ul#nav li.active li { border:0; padding:0; color:#fff; }
ul#nav li.active li.active a { color:#E5E2D0; }


div#content {
	float:right;
	width:520px;
	font-size:1.1em;
}
* html div#content { display:inline; }

div#mainwrapper.overview-page div#content {
	width:720px;
}



body#home div#content, * html body#home div#content { margin:0 auto; width:100%; }

#footer {
	width:740px;
	background:transparent;
	padding-top:35px;
	padding-bottom:8px;
}
#footer h5 {
	float:left;
	width:291px;
	height:17px;
	margin-left:30px;
	background:url(../images/copyright2.gif) no-repeat;
}
* html #footer h5 { display:inline; }
#footer h5 span { display:none; }
#footer p {
	display:block;
	float:right;
	width:17px;
	height:17px;
	margin:2px 20px 0 0;
	background:url(../images/arrow_fwd_small.gif) no-repeat;
}
* html #footer p { display:inline; }
#footer p a { display:block; width:17px; height:17px; }
#footer p span { display:none; }


/* Content formatting */
#content h1 { font-size:1.8em; font-weight:normal; }
#content h2 { margin-top:1.5em; font-size:1.1em; font-weight:normal; }
#content p { margin-top:1em; line-height:1.4em; }
#content h1.team { margin:0; font-size:1.4em; }
#content h2.tasks { font-size:1em; margin:0 0 1em 0; }
#content img { margin:0 0 5px 10px; margin-bottom:5px; }
#content img.team { float:left; margin:0 10px 4px 0; }
* html #content img.team { display:inline; }

#content ul { margin:1.2em 0 0 30px; }
#content ol { margin:1.2em 0 0 38px; }


#content img.left-aligned { float:left; margin:0 10px 5px 0; }
#content img.right-aligned { float:right; margin:0 10px 5px 0; }
* html #content img.left-aligned, * html #content img.right-aligned { display:inline; }
#content p.small-text { font-size:0.8em; }
#content p.large-text { font-size:1.1em; }

#content img.teamPreview { margin:0 10px 4px 0; }
* html img.teamPreview { display:inline; }
div.teamPreview { float:left; width:180px; margin-bottom:4px; margin-right:80px; }
div.teamPreview.last { float:left; width:180px; margin-bottom:4px; margin-right:80px; }
* html div.teamPreview { display:inline; }
#content div.teamPreview h1 { margin:0; font-size:1.1em; margin-bottom:0.3em; }
#content div.teamPreview p { font-size:0.85em; margin:0; }


#content .team-facts { float:left; width:370px; }

form.standardForm { line-height:1em; }
#content form.standardForm p { line-height:1em; }
form.standardForm p.action { width:268px; text-align:right; }
#content form.standardForm p.error label { color:#a00000; font-weight:bold; }
#content form.standardForm span { font-size:0.9em; }
form.standardForm label { display:block; margin-bottom:2px; }
form.standardForm input.text, form.standardForm textarea { width:260px; }
form.standardForm input.button { text-align:center; width:11em; }
form.standardForm p.legend { font-size:0.8em; }

div.bottom-text { margin-top:25px; }


h1#explanation, h1#home-logo {
	width:700px;
	height:604px;
	font-size:1em;
	background:url(../images/explanation.gif) no-repeat;
}
h1#explanation { margin:0 auto; }
h1#home-logo { margin-top:60px; }

h1#explanation a, h1#home-logo a { 
	display:block; 
	width:460px; 
	height:454px;
	padding:150px 100px 0 140px;
	text-decoration:none;
	color:#fff;
	text-align:right;
	font-size:1em;
	font-weight:normal;
}
* html h1#explanation a, h1#home-logo a { width:700px; w\idth:460px; height:604px; he\ight:454px; }
h1#explanation strong { font-size:2em; font-weight:normal; display:block; margin-bottom:0.4em; text-align:right; }

h1#home-logo {
	height:500px;
	background:url(../images/home_logo.gif) 60px 76px no-repeat;
	margin:0 auto;
}
h1#home-logo span { display:none; }

body#home #content { width:100%; border:1px solid #000 }


ul.overview {
	width:720px;
	margin:0 !important;
	background:url(/images/uebersicht.jpg) no-repeat;
}
ul.overview li {
	float:left;
	width:360px;
	height:464px;
	margin:0 !important;
	padding:0 !important;
	list-style-type:none !important;
	background:transparent;
}
ul.overview li a {
	display:block;
	width:360px;
	height:464px;
	overflow:hidden;
	text-indent:-9999px;
}