/* Imports */  
@import url("reset.css");  

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

body {
	background:url(../images/design/bg_body.jpg) #4f2c25;
	text-align:center;
}

html, body {
	height:100%;
}


a {
	color:#eee;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#helper {
	width:1px;
	height:50%;
	background-color:none;
	margin-bottom:-332px; /* 50% of mainframe */
	float:left;
}

.mainframeHome,
.mainframe {
	margin:0 auto;
	position:relative;
	text-align:left;
	height:655px;
	width:955px;
	clear:left;
	/*background-color:#91acbc;*/
	background:url(../images/design/bg_mainframe.png) no-repeat;
}

.mainframeHome {
	background:none;
	text-align:center;
}

.introBox {
	padding-top:200px;
}

.logo {
	position:absolute;
	right:15px;
}

.naviBox {
	position:absolute;
	top:50px;
}

.naviBox ul {
	list-style-type:none;
}

.naviBox li {
	float:left;
	margin-right:5px;
}

.naviBox li a {
	display:block;
	padding:12px 20px 14px 20px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.naviBox li a:hover {
	text-decoration:underline;
}

.naviBox li.active a {
	background-color:#8b7052;
}

.naviBox li.active a:hover {
	text-decoration:none;
	cursor:default;
}

.secondLevel {
	position:absolute;
	top:85px;
	z-index:800;
}

.secondLevel ul {
	list-style-type:none;
}

.secondLevel li {
	float:left;
	background-color:#fff;
}

.secondLevel li a {
	display:block;
	padding:5px 15px 5px 15px;
	font-size:14px;
	font-weight:bold;
	color:#8b7052;
	background-color:#dbd3ca;
}

.secondLevel li.active a {
	color:white;
	background-color:#8b7052;
}

.mainFrame {
	position: relative;
	min-height: 100%;
}

.contentBox {
	/*padding:10px 15px 25px 15px;*/
	background-color:#91acbc;
	height:560px;
	width:940px;
	position:absolute;
	top:85px;
	font-size:11px;
}

.content {
	line-height:140%;
	font-size:11px;
}

.content h1 {
	font-size:1.4em;
	color:#000000;
	padding-bottom:15px;
}

.content h2 {
	font-size:1.2em;
	color:#000000;
	padding-bottom:10px;
	padding-top:10px;
}

.content ol,
.content ul {
	padding-top:1px;
	padding-left:15px;
	margin-bottom:2px;
	list-style:circle;
}

.content ol {
	list-style:decimal;
}

.contentBox  {
  background-color:#FFFFFF;
}

.hl_architekten {
  padding-top:20px;
  padding-bottom:10px;
}

.architekten {
  text-align:center;
  padding-top:30px;
}

.bg-grundsteinlegung a,
.bg-baustelle-sept2009 a,
.kontakt a,
.impressum_txt a,
.architekten a {
  color:#000000;
}

.bg-grundsteinlegung a:hover,
.bg-baustelle-sept2009 a:hover,
.kontakt a:hover,
.impressum_txt a:hover,
.architekten a:hover {
  color:#c3c3c3;
  text-decoration:none;
}

.architekten_txt {
  width:480px;
  margin:auto;
  text-align:justify;
}

.architekten_beschreibung {
  margin:10px 70px 0 70px;
}

.cB_ausstattung {
  background-color:#FFFFFF;
}

.ausstattung_txt {
  background-color:#91ACBE;
  width:650px;
  height:560px;
}

.ausstattung_hl {
  position:absolute;
  top:120px;
  left:180px;
}

.ausstattung_list_left {
  position:absolute;
  top:290px;
  left:100px;
}

.ausstattung_list_right {
  position:absolute;
  top:290px;
  left:370px;
}

.ul_lage {
  padding-left:128px;
}

.ul_gebaeude {
  padding-left:207px;
}

.ul_kontakt {
  padding-left:552px;
}

.cB_musterbuero,
.cB_grundrisstypologien,
.cB_aktuelles,
.cB_makro,
.cB_metropole,
.cB_grundrisse,
.cB_mikro,
.cB_bildergalerie {
  background-color:#91ACBE;
}

.makro_text {
  padding-top:130px;
}

.mikro_text {
  padding-top:40px;
}

.makro_img,
.mikro_img {
  float:left;
  margin-right:35px;
}

.makro_table tr td {
  padding:5px;
}

.hl_mikro {
  margin-top:30px;
}

.cB_lebensraum {
  background-color:#C6B6A6;
}

.lebensraum_img_area {
  background-color:#FFFFFF;
  width:505px;
  height:560px;
  float:left;
}

.lebensraum_img {
  margin:60px 5px 0 30px;
}

.hl_lebensraum {
  margin:100px 0 20px 20px;
}

.lebensraum_text2 {
  width:300px;
  padding-left:20px;
  padding-top:30px;
  float:left;
}

.grundrisse_img {
  margin:50px 30px 0 50px;
}

.flaechentable {
  position:absolute;
  top:200px;
  left:690px;
  color:#FFFFFF;
}

.grundrisse_table tr td {
  padding:2px 20px 2px 20px;
}

.grey {
  background-color:#888887;
}

.eg {
  margin:50px 0 20px 30px;
}

.og,
.og2 {
  margin:20px 0 20px 30px;
}

.gebaeude_transp {
  position:absolute;
  top:105px;
  left:537px;
  z-index:999;
}

/* Bildergalerie */
.simpleGallery {
	padding-top:35px;
}

.startvisuGallery {
  position:absolute;
  left:44px;
  top:35x;
}

.visuCaption {
  position:absolute;
  left:44px;
  top:440px;
}

#imageCaption {
	padding-top:5px;
	color:#eee;
	font-weight:bold;
}

.thumbs {
	margin: 0;
	margin-right: 15px;
	padding:0;
	text-align: center;
	position:absolute;
  left:27px;
  top:465px;
}	

.thumbs li {
	list-style-type: none;
	display: inline;
}	

.thumbs li img {
	border:2px solid #ccc;
	margin:2px;
}	

#bigImage,
#imageCaption,
.thumbBox {
	text-align: center;
}

#bigImage img {
	border:3px solid white;
	text-align:center;
}

.cB_kontakt,
.cB_impressum {
  padding:30px 0 0 30px;
}

.impressum_txt {
  width:890px;
  height:520px;
  overflow:auto;
  padding-right:20px;
}

.aktuelles {
  padding:30px;
}

.galerie {
  margin-right:30px;
  margin-bottom:30px;
}

.aktuelles_galerie {
  padding:40px 0 0 180px;
}

.musterbuero_galerie {
  padding:150px 0 0 255px;
}

.musterbueroGal {
  padding:120px 0 0 180px;
}

.galerieRichtfest2010 {
  padding:90px 0 0 180px;
}

.musterbueroGal a,
.musterbuero_galerie a,
.galerieRichtfest2010 a,
.aktuelles_galerie a {
  color:#000000;
}

.logo_spacer {
  padding:5px 95px 5px 0;
}

.logoBar {
  display:block;
  float:left;
  padding-top:50px;
}

.abTextboxLeft {
  float:left;
  width:200px;
}

.abTextboxRight {
  float:left;
  width:200px;
}

.grundrisstypologienImg {
  margin:140px 7px 30px 20px;
}

.grundrisstypologienBox {
  float:left;
  text-align:center;
}

.greyBox {
  text-align:center;
  width:60px;
  height:30px;
  vertical-align:middle;
  background-color:grey;
  color:#FFFFFF;
  padding:4px;
  font-size:16px;
  font-weight:bold;
}