* {
	margin: 0;
	padding: 0;
}
html{
     height: 100%;
}
div#container {
     min-height: 100%;
}
* html #container {
     height: 100%;
}
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 140%;
	background-image: url(../images/hintergrund-innenarchitektur.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin:0 auto;
	min-height: 100%;
	}
/* UEBERSCHRIFTEN */
h1 {

	font-size: 120%;
	padding: 0px 0px 10px 0px;
	line-height: 140%;
	background-color: transparent;
	color: #fff;
}

h2 {
color: #58585a;
font-size: 120%;
line-height: 130%;
letter-spacing: 0pt;
padding: 0px 0px 3px 0px;
}
h3 {
font-size: 100%;
padding: 0px 0px 0px 0px;
}
h4 {
font-size: 110%;
border-bottom: 1px solid #cef;
}
h6 {
letter-spacing: 2pt;
font-size: 200%;
padding: 20px 20px 0px 0px;
color: #fff;
}

/* === ALLGEMEINE Formate  ===*/
p {
margin-top: 0px;

color: #58585a;
} 
a {
text-decoration: none;
background-color: transparent;
color: #990033;
}

#wrapper {
	width: 890px;
	height: 720px;
	left: 50%;
 	margin-left: -445px;
	text-align: left;
	color: #58585a;
	position: absolute;
	top: 0px;
}
#buene{
	position: absolute;
	width: 890px;
 	height: 581px;
	top: 158px;
	left: 0px;
	background-image: url(../images/buene-basic.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 10;
	}
#sofa{
	position: absolute;
	width: 500px;
 	height: 300px;
	top: 436px;
	left: 390px;
	background-image: url(../images/sofa.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#liege{
	position: absolute;
	width: 550px;
 	height: 350px;
	top: 389px;
	left: 270px;
	background-image: url(../images/privateraume.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#liege-2{
	position: absolute;
	width: 550px;
 	height: 350px;
	top: 398px;
	left: 262px;
	background-image: url(../images/unternehmerraume.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#hund{
	position: absolute;
	width: 400px;
 	height: 300px;
	top: 473px;
	left: 455px;
	background-image: url(../images/themen.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#lampe{
	position: absolute;
	width: 250px;
 	height: 430px;
	top: 372px;
	left: 50px;
	background-image: url(../images/leistung.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#o-sessel{
	position: absolute;
	width: 500px;
 	height: 400px;
	top: 374px;
	left: 520px;
	background-image: url(../images/aktuelles-aus-interiordesign.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#steine{
	position: absolute;
	width: 500px;
 	height: 400px;
	top: 401px;
	left: 41px;
	background-image: url(../images/fengschui-philosofie.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#kein-frosch{
	position: absolute;
	width: 400px;
 	height: 400px;
	top: 421px;
	left: -40px;
		background-image: url(../images/keinfrosch.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#budha{
	position: absolute;
	width: 400px;
 	height: 400px;
	top: 415px;
	left: 0px;
	background-image: url(../images/budha.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#susanne{
	position: absolute;
	width: 400px;
 	height: 400px;
	top: 347px;
	left: 0px;
	background-image: url(../images/budha.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#blume{
	position: absolute;
	width: 400px;
 	height: 400px;
	top: 430px;
	left: 198px;
	background-image: url(../images/blume.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#orange{
	position: absolute;
	width: 400px;
 	height: 400px;
	top: 442px;
	left: 530px;
	background-image: url(../images/nutzen-fruchttragend.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
	#kastanie{
	position: absolute;
	width: 400px;
 	height: 400px;
	top: 361px;
	left: 300px;
	background-image: url(../images/naturmaterial.jpg);
	background-repeat: no-repeat;
	background-position: top;
	z-index: 20;
	}
#logo{
 	position: absolute;
	top: 0px;
	left: 60px;
	border: none;
	margin: 0px;
	z-index: 50;
	}

/* menue */
#menue{
	position: absolute;
	left: 60px;
	top: 100px;
	text-align: left;
	line-height: 1;
	margin-top: 35px;
	text-decoration: none;
	z-index: 50;
}
ul#menue {
	width: 200px;
	list-style: none;
	font-size: 90%;
	}

ul#menue a{
	text-decoration: none;
	font-weight: bold;
}

ul#menue	li ul {
	width: 250px;
	padding-left: 15px;
	list-style: none;
	line-height: 1;
}

* html li ul {
	margin-left:0px;
	
}
* html ul#menue ul li{
	line-height: 60%;
}

* html ul#menue {
	line-height: 60%;
}
ul#menue li a {
	display: block;
	color: #990033;
	text-indent: 15px;
	padding: 4px 4px 4px 0px;
	
}

ul#menue ul li a {
	background-color: transparent;
}

ul#menue li a:hover, ul#menue li.active a{

	color: #58585a;
}

#menue	a {
	color: #58585a;
	text-align: left;
	
}

ul#menue li.active ul li a {
	color: #777;
	
}

ul#menue li ul li.active a, ul#menue li.active ul li a:hover {
	color: #999;
	
}	

/* === CONTENT Formate  === */
#content-start {
	position: absolute;
	top: 160px;
	left: 430px;
	width: 350px;
	height: 380px;
	z-index: 20;
	border: solid 0;
	overflow: auto;
	z-index: 60;
}
#content-kontakt {
	position: absolute;
	top: 140px;
	left: 400px;
	width: 450px;
	height: 380px;
	z-index: 20;
	border: solid 0;
	overflow: auto;
	z-index: 60;
}
#headline{
	position: absolute;
	top: 95px;
	left: 300px;
	width: 590px;
	height: 30px;
	border: solid 0;
	overflow: auto;
	z-index: 60;
}
#content {
	position: absolute;
	top: 135px;
	left: 300px;
	width: 500px;
	height: 300px;
	padding-right: 35px;
	border: solid 0;
	overflow: auto;
	z-index: 60;
}
#content-vita {
	position: absolute;
	top: 120px;
	left: 300px;
	width: 500px;
	height: 300px;
	padding-right: 35px;
	border: solid 0;
	overflow: auto;
	z-index: 60;
}
.content klein{
	font-size: x-small;
}
.detail{
	font-size: x-small;
}
#content ul {
list-style-type: disc;
margin:2px 10px 20px 35px;
	color: #58585a;
}
#content ul li {
padding: 7px 0px 0px 0px;
}
#content p {
padding-right: 20px;
padding-bottom: 20px;
}
#content p.topper {
margin-top: 0px;
padding-bottom: 30px;
}
#content a {
background-color: transparent;
color: #990033;
}
#content a:hover {
	color: #58585a;

}
#kontakt {
	position: absolute;
	top: 403px;
	left: 70px;
	width:250px;
	height: 300px;
	padding-right: 0px;
	border: solid 0;
	overflow: auto;
	z-index: 60;
}


 /*=== FOOTER Formate  === */

#footer {
 position: absolute;
	top: 575px;
	left: 31px;
	width: 838px;
	z-index: 20;
	background-color:#7ab51d;
}
#footer p {
padding: 5px 0 8px 0;
text-align: center;
color: #fff;
font-size: 80%;
font-weight: bold;
}
#footer a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#footer a:hover {
color: #006ab3;
}

form{

}
legend{
	font-weight: bold;
	font-size: 100%;
	color:#58585a;
	margin-left: 0px; 
}
#person label{
	display: block;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 2px;

}
fieldset{
	border: 0px solid #034e6e;
	margin-left: 10px;
}

input.textfieldValidState{
	background-color: #fff;
}

textarea{
	width: 380px;
	height: 125px;
	margin-top: 15px;
	}