html, body {
	padding:0px;
	margin:0px;
	
}

#page-container {
	width: 980px;
	height: 450px;
	position: relative;
	top: 130px;
	margin-right: auto;
	margin-left: auto;
}

#auswahl {
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 20px;
	color: #FF8C00;
	font: bold 12px Arial;
	text-align: left;
	height: 10px;
	float: left;
}



#auswahl a:link, #auswahl a:visited {
	color: #102543;
	font: bold 12px Arial;
	text-decoration: none;
}


#auswahl a:hover, #auswahl a:active {
	color: #FF8C00;
	font: 600 12px "Lucida Grande";
	font: 600 12px Arial;
	text-decoration: none;
}

#logo {
		float: right;
	height: 30px;
	width: 131px;
	position: absolute;
	top: 0;
	right: 0;
}

#space {
	width: 980px;
	height: 30px;
	float: left;
	position: absolute;
	top: 30px;
	left: 0;
	background: transparent url(../img/linie_verlauf.gif) no-repeat left bottom;
}

/* @group Subnavi */

#subnavi01 {
	float: left;
	position: absolute;
	width: 300px;
	color: #102543;
	font: 12px/42px Arial;
	top: 80px;
	height: 20px;
}

#subnavi02 {
	position: absolute;
	width: 300px;
	color: #102543;
	font: 12px/42px Arial;
	float: left;
	top: 120px;
}

#subnavi03 {
	position: absolute;
	width: 300px;
	color: #102543;
	font: 12px/42px Arial;
	float: left;
	top: 160px;
}

#subnavi04 {
	position: absolute;
	width: 300px;
	color: #102543;
	font: 12px/42px Arial;
	float: left;
	top: 200px;
}

#subnavi05 {
	position: absolute;
	width: 300px;
	color: #102543;
	font: 12px/42px Arial;
	float: left;
	top: 240px;
}

#subnavi06 {
	position: absolute;
	width: 300px;
	color: #102543;
	font: 12px/42px Arial;
	float: left;
	top: 280px;
}



#subnavi_textoben {
	float: left;
	position: absolute;
	width: 300px;
	height: 30px;
	padding-top: 27px;
	top: 60px;
}

#subnavi_features {
	position: absolute;
	width: 300px;
	height: 275px;
	float: left;
	background: url(../img/features/logos.jpg) no-repeat 0 bottom;
	top: 120px;
}

/* @end */

/* @group Projekte Pfeil */

#projekte {
	width: 300px;
	float: left;
	position: absolute;
	top: 360px;
	color: #102543;
	font: normal 12px Arial;
	text-decoration: none;
}



#projekte a:link, #projekte a:visited {
	color : #102543;
	text-decoration: none;
	font: normal 12px Arial;
	text-align: left;
}

#projekte a:hover, #projekte a:active {
	color : #ff8c00;
	text-decoration: none;
	font: normal 12px Arial;
	text-align: left;
}



/* @end */

/* @group Navigation */

#navigation {
	width: 980px;
	position: absolute;
	z-index: 3;
	float: left;
	color: #FF8C00;
	font: 12px Arial;
	text-decoration: none;
	bottom: 0;
	left: 0;
	background: url(../img/linie_verlauf.gif) no-repeat left top;
	padding-top: 28px;
	padding-bottom: 12px;
}

#navigation a:link, navigation a:visited {
	color : #102543;
	text-decoration: none;
	font: normal 12px Arial;
	text-align: left;
}

#navigation a:hover, navigation a:active {
	color : #ff8c00;
	text-decoration: none;
	font: normal 12px Arial;
	text-align: left;
}



/* @end */

/* @group Projektseiten */

#projektbeschreibung {
	float: left;
	position: absolute;
	width: 300px;
	height: 245px;
	padding-top: 13px;
	top: 60px;
}

.headline {
	color: #102543;
	font: bold 14px Arial;
}
.subheadline {
	color: #FF8C00;
	font: bold 12px Arial;
}
.text {
	color: #102543;
	font: 11px Arial;
}


/* @end */

/* @group Kontakt */

#konkaktformular {
	float: left;
	position: absolute;
	width: 320px;
	height: 300px;
	padding-top: 25px;
	top: 60px;
}

#konkakt_bild {
	width: 430px;
	height: 391px;
	position: absolute;
	z-index: 1;
	float: right;
	background: url(../img/buero.jpg) no-repeat right top;
	top: 60px;
	right: 0;
}

#konkaktdaten {
	width: 200px;
	height: 320px;
	z-index: 1;
	float: left;
	padding-top: 12px;
	margin-left: 10px;
	color: #102543;
	font: 12px Arial;
	position: absolute;
	top: 60px;
	left: 330px;
}



a:link, a:visited {
	color : #102543;
	text-decoration: none;
	font: normal 12px Arial;
	text-align: left;
}

a:hover, a:active {
	color : #ff8c00;
	text-decoration: none;
	font: normal 12px Arial;
	text-align: left;
}



/* @end */

#bild {
	width: 680px;
	height: 391px;
	position: absolute;
	z-index: 1;
	float: left;
	top: 60px;
	right: 0;
}

#start {
	width: 980px;
	height: 336px;
	position: absolute;
	z-index: 1;
	float: left;
	top: 60px;
}

#news_rahmen {
	width: 980px;
	height: 391px;
	position: absolute;
	z-index: 1;
	float: left;
	top: 60px;
}

#team {
	float: left;
	position: absolute;
	width: 630px;
	height: 244px;
	padding-top: 14px;
	top: 60px;
}

/* @group a styles */

a.button {
    font: normal 12px arial;
    color: #102543;
    text-decoration: none;
    height: 11px;
    padding-right: 3px; /* sliding doors padding */;
    width: 107px;
	text-align: left;
	margin-right: 13px;
}



a.button_aktiv {
    font: normal 12px arial;
    color: #FF8C00;
    text-decoration: none;
    height: 11px;
    padding-right: 3px; /* sliding doors padding */;
    width: 107px;
	text-align: left;
	margin-right: 13px;
}

a img {
border: 0px;
}

a.button_bold {
    font: bold 12px arial;
    color: #102543;
    text-decoration: none;
    height: 11px;
    padding-right: 3px; /* sliding doors padding */;
    width: 107px;
	text-align: left;
	margin-right: 13px;
}



a.button_bold_aktiv {
    font: bold 12px arial;
    color: #FF8C00;
    text-decoration: none;
    height: 11px;
    padding-right: 3px; /* sliding doors padding */;
    width: 107px;
	text-align: left;
	margin-right: 13px;
}

a.button_bold_aktiv:link{
    font: bold 12px arial;
    color: #FF8C00;
    text-decoration: none;
    height: 11px;
    padding-right: 3px; /* sliding doors padding */;
    width: 107px;
	text-align: left;
	margin-right: 13px;
}

a.button_bold_aktiv:hover {
    font: bold 12px arial;
    color: #FF8C00;
    text-decoration: none;
    height: 11px;
    padding-right: 3px; /* sliding doors padding */;
    width: 107px;
	text-align: left;
	margin-right: 13px;
}

.auszeichnung {
	color: #999;
	font: 25px Arial;
}



/* @end */