* {
	margin: 0px;
	padding: 0px;
}

html, body{
font-family	: 	Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background:#ECECEC;
color:#413F4A;
}

#all {
width:900px;
margin-bottom:10px;
padding-bottom:10px;
}

a {
text-decoration:underline;
font-weight:normal;
color:#552F2F;
outline: none;
}

a:HOVER {
text-decoration:none;
}

img {
border:0px;
}

.clear {
clear:both;
margin:0;
padding:0;
}

.introtext {
width:320px;
text-align:left;
padding-top:170px;
padding-left:9px;
font-family	: 	Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
}

.logo {
margin-top:40px;
margin-left:35px;
}

.topnavi {
margin-left:60px;
margin-top:30px;
}

.navibox, .naviboxkontakt {
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
padding-top:6px;
margin-right:15px;
margin-bottom:15px;
width:110px;
height:75px;
float:left;
}

.naviboxkontakt {
margin-left:66px;
}

/* ---------------------- Top Navi ------------------------------ */

ul {
margin-top:0px;
margin-left:8px;
position:		absolute;
}

li {
margin:0px;
padding:0px;
display:		block;
list-style-type:none;
}

li a {
display:		block;
text-decoration:	none;
text-indent:		-999em;
font-size:	5px;
height:9px;
}

li.nav_achitektur {
 background:  url(images/navi/architecture.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}

li.nav_achitektur A:HOVER {
 background:  url(images/navi/architecture_over.gif) no-repeat;
}

li.nav_achitektur_sub1 A {
 background:  url(images/navi/images1.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}

li.nav_achitektur_sub1 A:HOVER {
 background:  url(images/navi/images1_over.gif) no-repeat;
}
li.nav_achitektur_sub1 {
 background:  url(images/navi/images1_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin:5px 10px !important;
 margin:0px 10px;
}

li.nav_achitektur_sub2 A {
 background:  url(images/navi/images2.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_achitektur_sub2 A:HOVER {
 background:  url(images/navi/images2_over.gif) no-repeat;
}
li.nav_achitektur_sub2 {
 background:  url(images/navi/images2_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin:5px 10px !important;
 margin:0px 10px;
}

/*-----*/


li.nav_people {
 background:  url(images/navi/people.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}

li.nav_people A:HOVER {
 background:  url(images/navi/people_over.gif) no-repeat;
}

li.nav_people_sub1 A {
 background:  url(images/navi/portrait.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_people_sub1 A:HOVER {
 background:  url(images/navi/portrait_over.gif) no-repeat;
}
li.nav_people_sub1 {
 background:  url(images/navi/portrait_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin:5px 10px !important;
 margin:0px 10px;
}

li.nav_people_sub2 A {
 background:  url(images/navi/free.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_people_sub2 A:HOVER {
 background:  url(images/navi/free_over.gif) no-repeat;
}
li.nav_people_sub2 {
 background:  url(images/navi/free_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin:5px 10px !important;
 margin:0px 10px;
}

/*-----*/

li.nav_projects {
 background:  url(images/navi/projects.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}

li.nav_projects A:HOVER {
 background:  url(images/navi/projects_over.gif) no-repeat;
}

li.nav_projects_sub1 A {
 background:  url(images/navi/citylandscape.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_projects_sub1 A:HOVER {
 background:  url(images/navi/citylandscape_over.gif) no-repeat;
}
li.nav_projects_sub1 {
 background:  url(images/navi/citylandscape_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin:5px 10px !important;
 margin:0px 10px;
}
li.nav_projects_sub2 A {
 background:  url(images/navi/sperrmuell.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_projects_sub2 A:HOVER {
 background:  url(images/navi/sperrmuell_over.gif) no-repeat;
}
li.nav_projects_sub2 {
 background:  url(images/navi/sperrmuell_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin:5px 10px !important;
 margin:0px 10px;
}
li.nav_projects_sub3 A {
 background:  url(images/navi/autoportr.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_projects_sub3 A:HOVER {
 background:  url(images/navi/autoportr_over.gif) no-repeat;
}
li.nav_projects_sub3 {
 background:  url(images/navi/autoportr_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin:5px 10px !important;
 margin:0px 10px;
}


/*---KONTAKT/IMPRINT--*/

li.nav_kontakt A {
 background:  url(images/navi/kontakt.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_kontakt A:HOVER {
 background:  url(images/navi/kontakt_over.gif) no-repeat;
}
li.nav_kontakt {
 background:  url(images/navi/kontakt_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin-bottom:5px !important;
 margin-bottom:0px;
}
li.nav_vita A {
 background:  url(images/navi/vita.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_vita A:HOVER {
 background:  url(images/navi/vita_over.gif) no-repeat;
}
li.nav_vita {
 background:  url(images/navi/vita_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin-bottom:5px !important;
 margin-bottom:0px;
}



li.nav_impressum A {
 background:  url(images/navi/impressum.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_impressum A:HOVER {
 background:  url(images/navi/impressum_over.gif) no-repeat;
}

li.nav_impressum {
 background:  url(images/navi/impressum_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin-bottom:5px !important;
 margin-bottom:0px;
}


li.nav_links A {
 background:  url(images/navi/links.gif) no-repeat;
 width:54px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_links A:HOVER {
 background:  url(images/navi/links_over.gif) no-repeat;
}

li.nav_links {
 background:  url(images/navi/links_over.gif) no-repeat;
 width:54px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin-bottom:5px !important;
 margin-bottom:0px;
}


li.nav_kunden A {
 background:  url(images/navi/kunden.gif) no-repeat;
 width:54px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_kunden A:HOVER {
 background:  url(images/navi/kunden_over.gif) no-repeat;
}
li.nav_kunden {
 background:  url(images/navi/kunden_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin-bottom:5px !important;
 margin-bottom:0px;
}


li.nav_reportage A {
 background:  url(images/navi/reportage.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
}
li.nav_reportage A:HOVER {
 background:  url(images/navi/reportage_over.gif) no-repeat;
}

li.nav_reportage {
 background:  url(images/navi/reportage_over.gif) no-repeat;
 width:86px;
 height:9px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 margin-bottom:5px !important;
 margin-bottom:0px;
}



/* --------------- ENDE Top Navi -------------- */

/* ---------------Text Navi ------------------- */

.top A {
 background:  url(images/navi/txt_pfeil_top.gif) no-repeat;
 width:13px;
 height:8px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 float:left;
}
.top A:HOVER {
 background:  url(images/navi/txt_pfeil_top_over.gif) no-repeat;
}
.top {
 background:  url(images/navi/txt_pfeil_top.gif) no-repeat;
 width:13px;
 height:8px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 float:left;
}

.bottom A {
 background:  url(images/navi/txt_pfeil_bottom.gif) no-repeat;
 width:13px;
 height:8px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;
 float:right;
}
.bottom A:HOVER {
 background:  url(images/navi/txt_pfeil_bottom_over.gif) no-repeat;
}
.bottom {
 background:  url(images/navi/txt_pfeil_bottom.gif) no-repeat;
 width:13px;
 height:8px;
 text-decoration:	none;
 text-indent:		-999em;
 font-size:	5px;

}

/*-------------- Ende Text Navi ------------------------ */

.imagebox {
margin-left:60px !important;
margin-left:30px;
width:555px;
height:395px;
float:left;
padding:0px 0 0 0px;
border-top:0px solid #ddd;
border-left:0px solid #ddd;
border-right:0px solid #fff;
border-bottom:0px solid #fff;
}

.imageboxlarge {
margin-left:60px !important;
margin-left:30px;
width:820px;
height:400px;
float:left;
padding:0px;
text-align:center;

}

.imagebox-rand {
margin-left:60px !important;
margin-left:30px;
width:505px;
height:395px;
float:left;
padding:5px 0 0 50px;
}

.subtitel {
font-size:10px;
/*text-align:right;*/
}

/*
.bgarchitektur {
background-color:#8A8A8A;
}

.bgpeople {
background-color:#E0E0E0;
}
*/

.bgcity {
background-color:#363636;
}


.bgsperr {
background-color:#D7D2D6;
}

.bgauto {
background-color:#BABEBD;
}


.bgkontakt {
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
line-height:18px;
}

.kontextbox {
width:245px;
height:378px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
margin-left:15px;
float:left;
padding:10px;
font-family	: 	Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
}

#textpart1 {
line-height:14px;
}

#textpart2{
line-height:14px;
}

.txtkontakt {
line-height:18px;
}

.txtvita {
line-height:16px;
}

#txtnavi1, #txtnavi2 {
position:absolute;
left:850px;
margin-top:-20px;
}


.bildleiste {

margin-top:14px ;
margin-left:60px;
width:780px;
height:55px;
}

.bildleiste img {
margin-right:4px;
margin-bottom:4px;

}


/* -------- Navi-Pfeile -------------------- */
#pfeillinks {
	height	:60px;
	float	:left;
}

#pfeillinks a {
 background:  url(images/navi/pfeil_links_mo.gif) no-repeat;
 display: block;
 float:left;
 width:16px;
height:px;
margin-right:4px;
 }
#pfeillinks img,
#pfeilrechts img  {
float	:left;
 }
#pfeillinks a:hover img {
 visibility: hidden;
 }
#pfeillinks a:hover {
 border:0;
 }

 #pfeilrechts a {
 background:  url(images/navi/pfeil_rechts_mo.gif) no-repeat;
 display: block;
  float:left;
 width:16px;
 height:54px;
 }
#pfeilrechts img {
 border:0;
 }
#pfeilrechts a:hover img {
 visibility: hidden;
 }
#pfeilrechts a:hover {
 border:0;
 }

#pfeilrechts {
/*position:relative;
left:600px;*/
}

/* -------- ENDE Navi-Pfeile -------------------- */

#startseitentext {
	margin-top: 500px;
	margin-bottom: 10px;
	margin-right: 350px;
	margin-left: 350px;
	text-align: left;
	font-size: 10px;
	color: #333333;
	text-align: justify;
}

#startseitentext h1 {
	font-size: 12px;
	text-align: center;
	color: #333333;
}

#startseitentext h2{
	text-align: center;
	color: #333333;
}

#startseitentext h3{
	text-align: center;
	color: #333333;
}

#startseitentext a {
	color: #990000;
	text-decoration: none;
}

#hinweistext {
	margin-top: 500px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 60px;
	text-align: left;
	font-size: 10px;
	color: #333333;
}