html, body { height: 100%; }


body
{
	background-color: #CC9;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
}

h1
{
	border-bottom: 1px #693 solid;
	float: left;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.impressum h1{
	border: none;
	margin-top: 0em;
	margin-bottom: 1.5em;
	font-weight:bold;
}

p { clear: both;
margin-bottom: 1em}

.impressum p {
  font-size: 0.9em;
  line-height: 1.2em;
  margin-right: 1em;
}

strong {font-weight:bold}
#distance
{
	width: 10px;
	height: 50%;
	background-color: transparent;
	margin-bottom: -200px;
	/* half of container's height */
	float: left;
}


#content-outer {
  position: relative;
  background-color: #cc6;
  margin: 0 auto;
  width: 800px;
  height: 500px;
  clear: left;
	background-image: url(gras.png);
	background-position: 20px bottom;
	background-repeat: no-repeat;
}

#content-inner {
  position: relative;
  background-color: #fff;
  margin: 0 0 0 250px;
  width: 550px;
  height: 500px;
}

#main {
margin-left: 3em;
position: relative;
top: 3em;
}

#gras {
  width: 300px;
  position: absolute;
  bottom: 0;
  height: 700px;
  left: 50px;
}

.small {
margin-top: 1em;
font-size: 0.9em;}

#address {
  margin-top: 20px;
font-size: 0.9em;
line-height: 1.3em;
}
.impressum a,  .impressum a:link,  .impressum a:visited,  .impressum a:hover,  .impressum a:active,
#address a,  #address a:link,  #address a:visited,  #address a:hover,  #address a:active {
text-decoration:none;
}

#logo a {
  position: absolute;
  display: block;
  left: 550px;
  top: -100px;
  width: 250px;
  height: 85px;
  text-indent: -100000px;
  background: url(logo.png) right bottom no-repeat;
}

#nav {
  position: absolute;
  top: 500px;
  left: 255px;
  font-size: .8em;
}

a,  a:link,  a:visited,  a:hover,  a:active {
color: #333;
margin-right: 20px;
}