/* CSS Stylesheet for Archtekturbüro */
/*	==============================
	1. Kalibrierung und allgemeine Styles
	============================== */
/* +++ Kalibrierung der wichtigsten Abstände +++*/
	
* { padding: 0; margin: 0; }
ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
ul li {margin-left: 1em; }
h1 ul li {display: inline; list-style-type:none;}
h2 ul li {display: inline; list-style-type:none;}
h3 ul li {display: inline; list-style-type:none;}
h4 ul li {display: inline; list-style-type:none;}

p, h1 {margin-bottom: .5em; }
h2 {padding-bottom:none;}

/* +++ Allgemeine Selektoren +++ */


body {
width:768px;
	color:#666666;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	padding:0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 230%;
}
h2{
	font: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size: 186%;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: extra-expanded;
	font-size: 140%;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h5 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif lighter;
	font-weight: lighter;
	letter-spacing: .25em;
	font-size: 105%;
}
h6 {
	font-family: Arial, Helvetica, sans-serif lighter;
	font-weight:lighter;
	font-size: 115%;
}
/* +++ Hyperlinks allgemein +++ */

a {text-decoration: none; }

a:visited { color:#000000;}
a:hover,
a:focus { border: none; }
a:active {
	color: #0000CC;
	background-color: #FFFFFF;
}
/*	===========================
	Styles für die Layoutbereiche 
	=========================== */

#wrapper {
	width: 180em;
	background-color: #FFFFFF;
}
#kopf_wrap {
	margin: 2em 0 0 2em;
	width: 180em;
	background-color:#FFFFFF;
}
#kopf_spacer {
	width: 2.25em;
	height: 15em;
	position:fixed;
	background-color: #FFFFFF;
}
#namebox {
	height: 5em;
	width: 23.5em;
	color:#FFFFFF;
	background-color: #0000CC;
	padding: 10em 0 0 1.5em; 
	letter-spacing: .25em;
	position:fixed;
}
#namebox_blank {
	height: 5em;
	width: 23.5em;
	background-color: #FFFFFF;
	padding: 10em 0 0 1.5em; 
	letter-spacing: .25em;
	float:left;
}
#headbox_blank {
	height: 5em;
	width:50em;
	background-color:#FFFFFF;
	padding: 10em 0 0 1.5em; 
	float:left;
}
#headbox {
	height: 5em;
	width:50em;
	background-color:#FFFFFF;
	color: #666666; 
	padding: 10em 0 0 1.5em;
	float: left;
}
/*#headspace {
	clear: left;
}*/
#headspace_01 {
	clear:both;
}
#headspace_02 {
	clear:both;
}
#headspace_03 {
	clear:both;
}
#headspace_04 {
	clear:both;
}
#headspace_05 {
	clear:both;
}
#navibereich_01 {
	height: 3em;
	width: 175em;
	padding-top: 1em;
	padding-left: 1em;
	background-color: #FFFFFF;
	position:fixed;
}
#navibereich_01 a,
#navibereich_02 a,
#navibereich_03 a {
	color: #999999;
}
#navibereich_01_blank {
	height: 3em;
	width: 175em;
	padding-top: 1em;
	padding-left: 1em;
	background-color: #FFFFFF; 
	float:left;
}
#pagename {
	width: 175em;
	position:fixed;
}
#navibereich_02_blank {
	height: 0.25em;
	width: 170em;
	background-color: #FFFFFF;
	float: left;
	padding: .1em 0 0 9em;
	clear:both;
}
#navibereich_02 {
	height: 2.2em;
	width: 170em;
	background-color:#FFFFFF;
	padding: .1em 0 0 9em;
	position: fixed;
}
#navibereich_03 {
	height: 3em;
	width: 160em;
	background-color:#FFFFFF;
	float: left;
	padding: .8em 0 0 17em;
}
#navibereich_01 a:hover,
#navibereich_01 a:focus,
#navibereich_01 a:active,
#buero #navi01 a,
#leistungen #navi02 a,
#projekte #navi03 a,
#archiv #navi04 a,
#links #navi06 a {
	color: #0000CC;
	border-bottom-color:#FFFFFF;
}
#navibereich_02 a:hover,
#navibereich_02 a:focus,
#navibereich_02 a:active,
#beratung #navi02_01 a,
#analyse #navi02_02 a,
#entwurf #navi02_03 a,
#planung #navi02_04 a,
#bauleitung #navi02_05 a,
#modelle #navi02_06 a {
	color: #0000CC;
}
#navibereich_03 a:hover,
#navibereich_03 a:focus,
#navibereich_03 a:active {
	color: #0000CC;
	border-bottom-color:#FFFFFF;
}
#logo_spacer {
	width: 2em;
	height: 47em;
	background-color: #FFFFFF;
	position:fixed;
}
#logo_wrap {
	margin: 0 0 0 2em;
	width: 180em;
	background-color: #FFFFFF;
}
#logobox {
	height: 12.5em;
	width: 23.5em;
	padding: 28em 0 0 1.5em;
	color:#FFFFFF;
	background-color: #0000CC;
	position: fixed;
}
#logobox_blank {
	height: 12.5em;
	width: 23.5em;
	padding: 28em 0 0 1.5em;
	color: #FFFFFF;
	background-color: #FFFFFF;
	float: left;
}
#window1 {
	height:40.5em;
	width: 155em;
	background-color: #FFFFFF;
	color:#666666;
	overflow: hidden;
	float:right;
}
#spalte01 {
	height:40.5em;
	width: 23.75em;
	background-color: #FFFFFF;
	border-left: #FFFFFF solid .25em;
	padding: 0 .5em 0 .5em;
	float:left;
}
#spalte02 {
	height: 40.5em;
	width: 24.75em;
	background-color: #999999;
	border-left: #FFFFFF solid .25em;
	overflow:hidden;
	float:left;
}/*für Bilder: padding weg, border-bottom weg:dafür width= 24.75*/
#spalte03 {
	height: 40.5em;
	width: 23.75em;
	background-color: #999999;
	color:#FFFFFF;
	border-left: #FFFFFF solid .25em;
	padding: 0 .5em 0 .5em;
	float:left;
}
#spalte04 {
	height: 40.5em;
	width: 24.75em;
	background-color: #FFFFFF;
	border-left: #FFFFFF solid .25em;
	float:left;
}
#spalte05 {
	height:40.5em;
	width: 23.75em;
	background-color: #999999;
	border-left: #FFFFFF solid .25em;
	padding: 0 .5em 0 .5em;
	float:left;
}
#spalte06 {
	height:40.5em;
	width: 23.75em;
	color:#000000;
	background-color: #999999;
	border-left: #FFFFFF solid .25em;
	padding: 0 .5em 0 .5em;
	float:left;
}
#footer_spacer {
	width: 175em;
	height: 2.25em;
	background-color: #FFFFFF;
	position: fixed;
}
#footer_wrap {
	margin: 0 0 0 2em;
	width: 175em;
	background-color: #FFFFFF;
}
#footer {
	height: 1em;
	width: 172.75em;
	color:#FFFFFF;
	background-color: #666666;
	position:fixed;
	padding: 1em 1em 1em 1em;
	border-top:#FFFFFF solid .25em;
}
#footer a {
color:#FFFFFF;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
	color:#000000;
	background-color: #666666;
	border-bottom-color: #6699CC;
}
#footer_blank {
	height: 1em;
	width: 172.75em;
	color: #660066;
	background-color: #FFFFFF;
	float:left;
	padding: 1em 1em 1em 1em;
	border-top:#FFFFFF solid .25em;
}