/* GLOBAL */
*  {
    padding:0;
    margin:0;
}

html, body {
    height: 100%;
}

body
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
    font-size:0.9em;
	line-height:1.5em;
	color: 	#7d7d7d;
	background-image: url(../img/background.jpg);
	overflow-y: scroll;
	height: 100%;
}

.clearing
{
    clear: both;
}

a {
	color: #7d7d7d;
}

p {
    margin-top: 15px;
    margin-bottom: 15px;
}

strong {
    font-weight: 600;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
    height: 55px; /* .push must be the same height as .footer */
}

.space {
	height: 50px;
}

.kleine_schrift {
    font-size: 0.8em;
    color: #00545b;
    font-style: italic;
}

 /* header */

header {
    width:100%;
    background-color: #FFF;
    height: 113px;
}

header h1 {
    color: #00545b;
    text-transform: uppercase;
    font-weight: 600;
}

#header_inner {
    max-width:1050px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#logo {
    margin: 0 auto;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    min-width: 203px;
    z-index: 1;
    position: relative; 
}

#title {
    margin: 45px auto 0 auto;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    float: right;
    min-width: 150px;
    text-align: right; 
}

.active {
    background-color: #00545b;
    color: #FFF;
    height: 32px;
}

.active a {
    background-color: #00545b;
    color: #FFF;
    height: 32px;
}

 /* main */

.main { 
    max-width: 960px;
    width: 100%;
    background-color: #FFF;
    margin: 0 auto;
    padding-bottom: 30px;
}

.main h1 {
    background-color: #FFF;
    color: #c8d32d;
    text-transform: uppercase;
    padding: 5px;
    width: 80%;
    font-size: 20px;
}

.main h2 {
    color: #00545b;
    font-weight: 600;
}

.main h3 {
    padding-bottom: 20px;
    padding-left: 35px;
    color: #c8d32d;
    text-transform: uppercase;
    font-size: 20px;
}

 /* home */

.home {
    background-color: #dce5e6; 
    height: 380px;
}

.ich {
    margin: 60px auto 0 auto;
    padding-left: 26px;
    padding-right: 35px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 35%;
    min-width: 150px; 
}

.ich_img {
    margin: 20px auto 0 auto;
    padding-left: 7%;
    display: inline-block !important;
    display: block; 
    width: 49%;
}

.ich_img img{
	width: 462px;
	max-width: 100%;
}

figure  {
    margin: 30px auto 50px auto;
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 20%;
    min-width: 150px;
}

figure img {
	max-width: 204px;
	width: 100%;
}

figure h2 {
    color: #00545b;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.half {
    margin: 50px 20px 20px auto;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 44%;
    min-width: 150px;
}

.half h1{
    padding: 0 0 10px 0;
}

.half_img {
    margin: 50px auto 0 auto;
    padding-left: 26px;
    padding-right: 35px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 45%;
}

.half_img img{
    padding-bottom: 30px;
    width: 100%;
}

.behandlung {
    margin: 20px auto 0px auto;
    padding-left: 35px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 40%;
    min-width: 150px; 
}

.behandlung_left {
    margin: 20px auto 0 auto;
    padding-left: 35px;
    padding-right: 35px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 45%;
    border-right: 1px solid #00545b;   
}

.behandlung_left h1 {
	padding-left: 35px;
    padding-bottom: 10px;
}

.termine {
    margin: 50px auto 20px auto;
    padding-right: 35px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 50%;
    min-width: 150px; 
}

.termine_left {
    margin: 50px auto 0 auto;
    padding-left: 35px;
    padding-right: 35px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 35%; 
}

.termine_left h1 {
    padding: 0;
    padding-bottom: 20px;
}

.kontakt {
    margin: 50px auto 20px auto;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 65%;
    min-width: 150px;
}

.kontakt_left h1{
    padding-left: 35px;
    
}

.google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
    }
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.kontakt_left {
    margin: 50px auto 0 auto;
    padding-left: 35px;
    padding-right: 35px;
    display: inline-block !important;
    display: block;
    vertical-align:top;
    width: 25%; 
}

.kontakt_left h1 {
    padding: 0;
    padding-bottom: 10px;
}

.gruen {
    color: #FFF;
    background-color: #c8d32d;
    padding: 10px;
}

.grau {
    background-color: #ebebeb;
    padding: 10px;
}

.grau img {
    float: left;
    margin-right: 10px;
    margin-bottom: 2px;
}

.white {
    background-color: #FFF;
}

.hover-container {
	max-width: 204px;
	max-height: 130px;
    width: 100%;
	position: relative;
	overflow: hidden;
	display: inline-block !important;
    display: block;
    vertical-align:top;
}

.main_inner {
	max-width:1050px;
	width:96%;
	margin: 0 auto;
	padding-top: 50px;
}

.main_inner h1{
	padding-left: 0;
}

/* Pfeile */

.pfeil {
	padding-bottom: 10px;
	margin-left: 20px;
	margin-top: -20px;
}

.pfeil2 {
	padding-bottom: 10px;
	margin-left: 40px;
	margin-top: -20px;
}

 .pfeil_home {
	width: 16px;
}

/*footer*/

footer

{
    background-color: #00545b;
    width: 100%;
    color: #FFF;
    font-size: 0.8em;
    position: relative;
}


#footerbox_unten_innen

{
   width:96%; max-width: 960px; margin: 0 auto; position: relative;
}

#footerbox_unten_links
{
	text-align: left;
	width: 60%;
	float: left;
}

#footerbox_unten_rechts
{
	width: 30%;
	float: right;
	font-weight: 400;
	text-align: right;
}

#footerbox_unten_rechts a
{
	color: #FFF;
	text-decoration: none;
}
 
@media (max-width: 830px) {
.wrapper {
    margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
    height: 75px; /* .push must be the same height as .footer */
}
}

@media (max-width: 413px) {
.wrapper {
    margin: 0 auto -115px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
    height: 115px; /* .push must be the same height as .footer */
}
}



@media (max-width: 976px) {

 figure {
 	width: 46%;
 	padding: 0;
 	text-align: center;
 }

}  

@media (max-width: 790px) {
body {
	text-align: center;
}

.main h1 {
	width: 96%;	
	margin: 0 auto;
}

.main h3{
	padding: 0;
}

.main {
	padding-bottom:100px;
}

figure img {
	max-width: 305px;
	width: 100%;
}

.home {
    height: auto;
}

.half h1 {
	margin: 0 auto;
}

#logo {
	text-align: left;
	float: left;
}
 
 .half, .behandlung, .kontakt {
     width: 96%;
     margin: 0 auto;
 }

 
 .pfeil, .pfeil2
 {
	margin:0px;
 }
 
  .behandlung_left, .ich_img, .kontakt_left,  .termine_left,  .half_img {
     width: 96%;
     padding: 0;
     margin: 0 auto;
 }

 .ich {
     width: 96%;
     margin: 30px auto 20px auto;
     padding: 0;
 }
 
 .termine {
     width: 100%;
     padding: 0;
 }
 
 .behandlung_left {
    border-right: 0px solid #00545b;
}

.behandlung, .footer_inner {
	padding-left: 0px;
}

}

@media (max-width: 528px) {
	#title {
	text-align: center;
	margin: 10px auto 30px auto;
	width: 100%;
}

 figure {
 	width: 96%;
 	padding: 0;
 }

}