body {
margin: 0;
padding: 0;
background-color: #7a5e66;
}

p {
padding: 0;
margin: 0;
}
a { color: #7a5e66;}
header {
height: 185px;
display: block;
}

header div.titleblock {
position: relative;
background-color: #fff;
color: #60444b;
width: 580px;
height: 120px;
left: 255px;
top: 65px;
}

.titleblock h1 {
padding: 15px 0 0 15px;
margin-bottom: 5px;
font-size: 1.2em;
}

.titleblock h2 {
padding: 5px 0 0 15px;
margin-top: 5px;
font-size: 1.7em;
}


content {
display: block;
height: 400px;
background-color: #ffffff;
background-size: 1315px 400px;
}

content#home {
background: #fff url(images/home.jpg) no-repeat top left;
}

content#minkner {
background: #fff url(images/zur-person.jpg) no-repeat top right;
}

content#bha {
background: #fff url(images/behandlungsangebote.jpg) no-repeat top right;
}

content#bhk {
background: #fff url(images/behandlungskonzept.jpg) no-repeat top right;
}

content#kua {
background: #fff url(images/kosten-und-anfahrt.jpg) no-repeat top right;
}

content#imp {
background: #fff url(images/impressum.jpg) no-repeat top right;
}

@media screen and (min-width: 1315px) {

content, content#home, content#minkner, content#bha, content#bhk, content#kua, content#imp {
	background-size: 100% auto;
}

}

content nav{
display: table-cell;
width: 255px;
height: 400px;
vertical-align: bottom;
}

content nav ul{
list-style-type: none;
width: 170px;
font-weight: 700;
}

content nav ul li {
height: 25px;
background-color: #7a5e66;
color: #fff;
padding-left: 10px;
padding-bottom: 1px;
line-height: 27px; 
margin-top: 4px;
border-radius: 8px 8px; 
}

nav a {
text-decoration: none;
color: #fff;
}

nav a:hover {
text-decoration: none;
color: #ccc;
}

nav li.active {
background-color: #bdbdbd;
}

nav li.active a {
text-decoration: none;
color: #7a5e66;
}
#kontakt {
}

#kontakt label, input, textarea {
margin-left:20px;
display: block;
	width: 70%;
}

#kontakt textarea {
margin-left:20px;
display: block;
height: 8em;
	}


#portrait {
margin-left: 15px;
margin-top: 16px; 
margin-right: 15px;
margin-bottom: 30px;
}

content main {
	display: block;
	float: left;
	margin-left: 255px;
	margin-top: -400px;
	width: 580px;
	height: 400px;
	background-color: #fff;
	opacity: 0.8;
	overflow: auto;
	color: #60444b;
	font-family: arial, verdana, sans-serif;
}

.just {
	text-align: justify;
}

content main iframe {
margin-left: 15px;
margin-bottom: 15px;
}

content main p, content main ul{
	margin-left: 15px;
	margin-top: 20px;
	padding-right: 20px; 
}

content main h3 {
	font-size: 1em;
	margin-left: 15px;
	
}

content main ul {
	font-size: 1em;
	margin-left: 15px;
	padding-left: 15px;
}

footer {
display: block;
}

footer nav {
	display: block;
	float: left; 
	width: 255px;
	margin-top: 10px;
}

footer nav ul{
list-style-type: none;
display: inline;
font-weight: 700;
color: #fff;

}

footer nav ul li {
margin-left: 10px;
display: inline;
}

footer nav ul li a{
color: #fff;
}

footer nav ul li a:hover{
color: #bdbdbd;
}

footer div.titleblock {
background-color: #fff;
width: 580px;
min-height: 100px;
float: left; 
opacity: 0.8;
}