body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	color: #333333;
	text-decoration: none;
	background-color: #F0F0F0;
	margin: 0;
	padding: 0;
	text-align: left;
}

#site {
	position: relative;
	background-image: url(img/back_alb.gif);
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #DFE0D0;
	margin: 0;
	padding: 0;
	width: 770px;
/*	min-height: 500px; */
}

#logo {
	float: left;
	padding-left: 55px;
	border: 0px;
}

#sujet {
	float: right;
}

li {
	list-style-type: none;
}


/* styles fuer hauptnavigation */

#nav {
	background-color: #E5E6D6;
	float: left;
	clear: left;
	width: 573px;
	margin: 11px 0 0 0;
	padding: 0;
	font-size: 1em;
	height: 22px;
}

#nav ul {
	margin: 0;
	padding: 0 0 0 50px;
}

#nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;

}

#nav ul li a {
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	margin: 0;
	padding: 3 10 4 10;
	border-width: 0 1 0 1;
	border-style: solid;
	border-color: #E5E6D6;

}

#nav ul li a:hover {
	background-color: #907F2D;
	color: #FFF;
	text-decoration: none;
	border-color: #FFF;
}


#nav ul li a:active, #nav ul li a:focus {
	background-color: #FF8418;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	border-color: #FFF;
}

.navon {
	background-color: #FF8418;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	border-color: #FFF;
}

.stopfloat {
	clear: both;
	font-size: 0px;
	margin: 0;
	padding: 0;
	border: 0;

}

p {
	margin: 0;
	padding: 0;
}

#pfad {
	font-size: 0.8em;
	color: #333;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #FF8418;
	text-indent: 60px;
	background-color: #FFF;
	line-height: 1.8em;
/*	z-index: 30;*/
}

#icons {
	padding-top: 305px;
	padding-left: 0;
	margin: 0;
	float: left;
/*	padding-top: 100px;
	float: left;
	z-index: 30;*/
	
	display: inline;
	
}

#icons ul{
	margin: 0;
	padding: 0;
}

#icons ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}



/* styles fuer content-bereich*/

#content {
	line-height: 1.3em;
	width: 679px;
/*	height: 420px; */
	margin: 0 0px 0px 70px;
	padding: 20px 0px 0 0px;
}

#content img {
	border-width: 1;
	border-style: solid;
	border-color: #ADADAD;
	padding: 0;
	margin: 0 0 15px 20px;
	float: right;
}


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

a:hover {
	color: #907F2D;
	text-decoration: underline;
}

h1 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 1.2em;
	color: #FF8418;
	font-weight: bold;
}

h2 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 1em;
	color: #000;
	font-weight: bold;
}

/* Ueber Uns */

#ueberuns {
	margin: 0px;
	padding: 0;
}

#ueberuns ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#ueberuns li {
	margin: 0 0 5px 0px;
	padding: 0 0 0 15px;
	list-style-type: none;
	list-style-position: outside;
	background-image: url(img/listitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#ueberuns img {
	clear: right;
}


/* Referenzen */

#referenzen {
	margin: 0px;
	padding: 0;
}

#referenzen ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#referenzen li {
	margin: 0 0 5px 0px;
	padding: 0 0 0 15px;
	list-style-type: none;
	list-style-position: outside;
	background-image: url(img/listitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#referenzen img {
	clear: right;
}

#referenzen a {
	margin: 0 0 0 2px;
	padding: 0px 0 0 13px;
	background-image: url(img/linkitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#referenzen a:hover {
	background-image: url(img/linkitemover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}



/* kategorieuebersicht */

#projekte {
	margin: 0;
	padding: 0;
}

#projekte ul {	
	width: 320px;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0 ;
	border-style: solid;
	border-color: #E6E7D1;
}

#projekte ul li{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #E6E7D1;
	list-style-type: none;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

#projekte ul li img{
	border-width: 1px;
	border-style: solid;
	border-color: #E6E7D1;
	margin: 0 0 0 15px;
	padding: 0;
}


.listleft {
	float: left;
}

.listright {
	float: right;
	text-align: left;
	margin: 0 0 0 40px;
}

/* projektliste */

#projekte_liste {
	margin: 0;
	padding: 0;
}

#projekte_liste ul {	
	width: 679px;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0 ;
	border-style: solid;
	border-color: #E6E7D1;
}

#projekte_liste ul li{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #E6E7D1;
	list-style-type: none;
	margin: 0;
	padding: 5px 5px 5px 10px;
}

#projekte_liste ul li img{
	border-width: 1px;
	border-style: solid;
	border-color: #E6E7D1;
	margin: 0 0 0 15px;
	padding: 0;
}

.bauzeit {
	font-size: 0.85em;
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/*projektdetail*/

#projekt_detail {
	margin: 0;
	padding: 0;
	float: left;
}

#projekt_detail_text {
	float: left;
	width: 390px;
}

#projekt_detail_text a {
	padding: 0 0 0 13px;
	background-image: url(img/linkitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#projekt_detail_text a:hover {
	background-image: url(img/linkitemover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


#projekt_detail_galerie {
	float: right;
	width: 260px;
	margin: 0;
	padding: 0;
}

#projekt_detail_galerie ul {
	width: 130px;
	margin: 0;
	padding: 0;

}

#projekt_detail_galerie ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#projekt_detail_galerie ul li img {
	float: left;
	margin: 10px 0 10px 0;
	padding: 0;
}

.bilderleft {
	float: left;
	margin: 0;
	padding: 0;
	
}

.bilderright {
	float: right;
	text-align: right;
	margin: 0;
	pading:0;
}

 /* projekt detail BILD*/
 
#projekt_detail_bild a {
	padding: 0 0 0 13px;
	background-image: url(img/linkitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#projekt_detail_bild a:hover {
	background-image: url(img/linkitemover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#projekt_detail_bild_blaettern {
	margin: 17px 0 10px 20px;  
	float: right;
	text-align: center;
	
}

#projekt_detail_bild_blaettern img {
	border-width: 1;
	border-style: solid;
	border-color: #ADADAD;
	padding: 0;
	margin: 0 0 10px 0;
	float: none;
}

.linkback {
	padding: 0 0 0 15px;
	background-image: url(img/linkback.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.linkfwd {
	padding: 0 15px 0 0;
	background-image: url(img/linkfwd.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* LINKS*/

#links {
	margin: 0px;
	padding: 0;
}

#links a {
	margin: 0 0 0 10px;
	padding: 0px 0 0 13px;
	background-image: url(img/linkitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#links a:hover {
	background-image: url(img/linkitemover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/* KONTAKT */

#kontakt a {
	padding: 0 0 0 13px;
	background-image: url(img/linkitem.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#kontakt a:hover {
	background-image: url(img/linkitemover.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.formular {
	width: 300px;
	text-align: left;
	margin: 0;
	padding: 0;
}

.formular input, textarea {
    padding: 0 2px 0 2px;
	margin: 0 0 5px 0;
	width: 230px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
    border: 1px solid #FF8418;
	background: #FFF;
	color: #333;
}
	
.button {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	background: #FF8518;
	color: #FFF;	
}

.textfehlt {
	font-size: 1em;
	font-weight: bold;
	color: #FF8418;
}

.textda {
	font-size: 1em;
	font-weight: regular;
	color: #999;
}


#footer {
/* ie \ hacked 
   position: fixed; */
/* ie \ hacked 
    bottom: 0;*/
	margin: 0px 0 0 40px;
	padding: 0px;
	height: 25px;
	width: 709px;
}

.invisible {
	border-width: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	color: #FFF;
}