@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);

body{
font-family: 'Open Sans', sans-serif;
margin: 0;
padding: 0;
font-size: 0.91em;
color: #3F3E32;
line-height: 1.6em;
}

a:link, a:visited, a:hover, a:active, a:focus {
	color: #3F3E32;
}

table td{
	padding-right: 10px;}

.bg_home{
background-image: url(../images/bg_body.gif);
background-repeat: repeat-x;
background-color: #FFF;	
}


#wrapper{
	width: 100%;
	height: 100%;
}

/*Header Definition*/

header {
	width: 100%;
	height: 197px;
}

header .header_inner {
	width: 957px;
	height: 197px;
	margin: 0 auto;
}


header .header_inner img{
	margin-left: 14px;
	margin-top: 22px;
	width: 310px;
	height: 149px;

}


/*Top Definition*/

.top{
	height: 344px;
	width: 100%;
	
}


.top .top_inner{
	height: 100%;
	width: 941px;
	margin: 0 auto;
	border-right: 8px solid #FFF;
	border-left: 8px solid #FFF;	
	
}

.top .top_inner2{
	height: 100%;
	width:941px;
	margin: 0 auto;
	background-color: #FFF;
	height: 336px;
	border-bottom: 8px solid #d80000;
	
}
	

.top_inner .mainimage{
position: relative;
border-right: 8px solid #FFF;
width: 299px;
height: 336px;
float: left;
background-image: url(../images/lea_heckhoff.jpg);
background-size: contain;
}


.top_inner .mainimage-behandlung{
position: relative;
border-right: 8px solid #FFF;
width: 299px;
height: 336px;
float: left;
background-image: url(../images/behandlung.jpg);
background-size: contain;
}

.top_inner .mainimage-diagnostik{
position: relative;
border-right: 8px solid #FFF;
width: 299px;
height: 336px;
float: left;
background-image: url(../images/diagnostik.jpg);
background-size: contain;
}


.top_inner .mainimage-kontakt{
position: relative;
border-right: 8px solid #FFF;
width: 299px;
height: 336px;
float: left;
background-image: url(../images/kontakt.jpg);
background-size: contain;
}


.top_inner .mainimage-kosten{
position: relative;
border-right: 8px solid #FFF;
width: 299px;
height: 336px;
float: left;
background-image: url(../images/kosten.jpg);
background-size: contain;
}

.top_inner a.mainlink{
display: block;
width: 299px;
height: 336px;
color: #fff;
text-decoration: none;
}

.top_inner a.mainlink:hover{
color: #BEDA8F;
}

.top_inner a.sublink{
display: block;
width: 206px;
height: 164px;
color: #fff;
text-decoration: none;
}

.top_inner a.mainlink:hover, .top_inner a.sublink:hover{
color: #FFFFFF;
}


.top_inner .subimage_topleft{
position: relative;
border-right: 8px solid #FFF;
border-bottom: 8px solid #FFF;
width: 206px;
height: 164px;
float: left;
background-image: url(../images/behandlung_s.jpg);
background-size: contain;
}


.top_inner .subimage_topmiddle{
position: relative;
border-right: 8px solid #FFF;
border-bottom: 8px solid #FFF;
width: 206px;
height: 164px;
float: left;
background-image: url(../images/diagnostik_s.jpg);
background-size: contain;
}

.top_inner .subimage_topright{
position: relative;
border-bottom: 8px solid #FFF;
width: 206px;
height: 164px;
float: left;
background-image: url(../images/kontakt_s.jpg);
background-size: contain;
}


.top_inner .subimage_bottomleft{
position: relative;
border-right: 8px solid #FFF;
width: 206px;
height: 164px;
float: left;
background-color: #96C249;
background-size: contain;
}


.top_inner .subimage_bottommiddle{
position: relative;
border-right: 8px solid #FFF;
width: 206px;
height: 164px;
float: left;
background-image: url(../images/kosten_s.jpg);
background-size: contain;
}

.top_inner .subimage_bottomright{
position: relative;
width: 206px;
height: 164px;
float: left;
background-color: #F08E6C;
background-size: contain;
}


.top_inner .button{
position: absolute;
bottom: 0;	
height: 44px;
width: 123px;
background-color: #D80000;

}

.top_inner .button .item {
display: block;
padding: 6px;
font-weight: 700;
line-height: 110%;
}








/*Middle Definition*/

.middle{
	height: 100%;
	width: 100%;
	clear: both;
}

.middle .middle_inner{
	height: 100%;
	width: 957px;
	padding: 0;
	margin-top: 26px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height: 550px;
}


/*Content*/

.middle .middle_inner section.content{
	width: 62%;
	float: left;
}

.middle .middle_inner section.content article{
	width: 85%;
	margin-left: 14px;
	
}

/*Sidebar*/
.middle .middle_inner .sidebar{
	width: 38%;
	float: left;

	
}

.middle .middle_inner .sidebar p{
	width: 90%;
	margin-top: 30px;

	
}


.middle .middle_inner .sidebar img.sideimg1{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 8px;
	border-top: 8px solid #D80000;
	
}


.middle .middle_inner .sidebar .orange1{
background-color: #F08E6C;
width: 100%;
display: block;
	
}


.middle .middle_inner .sidebar img.sideimg2{
width: 49%;
border-right: 8px solid #FFF;
height: auto;
	
}

.middle .middle_inner .sidebar .green1{
background-color: #96C249;
width: 100%;
height: 80px;
display: block;
margin-top: 8px;
	
}






/*allgemein*/
h1 {
	color: #D80000;
	font-size: 1.9em;
	margin-bottom: 0;
	
}


h2 {
	color: #D80000;
	font-size: 1.4em;
	line-height: 1.2em;
	padding-top: 20px;

}

	
.fett{
	font-weight: 700;
}

.red{
	color: #D80000;
}


.title{
	display: block;
	font-size: 1.4em;
	font-weight: 700;
	padding-top: 0px;
	line-height: 1.2em;
	padding-bottom: 6px;
}

table{
	margin-top: 0;
	padding-top: 0;
}

.padtop{
	padding-top: 20px;
}

.fltlft{
	float: left;
	margin-right: 16px;
}

.fltrt{
	float: right;
	margin-left: 16px;
}




footer{
	width: 100%;	
}

footer .footer_inner {
width: 941px;
margin: 30px auto 0 auto;
padding-bottom: 20px;
border-top: 1px solid #3F3E32;

}
footer .footer_inner ul {
float: right;
list-style-type:none;

}
footer .footer_inner ul li {
color: #3F3E32;
padding: 10px;
	display: inline;

}
footer .footer_inner ul li a{
color: #3F3E32;
}

#map_canvas
{
width: 100%; 
height:520px; 
overflow: hidden; 
position: relative; 
margin-top: 90px;
}

#map_canvas img
{
max-width: none;
}