/*CSS Document*/
/*
	Author: Miklas Boskamp
	Date modiefied: 15.11.2020
*/

/*General*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Lato:300);

body {
	margin:0;
	padding:0;
	font-family:'Open Sans', sans-serif;
}

h4 {
	margin-top:25px;
}

/*Header Section*/

/*menulogo*/
#logo {
	background:url(../img/kids.png) no-repeat;
	background-size:cover;
	position:absolute;
	top:15px;
	right:15px;
	width:520px;
	height:210px;
	float:right;
	z-index:1;
}
/*Menu*/

.menufix{
	position:fixed;
	top:0;
	background-color:rgba(235,235,235,0.9);
	-webkit-box-shadow:0px 0px 5px 0px rgba(138,138,138,1);
	-moz-box-shadow:0px 0px 5px 0px rgba(138,138,138,1);
	box-shadow:0px 0px 5px 0px rgba(138,138,138,1);
}

.menuscroll{
	position:absolute;
	top:200px;
	background-color:rgba(235,235,235,0.8);
	-webkit-box-shadow:0px 0px 5px 0px rgba(138,138,138,0.5);
	-moz-box-shadow:0px 0px 5px 0px rgba(138,138,138,0.5);
	box-shadow:0px 0px 5px 0px rgba(138,138,138,0.5);
}

/*menubar*/
.menu {
	width:100%;
	height:45px;
	z-index:100;
}
.toggleMenu{
	display:none;
}
.menu a{
	color:#000;
	text-decoration:none;
}
#menuwrapper{
	position:relative;
	top:-10px;
}
/*menulist of menuitems*/
.menu li {
	float:right;
	display:inline;
	list-style-type:none;
	line-height:45px;
	color:#000;
}
.menuitem{
	position:relative;
	width:95px;
	height:45px;
}
.menuitem:hover{
	background-color:rgba(221,220,220,0);/*NOT IN USE*/
}
/*colored bars on bottom of menuitems*/
.colorbar {
	width:95px;
	height:5px;
	position:relative;
	top:-5px;
}
.home:hover div{
	background:rgba(232,30,37,1) !important;
}
.bobath:hover div{
	background:rgba(62,105,179,1) !important;
}
.beratung:hover div{
	background:rgba(91,187,71,1) !important;
}
.praxen:hover div{
	background:rgba(249,162,45,1) !important;
}
.links:hover div{
	background:rgba(23, 176, 185,1) !important;	
}
.impressum:hover div{
	background:rgba(127,91,167,1) !important;
}
.menu:hover ul li a .home div{
	background:rgba(232,30,37,0.2);
}
.menu:hover ul li a .bobath div{
	background:rgba(62,105,179,0.2);
}
.menu:hover ul li a .beratung div{
	background:rgba(91,187,71,0.2);
}
.menu:hover ul li a .praxen div{
	background:rgba(249,162,45,0.2);
}
.menu:hover ul li a .links div{
	background:rgba(23, 176, 185,0.2);	
}
.menu:hover ul li a .impressum div{
	background:rgba(127,91,167,0.2);
}

/*menu headline*/
#headline {
	position:absolute;
	top:65px;
	z-index:2;
}

#headline h1,h2{
	font-family:'Lato', sans-serif;
	margin:0 25px;
}

/*content*/
#content{
	width:100%;
}
.wrap {
	width:960px;
	margin:0 auto 50px auto;
}
#home{
	padding-top:250px;
}
#bobath, #beratung, #praxen, #links, #impressum{
	padding-top:100px;
}
#imprint, #datenschutz{
	padding-top:250px;
}
aside {
	float: right;
}
.aside_home {
	padding: 0 0 0 15px;
	margin: 45px 0 0 0;
}
.aside_imprint {
	top:10px;
}
.praxen_wrapper {
	width:960px;
	margin:20px 0 0 0;
}
.praxen_wrapper img {
	float:right;	
	margin:0px 0px 20px 0px;
}
.hensen{
	width:480px;
	margin: 0px 0px 30px 0px;
}
.hensen_anschrift {
}
.munsch{
	width:480px;
}
.munsch_anschrift {
}

.links_wrapper {
	width:960px;
	margin:0 0 20px 0;
}
.links_left {
	width:480px;
	float:left;	
}
.links_right {
	width:480px;
	float:right;
}
.spacer {
	height:400px;
}
@media only screen
and (max-width : 615px) {
.menu, img {
	display:none;
}
.munsch, .hensen, .praxen_wrapper {
	float:none !important;
	height:auto !important;
	width:auto !important;
}
.hensen_anschrift {
	margin:0 0 0 10px;
}
.munsch_anschrift {
	margin:0 0 0 10px !important;
}
.wrap {
	margin:0 0 0 10px !important;
	width: 450px !important;
}
/* Small Desktop and laptops ----------- */
@media only screen 
and (max-width : 750px) {
#logo{
	display:none;
}
#menuwrapper ul{
	position: absolute;
	margin: 10px auto 0px;
}
}

/* Small Desktop and laptops ----------- */
@media only screen 
and (max-width : 1000px) {
#logo{
	width:350px;
	height:145px;
	top:70px;
}
/*content*/
.wrap {
	width:600px;
	margin:0 auto 50px auto;
}
#home{
	padding-top:250px;
}
#bobath, #beratunge, #praxen, #links, #impressum{
	padding-top:70px;
}
.praxen_wrapper {
	width:600px;
}
.munsch {
	margin: 20px 0 0 0;
}
.munsch img {
	float:left;
}
.munsch_anschrift {
	margin: 215px 0 0 270px;
}
/* Small Desktop and laptops ----------- */
@media only screen 
and (max-width : 1200px) {
#headline h1{
	font-size:28px;
}
#headline h2{
	font-size:18px;
}
}
/* Large screens ----------- */
@media only screen 
and (min-width : 1600px) {
#logoHeadlineWrapper{
	width:1600px;
	margin:0 auto;
}
#logo {
	position:relative;
}
#menuwrapper{
	width:1600px;
	margin:0 auto;
}
#headline {
	position:relative;
}
.wrap{
	margin: -106px auto 50px;
}
}