*{
margin: 0;
padding: 0;
}



body  {
	font-family: Myriad, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	color: #000000; 
	background-image: url(img/beton-hintergrund.jpg);
	background-repeat: repeat;
	font-size:14px;
	line-height: 19px;
	height: 100%;
	 }
a img {
border: solid 0 #fff;
}

sup {
font-size: 50%;
}

sub {
font-size: 50%;
}

a {
color: #59592C;

}


h2 {
color: #59592C;
margin-bottom: 10px;
letter-spacing: 1px;
line-height: 130%;
}

ul {
list-style-position: outside;
margin-left: 20px;
margin-bottom: 30px;
list-style-type: square;
}

.immobilie ul {
list-style-type: none !important;
list-style-position: inside !important;
margin-left: 0 !important;}

li {
margin-bottom: 5px;
}

.spalte1 {
width: 100px;
}

.imgalig {
float: left;
margin-left: -450px;
}

.img-plan {
margin-left: -250px;


}

td {
vertical-align: top;
padding-bottom: 5px;
}

.rechts {
float: right;
text-align: right;

}

.rechts img {
margin-bottom: 20px;
border: 3px solid #59592C;
}

.links {
float: left;
margin-left: 50px;
}

.links img {

margin-bottom: 20px;
border: 3px solid #59592C;}

.hr-clear {
width: 60%;
margin-left: 20%;
border-bottom: 2px dotted #59592C;
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}

.zitat-rechts {
position: absolute;
right:0;
margin-right: -20px;
margin-top: 50px;

}

.zitat-links {
position: absolute;
left:0;
margin-left: -20px;
margin-top: 50px;

}
.zitat {
border: 0 solid #fff !important;
}

.ruf {
color: #59592C;
font-size: 23px;
line-height: 30px;
letter-spacing: 2px;
font-style: italic;
border-bottom: 3px solid #D31145;
margin-left: -50px;
padding-left: 50px;
padding-bottom: 5px;
margin-top: 20px;
width: 70%;
}

.projekt p {
float: right;
padding-right: 10px;
text-align: right;
}

.projekt {
width: 100%;
}

.projekt h2 {
margin-bottom: 40px;
text-align: center;


}

.projekt img {
border: 3px solid #59592C;
}

.immo-img {
float: left;
margin-left: 50px;
}

.immobilie ul {
list-style-type: square;

}

.immobilie {
margin-left: 50%;
}



#kopf {
	background-image: url(img/balken-oben.png);
	background-repeat: no-repeat;
	height: 86px;
}

#kopf .logo {
	position: absolute;
	top: 46px;
	right: 20px;
	width: 331px;
	height: 66px;
	background-image: url(img/pius-alig-architekturbuero.png);
	background-repeat: no-repeat;
	}

#navigation {
position: absolute;
top: 112px;
border-bottom: 3px solid #D31145;
}

#navigation ul {
margin-bottom: 0;
}
#navigation ul li{
 display: inline;

}

#inhalt {
position: relative;
top: 100px;
bottom: 0;
left: 10%;
background-image: url(img/hintergrund-inhalt.png);
background-repeat: repeat;
width: 80%;
padding-bottom: 100px;

}

#inhalt-projekt {
padding: 20px;}

#einleitung {
padding:50px;
padding-bottom: 20px;}

#einleitung {
padding-right: 150px;
}

#einleitung2 {
padding:50px;
padding-bottom: 20px;}

#einleitung2 {
padding-right: 150px;
}


#beschreibung {
padding-right: 50px;
padding-bottom: 80px;
}

#beschreibung-inhalt {
margin-left: 50%;
}
#beschreibung-immo {
}
#zitat {
position: absolute;

margin-left: -50px;
margin-top: 30px;
}
#fuss {
position: fixed;
bottom: 0;
right: 0;
background-image: url(img/balken-unten.png);
height: 77px;
width: 1085px;
}

 /*#################################################
           Zuruecksetzen von Abstaenden und float
#################################################*/
.clearing 	{clear: both; height: 0;}
p {	margin-bottom: 1em;	}