html {height:100%;}

html {overflow-y: scroll;}

div, ul, li {border: 0px solid black;}
img {border: 0px dotted red;}

body {
	margin: 0; padding: 0; 
	min-height:100%;
}


.container-top { margin: 0 auto;  margin-top: 0px; max-width: 980px; width: 100%; background-color: #fff; }

.container-logo {width: 100%; margin: 0; padding: 0; }
.container-logo a {}

#static_headerbox {position: relative; width:100%; max-width: 780px; height:100%; /*background-image: url("../images/bg_stressmanagement.jpg");*/ }

.container-wrapper {width: 100%; margin: 0; padding: 0; background: #fff url("../images/bg.jpg") no-repeat fixed center top / cover ;}
.container-mainbox { margin: 0 auto;  margin-top: 0px; max-width: 980px; width: 100%; min-height:100%; }
.mainbox {position: relative; display: inline-block; width: 100%; }

.banner-wrapper {height: auto; width: 100%; margin-top: 0px; padding-top: 0px; background:#fdeee1;}
.banner {margin: 0 auto; max-width: 980px; width: 100%; background: url("../images/bg_banner.png");  background-size: 100% auto; }
.banner-left {float: left; width: 65%;}
.banner-right {float: left; width: 25%; padding: 50px 0% 10px 7%; }
.banner-right h2 {font-size: 36px; line-height: 36px;}
.banner-right p {font-size: 18px; line-height: 30px;}
.banner-right img {padding: 40px 0 0 0;}
.banner-content, .kontakt-label {display: none;}

.container-logo img, .mainbox img.headerpic, p img, .banner img {display: block; height: auto !important; max-width: 100%; width: auto !important;}

.content-wrapper {height: auto; width: 100%; }
.content-wrapper .inner ul {padding-left: 20px; list-style-image: url("../images/list_style_image.png");}
.content-wrapper .inner li {line-height: 30px;}
/*.content-wrapper .inner li:before {padding-right: 5px; font-size: 24px; display: inline-block; content: '• '; color: #6c6c6c; vertical-align: bottom;}*/

.contentbox {float:left; width: 100%; min-height: 420px; padding: 30px 0% 50px 0%; }

.contentbox .inner {width: 100%; padding: 0 0 0 0; overflow: hidden;}
.contentbox.page-id-15 .inner {padding-bottom: 70px;}
.contentbox .inner img, .rightbox .inner img, .preview-box img {max-width:100%; height:auto ! important;}

#contentwide {width: 100%; min-height: 300px; }
#widthcheck {padding-bottom: 0px;}
#widthcheck img.headerpic {display: none;}

.leftbox { float:left; min-height: 300px; width: 59%; padding: 50px 6% 0 0%; line-height: 30px;}
.leftbox .inner {width: 100%; min-width: 120px; padding: 0 0% 40px 0;}

.rightbox {float: right; width: 33%; margin: 0; padding: 50px 0% 20px 2%; }
.rightbox .inner {width: 100%; min-height:250px; padding: 0; line-height: 30px;}
.rightbox img {width: 100%; margin: 0px; padding: 0px; }
.rightbox.page-id-1 {margin-top: 25px; text-align: center; background: none;}
.rightbox.page-id-1 img {margin: 0 auto;}


/* Seite Home */


/* Seite Aus-/Fortbildung */
td {line-height: 30px; padding-bottom: 10px;}
td.left-column { width: 120px; color: #ea7322; font-weight: bold;}

/* Seite Osteopathie */
.fussnote {	font: 12px/150% Arial, Helvetica, sans-serif;	color: #3f3f3b;	/*letter-spacing: 1px;*/}

/* Seite Anfahrt */
iframe {border: none;}

/* ------ Footer ------ */
.copyright-container {width:100%; min-height: 40px; padding-top: 8px;/* background-color:#ea7322;*/ border-top: 5px solid #ea7322;}
.copyright-box {margin: 0 auto; max-width: 980px; width: 100%; min-height: 35px; font-size: 16px; /* color: #fff;*/ }
.copyright-box a {color: #585959;}
.copyright-left {float: left; /*width: 37%;*/ min-width: 180px;	padding-top: 4px;}
.copyright-right {float: right; width: 250px; padding-top: 4px;}

.clearer { clear:both;}
.clearbottom {height:80px; clear:both;}



/********************* header-menu **********************/
a#mobilemenu, .mobilemenu {display:  none; }
a#mobilemenu span {display:block; padding: 5px 0 8px 40px; font-weight: bold;}

.topmenu-wrapper {width: 100%; min-height:100%; background: #ea7322;}
//.topmenu-wrapper {margin: 0 auto; width: 100%; max-width: 980px; min-height:100%; min-height: 38px;}

/* --- Top-Navigation --- */
.topmenubar {margin: 0 auto; width: 100%; max-width: 980px; padding-top: 0px;}
.topmenubar ul.nav { list-style-type: none; margin: 0; padding-right: 1%;}

.topmenubar ul.social {float: right; width: 100%; list-style: none; margin-bottom: 0;}
.topmenubar ul.social li {float: right; padding-bottom: 0;}
.topmenubar ul#topmenu { padding-top: 0px;}
.topmenubar ul.social li a img {width: 32px; height: 32px; padding: 0 10px;}
.topmenubar ul.social li a:hover, a.button-facebook:hover{
	 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=.6)";
   filter: alpha(opacity=.6);
   opacity: .6;
}   

ul.nav li {
	float: left; 
	list-style-type: none;
	list-style-image: none;
	position: relative;  
	font-weight: normal; 	
	margin: 0; padding: 0;
	/*border-right: 2px solid #585959;*/
	/*background-color:#333333;*/
}
ul li.AGB,
ul li.Datenschutz, 
ul li.Impressum {display: none;}
ul.nav li.Kontakt {border-right: none;}
ul.nav li.Kontakt a {padding-right: 0;}
/*ul.nav li li, ul.nav li li li {background-color: #fff; }*/

.nav li a {
	display: block; 	padding: 12px 15px 10px 15px; 
	font-weight: 300; vertical-align: baseline;
	text-decoration: none; font-size: 18px; letter-spacing: 1px; line-height:100%; color:#fff; /*text-transform: uppercase;*/}

/* Hover Formatting */
.nav li a:hover {color: #585959!important; background: #fad6bb;}
.nav a.menu-current, .nav a.menu-parent {color: #585959!important; background: #fff;}

/* 2 level */
.nav li ul {
	background: none;
    display: none;
    width: 320px; 
    margin: 0; padding:0;
    position: absolute; 
    border-top: 20px solid #fff;
    border: 1px solid #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px ;
    background-color: #fff; 
}

.nav li ul li {
	width: 300px;  
	text-align: left; 
	font-weight: normal; 
	margin: 0; 	padding: 0 10px;
	border-right: none;
}
.nav li ul li.menu-first a {border-top: none; }
.nav li ul li a {font-size: 18px; color: #444!important; line-height: 24px; padding: 10px 0px; border-bottom: none;}
.nav li ul li a.menu-first {padding-top: 15px; }
.nav li ul li a.menu-last {padding-bottom: 15px;}
.nav li ul li a:hover, .nav li ul li a.menu-current {color: #ea7322 !important; }	

/* 2 level hover */
.nav li ul a:hover,  .nav li ul a.menu-current { background-color: rgba(244, 244, 244, .9);  color: #000;}

/* Show and hide */
.nav li:hover ul, .nav li a:focus ul {display: block; }
.nav li ul ul { display: none;}
.nav li:hover ul ul {display: none;}
.nav li:hover>ul, .nav  li li:hover>ul {display: block;  z-index: 1000;}


/* 3 Ebene  */
.nav li ul li ul	{ 
	margin: -20px 0 0 70%; 
	padding:0;
	z-index: 9999;  
	display: none;
}
.nav li ul li ul li	{}

/* Positioning hover */
.nav li {position: relative;}

.nav li:hover {
	z-index: 10000;	
	white-space: normal;		
}

ul.nav li.ulend {height:10px; background: transparent url(../images/ulend.png) repeat-x;}
ul.nav > li.ulend {display:none ! important;}

ul.nav a.menu-parent { color: #000; /*background-color: #bbd3d7;*/}






@media screen and (max-width: 980px) {
	div {border: 0px solid red;}
	
	h1,h2 {font-size: 1.7em;}
	h3,h4 {font-size: 1.2em;}
	.container { width: 96%; }
	.header {height:auto;}

	.mainbox {width: 98%;  padding: 0px 1% 20px 1%; }
	.banner-right {width: 29%; padding: 30px 1% 10px 5%; }
	.banner-right img {padding: 0;}
	
	.copyright-box {float: left; width: 98%; 	padding: 0px 1% 0px 1%;}
}




@media screen and (max-width: 830px) {
	div {border: 0px solid yellow;}
	
	body, p, td {font-size: 100%;}

	.container-logo, #static_headerbox, .nav-bottom-box, .copyright.center, .copyright-right {display:none;}
	.banner-left {width: 100%; background: #fad6bb;}
	.banner-right {display: none;}
	.banner-content, .kontakt-label {display: block;}
	
	#widthcheck {display: inline-block; width: 98%; background: #fff;}
	#widthcheck img.headerpic {float: right; display: block; margin: 0 auto; padding: 0;}	
	.inner img.headerpic {display: none;}
	
	/*~~~~~~~~~ Mobil-Menu ~~~~~~~~~*/
	.topmenubar {padding-top: 0px; }
	.mobilemenu {display: block;}
	a#mobilemenu {display:  block; background: #ea7322 url("../images/nav-icon.png") no-repeat scroll 10px 10px;  width:100%; padding: 6px 0; }
	
	.nav li a {	padding: 15px 7px 15px 20px; line-height:55%; color: #585959 !important;}
	.nav li a:hover, .nav li a.menu-current {color: #585959!important; background-color: #fdeee1!important; }	
	
	.nav li ul li a {padding-left: 40px; color:#585959!important; background-color: #fff!important; }
	.nav li ul li a.menu-first, .nav li ul li a.menu-last { border-top: none; }
	.nav li ul li a:hover, .nav li ul li a.menu-current {color: #585959 !important; }
		
	ul#topmenu, ul#topmenu ul, ul#topmenu ul ul {width:100% ! important; position: static ! important; margin: 0 0 0 0 ! important; border-top: 1px solid #fff; }
	ul#topmenu li, ul#topmenu li li, ul#topmenu li li li {
		float: none;
		border-right: none; 
		width:100%  ! important;
		display: block;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #fff;
	}	
	
	ul#topmenu li.menu-parent > ul, ul#topmenu li.menu-current > ul {display: block}
	ul#topmenu {display: block}
	ul#topmenu li.menu-current  {background-color: #6c6c6c; }
	
	/*ul#topmenu a.menu-parent { color: #fff!important; background-color: #6c6c6c;}	
	#topmenu a.menu-parent { color: #000;}*/
	
	ul#topmenu {display:none;}
	.topmenubar ul.nav {float: none; margin: 0; padding-left: 0%;}
	
	.topmenubar, .topmenubar ul {float: none; width: 100%; }
	ul.nav li.AGB, ul.nav li.Datenschutz, ul.nav li.Impressum {display: none;}
	
	.topmenubar ul.social{position: absolute; top: 0; right: 0; width: 140px; hight: 20px; padding-top: 6px;}
	.topmenubar ul.social li a img {width: 24px; height: 24px; padding: 0 10px;}
	
	
	/*~~~~~~~~~~~~~~~~~~~~~*/
	
	.container { width: 96%; }	
	.container-top {position: static; }
	
	.inner {width: 95% !important; padding-left: 2% !important; padding-right: 0% !important;}
	.preview-box {width: 32.5%; min-width: 100px; margin: 25px 1% 0px 0px; padding: 0;}
	.preview-box-label, .view .mask {display: none;}
	
	.leftbox {width: 98%; padding: 20px 1% 20px 1%; }
	.leftbox .inner {width: 100%; min-height:100px; padding: 0; }
	.rightbox {float: left; width: 96%; min-height:100px; padding: 0; }
	.rightbox .inner {width: 100%; padding: 30px 0 0 0;}
	.left, .right {float: left; width: 99%; padding-bottom: 20px;}
	
	td {display: block; width: 100%; padding: 0;}
	td.left-column { padding: 10px 0 0 0;}
	
	.copyright-left {display: none;}
	
	.showonmobiles {display:block ! important;}
	
	.mobilesonly {display:block ! important;}
	.desktoponly {display:none;}
}



@media screen and (max-width: 400px) {
	div {border: 0px solid green;}
	
	h1,h2,h3 {font-size: 1.1em;}
	
	.copyright-container {min-height: 150px;}
}


@media print {
	.container, .footer {width:100%;}
	#mobilemenu, .topmenubar, #mobilemenu {display: none ! important; }
	
	html, body, .container, .header,  .mainbox, .contentbox, .contentbox .inner {background-image: none ! important;}
	body, html {background-color: #fff ! important;}
	.contentbox .inner, .rightbox .inner, .footer .inner, .infobox h3 {color: #000! important;}
	
	h1, h2 {text-shadow: none ! important; }
}

/*.slider-wrapper{position: absolute; width: 71.5%; padding: 18.7% 10.5% 0% 18%; border: 0px solid blue;}*/
.rslides {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0px;
    width: 100%;
}
.rslides li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.rslides li:first-child {
    display: block;
    float: left;
    position: relative;
}
.rslides img {
    border: 0 none;
    display: block;
    float: left;
    height: auto;
    width: 100%;
}
.features {
    text-align: center;
}


#return-to-top {
	z-index: 99;
  position: fixed; bottom: 60px; right: 20px;
	width: 50px; height: 50px;
  display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.7);
}
#return-to-top i {
	position: relative; left: 16px; top: 13px;
  margin: 0;
  color: #fff; font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}