body	{
	font-family: "comic sans ms", sans-serif;
	background-color: #efe3c9;
	cursor:url("../img/maus.png"),auto;
	cursor:url("../img/maus.cur"),auto;
}

* 	{
	font-size: 17px;
	margin: 0 auto;
	padding: 0 auto;
}

p	{
	text-align:left;
	margin:1.5em;
}

hr	{
	width:50%;
	float:left;
	margin:2em 2em 2em 0em;
}

img	{
	border-radius:0.5em;
	margin:1.5em;
}

h1	{
	font-size:1.5em;
	font-style:italic;
}

h2 	{
	font-size: 25px;
	color:#073e55;
}

h3 	{
	font-size: 17px;
}
				
h4	{
	font-size:17px;
	color:#252525;
}
				
h5	{
	font-size: 20px;
	font-weight: bold;
	font-style:italic;
}

h6 	{
	font-weight: normal;
	font-style: italic;
	font-size:0.9em;
}

span	{
	font-size:1em;
	font-style:italic;
}

em	{
	font-style:italic;
	font-size:0.8em;
}

.left	{
	float:left;
}

.right	{
	float:right;
}

.clear	{
	clear:both;
}

.center	{
	margin:0em auto;
	text-align:center;
}


/*-----   HEADER   -----*/
			
#header 	{
	background-image:url(../img/logo-header.jpg);
	background-repeat:no-repeat;
	border-top:5px solid #fff;
	border-bottom:2px solid #fff;
}

#logo	{
	float:left;
	margin-left:25%;
}

.specialfont	{
	font-family: 'Handlee', cursive;
	text-align:center;
}

.headline	{
	font-size:3em;
	font-style:italic;
	float:left;
	width:700px;
	text-align:right;
}

#zitate	{
	float:left;
	text-align:center;
	font-size:1.5em;
	width:65%;
	margin:0em 0em 0em 10em;
	color:#073e55;
}

.autor	{
	text-align:center;
	font-style:italic;
	font-size:0.5em;
	margin-top:0.5em;
}

/*-----   NAVI   -----*/

a	{
	text-decoration:none;
	color:#073e55;
	border: 0 none;
}

a:hover	{
	color:#46839c;
}

#navi	{
	width:100%;
	float:left;
	background-color:rgba(255, 255, 255, 0.8);
	border-top:2px solid #fff;
}

#navi ul	{
	list-style-type:none;
	margin-left:12%;
}

#navi li	{
	float:left;
	text-align:center;
}

#navi a	{
	float:left;
	font-size:1.2em;
	margin:0.6em;
	padding:0.5em;
}

#sidebarmenu	{
	position:relative;
	float:left;
	margin:15% 3% 15% 3%;
	border:1px solid #252525;
	border-radius:0.5em;
}

#sidebarmenu ul	{
	list-style-type:none;
	padding:0.5em;
}

#sidebarmenu li	{
	padding:0.25em;
}

#sidebarmenu a	{
	font-size:0.9em;
	padding:0.5em;	
}

#navimobil	{
	display:none;
}

#sidebarmenu-mobil	{
	display:none;
}


/*-----   CONTENT   -----*/

#content	{
	width:75%;
	margin:0 auto;
	padding:2em 1em 2em 5em;
}

#ausbildung	{
	margin:2em;
}

#ausbildung img	{
	width:45%; 
	margin-left:15%;" 
}

#ausbildung ul	{
	margin:2em;
}

p a	{
	color:#46839c;
}

#sitemap img{
	width:45%;
	margin-bottom:1.5em;
}

#sitemap ul	{
	margin-bottom:1.5em;
}

#mitt	{
	float:left;
}

.border{
	border:1px solid #252525;
	border-radius:5px;
	padding:1em;
}

.home	{
	width:40%;
}

.home-img	{
	width:30%;
	margin:0em 2em 2em 2em;
}

.home-title	{
	margin:7em 7em 1em 0.5em;
}

.einzug	{
	margin: 1em 1em 1em 30em;
}

.buttons	{
	display: table;
	margin-bottom:2em;
}

.buttons p	{
	margin:1.5em;
}

.button img	{
	height:7em;
	width:7em;
}

.lesen	{
	margin-right:15%;
}

.hypnose, .kosten	{
	margin-left:0em;
}

.behandlung, .mitt	{
	margin:3em 3em 3em 0em;
}

.therapie	{
	margin:3%;
}

.profilbild	{
	float:left;
	margin-left:5%;
	width:25em;
}

.liste	{
	list-style-type:none;
	margin:1em;
}

.kontakt	{
	margin:3em 1em 2em 1em;
}

/*-----   FOOTER   -----*/

#footer	{
	height:5em;
	padding:3em;
	background-color:#e6ce9d;
	clear: both;
	border-top:2px solid #fff;
}

#footer ul	{
	list-style-type:none;
	width:82%;
}

#footer a	{
	float:left;
	padding-left:3em;
}

.copy a	{
	font-size:0.7em;
	font-style:italic;
	color:#22395d;
	text-decoration:none;
	float:right !important;
}


/*-----     RESPONSIVE     -----*/


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

#navi	{
	width: 100%;
	float: left;
	background-color: rgba(255, 255, 255, 0.8);
}

#navi ul, #content	{
	margin-left:1%;
}

#header img	{
	display:none;
}

}


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

.home	{
	width:75%;
}

.home-title	{
	margin:1em;
	width:100%;
	text-align:center;
}

#sidebarmenu	{
	display:none;
}

#sidebarmenu-mobil	{
	display:block;
	height:3.5em;
	width:100%;
	margin:0.5em 0em 1em 0em;
}

#sidebarmenu-mobil ul	{
	list-style-type:none;
}

#sidebarmenu-mobil li 	{
	float:left;
	margin: 0.5em;
	padding:0.5em;
	border:3px solid #fff;
	border-radius:5px;
}

#header	{
	background-image:url(../img/logo-header-mobil.jpg);
	background-repeat:no-repeat;
}

#logo	{
	margin-left:3%;
}

#logo h2	{
	text-align:left;
	margin:0.5em 0.5em 0em 0.5em;
}

.headline	{
	font-size:2em;
}

#zitate	{
	margin:0em 1em 0.5em 2em;
	width:75%;
	text-align:left;
}

.autor	{
	text-align:center;
	font-style:italic;
	font-size:0.5em;
	margin-top:0.5em;
}

.home-img{
	width:55%;
}

.einzug{
	margin-left:20em;
}

.profil-img{
	width:85%;
}

#navi	{
	display:none;
}

#navimobil	{
	display:block;
	margin:0em auto;
	text-align:center;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

#navimobil ul	{
	padding:0;
}

#navimobil #menu	{
	list-style-type:none;
	background-color:rgba(255, 255, 255, 0.8);
}

#menu h5	{
	font-size:1.2em;
	font-weight:lighter;
	font-style:normal;
}

#navimobil li	{
	padding:0.7em;
}

#drop	{
	list-style-type:none;
	background-color:#fff;
}

#drop a	{
	padding:0.3em;
}

#menu #drop	{
	display:none;
}

#menu:hover #drop, 
#menu:focus #drop,
#menu:active #drop	{
	display:block;
}

#menu:hover h5,
#menu:focus h5,
#menu:active h5	{
	display:none;
}

}


@media screen and (max-width:734px)	{
	
#footer ul	{
	width:37%;
	float:left;
	margin-bottom:1em;
}

.headline	{
	font-size:2em;
}

.home-img{
	width:85%;
}

.einzug{
	margin-left:10em;
}

.profil-img{
	width:100%;
}

}


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

#content	{
	width:80%;
}

img, .profilbild	{
	width:80%;
}

.home-img{
	width:87%;
}

.headline	{
	width:500px;
	font-size:2em;	
}

.einzug{
	margin-left:1.5em;
}

#content	{
	padding:1em;
}
	
}


@media screen and (max-width:535px)	{
	
#logo h2	{
	font-size:2em;
}

.headline	{
	width:95%;	
}

img, .profilbild	{
	width:100%;
}

.home-img{
	width:100%;
}

.einzug{
	margin-left:1.5em;
}

}