/** BASICS **/
html {
	height: 100%;
	width: 100%;
}
body {
	height: 100%;
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bgMain.gif);
	background-repeat: repeat-y;
	background-position: top center;
}	

h1 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
.textHL {
	color: #E3A429;
}



a {
	color: #A7A9AC;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
	
.header {
	position: relative;


	width: 950px;
	height: 130px;
	margin-bottom: 10px;

	background-color: #FFFFFF;
	background-repeat: no-repeat;
}	



.contentArea {
	position: relative;
	width: 520px;

	margin-left: 14px;
	margin-right: 20px;
	line-height: 20px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}

.contentTeaserRight {
	position: absolute;
	bottom: 55px;
	margin: auto;
	margin-left: 20px;
}
.contentTeaserLeft {
	position: absolute;
	bottom: 55px;
	margin: auto;
	margin-left: 290px;
}

.footer {
	position: relative;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A7A9AC;
	text-align: center;
}








/** NAVIGATION **/
.headerLink {
	position:absolute; 
	top: 30px; 
	left: 30px;
}

.button1 {
	display: block;
	width: 160px;
	height: 20px;
}	
a.button1 {
	
	background-image: url(../images/ueberuns0.gif);
	background-repeat: no-repeat;
}
a:hover.button1 {
	background-image: url(../images/ueberuns1.gif);
	background-repeat: no-repeat;
}
.button1Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/ueberuns1.gif);
	background-repeat: no-repeat;
}

.button2 {
	display: block;
	width: 160px;
	height: 20px;
}	
a.button2  {
	
	background-image: url(../images/spektrum0.gif);
	background-repeat: no-repeat;
}
a:hover.button2  {
	background-image: url(../images/spektrum1.gif);
	background-repeat: no-repeat;
}
.button2Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/spektrum1.gif);
	background-repeat: no-repeat;
}

.button3 {
	display: block;
	width: 160px;
	height: 20px;
}	
a.button3  {
	
	background-image: url(../images/beispiele0.gif);
	background-repeat: no-repeat;
}
a:hover.button3  {
	background-image: url(../images/beispiele1.gif);
	background-repeat: no-repeat;
}
.button3Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/beispiele1.gif);
	background-repeat: no-repeat;
}

.button4 {
	display: block;
	width: 160px;
	height: 20px;
}	
a.button4  {
	
	background-image: url(../images/projekte0.gif);
	background-repeat: no-repeat;
}
a:hover.button4  {
	background-image: url(../images/projekte1.gif);
	background-repeat: no-repeat;
}
.button4Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/projekte1.gif);
	background-repeat: no-repeat;
}

.button5 {
	display: block;
	width: 160px;
	height: 20px;
}	
a.button5  {
	
	background-image: url(../images/engagement0.gif);
	background-repeat: no-repeat;
}
a:hover.button5  {
	background-image: url(../images/engagement1.gif);
	background-repeat: no-repeat;
}
.button5Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/engagement1.gif);
	background-repeat: no-repeat;
}

.button6 {
	display: block;
	width: 160px;
	height: 20px;
}	
a.button6  {
	
	background-image: url(../images/referenz0.gif);
	background-repeat: no-repeat;
}
a:hover.button6  {
	background-image: url(../images/referenz1.gif);
	background-repeat: no-repeat;
}
.button6Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/referenz1.gif);
	background-repeat: no-repeat;
}


.button7 {
	display: block;
	width: 160px;
	height: 20px;
}	
a.button7  {
	
	background-image: url(../images/kontakt0.gif);
	background-repeat: no-repeat;
}
a:hover.button7  {
	background-image: url(../images/kontakt1.gif);
	background-repeat: no-repeat;
}
.button7Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/kontakt1.gif);
	background-repeat: no-repeat;
}



.button8 {
	display: block;
	width: 160px;
	height: 20px;
	margin-top: 20px;
}	
a.button8  {
	
	background-image: url(../images/aktuell0.gif);
	background-repeat: no-repeat;
}
a:hover.button8  {
	background-image: url(../images/aktuell1.gif);
	background-repeat: no-repeat;
}
.button8Active {
	display: block;
	width: 160px;
	height: 20px;
	background-image: url(../images/aktuell1.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
}