* {
margin: 0;
padding: 0;
} 

html, body { background-color:#ffffff; 
  width: 100%;
	height: 100%;
  overflow:hidden;
	
	border: 0;
	vertical-align: baseline;
	line-height: 1;
	font-size: 100%;
}

table {
  vertical-align: middle;
	height: 100%;
	margin: 0 auto;
	border-width:0px;
  border-style:solid;
  border-color:blue;
}

#page {
  margin: auto;
  width: 55%;
  height:100%;
  max-width: 960px;
  border-width:0;
  border-style:solid;
  border-color:yellow;		
}

#content {
  background: #ffffff; 
  max-width: 960px;
  border-width:0;
  border-style:solid;
  border-color:black;	
}

#logo {
  position: relative;
	bottom: 1.4em;
	text-align: left;
	color : black;
	font-family : Arial, sans-serif;
	font-size: 14px;
	z-index: 1;
	float: left;
}

.text-und {
  font-size: 0.8em;
}

.text2 {
  font-size: 1em;
}

#navigation {
  position: relative;
	top: 1.5em;
	text-align: left;
	color : grey;
	font-family : Arial, sans-serif;
	font-size: 11px;
	float: left;		
}

#projekt {
  position: relative;
	top: 1.5em;
	text-align: right;
	color : grey;
	font-family : Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	float: right;
}

.container112
{
  width: 11.67%;
	margin-top: 0;
	margin-right: 0.9375%;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}

.container112r
{
  width: 11.67%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}

.container960
{
  width: 100%;
	height: auto;
/*	border-width:0;
  border-style:solid;
  border-color:red; */
}

.clearboth { clear: both; }

#scrollbox 
{
  width: 100%;
  overflow:auto; 
  overflow-x:hidden;
	font-family : Arial, sans-serif;
	font-size: 0.6875em;
	font-style: normal;
	color : grey;
	line-height: 14px;
	text-align:justify;
	padding-right: 3px;
  float: left;
  height: 100%;		
}

.scroll-box-aussen
{
  position: relative;
  width: 100%;
	padding-top: 24.375%; /* 156px von 640px */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: left;		
/*  margin-bottom: 2.3%; */			
}


.scroll-box-innen
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#scrollbox-kontakt {
    height: 350px;
		width: 100%;
		overflow:auto;
		font-family : Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		color : grey;
	/* 	z-index: 1; */
		line-height: 14px;
		text-align:justify;
		padding-right: 3px;
}

.scroll-box-aussen-kontakt
{
  position: relative;
  width: 100%;
	padding-top: 49.99%; /* px von 640px */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: left;		
/*  margin-bottom: 2.3%; */			
}

#projekttabelle {
    position: relative;
		top: 1.5em;
		text-align: right;
		color : grey;
		font-family : Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		float: right;
		line-height: 14px;
		margin-bottom: 0.3125%;		/* 2px von 640px */
}



#folgeseite-projekttabelle {
  height: 100%;
	width: 100%;
  position: relative;
  margin-top: 1.5625%;		/* 10px von 640px */
	text-align: left;
	color : black;
	font-family : Arial, sans-serif;
	font-size: 11px;
	font-style: normal;

	line-height: 22px;
/*	z-index: 1;
	border-width:0;
  border-style:solid;
  border-color:yellow; */
	overflow:auto; 
  overflow-x:hidden;
  padding-right: 3px;	
}

#projekttabelle-rechts {
    position: relative;
		
/*		top: 1.4em; */
     
		text-align: right;
		color : grey;
		font-family : Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
	/*	float: right; */
		line-height: 14px;
		margin-top: 2.6%;		/* 2px von 640px */
		border-width:0;
  border-style:solid;
  border-color:yellow;
}

.projekttabelle-rechts-box-aussen
{
  position: relative;
  width: 100%;
	padding-top: 6.7%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: left;		
  margin-bottom: 1.875%;	
}

.projekttabelle-rechts-box-aussen-kontakt
{
  position: relative;
  width: 100%;
	padding-top: 6.5%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: left;		
  margin-bottom: 1.775%;	
}

.projekttabelle-box-aussen
{
  position: relative;
  width: 100%;
	padding-top: 17.344%; /* 111px von 640px" */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  float: left;		
  margin-bottom: 1.875%;	
}


.projekttabelle-box-innen
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

a:link {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: grey;
	text-decoration: none;
}
a:visited {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: grey;
	text-decoration: none;
}
a:hover {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: grey;
	text-decoration: none;
}
a:active {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: grey;
	text-decoration: none;
}
/*
.a1:link {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.a1:visited {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.a1:hover {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.a1:active {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

.a2:link {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.a2:visited {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.a2:hover {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.a2:active {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
*/

.a3:link {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: black;
	text-decoration: underline;
}
.a3:visited {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: black;
	text-decoration: underline;
}
.a3:hover {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: black;
	text-decoration: underline;
}
.a3:active {
	font-family: Arial, sans-serif;
	font-size: 100%; font-weight: normal;
	color: black;
	text-decoration: underline;
}

img {
	max-width: 100%;
	height: auto;
}

.img2 {
	max-width: 960px; /* auf IE8 geht das Layout kaputt dadurch */  
	height: auto;
	width: 100%; 
}

.clearing { clear: both; }








#folgeseite-projekttabelle2 {
height: 111px;
    position: relative;
		top: 10px;
		text-align: left;
		color : black;
		font-family : Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
/*		z-index: 1; */
		line-height: 22px;
		border-width:0;
  border-style:solid;
  border-color:yellow;
}



.containerscrollbox
{
position:relative;
left:0%; top:0%;  
height: 26.72%;
width: 100%;
			overflow:auto;
		
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	border-width:1;
  border-style:solid;
  border-color:yellow;
}














.container7
{
  width: 0.73%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}



.container171
{
  height: 26.72%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}



.container184
{
  width: 19.17%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}

.containerkontakt
{
  width: 28%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	
	font-family : Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color : black;
	float: left;
}

.containerkontaktblock
{
  width: 28%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: justify;
	font-family : Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color : grey;
	float: left;
}

.containerkontakt-abstand
{
  width: 8%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}

.container10
{
  width: 1.0375%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	float: left;
}

.container10a
{
  width: 1.0417%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}



.container9
{
  width: 0.9375%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}