html {
	width:100%;
}

body {
	font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background-color:#F3D233;
	color:#300;
	font-size:100.01%;
	margin:0;
	padding:0.2em 1em;
	min-width:950px;
}

/* positioning and standard design */

#header {
	background: #F77B0E url(../_img/img_vis_header.jpg) no-repeat scroll center;
	border:2px solid #EB5C2D;
	width:760px;
	height:172px;
	float:left;
	margin:0;
	padding:0;
	font-size:1em;
}

#headerUtilities {
	background-color:#DDD;
	border:2px solid #EB5C2D;
	height:172px;
	margin:0;
	padding:0;
	margin-left:768px;
}

#headerUtilities img {
	display:block;
	padding:0;
	margin:auto;
}


#projectTitle {
	position:absolute;
	top:4em;
	left:5em;
}

#projectClaim {
	position:absolute;
	top:4em;
	left:5em;
}


ul#navigation {
	clear:left;
	height:1.9em;
	list-style-type: none;
	list-style-position:outside;
	margin:1em 0 0.2em 0;
	padding:0 0.3em;
	border-bottom:1px solid #EB8E1F;
	width:auto;
	background-color:#FDE06E
}

#navigation li {
	display:block;
	width:auto;
	float:left;
	font-size:0.9em;
	margin:0.3em 0.7em 0.3em 0;
	padding:0;
}

#navigation a, #navigation span, #navigation:link {
	display:block;
	text-decoration:none;
	color:#300;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:2px;
	padding:0.2em 0.5em 0.5em 0.5em;
}

#navigation a:hover {
	border-bottom: 3px solid #EB5C2D;
}

#navigation a#currentTab, #navigation a#currentTab:link, #navigation span#currentTab {
	cursor:default;
	border-bottom: 3px solid #EB5C2D;
}
#navigation a#currentTab:hover, #navigation span#currentTab:hover {
	border-bottom: 3px solid #EB8E1F;
}

#content {
	clear:left;
	float:left;
	width:70%;
	border:10px solid #FDE06E;
	background-color:#FFF;
	padding: 1em;
	margin:0.8em 0;
	
}

#content a, #content a:link {
	color:inherit;
	border-bottom: 1px solid #444;
	text-decoration:none;
}

#content a:hover {
	border-bottom-color:#FDE06E;
}

#content h4 a, #content h4 a:link {
	color:inherit;
	text-decoration:underline;
	border:none;
	letter-spacing:normal;
}

#content h2 {
	margin-left:-0.9em;
	border-left:10px solid #EB8E1F;
	padding:1em 1.5em;
	font-size:1.1em;
}

#content h3 {
	border-left:10px solid #EB8E1F;
	padding:0.5em 1em;
	margin-top:2em;
	font-size:1em;
}

div.aktuell {
	display:block;
	width:auto;
	margin:1em 0 2em 77%;
	border-width:7px;
	border-style:solid;
	border-color:#FDE06E;
	background-color:#FFF;
}

div.aktuell h2 {
	color:#300;
	font-size:0.8em;
	font-weight:bold;
	/*border-left:1em solid #F77B0E;*/
	padding:0.3em;
	background-color:#EB8E1F;
}

div.aktuell h3 {
	color:#300;
	font-size:0.7em;
	font-weight:bold;
	padding:0.3em 0.3em 0 0.3em;
	margin:0;
}

div.aktuell p {
	padding:0.7em;
	font-size:0.7em;
	margin:0;
}

div.aktuell ul {
	margin:0;
	padding:0;
	list-style-position:inside;
}
div.aktuell ul li {
	font-size:0.7em;
	border-bottom:1px solid #CCC;
	padding:0 0 2px 4px;
	list-style-type:none;
}

#footer {
	clear:left;
	font-size:0.6em;
}

#content .infobox {
	float:right;
	margin:0.6em;
	/*
	border-top:4px solid #DDD;
	border-bottom:4px solid #DDD;
	*/
	background-color:#EEE;
	border-left:4px solid #DDD;
	padding:0.5em;
	width:30%;
}
#content .infobox h3 {
	font-weight:bold;
	font-size:0.8em;
	margin:0 0 0.3em 0;
	padding:0;
	border:none;
}

#content .infobox h4 {
	font-weight:bold;
	font-size:0.6em;
	margin: 0.3em 0 0 0;
	padding:0;
}

#content .infobox p {
	font-size:0.6em;
	margin:0.2em 0 0 0;
	padding:0;
}

#content .infobox ul {
	/*font-size:0.6em;*/
	margin:0;
	padding:0;
	list-style-position:inside;
}

#content .infobox li {
	font-size:0.6em;
	margin:0.2em 0 0 0;
	padding:0.1em;
	border-top: 1px solid #AAA;
}


/* standard tags */

h1 { font-size:1.4em; margin:0; padding:0; }

h2 { font-size:0.9em; margin:0; padding:0; }

h3 { font-size:0.9em; margin:0; padding:0;}

h4 { font-size:0.8em; margin:1em 0 0 0; padding:0;}

p, td, li {
	font-size:0.8em;
	margin:0.8em 0;
	padding:0;
}

a {
	letter-spacing:1px;
	text-decoration:underline;
	color:#000;
}
/*
#content img {
	margin:13px;
	border:1px solid #999;
	padding:1px;
}
*/
.aktuell img {
	border:1px solid #999;
	padding:3px;
}

span.imgLabel {
	display:block;
	font-size:0.9em;
	font-style:italic;
}
span.imgLabel a {
	text-decoration:none;
}

#projectTitle {
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-style:italic;
	color:#DDFFDD;
	border-bottom:1px dotted #ABCDEF;
	width:10em;
}

#projectClaim {
	color:#FFEEEE;
	font-size:0.9em;
	font-weight: lighter;
	width:13em;
}

/* content images */

#content dl {
	margin:10px;
	padding:0;
	width:306px;
	float:left;
	font-size:80%;
}

#content dt img {
	border:2px solid #CCC;
	padding:1px;
}
#content dt {
	margin:0 10px 0 0;
	padding:0;
}

#content dd {
	padding:0;
	margin:0;
	clear:right;
}
dd cite {
	padding-left:0.5em;
	display:block;
}
dd h4 {
	position:relative;
	top:-2em;
	clear:right;
	background-color:#FFF;
	margin:0 1% 0 30%;
	padding:0 1%;
	width:68%;
	text-align:right;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	-khtml-opacity:0.7;
}
dd h4+p {
	margin:2px 3px;
	padding:0;
	position:relative;
	top:-15px;
	left:0;
}
#content dl.left { float:left; }
#content dl.right { float:right; }
#content dl.hoch { width:231px; }


/* form */
form {
	border:none;
	background:transparent;
	width:100%;
	margin:0 0 3em 0;
	padding:0;
}
fieldset {
	border:0.2em solid #D0D6DA;
	background:transparent;
	margin:1em 0;
	padding:1em 0.5em;
}

fieldset legend {
	font-size:0.8em;
	line-height:1.5em;
	font-weight:bold;
	padding:0 1em;
}

input, textarea {
	font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background-color:#E9EDF0;
	color:#000000;
	font-size:0.8em;
	line-height:1.5em;
	font-weight:bold;
	margin:0;
	padding:0.2em; 
	width:60%;
	border:1px solid #D0D6DA;
	border-left:3px solid #809DB5;
	cursor:pointer;
}
input.error, textarea.error {
	background-color:#F3EBE5;
	border:1px solid #D0D6DA;
	border-left:3px solid red;
}
label {
	color:#000000;
	font-size:0.7em;
	margin:1em 0 0.2em 0;
	padding:0;
	display:block;
	cursor:pointer;
}
label:hover, label:focus {
	color:#EB8E1F;
}
input:focus, textarea:focus {
	border-left:3px solid #EB8E1F;
	background-color:#E0EADD;
}
input.submit {
	font-size:0.7em;
	background-color:#809DB5;
	border:none;
	color:#FFFFFF;
  	margin:0.5em 0 0 0.7em;
	padding:0.4em 0 0.4em 0;
	width:30%;
}
input.submit:hover, input.submit:focus {
	background-color:#EB8E1F;
}
form p.error {
	font-size:0.7em;
	line-height:1.5em;
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:bold;
	color:red;
}
p.info {
	font-size:0.8em;
	line-height:1.5em;
	margin:0;
	padding:0.2em 0.2em 0.3em 0.5em;
	font-style:normal;
	font-weight:normal;
	color:white;
}
form span.add {
	margin:0;
	padding:0;
	display:block;
}
p.info.err {
	background:red;
}
p.info.ok {
	background:green;
}