body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#container {
	position: absolute;
	height: 1px;
	width: 1px;
	left: 50%;
	top: 47%;
}
#contentbox {
	position: absolute;
	top: -235px;
	left: -400px;
	height: 470px;
	width: 800px;
}
#header {
	height: 35px;
	margin-bottom: 55px;
}
#logo {
	float:left;
}
#menu {
	float:right;
	height:15px;
	margin-top:15px;
}
.mainmenu a {
	float:left;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin-right:39px;
	height:15px;
	background-repeat:no-repeat;
	cursor:pointer;
}
a.architekten {
	background-image: url(images/menu/architekten.gif);
	width: 58px;
}
a.referenzen {
	background-image: url(images/menu/referenzen.gif);
	width: 56px;
}
a.projekt {
	background-image: url(images/menu/projekt.gif);
	width: 52px;
}
a.leistungen {
	background-image: url(images/menu/leistungen.gif);
	width: 55px;
	margin-right:25px;
}
a.start {
	background-image: url(images/menu/start.gif);
	width: 13px;
	margin-right:7px;
}
a.kontakt {
	background-image: url(images/menu/kontakt.gif);
	width: 14px;
	margin-right:0px;
}

.architekten:hover, a.architekten_aktiv { background-image: url(images/menu/architekten_o.gif); }
.referenzen:hover, a.referenzen_aktiv { background-image: url(images/menu/referenzen_o.gif); }
.projekt:hover, a.projekt_aktiv { background-image: url(images/menu/projekt_o.gif); }
.leistungen:hover, a.leistungen_aktiv { background-image: url(images/menu/leistungen_o.gif); }
.start:hover, a.start_aktiv { background-image: url(images/menu/start_o.gif); }
.kontakt:hover, a.kontakt_aktiv { background-image: url(images/menu/kontakt_o.gif); }

#content {
	background-color: #BF2228;
	height: 380px;
	width: 800px;
}
#content_left, #content_right {
	float:left;
	height: 378px;
	width: 398px;
	border:1px solid #CCC;
	background-color: #FFFFFF;
}
#content_right {
	width: 399px;
	border-left:0px none;
	overflow:auto;
}
#index_content {
	position: relative;
}
#index_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #BF2228;
	position: absolute;
	top: 266px;
	right: 39px;
	line-height:25px;
	width: 291px;
	cursor: default;
}
#index_text span {
	color: #FFF;
	cursor: pointer;

}
.text_content {
	margin:30px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#333;
}




/* Tags */

h2 {
	font-size:14px;
	margin:15px 0px;
}
h2.first {
	margin:0px 0px 15px;
}
h3 {
	font-size: 12px;
	margin-bottom: 0px;
}
p {
	margin-top: 0px;
}
a {
	color: #BF2228;
}


img {
	border:0px none;
}

/* Advanced Selectors */

.text_content ul {
	margin:auto 0px auto 15px;
	padding:0px;
}
.page-architekten .text_content li {
	margin-bottom:45px;
}
.page-referenzen #content_left {
	position:absolute;
}
a:hover {
	text-decoration: none;
}
.referenzliste h3 {
	cursor: pointer;
}
.referenzliste div {
	padding:0px 5px;
}
.referenzliste .rowselected {
	background-color:#EEEEEE;
}
.referenz_detail {
	position:absolute;
	width:340px;
	padding:10px;
	left:20px;
	bottom:20px;
	background-color:#FFF;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	display: none;
}