@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic);
body {
   background-color: #999966;
   font-family: 'Open Sans', sans-serif;
}

a {
	text-decoration: underline;
	color: Black;
}

a:visited {
	text-decoration: underline;
	color: Black;
}

h1 { font-size: 20px; }

#container {
	width: 800px;
	height: 600px;
	left: 50%;
	margin-left: -400px;
/*	background-image: url(../Bilder/background.JPG);*/
	position: absolute;
	margin-top: 60px;
}

#bottom {
	width: 100%;
	height: 60px;
	position: absolute;
	top: 668px;
}

#logomiddle {
	position: absolute;
	top: 288px;
	left: 69px;
}

#menu1div {
	position: absolute;
	top: 299px;
	left: 0px;
	text-align: right;
   width: 100%;
	z-index: 10;
}

#menu1 {
	color: White;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}

#menu1 a {
	color: White;
	text-decoration: none;
}

#menu1 a:hover {
	color: White;
}

#menu1 a:visited {
	color: White;
}

#menu1 li {
	list-style: none;
	display: inline;
	padding-left: 20px;
	cursor: pointer;
}

.Projekte {
	position: absolute;
	top: 316px;
	left: 0px;
	width:800px;
	min-height:300px;
}

#logobottom {
	top: 537px;
	position: absolute;
	left: 0px;
}

#background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 579px;
	height: 600px;
/*	background-color: #6B9027;*/
	background-color: #325e09;
	visibility: visible;
}

#layergreen {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 195px;
	height: 600px;
	background-color: #6B9027;
	visibility: visible;
}

#backgroundimg {
	position: absolute;
	top: 0px;
	left: 579px;
	width: 221px;
	height: 600px;
}

.screen {
	position: absolute;
/*	width: 579px;*/
	width: 800px;	
	height: 316px;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 1;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.content {
   float: left;
	position: relative;
	width: 579px;
	overflow: hidden;
}

.text {
	position: relative;
	width: 470px;
	height: 100%;
	padding-left: 69px;
/*	background-color: Purple;*/
	color: White;
	font-size: 11pt;
}

.text p {
	line-height: 25px;
}
.text a {
	color:#FFF;
}
.text a:hover {
	color:#3C0;
}

.text em {
	font-style: normal;
}

.track {
	position: absolute;
	width: 29px;
	height: 100%;
	background-color: #87A752;
	left: 550px;
	top: 0px;
	z-index: 20;	
}

.arrow {
	z-index: 20;
	position: absolute;
	left: 550px;
	top: 180px;
}

#c1 {
	margin-top: 55px;
	height: 200px;
}

#c2 {
	margin-top: 55px;
	height: 200px;	
}

#c3 {
	margin-top: 55px;
	height: 200px;	
}

#c4 {
	margin-top: 55px;
	height: 200px;	
}

#c5 {
	margin-top: 55px;
	height: 200px;	
}

a img, a:active img, a:focus img, a:hover img {
	border: none;
}

.text ul {
	list-style-type: disc;
}

span.link {
	cursor: pointer;
}

.error {
	letter-spacing: 1px;
	font-size: 10pt;
	line-height: 24px;
}

.error a:link {
	color: Yellow;
}

.error a:visited {
	color: Yellow;	
}

/*Inhalte*/

#c4 .datum, #c3 .datum {
	border-bottom: 1px dotted #fff;
	margin-bottom:10px;
	font-weight:bold;
}
#c4 span, #c3 span {
	display:block;
	margin-bottom:15px;
	font-weight:bold;
}