/* @group Global Reset */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited,:active { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight: normal; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img, { border:none; border-width: 0px; }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
/* @end */

/* @group Allgemein */

body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background-color: #dbdbdd;
	color: #333333;
	text-align: center;
}

p {
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
}

h1 {
	font: 18px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
}

h2 {
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

/* @group Verlinkungen Allgemein */

a:link, a:visited, a:active {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #000;
}

a:hover {
	color: #b11900;
}

/* @end */

/* @group STRUKTUR */


#page-container { 
	width:845px;
	margin-left:auto; 
	margin-right:auto;
	background: #fff url(../2-img/bg_rahmen_bottom.gif) repeat-x 0 bottom;
	top: 20px;
	position: relative;
	z-index: 1;
	text-align: left;
}

#header {
	width: 845px;
	height: 105px;
	background: #fff url(../2-img/bg_header_top.gif) repeat-x 0 top;
	padding: 0;
	z-index: 2;
	overflow: hidden;
}

#logo {
	width: 407px; /*breite logobild*/
	height: 105px; /*hoehe logobild*/
	float: left;
	z-index: 3;
}

#nebennavi {
	width: auto;
	padding-top: 77px;
	z-index: 3;
}

#content {
	width: 845px;
	z-index: 3;
	position: relative;
	overflow: hidden;
}

#footer {
	height:50px; 
	padding-top:10px;
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666666;
	text-align: left;
	position: relative;
	z-index: 4;
}

.clearfloat {
	clear: both;
}

.floatleft {
	float: left;
}

.image-left {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.hidden {
	display: none;
}

/* @end */

/* Start Mac IE5 filter \*/
#box-navi1, #box-navi2, #box-navi3, #box-starttext, #box-text, #box-formular, #box-impressumstext, #box-590px, #box-165px
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */

#box-navi1 a, #box-navi2 a, #box-navi3 a {
	border-width: 0;
}

#box-navi1 {
	background-color: #000;
	width: 80px;
	float: left;
	display: inline;
}

#box-navi2 {
	background-color: #ACBA00;
	width: 80px;
	float: left;
	margin-left: 5px;
	display: inline;
}

#box-navi3 {
	background-color: #006E82;
	width: 80px;
	float: left;
	margin-left: 5px;
	display: inline;
}

/* @group nebennavi */

#nebennavi ul {
	width: auto;
}

#nebennavi li {
	display: block;
	float: left;
	height: 28px;
}

#nebennavi li span {
	display: none;
	text-indent: -9999px;
}

#nebennavi a {
	border-width: 0;
}

/* @end */

/* @group box-start */

#box-start {
	background: #b7b7b7 url(../2-img/bg_box_top_weiss.gif) repeat-x 0 top;
	width: 590px;
	float: left;
	margin-left: 5px;
	display: inline;
	padding-top: 23px;
	padding-bottom: 10px;
}

#box-start p {
	font: 12px/22px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/* @end */

/* @group box-text */

#box-text {
	background: #b7b7b7 url(../2-img/bg_box_top_weiss.gif) repeat-x 0 top;
	width: 420px;
	padding-bottom: 10px;
	float: left;
	display: inline;
	margin-left: 5px;
	padding-top: 44px;
}

#box-text p {
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#box-text h1 {
	margin-bottom: 20px;
	color: #000;
	margin-right: 20px;
	margin-left: 20px;
}

#box-text h2 {
	margin-bottom: 10px;
	color: #000;
	margin-right: 20px;
	margin-left: 20px;
}

#box-text ul {
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	margin-right: 30px;
	margin-left: 20px;
}

#box-text li {
	background-image:url(../2-img/bullet_black.png);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-bottom:10px;
	padding-left:20px;
	padding-top:0px;
}

/* @end */

/* @group box-formular */

#box-formular {
	background: #b7b7b7 url(../2-img/bg_box_top_weiss.gif) repeat-x 0 top;
	width: 420px;
	padding-top: 44px;
	padding-bottom: 10px;
	float: left;
	margin-left: 5px;
	display: inline;
}

#box-formular p {
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
}

#box-formular h1 {
	margin-bottom: 20px;
	color: #000;
	margin-right: 20px;
	margin-left: 20px;
}

#box-formular ul {
	font: 11px/20px "Courier New", Courier, mono;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 30px;
}

#box-formular li {
	margin-bottom: 15px;
	background-image: none;
}

/* @end */

/* @group box-impressum */

#box-impressumstext {
	background: #b7b7b7 url(../2-img/bg_box_top_weiss.gif) repeat-x 0 top;
	width: 590px;
	padding-top: 44px;
	padding-bottom: 20px;
	margin-left: 5px;
	float: left;
	display: inline;
}

#box-impressumstext p {
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	margin-right: 30px;
	margin-left: 20px;
}

#box-impressumstext h1 {
	margin-bottom: 20px;
	color: #000;
	margin-right: 20px;
	margin-left: 20px;
}

/* @end */

#box-590px {
	background: #fff url(../2-img/bg_box_top_weiss.gif) repeat-x 0 top;
	width: 590px;
	float: left;
	display: inline;
	margin: 0 0 0 5px;
}

#box-590px object {
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

#box-590px p {
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/* @group Uebersichtsseiten */

DIV#uebersicht-individual {
	padding-top: 20px;
	padding-bottom: 5px;
	display: block;
	margin-top: 23px;
	background: #ACBA00 url(../2-img/bg_uebersicht_individual.jpg) no-repeat;
}

DIV#uebersicht-individual h1 {
	margin-left: 200px;
	color: #5B6111;
	margin-bottom: 20px;
	font: 18px/25px Georgia, "Times New Roman", Times, serif;
	margin-right: 20px;
}

DIV#uebersicht-individual p {
	margin-right: 20px;
	color: #fff;
	margin-bottom: 20px;
	margin-left: 200px;
}

#uebersicht-architekt {
	padding-top: 15px;
	padding-bottom: 5px;
	display: block;
	margin-top: 23px;
	background: #006E82 url(../2-img/bg_uebersicht_architektur.jpg) no-repeat;
}

#uebersicht-architekt h1 {
	margin-left: 200px;
	font: 18px/25px Georgia, "Times New Roman", Times, serif;
	color: #133C42;
	margin-bottom: 20px;
	margin-right: 20px;
}

#uebersicht-architekt p {
	color: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 200px;
}

DIV.uebersichthaus {
	margin: 0;
	padding: 0;
	display: block;
}

DIV.uebersichthaus img {
	float: left;
	margin: 5px 7px 0 0;
	padding: 0;
	border-width: 0;
}

DIV.uebersichthaus img.aussen {
	margin: 5px 0 0;
}

DIV.uebersichthaus a {
	border-width: 0;
}

/* @end */

/* @group Detailseiten der Haeuser */

p.hausdetail { /*formatierung des textblockes innerhalb der detailboxen*/
	padding-top: 75px;
	padding-left: 30px;
	width: 280px;
	color: #fff;
}

#detail-if-196 {
	background-image: url(../2-img/hausdetail/detailtitel_if-196.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/
}

#detail-if-147 {
	background-image: url(../2-img/hausdetail/detailtitel_if-147.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/
}

#detail-ig-152 {
	background-image: url(../2-img/hausdetail/detailtitel_ig-152.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/
}

#detail-ig-163 {
	background-image: url(../2-img/hausdetail/detailtitel_ig-163.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/	
}

#detail-ig-112 {
	background-image: url(../2-img/hausdetail/detailtitel_ig-112.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/	
}

#detail-ig-145 {
	background-image: url(../2-img/hausdetail/detailtitel_ig-145.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/	
}

#detail-a1 {
	background-image: url(../2-img/hausdetail/detailtitel_a1.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/	
}

#detail-a2 {
	background-image: url(../2-img/hausdetail/detailtitel_a2.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/	
}

#detail-a3 {
	background-image: url(../2-img/hausdetail/detailtitel_a3.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/	
}

#detail-a4 {
	background-image: url(../2-img/hausdetail/detailtitel_a4.gif);
	margin-top: 23px;
	width: 590px; /*breite bg-bild*/
	height: 190px; /*hoehe bg-bild*/	
}

img.hausdetail {
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

/* @end */

#box-165px {
	width: 165px;
	padding-top: 23px;
	display: block;
	float: left;
	margin-left: 5px;
}

/* @group textformatierung */

.schrift15px {
	font-size: 15px;
}

.weiss {
	color: #fff;
}

/* @end */

/* @group box-unternavi */

#box-unternavi {
	width: 165px;
	padding-top: 23px;
	display: block;
	float: left;
	margin-left: 5px;
}

#box-unternavi ul {
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	text-align: right;
}

#box-unternavi li {
	display: block;
	border-top: 1px solid #9c9c9c;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

#box-unternavi a:link, #box-unternavi a:visited, #box-unternavi a:active {
	border: 0;
}

#box-unternavi a.selected {
		color: #b11900;
}

/* @end */

/* @group Margins */

.margintop-15px {
	margin-top: 15px;
}

.marginbtm-20px {
	margin-bottom: 20px;
}

/* @end */