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

html{
  min-height: 100%;

}
img{
	border:none;
}

body{
      margin:0px;
      background:url(images/background_neu.jpg) no-repeat fixed;
      background-size: cover;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       font-family:arial;
}
.clearfix{clear:both;}

/* CSS HOME */

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

#header {
  width:100%;
  font-size:12px;
  color:#7c7f84;
  padding-top:20px;
  width:886px;
  margin:0 auto;
}
h3{
	color:#57595d;
	font-size:25px;
	font-weight:normal;
	margin-bottom:15px;
}

.homelink{
  float:right;
  border:none;
}
.homelink img{
	width:220px;
}

#mobile-header {
    display: none;
}

#content{
  width:886px;
  min-height:625px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

#content_left{
  width:417px;
  height:487px;
  float:left;
  vertical-align:bottom;
  margin-top:16px;
  padding:0px 22px 28px 37px;

}

/* NAVIGATION */
#navigation{
  width:520px;
  padding-top:36px;
  padding-left:41px;
  font-size:13px;
  float:left;
  color:#87888a;
  text-align:right;
}

#navigation ul{
	text-align:right;
}
#navigation ul li{
	list-style-type:none;
	float:left;
	padding-left:14px;
}
#navigation ul li a{
	color:#87888a;
	text-decoration:none;
}
.naviactive a, .naviactive{
	color:#9ac02a !important;
}
#navigation ul li a:hover{
	color:#9ac02a !important;
}
#navigation ul .naviactive a:hover{
	color:#9ac02a !important;
}


#subnavi{
  width:145px;
  height:146px;
  position:absolute;
  margin-left:271px;
  margin-top:5px;
  line-height:1.4em;
  background:url(images/praxis_philosopie/quadrat_gross_gruen.png) no-repeat;

}
#subnavi a{
  float:left;
  text-decoration:none;
}

#content_left img{
	border-radius:10px;
}


/*BOXES*/
#box_1{
  width:121px;
  height:121px;
  position:absolute;
  margin-top:27px;
  margin-left:145px;
}

#box_3{
  width:76px;
  height:76px;
  position:absolute;
  margin-top:257px;
}
#box_4{
  width:183px;
  height:183px;
  position:absolute;
  margin-top:153px;
  margin-left:83px;
}
#box_5{
  width:145px;
  height:145px;
  position:absolute;
  margin-left:272px;
  margin-top:153px;
}
#box_6{
  width:102px;
  height:102px;
  position:absolute;
  margin-left:12px;
  margin-top:342px;
}
#box_7{
  width:141px;
  height:141px;
  position:absolute;
  margin-left:122px;
  margin-top:342px;
}
#box_8{
  width:116px;
  height:116px;
  position:absolute;
  margin-left:272px;
  margin-top:305px;
}
#uid66 #box_8, #uid68 #box_8, #uid67 #box_8{
	width:145px;
	height:145px;
}
#box_20{
  width: 145px;
  height: 145px;
  position: absolute;
  margin-left: 272px;
  margin-top: 426px;
}


#strich{
  margin-left:426px;
  margin-top:53px;
  position:absolute;
}

#box_neu_1{
  height:140px;
  width:140px;
  position:absolute;
  margin-left:122px;
  margin-top:197px;
}

#box_neu_2{
  height:112px;
  width:112px;
  position:absolute;
  margin-top:223px;
}

#box_1 img, #box_2 img, #box_3 img, #box_4 img, #box_5 img, #box_6 img, #box_7 img, #box_8 img, #box_neu_1 img, #box_neu_2 img, #kontakt_box img, #box_20 img
{
	width:100%;
	height:auto;

}


/* BOXEN F�R PERSONAL */
#personal_box_1, #personal_box_2, #personal_box_3, #personal_box_4, #personal_box_5, #personal_box_6, #personal_box_7,#personal_box_8,#personal_box_9,#personal_box_10{
  position:absolute;
  height:130px;
  width:130px;
}
#personal_box_1 img, #personal_box_2 img, #personal_box_3 img, #personal_box_4 img, #personal_box_5 img, #personal_box_6 img, #personal_box_7 img, #personal_box_8 img, #personal_box_9 img,#personal_box_10 img{
  height:130px;
  width:130px;
}
#personal_box_1{
  margin:52px 0px 0px 137px;
}
#personal_box_2{
  margin:151px 0px 0px 0px;
}
#personal_box_3{
  margin:187px 0px 0px 137px;
}
#personal_box_4{
  margin:284px 0px 0px 273px;
}
#personal_box_5{
  margin:322px 0px 0px 137px;
}

#personal_box_6{
  margin:150px 0px 0px 273px;
}
#personal_box_7{
  margin:285px 0px 0px 0px;
}
#personal_box_8{
  margin:418px 0px 0px 0px;
}
#personal_box_9{
  margin:457px 0px 0px 137px;
}
#personal_box_10{
  margin:418px 0px 0px 273px;
}
#kasten-neu{
	width:76px;
	height:76px;
	position:absolute;
	margin-top:288px;
	margin-left:54px;
}
#kasten-neu img{
	width:100%;
	height:auto;
}

#personal_box_quadrat{
  position:absolute;
  width:76px;
  height:76px;
  margin:101px 0px 0px 54px;
}

li a{
	text-decoration:none;
	color:#57595d;
}
li a:hover{
	color:#9ac02a;
}


/* RIGHT */
#content_right{
  width:372px;
  float:right;
  margin-top:20px;
  margin-right:1px;
  padding:0px 37px 28px 0px;
  line-height:1.7em;
  color:#57595d;
  font-size:13px;
}
#content_right h1{
  font-size:25px;
  color:#57595d;
  margin-top:56px;
  font-weight:normal;
}
#content_right p{
  font-size:13px;
  color:#57595d;
  line-height:1.7em;
  margin-top:60px;
}
#content_right p a{
  text-decoration:none;
  color:#57595d;
}
#content_right a:hover{
	color:#9ac02a !important;
}
#content_right li{
  color:#57595d;
  font-size:13px;
  line-height:1.7em;
}
#content_right ul{
	margin-bottom:20px;
	position:relative;
}
#content_right br{
	line-height:1px;
}
#footer_wrapper{
  max-width:886px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
#footer{
  padding-top:0px;
  margin-left:37px;
  color:#87888a;
  font-size:11px;
}
#footer a{
  text-decoration:none;
  color:#87888a;
}
#footer a:visited{
  text-decoration:none;
  color:#87888a;
}
#footer a:hover{
   color:#9ac02a;
}


#kontakt_box{
	position:absolute;
	width:144px;
	height:140px;
	margin-left:273px;
	margin-top:5px;
}

#uid75 #subnavi{
	display:none;
}

/* SUBNAVI PRAXIS */
/*oberster Subnavi Eintrag*/
#subnavi51 a{  color:white; font-size:18px;margin:30px 0px 0px 25px;}
.subnaviactive51{color:#58585a;font-size:18px;margin:30px 0px 0px 25px;}
#subnavi51 a:hover  {color:#58585a;}

/*zweiter Subnavi Eintrag*/
#subnavi52 a{  color:white; font-size:13px;margin:0px 0px 0px 8px;}
.subnaviactive52{color:#58585a; font-size:13px;margin:0px 0px 0px 8px;}
#subnavi52 a:hover  {color:#58585a;}

/*dritter Subnavi Eintrag*/
#subnavi53 a{  color:white; font-size:15px;margin:0px 0px 0px 12px;}
.subnaviactive53{color:#58585a; font-size:15px;margin:0px 0px 0px 12px;}
#subnavi53 a:hover  {color:#58585a;}

/*vierter Subnavi Eintrag*/
#subnavi54 a{  color:white;font-size:17px;margin:0px 0px 0px 40px;}
.subnaviactive54{color:#58585a;font-size:17px;margin:0px 0px 0px 40px;}
#subnavi54 a:hover  {color:#58585a;}


/* SUBNAVI TEAM */
/*oberster Subnavi Eintrag*/
#subnavi55 a{  color:white; font-size:18px;margin:55px 0px 0px 46px;}
.subnaviactive55{color:#58585a;font-size:18px;margin:55px 0px 0px 46px;}
#subnavi55 a:hover  {color:#58585a;}

/*zweiter Subnavi Eintrag*/
#subnavi56 a{  color:white; font-size:13px;margin:0px 0px 0px 35px;}
.subnaviactive56{color:#58585a; font-size:13px;margin:0px 0px 0px 35px;}
#subnavi56 a:hover  {color:#58585a;}


/* SUBNAVI SCHWERPUNKTE */
/*oberster Subnavi Eintrag*/
#subnavi57 a{  color:white; font-size:18px;margin:14px 0px 0px 48px;}
.subnaviactive57{color:#58585a;font-size:18px;margin:14px 0px 0px 48px;}
#subnavi57 a:hover  {color:#58585a;}

/*zweiter Subnavi Eintrag*/
#subnavi58 a{  color:white; font-size:12px;margin:-2px 0px 0px 8px;}
.subnaviactive58{color:#58585a; font-size:12px;margin:-2px 0px 0px 8px;}
#subnavi58 a:hover  {color:#58585a;}

/*dritter Subnavi Eintrag*/
#subnavi59 a{  color:white; font-size:14px;margin:-2px 0px 0px 16px;}
.subnaviactive59{color:#58585a; font-size:14px;margin:-2px 0px 0px 16px;}
#subnavi59 a:hover  {color:#58585a;}

/*vierter Subnavi Eintrag*/
#subnavi60 a{  color:white;font-size:18px;margin:-2px 0px 0px 30px;}
.subnaviactive60{color:#58585a;font-size:18px;margin:-2px 0px 0px 30px;}
#subnavi60 a:hover  {color:#58585a;}

/*f�nfter Subnavi Eintrag*/
#subnavi61 a{  color:white;font-size:14px;margin:-2px 0px 0px 19px;}
.subnaviactive61{color:#58585a;font-size:14px;margin:-2px 0px 0px 19px;}
#subnavi61 a:hover  {color:#58585a;}

/*sechster Subnavi Eintrag*/
#subnavi62 a{  color:white;font-size:11px;margin:-3px 0px 0px 9px;}
.subnaviactive62{color:#58585a;font-size:11px;margin:-3px 0px 0px 9px;}
#subnavi62 a:hover  {color:#58585a;}


/* SUBNAVI SERVICE */
/*oberster Subnavi Eintrag*/
#subnavi63 a{  color:white; font-size:12px;margin:40px 0px 0px 9px;}
.subnaviactive63{color:#58585a;font-size:12px;margin:40px 0px 0px 9px;}
#subnavi63 a:hover  {color:#58585a;}

/*zweiter Subnavi Eintrag*/
#subnavi64 a{  color:white; font-size:18px;margin:0px 0px 0px 48px;}
.subnaviactive64{color:#58585a; font-size:18px;margin:0px 0px 0px 48px;}
#subnavi64 a:hover  {color:#58585a;}

/*dritter Subnavi Eintrag*/
#subnavi65 a{  color:white; font-size:14px;margin:0px 0px 0px 13px;}
.subnaviactive65{color:#58585a; font-size:14px;margin:0px 0px 0px 13px;}
#subnavi65 a:hover  {color:#58585a;}

.subnaviactive{
	color:#58585a !important;
}

/* SCROLLBAR */
#scrollbar1 { width: 100%; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 90%; height: 335px; overflow: hidden; position: relative;  }
#scrollbar1 .overview { list-style: none; position: relative; left: 0; top: 0;color:#57595d;font-size:12px;line-height:1.7em; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #87888A; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #ffffff; height: 100%; width:6px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#sidr-main{
	background-color:white;
}
.sidr-class-naviactive, .sidr-class-naviactive a{
	color:#58585a !important;
}
#uid102 #subnavi{
  display:none;
}
#uid102 p{
  margin-top:0;
}


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

	#header{
		padding-top:0;
		padding-bottom:40px;
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
	}
	#mobile-header {
        display: block;
        padding-top:15px;
        padding-left:15px;
    }
    .balken_wrapper{
    	float:left;

    }
    #responsive-menu-button span{
    	text-decoration:none;
        color:#57595d;
        font-size:14px;
        margin-left:40px;
        position:relative;
        top:3px;
        display:blocK;
    }
    #responsive-menu-button{
    	text-decoration:none;
    	display:block;
    	position:relative;
    	top:12px;
    }
    .balken{
    	width:30px;
    	margin-bottom:5px;
    	height:5px;
    	background-color:#9ac02a;
    }
    .sidr ul li a, .sidr ul li span{
    	display:inline !important;
    }
    .homelink{
    	margin-top:-30px;
    }
    #stricht{
    	display:none;
    }
	#content{
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
		padding-left:15px;
		padding-right:15px;
		background:none;
		height:auto;
		min-height:300px;
	}
	#content_left{
		padding-left:0;
		padding-right:0;
	}
	#content_right{
		width:40%;
		padding-right:0;
		height:auto;
	}
	#navigation{
		display:none;
	}
	#footer{
		margin-left:15px;
	}
	#gbox1, #gbox2, #gbox3, #gbox4, #gbox5, #gbox6, #gbox7, #gbox8, #gbox9, #gbox10, #gbox11, #gbox12{
		width:23% !important;
		height:auto !important;
		position:relative !important;
		margin:0 !important;
		padding:0 !important;
		float:left !important;
		margin:1% !important;
	}
	#gbox1 img, #gbox2 img, #gbox3 img, #gbox4 img, #gbox5 img, #gbox6 img, #gbox7 img, #gbox8 img, #gbox9 img, #gbox10 img, #gbox11 img, #gbox12 img{
		width:100% !important;
		height:auto !important;
	}
	#uid84 #content_left{
		width:100%;
	}
	#uid84 #content_right{
		display:none;
	}
	#uid84 #subnavi{
		display:none;
	}



}

@media only screen and (max-width: 750px) {
	#content_left, #content_right{
		float:none;
		max-width:800px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	#content_right h1{
		margin-top:0px;
	}
	#content_right{
		margin-top:0;
		font-size:14px;
	}
	#strich{
		display:none;
	}
	#content_right p{
		margin-top:10px;
	}
		#content_right p{
	font-size:14px !important;
}
#content_right h2{
	font-size:14px !important;
}
#scrollbar1 .overview{
	font-size:14px !important;
}
#content_right li{
	font-size:14px;
}

	#scrollbar1 h1{
		font-size:14px;
		font-weight:bold;
	}
	#content_right h1:nth-child(2){
		font-size:14px;
		font-weight:bold;
	}
	h3{
		font-size:14px;
		font-weight:bold;
	}


}

@media only screen and (max-width: 480px) {
	#footer_navi{
		position:relative;
	}
	.homelink{
		width:55%;
		height:auto;
	}
	.homelink img{
		width:100%;
		height:auto;
	}
	#header{
		padding-bottom:0;
	}
	#subnavi{
		position:relative;
		margin:0;
		padding:0;
		background:none;
		margin-top:-30px;
		width:100%;
		height:auto;
		padding-bottom:20px;
	}
	#subnavi div{
		display:block;
		width:100%;
	}
	#subnavi a{
		margin:0;
		padding:0;
		color:#9ac02a;
		display:block;
		float:none;
		font-size:16px;
	}

	#content_left, #content_right{
		height:auto;
	}
	/* leitbild */
	#uid51 #box_3, #uid51 #box_5, #uid51 #box_7, #uid51 #box_8{
		display:none;
	}
	/* qualitätsmanagement */
	#uid52 #box_1, #uid52 #box_3, #uid52 #box_7, #uid52 #box_8{
		display:none;
	}
	/* sprechzeiten */
	#uid53 #box_4{
		display:none;
	}
	/* jobangebote */
	#uid54 #box_3, #uid54 #box_7{
		display:none;
	}
	/* vorsorge */
	#uid57 #box_3, #uid57 #box_6, #uid57 #box_7, #uid57 #box_8{
		display:none;
	}
	/* ambulante operationen */
	#uid58 #box_3, #uid58 #box_7{
		display:none;
	}
	/* allergologie */
	#uid59 #box_1, #uid59 #box_3, #uid59 #box_7, #uid59 #box_8{
		display:none;
	}
	/*lasertherapie */
	#uid60 #box_3, #uid60 #box_8{
		display:none;
	}
	/* naturheilkunde */
	#uid61 #box_3, #uid61 #box_6, #uid61 #box_7{
		display:none;
	}
	/* mdizinische kosmetologie */
	#uid62 #box_3, #uid62 #box_1, #uid62 #box_6, #uid62 #box_8, #uid62 #box_5{
		display:none;
	}
	/* vorsorge */
	#uid63 #box_1, #uid63 #box_3{
		display:none;
	}
	/* die haut */
	#uid64 #box_3, #uid64 #box_3, #uid64 #box_6, #uid64 #box_8{
		display:none;
	}
	#uid76 #box_3, #uid76 #box_5, #uid76 #box_7{
		display:none;
	}
	#uid69 #kasten-neu, #uid72 #kasten-neu, #uid70 #kasten-neu, #uid71 #kasten-neu, #uid90 #kasten-neu, #uid74 #kasten-neu{
		display:none;
	}



	#box_1, #box_2, #box_3, #box_4, #box_5, #box_6, #box_7, #box_8, #box_20, #box_neu_1, #box_neu_2, #personal_box_1, #personal_box_2, #personal_box_3, #personal_box_4, #personal_box_5, #personal_box_6, #personal_box_7, #personal_box_8,#personal_box_9,#personal_box_10, #kontakt_box,
	#gbox1, #gbox2, #gbox3, #gbox4, #gbox5, #gbox6, #gbox7, #gbox8, #gbox9, #gbox10, #gbox11, #gbox12{
		width:48% !important;
		height:auto !important;
		position:relative !important;
		margin:0 !important;
		padding:0 !important;
		float:left !important;
		margin:1% !important;
	}
	#box_1 img, #box_2 img, #box_3 img, #box_4 img, #box_5 img, #box_6 img, #box_7 img, #box_8 img, #box_20 img, #box_neu_1 img, #box_neu_2 img, #personal_box_1 img, #personal_box_2 img, #personal_box_3 img, #personal_box_4 img, #personal_box_5 img, #personal_box_6 img, #personal_box_7 img, #personal_box_8 img, #personal_box_9 img, #personal_box_10 img, #kontakt_box img,
	#gbox1 img, #gbox2 img, #gbox3 img, #gbox4 img, #gbox5 img, #gbox6 img, #gbox7 img, #gbox8 img, #gbox9 img, #gbox10 img, #gbox11 img, #gbox12 img{
		width:100% !important;
		height:auto !important;
	}
	#subnavi > div{
		border-bottom: 1px dotted lightgrey;
		padding-top:5px;
		padding-bottom:5px;
	}





}