body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
#wrapper{width:960px;margin:0 auto}[class*=grid]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class*=ce_],.mod_article [class*=mod_]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class*=layout_]>*,.mod_article [class*=event_]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}[class*=grid]{float:none!important;display:block!important;width:auto!important}[class*=offset]{margin-left:10px!important}}
/* allgemein --------------------------------------------------------------------- */
body{
	font-family: 'Open Sans';
	min-width: 1200px;
}

#wrapper{
	width: 100%;
	background-color: #f1eeea; 
	min-height: 1000px;
}

.backstretchWrapper {
    position: absolute; 
	z-index: 0; /*-1;*/
	left: 0;
	width: 100%;
}

.adjustBottom img {
	bottom: 0;
	top: auto !important;
}

h1, h2, h3, p, a, #f1{
/* margin: 20px 20px 20px 20px;  */ 
	font-weight: normal !important;
	font-size: 23px;
}

.format_box{
	/* padding-top: 20px; */
	padding-left: 20px;
	padding-right: 20px;
}

h1 b, h3 b{
	font-weight: bolder !important;
}

 p, a, #f1{
	font-size: 17px;
	font-weight: normal;
	line-height: 1.4em;
} 

p{
	font-weight: lighter !important;
}

#main .inside {
    margin-top: 126px;
}
body.impressum #main .inside {
    margin-top: 150px;
}
body.start #main .inside {
    margin-top: 0;
}
body.leistungen #main .inside, body.anfahrt #main .inside {
    margin-bottom: 100px;
}

/* Innere Container (1200px und Mittig) */
.inside .mod_article, .inner{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* Anfahrt auf 100% */
#anfahrt{
	width: 100%;
}

/* Headline (Breite 100%) */
.headline{
	width: 100%;
	height: 174px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	left: 0px;
	/* margin-top: 20px; */
}

.headline h1{
	color: #f79441;	
	font-size: 45px;
	text-align: center;
	margin-top: 55px;
}

/* header --------------------------------------------------------------------- */
#header{
	width: 100%;
	height: 126px;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #54524f;
	opacity: 0.93;
	z-index: 2;
}

#header .inside{
	width: 1075px;
	height: 126px;
	margin-left: auto;
	margin-right: auto;
}

.nav ul{
	list-style-type: none;
	overflow: hidden;
	margin: 0;
 	padding: 0;
	display: inline-block;
	margin-top: 20px;
}
.nav ul li{
	display: inline;
	float: left;
}

.nav ul li a{
	text-decoration: none;
	float: left;
	color: #f79441;
	/* border-right: 1px solid #f79441; */
	margin-top: 30px;
}

a.active .menue_name {
  color: #fff;
}

.logo{
	width: 225px;
	padding-top: 20px;
	text-align: center;
}

.nav1, .nav2{
	width: 425px;
	position: relative;
}

.nav1, .logo{
	float: left;
}

.nav1{
	text-align: right;
}

.nav2{
	float: right;
	text-align: left;
}

.m_nav{
	display: none;
}

.menue{
	background-image: url("/files/images/Header/menue.png");
	float: right;
	display: none;
}

.menue_icon{
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
    background-position: left center;
    float: left;
    padding-right: 10px;
    margin-left: 20px;
}

.menue_name{
	border-right: 1px solid rgba(255, 255, 255, .2);
	padding-right: 20px;
}


.nav .last .menue_name{
	border-right: 0px;
}

.menue_name{
	float: left;
	text-align: left;
}

.menue_icon{
	background-image: url("/files/images/Header/haus.png");
}

.mod_customnav .leistungen .menue_icon{
	background-image: url("/files/images/Header/zahn.png");
}

.mod_customnav .praxis .menue_icon{
	background-image: url("/files/images/Header/praxis.png");
}

.mod_customnav .anfahrt .menue_icon{
	background-image: url("/files/images/Header/anfahrt.png");
}

/* Formular #f1 und #f2 -------------------------------------------------------*/
#f1{

	/* height: 263px; */
	/* margin: -20px 0px 0px 0px;
	padding-top: 7px; */
	position: absolute; 
	 margin-left: 750px !important; 
	top: 585px;
	height: 440px; 
	padding-left: 20px;
}

#f1 .formbody input[type="text"],input[type="tel"],input[type="email"], #f2 .formbody input[type="text"],input[type="tel"],input[type="email"], #f2 .formbody textarea{
	width: 88%;
	/* margin-left: 20px;  */
	border: 1px solid lightgrey;
	padding: 5px;
}

#f1 .checkbox_container{
	border-width: 0px;
}

#f1 #ctrl_4{
	margin-left: 5px;
}

#f1 .formbody input[type="submit"], #f2 .formbody input[type="submit"]{
	background-color: #f79441;	
	color: #fff;
	width: 185px;
	height: 34px;
	/* margin-left: 20px; */
	border: 0;
}

.submit {
	margin-top: 20px;
}

#f1 p, #f2 p{
	/* line-height: 0em; */
	/* margin-left: 20px;
	margin-bottom: 0px; */
}

#f2 .formbody input[type="submit"]{
	width: 100px;
	margin-top: 10px;
}

#f2 .formbody textarea{
	height: 149px;
}

#f2{
	/* padding: 20px 20px 20px 20px; */
	margin-top: 0px;
	line-height: 30px;
	padding-top: 10px;
	width: 569px;
	min-height: 520px;
	float: left;
	background-color: #fff;
}

#f2 label{
	margin-top: 10px;
	/* margin-left: 20px; */
	display: block;
}

#f1 #opt_4_0{
	margin-left: -20px;
}

#f1 label{
	margin-top: 10px;
}

#f1 .widget-text{
	margin-top: -15px;
}

#f1 h3,#f2 h3{
	color: #f79441;	
}

/* Startseite -------------------------------------------------------------- */

#startseite{
	height: 1050px; 
}

.willkommen, .vorsorge{
    margin-top: 585px; 
	margin-left: 20px !important; 
	margin-right: 20px !important;
	
}

.willkommen, .vorsorge{
	position: absolute;
}

.vorsorge{
	margin-left: 780px !important;
}

.willkommen, .kontaktdaten{
	width: 710px;
       min-height: 440px;
	background-color: #f79441;	
	color: #fff;	
	float: left;
}
.vorsorge, #f1, .sprechzeiten, .kontakt, #container .impressum{
	background-color: #fff;
	
}
.vorsorge, #f1, .sprechzeiten, .kontakt{
	width: 400px;
	
}


.vorsorge h3, .sprechzeiten h3, .kontakt h3, .impressum h3{
	color: #f79441;	
}


/* Unsere Leistungen -------------------------------------------------------------- */
#leistungen2 .ce_text {
    margin: 0;
}
#leistungen .block{
    margin-left: 0;
    margin-right: 0;
}
.image_left, .image_right{
	width: 600px;
	height: auto;
	margin-left: 0px !important;
	margin-right: 0px !important;
	float: left;
}

.image_right{
	float: right;
}
figure img {
	display: block;
}
.content_text{
	padding: 30px;
	width: 540px;
	height: 391px;
	margin-left: 0px !important;
	min-height: 388px;
	background-image: url("/files/images/Leistungen/background.jpg");
	background-repeat: no-repeat;
	background-color: #f1eeea;
}

.content_text_left{
	background-image: url("/files/images/Leistungen/background2.jpg");
	background-repeat: no-repeat;
}

.content_text_big{
	background-image: url("/files/images/Leistungen/background4.jpg");
	background-repeat: no-repeat;
	height: 840px;
}

.content_text h2{
	color: #f79441;	
	font-size: 30px;
}


/* Praxis ---------------------------------------------------------------------- */

.praxis .inside .mod_article{
	height: 1400px;
}

.praxis .text_left, .praxis .text_right{
	margin-top: 25px;
	width: 530px;
	position: absolute;
}

.praxis .text_left{
	float: left;
}

.praxis .text_right{
	margin-left: 600px;
}
.praxis p{
    line-height: 2em;
}

.praxis #main .inside .ce_gallery .backstretchWrapper{
    margin-top: 175px;
}
/* Anfahrt --------------------------------------------------------------------- */

#anfahrt #Map{
	clear: both;
	padding-top: 174px;
	height:400px;
}


/* --- */


.kontaktdaten img{
	margin-top: 120px;
} 

.kontaktdaten{
	margin-bottom: 10px;
}

.kontaktdaten a{
	color: white;
}

.sprechzeiten{
	width: 389px;
	height: 495px;
	padding-left: 20px;
}

/* .sprechzeiten h3{
	margin-left: 0px !important;
} */

.sprechzeiten, .kontaktdaten{
	min-height: 507px !important;
}

/* --- */

.kontakt{
	width: 529px;
}

.inner div.impressum{
	/* margin-top: 10px; */
	margin-left: 10px !important;
	margin-right: 0;
	clear: both;
}

/* .impressum p{
	margin-left: 20px;
} */

.impressum a{
	margin-left: 0px;
	color: #000;
	font-weight: lighter !important;
}


.kontaktform{
	float: left;
	padding-bottom: 20px;
	background-color: #fff;
}




.singlePage .inside .mod_article{
	display: block;
	margin: 0 auto;
	background-color: #fff;
	margin-top: 150px;
	width: 100%;
	max-width: 1100px;
}

/* Navigation Impressum */
.navigation_impressum {
    position: absolute; 
    right: 0%;
    top: 0px;
}
.navigation_impressum ul{
    list-style-type: none;
    padding: 0;
    margin: 5px 0 0 0 ;
}
.navigation_impressum ul li a, .navigation_impressum ul li span{
    font-size: 10pt;
    color: #F79441;
    text-decoration: none;
}
.navigation_impressum ul li.active span {
    color: #fff;
}
@media (max-width: 899px){

#startseite, #leistungen, #praxis, .inner{
	width: 100% !important;
}	

/* h1, h2, h3, p, a, #f1{
margin: 20px 20px 20px 20px; 
}  */
	
.format_box{
	padding-right: 0px;
	padding-left: 10px;
}
	
.format_box p{
	padding-right: 20px;
}	
	
/* Header --------------------------------------------------------------------- */
#header .inside{
	width: 100%;
}

.nav1, .nav2{
	display: none;
}	

.m_nav{
	width: 100%;
	/* display: block; */
	background-color: #54524f;
	opacity: 0.93;
	border-top: 1px solid rgba(255,255,255, .5);
	margin-top: 15px;
}

.m_nav ul{
	list-style: none;
       margin-left: auto;
       margin-right: auto;
	margin-top: 30px;
       padding-left: 0;
	max-width: 300px;
}
.m_nav ul li {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
}
.m_nav ul li a{
	text-decoration: none;
	color: #f79441;
}
	
.praxis .menue_name, .start .menue_name, .leistungen .menue_name, .anfahrt .menue_name{
	border-right: 0px;
	margin-top: 0px; 
}	
	
	
.logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	height: 90px;
	width: 35%;
}
	
.menue{
	display: block;
	background-repeat: no-repeat;
	width: 53px;
	height: 88px;
	position: absolute;
	right: 5%;
 	top: 20px;
	cursor: pointer;
}
	
/* Startseite ----------------------------------------------------------------- */
.backstretchWrapper3 .backstretchC img{
	width: 100%;
/* 	height: 800px !important; */
	top: 0 !important;
}

.backstretchC, .backstretch{
	height: 600px !important;
}

.backstretchC{
	min-height: inherit !important;
}

#startseite{
	height: auto !important;
}

.willkommen{
	width: auto;
	margin-left: 10px !important; 
	margin-top: 610px;
	position: inherit;
	margin-right: 10px !important;
}
	
.willkommen, .kontaktdaten{
	float: none;
}

.vorsorge{
	/* margin-left: 10px !important; */
	width: auto;
	margin-top: 934px;
}
	
#f1{
	margin: 0px 0px 0x 0px;
	
	top: 0px;
	margin-left: -20px !important;
	width: auto;
	/* margin-top: 947px; */
	min-hight: 300px;
	position: static;
	padding-top: 10px;
	margin-top: 10px;
	height: auto !important;
	padding-bottom: 20px;
	margin-left: 10px !important;
}	

.vorsorge_box{
	width: auto;
	margin-left: -10px !important;
}

#f1 .formbody input[type="submit"]{
	
}

/* Unsere Leistungen ---------------------------------------------------------- */
#leistungen .headline{
	/* top: inherit; */
	position: static !important;
}

#leistungen .image_left img, #leistungen .image_right img{
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}

#leistungen .headline{
	/* margin-top: 50px; */
	height: auto;
}

#leistungen{
	padding-top: 0px;
}

.center{
	width: auto;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
}

.image_left, .image_right, .content_text{
	float: none;
	width: auto; 
}

.image_container img{
	margin-right: 10px;
	width: auto;
}

.image_right{
	float: none;
}

.content_text{
	padding: 10px;
	margin-left: 10px !important;
	margin-right: 10px !important;
	width: auto;
	height: auto !important;
}

.content_text, .content_text_left{
	background-image: url("/files/images/Leistungen/background.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.text_right{
	margin-top: 438px !important;
}

.text_left, .text_right{
	width: auto;
}

.image_left, .image_right{
	margin-right: 10px !important;
}

/* Praxis ---------------------------------------------------------------------- */
#praxis{
	height: auto !important;
}

.backstretchWrapper20 .backstretchC img{
	/* height: 700px !important; */
	top: 0 !important;
}

#praxis .text_left, #praxis .text_right{
	position: static;
}

#praxis p{
	padding-left: 20px;
	padding-right: 20px;
}

#praxis .text_left{
	float: none;
	width: auto;
	margin-left: 0px;
	margin-top: 600px !important;
}

#praxis .text_right{
	margin-left: 0px !important;
	width: auto;
	margin-top: -100px !important;
}

/* Anfahrt --------------------------------------------------------------------- */
.kontaktdaten .image_container{
	float: none;
	margin-right: 0px !important;
}

.kontaktdaten img{
	float: none;
	margin-top: 0px;
	margin-left: -10px; 
	
	width: 129%;
}

.kontaktdaten img{
	max-width: 110% !important;
}

.kontaktdaten p{
	width: 80%
}



.kontaktform{
	float: none;
}

.sprechzeiten, .impressum, #f2, .kontaktdaten{
	width: auto;
	/* margin-left: 10px !important; */
	margin-top: 10px;
}
	
.sprechzeiten{
	width: auto;
	margin-bottom: 10px;
}	
	
#f2{
	margin-left: 0px !important;
	height: auto;
	width: 100%;
}

#f2 .date, #f2 .time{
	float: none;
	width: auto;
}

#f2 .time{
	margin-right: 0px;
}

.impressum{
	width: auto;
}

#f1 .widget-text{
	margin-top: -15px;
}

#f1 .formbody input[type="text"],input[type="tel"],input[type="email"], #f2 .formbody input[type="text"],input[type="tel"],input[type="email"], #f2 .formbody textarea{
	width: 90%;
}

.impressum a{
	color: #000;
}

.navigation_impressum {
    display: none;
}