@charset "UTF-8";
body {
	background-image:url(img/siteback.png);
	background-position: bottom;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	color: #4f641f;
}
.container {
	width: 800px;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}
.header {
	height:160px;
	background-image:url(img/headerback.png);
	background-position:center top;
	background-size:cover; background-repeat:no-repeat;

}
.header:hover {
	height:160px; background-size:cover;
}
.content {
	min-height:300px;
	background-size:630px;
}
.content p {
	padding:20px;
}
.logo{
	width:280px;
	margin-right: 30px; margin-top:30px;
	clear:left!important;
}
.navi {
	font-size:15px;
	padding-top:60px;
}
.naviimg {
	padding-left:11px; padding-right:11px; display:inline-block; padding-bottom:4px;
}
.footer {
	font-size:12px;
}
.start {
	width:159px;
}
.headline {
	font-size:30px!important;
}
.subline {
	font-size: 17px!important;
	line-height: 23px;
}
.portrait {
	float:right;
	border: 9px solid #FFF;
	transform:rotate(2deg);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2), 2px 3px 7px rgba(0,0,0,0.2);
	max-width:230px; margin-left:8px;
}
.kontakt {
	float:right;
	width:380px; height:80px;
	background-image:url(img/kontaktback.png); background-repeat:no-repeat; background-size:380px;
	margin-top:-9px; padding-top:20px; padding-left:12px; margin-bottom:-12px;
	color:#27887f; font-style:italic; font-weight:600; font-size:90%;
}
.spalte_l {
	float:left; width:600px!important;
}
.spalte {
	float:left; width:194px; margin-top:-10px; font-size:80%; padding-right:6px; line-height:135%;
}
.zeugnis {
	max-width:190px; transform:rotate(2deg); box-shadow:2px 3px 4px rgba(0,0,0,0.4); margin-right:-20px; margin-left:10px; margin-bottom:8px;
}
.galerie {
    width:140px; 
	margin-right:8px; margin-bottom:8px; border-radius:8px;
}
.galerie:hover {
    width:140px; 
}
.bildlabel {
	margin-top:15%;
	font-size:44px;
	line-height:48px;
	width:700px;
	margin-left:50px;margin-right:50px;
}