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

body {
	color: #330000;
	background-image:url(background.jpg);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	line-height: 20px;
	}


#header {
	position:absolute;
	right: 0px;
	top: 0;
	width: 930px;
	height: 90px;
	background-image:url(header.png);
	z-index: 2;
	}
	
#logo {
	position: absolute;
	top:0px;
	right: 50px;
	width: 380px;
	height: 90px;
	z-index: 3;
	}
	

#navi {
	position: absolute;
	right: 0px;
	top:90px;
	width: 965px;
	height: 60px;
	z-index: 3;
	}

#content {
	position: absolute;
	right:300px;
	top: 175px;
	width: 640px;
	padding-right: 20px;
	height: 510px;
	background-image:url(content.png);
	z-index: 5;
	}

#gregor {
	position: absolute;
	right:300px;
	top: 175px;
	width: 660px;
	height: 510px;
	background-image:url(content-gregor.png);
	z-index: 2;
	}

#eva {
	position: absolute;
	right:300px;
	top: 175px;
	width: 660px;
	height: 510px;
	background-image:url(content-eva.png);
	z-index: 2;
	}
	
#schreibmaschine {
	position: absolute;
	right:300px;
	top: 175px;
	width: 660px;
	height: 510px;
	background-image:url(content-schreibmaschine.png);
	z-index: 2;
	}
	
	
#text-agentur {
	position: absolute;
	right:300px;
	top: 175px;
	width: 660px;
	height: 510px;
	background-image:url(content-text.png);
	z-index: 2;
	}


#textcontent {
	position: absolute;
	top: 15px;
	left: 36px;
	width: 610px;
	height: 470px;
	overflow: auto;
	z-index: 6;
	}

#text {
	position: absolute;
	top:0px;
	left:0px;
	padding-top: 20px;
	width: 350px;
	z-index: 5;
	}

#text-full {
	position: absolute;
	top:0px;
	left:0px;
	padding-top: 20px;
	width: 580px;
	z-index: 5;
	}

#image {
	position: absolute;
	width: 231px;
	height: 470px;
	top: 190px;
	right: 339px;
	z-index: 5;
	}


#energy {
	position: absolute;
	right: 50px;
	top: 0px;
	width: 204px;
	height: 100%;
	background-image:url(energy.jpg);
	z-index: 1;
	}
	
#subnavi {
	position: absolute;
	width: 200px;
	top: 180px;
	right: 80px;
	z-index: 9;
	}

a:link{
	color: #44240A;
	
	}
a:visited{
	color: #44240A;
	}
a:hover{
	color: #44240A;
	}
a:active{
	color: #44240A;
	}

#subnavi ul li {
	list-style: none;
	
	}

#subnavi a:link{
	font-weight: bold;
	display:block;
	margin: 10px;
	color: #44240A;
	text-decoration:none;
	}
#subnavi a:visited{
	font-weight: bold;
	display:block;
	margin: 10px;
	color: #44240A;
	
	text-decoration:none;
	}
#subnavi a:hover{
	font-weight: bold;
	display:block;
	margin: 10px;
	color: #44240A;
	background-image:url(choose.png);
	text-decoration:none;
	}
#subnavi a:active{
	font-weight: bold;
	display:block;
	margin: 10px;
	color: #44240A;
	text-decoration:none;
	}

#subnavi ol li a:visited .active{
	color: #FFF;	
	}
	
#grauhg {
	position: absolute;
	width: 610px;
	height: 400px;
	top: 260px;
	right: 315px;
	z-index: 3;
	}
	
h2 {
	line-height: 30px;
	font-size: 16px;
	font-weight:normal;
	}
	
p {
	width: 580px;
	}
	
#impressum {
	position: absolute;
	right: 800px;
	width: 100px;
	height: 30px;
	top: 20px;
	z-index: 6;
	
	}

#impressum a:link{
	color: #aaa;
	text-decoration: none;
	
	}
#impressum a:visited{
	color: #aaa;
	text-decoration: none;
	}
#impressum a:hover{
	color: #fff;
	text-decoration: none;
	}
#impressum a:active{
	color: #fff;
	text-decoration: none;
	}