html,
body {
	margin:0;
	padding:0;
}
html>body #wrap {
	height:100%;
} /* 100 % height */
#wrap {
	width:850px;
	margin:0 auto;
	background-color: #FFFFFF;
	height: 600px;
}
#header {
	width:850px;
	height:180px;
	padding: 0;
	position: relative;
}
#inhalt {
	width: 528px;
	height: 800px;
	float: left;
	left: 130px;
	position: absolute;
	padding-left: 20px;
	padding-top: 20px;
	background-image: url(Spruch/15.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	top: 0px;
}
#logo {
	height: 180px;
	width: 850px;
	background-image: url(Logo1.jpg);
	position: relative;
	left: 0px;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
	background-position: left bottom;
	text-align: left;
	vertical-align: bottom;
	top: 0px;
}
html>body #header {
	position:relative;
	z-index:10; /* Prevent certain problems with form controls */
}
#inhaltbreit {
	left: 130px;
	float: left;
	position: absolute;
	width: 680px;
	height: 90%;
	padding: 20px;
	top: 0px;
}
#middle {
	width: 850px;
	height: 400px;
	padding-top: 0px;
	float: left;
	position: static;
	left: 0px;
}
html>body #content-wrap {height:656px;} /* 100 % height */
#navi2 {
	height: 100%;
	width: 130px;
	left: 130px;
	position: absolute;
	padding-top: 10px;
	top: 0px;
	background-image: url(Hintergrund/blauvelauf2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F5FAFE;
	clip: rect(auto,auto,auto,auto);
}

html>body #content {
	position: relative;
	width: 529px;
	background-color: #FFFFFF;
	left: 0px;
	top: 180px;
} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:850px;
	height:20px;
	float: left;
	position: relative;
	background-image: url(Bilder/footer.jpg);
	background-repeat: no-repeat;
	bottom: 0px;
	background-position: left top;
}
#certificates {
	top: 370px;
	position: relative;
	vertical-align: top;
	bottom: 0px;
	padding: 5px;
	text-align: center;
	left: 0px;
}
#navileft {
	width: 850px;
	height: 1200px;
	left: 0px;
	position: relative;
	padding: 0px;
	background-color: #FFFFFF;
}
#borderright {
	width: 150px;
	height: 100%;
	text-align: left;
	position: absolute;
	float: right;
	background-color: #EDF6FF;
	background-image: url(Hintergrund/blauvelauf.jpg);
	background-repeat: no-repeat;
	left: 700px;
	top: 0px;
}
html>body #footer {
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html,
body {
	color:#333;
	background:#fff;
	background-color: #F2F2F2;
}
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
p {margin:1em 0;}
.info {
	position:relative;
	padding:0.5em;
	border:2px solid #999;
	background:#fff;
}
#navihor {
	height: 20px;
	background-image: url(Bilder/navhor.jpg);
	width: 570px;
	position: absolute;
	left: 130px;
	background-repeat: no-repeat;
	float: left;
	text-indent: 20px;
	padding: 0px;
	text-align: left;
	top: 160px;
}
#navi {
	background-color: #F2F2F2;
	width: 130px;
	height: 1000px;
	position: absolute;
	left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 0px;
}
#header,
#footer {
	color:#000000;
	background:#ddd;
	text-align:center;
}
#content-wrap,
#content {background:#f8f8f3 url(/demo.gif);}
#footer a {color:#111;}
	#flash {
	position: relative;
	left: 130px;
	width: 570px;
	height: 160px;
	float: left;
	text-align: left;
	vertical-align: bottom;
	top: 0px;
}
    #adress {
	width: 150px;
	height: 160px;
	float: right;
	background-color: #F2F2F2;
	text-align: left;
}
#Bild {
	height: 115px;
	width: 200px;
	position: absolute;
	left: 130px;
	top: 0px;
}

    
#inhaltschmal {
	padding: 20px;
	width: 550px;
	position: absolute;
	left: 260px;
	background-image: url(Spruch/horizont.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#navileft2 {
	width: 850px;
	height: 1000px;
	left: 0px;
	position: relative;
	padding: 0px;
	background-color: #FFFFFF;
}
#middle {

	width: 850px;
	height: 400px;
	padding-top: 0px;
	float: left;
	position: static;
	left: 0px;
}

