body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}body {
	margin: 0px;
	height: 101%;
	color: #666;
	font-family: "myriad-pro", arial;
	font-family: "museo-sans";
	font-size: 11pt;
	line-height: 135%;
}

html {
	
}

html {
	height: 101%;
}

input {
	border: 1px solid #dddddd;
	text-align: left;
	background: #fff;
}

form {
	margin: 0px 0px 0px 0px;
}

label {
	
}

a {
	cursor: pointer;
	color: #5893F5;
	text-decoration: none;
	border-bottom:1px dotted #5893F5; 
}

a:hover {
	color: #51317C;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 15px;
}

ul li {
	margin-bottom: 5px;
}

h1 {
	font-weight: 600;
	font-size: 12pt;
	margin-bottom: 16px;
	text-align: left;
	color: #727262;
}

h3 {
	text-align: left;
}

h2 {
    font-weight: 600;
    font-size: 13pt;
    margin-bottom: 16px;
     margin-top: 0px;
       padding-top: 0px;
    text-align: left;
    color: #727262;
}

h7 {
	font-weight: bold;
	font-size: 16pt;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}

h8 {
	font-weight: normal;
	font-size: 14pt;
	margin-bottom: 20px;
	text-align: left;
}

h9 {
	font-weight: bold;
	font-size: 12pt;
}

table {
	width: 400px;
}

p {
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

#noscript {
	background-color: #9ceefe;
	width: 100%;
	height: 20px;
	color: #044855;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#ta_noscript {
	position: absolute;
	z-index: 1000;
	color: #fff;
	background-color: #DBA34A;
	height: 35px;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

#ta_warn {
	background-color: red;
	color: #fff;text-align: center;
	padding-top: 5px;
	font-weight:bold;
	}

.spacer {
	height: 15px;
	text-align: left;
}

.red {
	color: #CE1E2C;
	font-weight: bold;
}

.grey {
	color: #4A545C;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

#container {
	position: absolute;
	margin-top: 16px;
	left: 50%;
	width: 700px;
	height: 636px;
	margin-left: -350px;
}

#logo {
	position: absolute;
	float: left;
	width: 300px;
	margin-left: 36px;
	margin-top: 20px;
}

#logo a { color:#727262;font-weight:500;}

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

#logo div {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

#navi {
	position: absolute;
	height: 32px;
	margin-left: 368px;
	width: 100%;
	margin-top: 30px;
	float: left;
	font-size: 8pt;
	line-height: 120%;
}

#navi a {
	float: left;
	color: #637313;
	width: 65px;
	border-right: 1px #eee solid;
	text-align: center;
	text-decoration: none;
	border-bottom:0px;
}

#navi a:hover {
	color: #51317C;
}

.stripe {
	height: 1px;
	width: 836px;
	margin-left: 32px;
	margin-top: 16px;
	margin-bottom: 16px;
	background: rgba(202, 216, 137, 0.5);
	float: left;
}

#content_frame,#content_frame_woh {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	background: white;
	float: left;
	-moz-box-shadow: 0 0 10px 3px #D9DBDC;
	-webkit-box-shadow: 0 0 10px 3px #D9DBDC;
	box-shadow: 0 0 10px 3px #D9DBDC;
	border: 16px solid #D4E866;
	background: white url('../../img/hg.png') no-repeat;
	background-position: 400px 0;
}

#footer {
	float: left;
	width: 730px;
	color: #fff;
	background: #8EC411;
	height: 48px;
	text-align: center;
	margin-top: 16px;	-moz-box-shadow: 0 0 10px 3px #D9DBDC;
	-webkit-box-shadow: 0 0 10px 3px #D9DBDC;
	box-shadow: 0 0 10px 3px #D9DBDC;
}

.footer_text {
	margin-top: 15px;
}

#footer a {
	color: #fff;
	text-decoration: none;
	border-bottom:0px;
}

#footer a:hover {
	color: #724475;
}

.slides_container {
	width: 600px;
	height: 400px;
}

.slides_container div {
	width: 600px;
	height: 400px;
	display: block;
}

.pagination {
	margin: 26px auto 0;
	width: 100px;
}

.pagination li {
	float: left;
	margin: 0 1px;
	list-style: none;
}

.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../../img/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.pagination li.current a {
	background-position: 0 -12px;
}

.inner_body {
	padding: 32px;
	text-align: justify;
}

.left_b {
	width: 55%;
	float: left;
	margin-right: 5%;
}

.right_b {
	width: 40%;
	float: left;
}

#head_img img {
	-moz-border-radius: 0px 0px 0px 15px;
	-webkit-border-radius: 0px 0px 0px 15px;
	-khtml-border-radius: 0px 0px 0px 15px;
	border-radius: 0px 0px 0px 15px;
	width: 836px;
	margin-left: 32px;
}

.sel_contact {
	width: 200px;
}

small {
	font-size: 6pt;
	font-weight: normal;
}

phone {
	font-size: 14pt;
	font-weight: 600;
	color: #2C1051;
}

.biglink {
	font-size: 14pt;
	font-weight: 600;
}

strong {
	font-weight: 650;
}

#fl_1,#fl_2,#fl_3, #fl_1_im, #fl_1_sm, #fl_2_sm,#fl_1_nkh, #fl_1_pr, #fl_1_imp, #fl_1_ko   {
	float: left;
	margin: 16px;
}

#fl_1,#fl_1_im, #fl_1_sm,#fl_1_nkh, #fl_1_pr, #fl_1_imp, #fl_1_ko   {
	height: 229px;
	width: 310px;
	margin-right: 16px;
	margin-bottom: 8px;
	background: url(../../img/startseite_klein.jpg);
	
}

#fl_1 {
	background: url(../../img/startseite_klein.jpg);
	height: 250px;
	background-size:cover;
	width: 250px;
}

#fl_1_im {
	   background: url(../../img/integrativeMedizin-klein.jpg);
	   	height: 250px;
	background-size:cover;
	width: 250px;
	
}
#fl_1_sm{
       background: url(../../img/schulMedizin_620.jpg);
	    	height: 250px;
	background-size:cover;
	width: 250px;
    
}
#fl_1_nkh {
	background: url(../../img/naturHeilkunde_klein.jpg);
		    	height: 250px;
	background-size:cover;
	width: 250px;
	
}
#fl_1_pr {
    background: url(../../img/drguenes.jpg)
    
}
#fl_1_imp{
    background: url(../../img/praxis_4.jpg)
    
}
#fl_1_ko{
    background: url(../../img/karte.jpg)
    
}
#fl_2, #fl_2_sm  {
	height: 275px;
	width: 310px;
	margin-right: 16px;
	margin-top: 8px;
	background: #F5F5F5
}
#fl_2_sm  {
	box-sizing:border-box;

    padding:16px;
}


#fl_3 {
	height: 533px;
	width: 326px;
	margin-left: 8px
}

tiny {
	font-size: 11pt
}

.nav_1,.nav_2,.nav_3,.nav_4,.nav_5,.nav_6 {
	width: 55px;
	height: 55px;
	background-size: contain;background-position: center;
}

.nav_1 {
	background: url(../../img/navi_1.png) no-repeat;
	background-size: contain;
	background-position: center;
}

.nav_1:hover {
	background: url(../../img/navi_1_over.png) no-repeat;
	background-size: contain;background-position: center;
}

.nav_2 {
	background: url(../../img/navi_2.png) no-repeat;background-size: contain;
	background-position: center;background-position: center;
}

.nav_2:hover {
	background: url(../../img/navi_2_over.png) no-repeat;
	background-size: contain;background-position: center;
}

.nav_3 {
	background: url(../../img/navi_3.png) no-repeat;background-size: contain;background-position: center;
}

.nav_3:hover {
	background: url(../../img/navi_3_over.png) no-repeat;
	background-size: contain;background-position: center;
}

.nav_4 {
	background: url(../../img/navi_4.png) no-repeat;background-size: contain;background-position: center;
}

.nav_4:hover {
	background: url(../../img/navi_4_over.png) no-repeat;
	background-size: contain;background-position: center;
}

.nav_5 {
	background: url(../../img/navi_5.png) no-repeat;background-size: contain;background-position: center;
}

.nav_5:hover {
	background: url(../../img/navi_5_over.png) no-repeat;
	background-size: contain;background-position: center;
}

.footer_logo {
	height: 16px;
}

form input {width:100%;height:32px;margin-bottom:4px;padding-left:4px;font-family: "museo-sans";}
form textarea {width:100%;height:96px;margin-bottom:4px;padding-left:4px;font-family: "museo-sans";}
input[type="submit"] {width: 330px;text-align:center;cursor:pointer}
input[type="radio"] {width:16px;height:16px}

@media only screen and (min-width: 100px) and (max-width: 1000px) {
  #container {    
    width: 100%;    
    left: 0;    
    position: relative;    
    margin-left: 0;    
    top: 0;    
    margin: 0;    
    height: auto;    
    box-sizing: border-box;    
    border: 0px solid #D4E866 !important;    
    overflow: hidden;
  }
  #content_frame {    
    box-sizing: border-box;    
    border: 0px solid #D4E866;
  }
  #footer {    
    width: 100%;
  }
  #fl_3 {    
    width: 100%;    
    height: auto;
  }
  #content_frame>div>div {    
    width: 100%;
  }
  #navi {    
    position: relative;    
    height: auto;    
    margin-left: 0px;    
    width: 100%;    
    margin-top: 0px;    
    float: none;    
    font-size: 8pt;    
    line-height: 120%;    
    margin-top: 30px;    
    overflow: hidden;    
    height: 30px;
  }
  #navi:hover {    
    height: 300px;    
 -o-transition: height 2s;
    -webkit-transition: height 2s;
    transition: height 2s;    
    color: white;
  }
  
  #menuopen {
  height: 300px;
  }
  
  
  #navi:before {    
    text-align: center;    
    width: 100%;    
    display: block;    
    content: 'Menu =';    
    height: 30px;    
    background: #D4E866;    
    font-weight: bold;    
    line-height: 2em;    
    cursor: pointer;    
    font-size: 1.5em;
  }
  #navi a {    
    display: block;    
    text-align: left;    
    width: 100%;    
    height: 45px;    
    border-bottom: 1px solid #eee;    
    line-height: 45px;
  }
  #navi a:hover {    
    background: #eee;    
    color: black;
  }
  #navi a div {    
    display: block;    
    width: auto;    
    height: 45px; line-height: 45px;    
  }
  #navi a:nth-child(1) center:before {    
    line-height: 45px;    
    content: 'Integrative Medizin';    
    color: blue;    
    height: 45px;
  }
  #navi a:nth-child(1) div {    
    float: left;    
    height: 45px;
  }
  #navi a:nth-child(2) center:before {    
    line-height: 45px;    
    content: 'Schulmedizin';    
    color: blue;    
    height: 45px;
  }
  #navi a:nth-child(2) div {    
    float: left;    
    height: 45px;
  }
  #navi a:nth-child(3) center:before {    
    line-height: 45px;    
    content: 'Naturheilkunde';    
    color: blue;
  }
  #navi a:nth-child(3) div {    
    float: left;    
    height: 45px;
  }
  #navi a:nth-child(4) center:before {    
    line-height: 45px;    
    content: 'Praxis';    
    color: blue;
  }
  #navi a:nth-child(4) div {    
    float: left;    
    height: 45px;
  }
  #navi a:nth-child(5) center:before {    
    line-height: 45px;    
    content: 'Kontakt';    
    color: blue;
  }
  #navi a:nth-child(5) div {    
    float: left;    
    height: 45px;
  }
  #navi a div {    
    width: auto;
  }
  #navi a center:before {    
    font-size: 1.5em;    
    float: none;    
    padding-right: 10px;
  }
  #navi a center:before:hover {    
    color: black;
  }
  
  #logo {    
    position: relative;    
    width: 200px;    
    margin: 0 auto;    
    float: none;    
    margin-top: 10px;    
    overflow: hidden;
  }
  #fl_1, #fl_1_im, #fl_1_sm, #fl_1_nkh, #fl_1_pr, #fl_1_imp, #fl_1_ko, #fl_2, #fl_2_sm {    
    margin-left: auto;    
    margin-right: auto;    
    overflow: hidden;    
    float: none;    
    position: relative;
  }
  #content_frame>div>div {    
    width: 100% !important;
  }
  #content_frame>div {    
    overflow: hidden;    
    height: auto !important;    
    margin-top: 0 !important;
  }
  #fl_3 {    
    max-width: 300px !important;    
    margin-left: auto;    
    margin-right: auto;    
    overflow: hidden;    
    float: none;    
    position: relative;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
  }
  form input {    
    max-width: 300px !important;    
    box-sizing: border-box;
  }
}