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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{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}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}

html {
	height:100%;
}

body,
placeholder,
textarea {
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height:22px;  /*1.875em = 30px*/
	color:#441f1e;
}

body{	
	background-color: #fbf4f1;
/*
	background-color: #eee5e3;
	background-image: url("../../files/theme/dp_background.jpg");
	background-repeat:no-repeat;
    background-size: cover;
	*/
}


p {
	margin-top:0px;
	margin-bottom:12px;
}

a,
.rot{
	color:#a11915;	
}

::-webkit-input-placeholder  {
	color:#a11915;	
}

.error {
	color:red;
}

.displaynone,
#navi_mobile {
	display:none;
}

h1,
h2,
h3{
	font-size:16px;
	color:#a11915;
	margin-bottom:2px;
	margin-top:0px;
}



.ce_form input, .ce_form textarea,
form input, form textarea,
form button {
    border: 0px solid #e7e7e7;
    color: #a11915;
    background-color:#faf3f3;
    font-size: 16px;
    line-height: 20px; 
    margin-bottom: 5px;
    padding: 10px;
    font-weight:600;
}

#form_routenplanung input.text {
	width:64%;
	margin-right:5px;
}

#form_routenplanung input.submit {


}

#anfahrt h1,
#anfahrt p,
#kontakt h1,
#kontakt p,
#kontakt .captcha_text  {
	margin-left:10px;
}

#kontakt .captcha_text  {
	margin-bottom:10px;
	display:inline-block;
	margin-top:2px;
}


#kontakt label {
	display:none;
}


input,
#kontakt input,
#kontakt textarea
{
	width:96%;
	margin:1px;
	margin-bottom:8px;
}



#kontakt input.captcha {
	width:76%;
}
#kontakt input.submit,
#kontakt button.submit{
	width:18%;
	float:right;
	margin-right:1px;

/*	height:20px;
	display:inline-block; */
}

input.submit,
button.submit{
	padding-top:9px;
	padding-bottom:9px;
}



#kontakt .captcha_text:before {
/**	content:"\A";
	white-space: pre; **/
}



input.submit:hover,
button.submit:hover{
	cursor:pointer;
}

#form_routenplanung {
	margin-bottom:5px;
}

#wrapper {
 /*   margin: 0 auto;
    width: 768px;
    */
}





#container {

}

#header {
	color:#a11915;	
	padding-top:10px;

	padding-bottom:5px;
	display:table;
	width:100%;
}


#header .inside {
	padding-left:30px;
}

#header .name {
	font-size:32px;
	line-height:38px;
	padding-right: 140px;
}

#header .leistungen {
	font-size:14px;
	line-height:24px;
	padding-left:2px;
	padding-right: 130px;
}


#headertext {
	float:left;
	margin-top:0px;
}

#headertext:hover{
	cursor:pointer;
}

#headerbild {
	position:absolute;
	z-index:10;
	top: 0px;
	right:10px;
	}



.praxisname {
	font-size: 16px;
	margin-bottom: 12px;
	}

.arzt {
	font-size: 16px;
	margin-bottom:7px;
	margin-top:0px;
	}

.arzt strong {
	font-size: 30px;
	font-weight:600;
	}

#main, #left, #right {
 /*   margin-top: -65px; */
}


#footer {
	line-height:24px;
	color:#a11915;	
	padding-left:30px;
	margin-top:30px;
	margin-bottom:20px;
}




#Texte .inside .mod_article,
#Texte .inside #navi_mobile {
	margin-top:5px;	
	min-height: 60px;	
	margin-left:10px;
	border-top-right-radius: 0px;
	padding:20px;
	padding-bottom:5px;
	padding-top:16px;	 /* Text Oberlänge etwas tiefer als Beginn daher Ausgleich */
}

#Texte .inside #navi_mobile {
	margin-bottom:10px;
}

#navi, 
.mod_rocksolid_slider, 
#Texte .inside .mod_article,
#Texte .inside #navi_mobile,
.ce_dlh_googlemaps,
#news > div 
 {
	border-radius: 20px;
	
	background-color:#fff;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	
/**	
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    
    
**/
}



#news > div {
	margin-top:10px;
	margin-left: 0px;
	margin-right: 0px;
    padding-left: 20px;	
    padding-right:15px;
    padding-top:15px;
}
#news > div h3,
#news > div h2{
	margin-top:0px;	
	margin-bottom:2px;
}
#news > div h3,
#news > div h2{
	color:#a11915;	
}

/* wird leider nicht vererbt, ausser bei FF (und dann sieht besser aus), darum für alle anderen */
.safari .mod_rocksolid_slider .rsts-view,
.safari .mod_rocksolid_slider .rsts-crop,
.opera .mod_rocksolid_slider .rsts-view,
.opera .mod_rocksolid_slider .rsts-crop,
.chrome .mod_rocksolid_slider .rsts-view,
.chrome .mod_rocksolid_slider .rsts-crop
 {
	border-radius: 16px;
}	


/* alle andern ja, ich nein */

.safari .ce_dlh_googlemaps,
.opera .ce_dlh_googlemaps,
.chrome .ce_dlh_googlemaps
 {

	border-radius: 0px;

}



.safari .ce_dlh_googlemaps,
.opera .ce_dlh_googlemaps {
/*	border-radius: 0px;*/
	border:10px solid #fff;
}


.mod_rocksolid_slider {
	height:372px!important; /* war 440 jetzt nach Verhältnis 900x600 */
}


.header_kleiner .mod_rocksolid_slider {
    height: 175px !important;
}

.chrome .mod_rocksolid_slider .rsts-crop
/* bringen leider nichts 
.safari .mod_rocksolid_slider .rsts-crop,
.safari .mod_rocksolid_slider .rsts-view,
.safari .mod_rocksolid_slider .rsts-slide-image div,
.safari .mod_rocksolid_slider .rsts-slide-image img,
erst der hier 
.safari .mod_rocksolid_slider .rsts-active,
.safari .mod_rocksolid_slider .rsts-inactive,
.opera .mod_rocksolid_slider .rsts-active,
.opera .mod_rocksolid_slider .rsts-inactive,
und beim sliden wieder ecken


und noch maps */

.chrome .dlh_googlemap

/* tja hier ist dann endgültig "alle andern ja ich nein" 
.safari .dlh_googlemap,
.safari .ce_dlh_googlemaps,
.safari .gm-style
*/
{

/*
	border-radius: 26px;
	overflow:hidden;
*/	
	
	/**
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    **/
}





/** ist beim slide auch alles makulatur
.safari .mod_rocksolid_slider .rsts-active,
.safari .mod_rocksolid_slider .rsts-inactive {

	width:540px!important;
	height:410px!important;
}
**/



.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-prev {
	opacity:0.7;
}
.rsts-skin-default .rsts-next:hover,
.rsts-skin-default .rsts-prev:hover {
	opacity:1;
}



#navi /*,
#navi_mobile */{
/*	width:158px;
	margin-left:5px;*/
	margin-top:5px;
/*	float:left;*/
	overflow:hidden;

/*	border-bottom-right-radius: 0px;*/
	font-size:16px;
	line-height:24px;
	color:#a11915;
}

#navi a,
#navi span,
#navi_mobile a,
#navi_mobile span  {
	color:#a11917;
	text-decoration:none;
}

#navi span,
#navi a.trail,
#navi li a:hover,
#navi_mobile span,
#navi_mobile a.trail,
#navi_mobile li a:hover{
	font-weight:600;
}

#navi ul,
#navi_mobile ul {
	list-style-type: none;
	padding-left:15px;
	margin-left:5px;
}
#navi_mobile ul {
	padding-left:0px;
	margin-left:0px;
}

#navi ul.level_1,
#navi_mobile ul.level_1 {
	margin-top:13px;

}


#navi ul.level_2,
#navi_mobile ul.level_2  {
	font-size:12px;
	padding-left:0px;
	margin-left:0px;
	line-height: 18px;
	margin-bottom:5px;
}




#navi ul,
#navi_mobile ul {
	display:none;
}

#navi ul.level_1,
#navi_mobile ul.level_1 {
	display:block;
}

#navi ul.level_1 > li:nth-child(7),
#navi_mobile ul.level_1 > li:nth-child(7) {
	margin-top:15px;
}

#navi li.submenu.trail ul,
#navi li.submenu.active ul,
#navi_mobile li.submenu.trail ul,
#navi_mobile li.submenu.active ul {
	display:block;
}



.mod_rocksolid_slider,
.ce_dlh_googlemaps {

/*	height:300px;
	border-bottom-left-radius: 0px;*/
	border-bottom-right-radius: 0px;
	border: 6px solid #fff;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
}
.safari .mod_rocksolid_slider .rsts-view,
.safari .mod_rocksolid_slider .rsts-crop,
.opera .mod_rocksolid_slider .rsts-view,
.opera .mod_rocksolid_slider .rsts-crop,
.chrome .mod_rocksolid_slider .rsts-view,
.chrome .mod_rocksolid_slider .rsts-crop
{
	border-bottom-right-radius: 0px;
}

.mod_rocksolid_slider < div {

	clear:both;
}


.custom,
#footer {
/*	position:relative;
	top:-75px;*/

	}

.custom {

	margin-right:10px;
	}


#Texte {
/*
	margin-top:5px;	
	min-height: 60px;	
	margin-left:10px;
	border-top-right-radius: 0px;
	padding:20px;
	padding-bottom:5px;
	padding-top:16px;
	*/
	 /* Text Oberlänge etwas tiefer als Beginn daher Ausgleich */
}


.textwenigerseitenpadding #Texte {
/*
	padding-left:10px;
	padding-right:10px;
*/	
}




#Texte .inside #navi_mobile  {
	border-top-right-radius: 26px;
}
#Texte .inside .mod_article
{
	border-top-right-radius: 0px;
}



@media only screen and (max-width: 767px) {

#navi_mobile {
	display:block;
}
#Texte .inside #navi_mobile  {
	border-top-right-radius: 0px;
}
#Texte .inside .mod_article  {
	border-top-right-radius: 26px;
}



#navi {
	display:none;
}

#wrapper {
    width: 100%;
}


.mod_rocksolid_slider {
/*	height:220px!important; */
}


.custom,
#footer {
	
	position:relative;
	top:auto;

}

.custom{
/*	padding-right:70px;*/
	width:100%;
}		

/*
#footer strong:before {
	content:"\A";
}
*/
#Texte {

/*	width:100%;
	margin-top:15px;
	margin-right:5px;*/
	margin-right:10px;
}

#headertext {
	clear:both;
	float:none;
}


#headerbild {
/*	right:40px;*/
	}




}

@media only screen and (min-width: 768px) and (max-width: 790px) {
#navi { margin-right:10px;
}

}


@media only screen and (max-width: 767px) {

	#right {
	margin-top:10px;
	margin-right:5px;
	}

#news > div {
	margin-left:10px;
	margin-right: 5px;
}

.mod_rocksolid_slider {
	height:442px!important; /* war 440 jetzt nach Verhältnis 900x600 */
}

}

@media only screen and (max-width: 750px) {

	#headertext .name {
	font-size: 28px;
	line-height:33px;
	}

}


@media only screen and (max-width: 680px) {

	#headertext .name {
	font-size: 26px;
	line-height:31px;
	}

}



@media only screen and (max-width: 650px) {

	#headertext .name > strong:after {
	content:"\A";
	white-space: pre;
	}


#header .leistungen {
	line-height:20px;
	margin-top:5px;
	display:inline-block;
	}


}




@media only screen and (max-width: 610px) {
	
/*	#headerbild{display:none}; */



.praxisname {
	font-size: 16px;
	margin-bottom: 12px;
	}

.arzt {
	font-size: 16px;
	margin-bottom:2px;
	margin-top:0px;
	}

.arzt strong {
	font-size: 20px;
	font-weight:600;
	}


#kontakt input.captcha {
	width:72%;
}
#kontakt input.submit {
	width:18%;
	margin-right:1px;
}


#form_routenplanung input.text {
	width:99%;
	margin-right:5px;
}


.mod_rocksolid_slider {
	height:372px!important; /* war 440 jetzt nach Verhältnis 900x600 */
}

}



@media only screen and (max-width: 510px) {    


#headerbild {
	top: 0px;
	right:-10px;
	}
#headerbild img{
	width:85%; 
	}	

.mod_rocksolid_slider {
	height:322px!important; /* war 440 jetzt nach Verhältnis 900x600 */
}

}



	
	
@media only screen and (max-width: 470px) {    

#headerbild {
	top: 0px;
	right:10px;
	}
	

#headerbild img{
	/*width:75%;*/
	}	

.arzt {
	margin-bottom:6px;
	}
	
.arzt .ausblend {
	display:none;
}

.arzt > strong:after,
.praxisname > .break:after {
	content:"\A";
	white-space: pre;
	}

.mod_rocksolid_slider {
	height:302px!important; /* war 440 jetzt nach Verhältnis 900x600 */
}


}



@media only screen and (max-width: 400px) {    

#headerbild {
	top: 10px;
	right:-13px;
	}

.mod_rocksolid_slider {
	height:282px!important; /* war 440 jetzt nach Verhältnis 900x600 */
}


}

@media only screen and (max-width: 380px) {    


.mod_rocksolid_slider {
	height:232px!important; /* war 440 jetzt nach Verhältnis 900x600 */
}


}