@charset "utf-8";
#zu_klein {visibility:hidden;}
nav ul li {margin-right: 40px;}
h1 {
	clear:both;
	font-size:1.8em;
	opacity:1;
	margin-bottom:25px;
}
p {
	font-size:1.1em;
	line-height:1.8em;
	margin-bottom:20px;
}
#center	{
	width:100%;
	min-height:1550px;
	background:#000000 url(../images/bg/BG_480.jpg) no-repeat center top contain;
	
}
#head {
	padding-top:20px;
}
#head img {
	width:400px; 
	height:80px;
	display:none;
	margin:auto auto 0 30px;
}
#line_txt {
	display:block;
	padding-left:0;
	margin:-60px auto 0 7px;
	width:466px;
	height:5px;
}
nav {
	float:none;
	display:block;
	width:90%;
	margin:70px 5% auto 5%;
}
nav ul li {
	text-align: center;
	margin-left: 10px;
}
#impressum a {
	font-size:0.8;
	font-weight:normal;
}
#home, #aktuelles, #info, #fotos, #anfahrt, #links, #kontakt, #das_gaestebuch {
	float:left !important;
}
#shihan {
	margin-top:0px;
}
#shihan img {
	display: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#footer {
	margin:50px auto 50px auto;
}
#inhalt {
	float:none;
	display:block;
	text-align:justify;
	margin:30px 10% 0 10%;
	max-width:85%;
}
#lehrer {
	margin:40px auto 40px auto !important;
	max-width:530px !important;
	font-size:0.6em;
	-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
}
#lehrer img {
	width:100%;
}
.gast_pics {
	margin:0 auto auto 5px;
	width:180px; 
	height:180px;
}
.gast_pics img {
	width:180px;
}
.kontakt_margin {
	margin:20px auto 0 20px;
	width:230px;
}
.center_info, .center_aktuelles {
	min-height:5300px !important;
	background:#000000 url(../images/bg/BG_480_.jpg) no-repeat !important;
}
#h1_info {
	text-shadow:#999999 1px 1px;
}
#h2_info, #h2_aktuelles {
	font-size:2em;
	text-shadow:#999999 1px 1px;
}
#lehrer_info {
	width:100%;
}
#info_shihan {
	margin:60px auto auto 70px !important;
}
.lehrer_, .gaeste_ {
	float:left;
	margin: 15px auto 15px 28px;
	-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
}
.gaeste_ {
	margin-left:50px;
}
.s_pic {
	font-size:1em; 
}
#gaeste_frame {
	width:100%;
	margin:30px auto auto auto;
}
#gaeste_frame p.center {
	margin-left:auto;
	margin-right:auto;
	width:85% !important;
}
#gaeste {
	margin-top:20px;
	width:95%;
}
#info_text p {
	margin-left:auto;
	margin-right:auto;
	width:85%;
	font-size:1.05em;
}
#inhalt p .aktuelles {
	text-align:left !important;
}
#aktuelles_pics {
	width:450px;
	margin-left:10px;
}
#aktuelles_pics img {
	-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
}
#h1_gaestebuch {
	font-size:1.4em;
}
@media (max-width: 320px) {
	h1 {
		font-size:1.3em;
		letter-spacing:0.1em;
		margin-top:-15px;
		margin-bottom:25px;
		opacity:1;
	}
	p {
		font-size:1em;
		line-height:1.8em;
		margin-bottom:20px;
	}
	#center	{
		min-height:3600px;
		background-image: url(../images/bg/BG_320.jpg) no-repeat !important;
		background-size: 320px 3600px;
			;
	}
	#head {
		padding-top:20px;
	}
	#head img {
		width:290px; 
		height:58px;
		display:none;
		margin:auto auto 0 15px;
	}
	#line_txt {
		display:block;
		padding-left:0;
		margin:-80px auto 0 5px;
		width:310px;
		height:3px;
	}
	#impressum {
		margin-top:-40px;
	}
	#home, #aktuelles, #info, #fotos, #anfahrt, #links, #kontakt, #das_gaestebuch {
		float:left !important;
	}
	#shihan {
		display: none;
		margin-top:0px;
	}
	#shihan img {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
		#footer {
		margin:50px auto 50px auto;
	}
	#inhalt {
		float:none;
		display:block;
		margin:30px auto auto auto;
		width:85% !important;
	}
	#lehrer {
		margin:40px auto 40px auto !important;
		max-width:260px !important;
		-webkit-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.85);
		box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.85);
	}
	#lehrer img {
		width:100%;
	}
	.gast_pics {
		margin:10px auto auto 45px;
		width:200px; 
		height:200px;
	}
	.gast_pics img {
		width:200px;
	}
	#h1-anfahrt {
		font-size:1.4em;
		margin-bottom:30px;
	}
	#route, #route2 {
		margin:40px auto 80px auto;
		width:95%;
		height:250px;
		line-height:30px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	}
	.center_info, .center_aktuelles {
		min-height:8500px !important;
		background:#000000 url(../images/bg/BG_320_.jpg) no-repeat !important;
	}
	#h1_info {
		margin-top:20px;
		text-shadow:#999999 1px 1px;
	}
	#h2_info, #h2_aktuelles {
		font-size:1.3em;
		text-shadow:#999999 1px 1px;
	}
	#lehrer_info {
		width:100%;
	}
	#info_shihan {
		width:0 !important;
		height:0 !important;
		visibility:hidden;
	}
	.lehrer_, .gaeste_ {
		float:left;
		margin: 15px auto 15px 55px;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
	}
	.gaeste_ {
		margin-left:80px;
	}
	.s_pic {
		font-size:1em; 
	}
	#gaeste_frame {
		width:100%;
		margin:0 auto auto auto;
	}
	#gaeste_frame p.center {
		margin-left:auto;
		margin-right:auto;
		width:85% !important;
	}
	#gaeste {
		margin-top:20px;
		width:95%;
	}
	#info_text {
		background:url(../images/bg/320__.jpg) repeat-y;
	}
	#info_text p {
		margin:auto auto auto auto;
		padding-bottom:50px;
		width:85%;
		font-size:1.05em;
	}
	#inhalt p .aktuelles {
		text-align:left !important;
	}
	#aktuelles_pics {
		width:280px;
		margin-left:10px;
	}
	#aktuelles_pics img {
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
	}
	#h1_gaestebuch, #das_gaestebuch {
		font-size:0;
		margin:0;
		width:0;
		height:0;
		visibility:hidden;
	}
	#zu_klein {
		visibility:visible;
	}
	.links {
		text-align:left !important;
	}
}
@media (min-width: 320px){
	nav ul li {
		float: left;
	}
	#center {
		min-height:3600px;
		background-image: url(../images/bg/BG_320.jpg) no-repeat !important;
		background-size: 100% 4600px;
	}
}
@media (min-width: 640px) {
	h1 {
		font-size:2em;
		letter-spacing:0.1em;
		margin-bottom:25px;
	}
	p {
		font-size:1.1em;
		line-height:1.8em;
		margin-bottom:20px;
	}
	#center	{
		margin-top: 0;
		width:100%;
		min-height:2350px;
		background: url(../images/bg/BG_650.jpg) no-repeat;
		background-size: 100%;
	}
	#head, #head img, #line_text {
		display: none;
		width:0;
		height: 0;
		padding:0;
		margin:0;
	}
	nav {
		margin:100px auto 70px auto;
		width:100%;
		float: none;
	}
	#shihan {
		display: none;
		height: 0;
	}
	#footer {
		margin:50px auto 50px auto;
	}
	#inhalt {
		float: none;
		margin:0 auto auto auto;
		width:88%;
	}
	h1 {
		opacity: 1;
		text-transform: uppercase;
	}
	#lehrer {
		margin:40px auto 40px auto !important;
		width:85%;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	}
	#lehrer img {
		width:100%;
	}
	.gast_pics {
		margin:0 auto auto 5px;
		width:180px; 
		height:180px;
	}
	.gast_pics img {
		width:180px;
	}
	.kontakt_margin {
		margin:20px auto 20px 0px;
		width:260px;
	}
	#h1-anfahrt {
		font-size:1.4em;
		margin-bottom:30px;
	}
	#route, #route2 {
		margin:40px auto 80px auto;
		width:95%;
		height:250px;
		line-height:30px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	}
	.center_info, .center_aktuelles {
		min-height:5200px !important;
		background:#000000 url(../images/bg/BG_650_.jpg) no-repeat !important;
	}
	#h1_info {
		text-shadow:#999999 1px 1px;
	}
	#h2_info, #h2_aktuelles {
		font-size:2em;
		text-shadow:#999999 1px 1px;
	}
	#lehrer_info {
		width:100%;
	}
	#info_shihan {
		margin:60px auto auto 75px !important;
	}
	.lehrer_, .gaeste_ {
		float:left;
		margin: 15px auto 15px 30px;
		-webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.75);
	}
	.gaeste_ {
		margin-left:40px;
	}
	.s_pic {
		font-size:1em; 
	}
	#gaeste_frame {
		width:100%;
		margin:30px auto auto auto;
	}
	#gaeste_frame p.center {
		margin-left:auto;
		margin-right:auto;
		width:85% !important;
	}
	#gaeste {
		margin-top:20px;
		width:95%;
	}
	#info_text p {
		margin-left:auto;
		margin-right:auto;
		width:85%;
		font-size:1.05em;
	}
	#aktuelles_pics {
		width:600px;
		margin-left:20px;
	}
}
@media (min-width: 768px) {
/*	nav {
		float: left;
		margin:100px 0 auto 40px;
		min-width: 400px;
	}	*/
	h1 {
		font-size:2.9em;
		letter-spacing:0.1em;
		margin-bottom:25px;
	}
	p {
		font-size:1.1em;
		line-height:1.8em;
		margin-bottom:20px;
	}
	#center	{
		width:96%;
		min-height:2267px;
		background:#000000 url(../images/bg/BG_900.jpg) no-repeat;
		background-size: 100% 100%;
	}
	#inhalt {
		float:none;
		margin:30px auto auto auto;
		max-width:70%;
	}
	#lehrer {
		margin:40px auto 40px auto;
		width:700px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	}
	#lehrer img {
		width:100%;
	}
	.kontakt_margin {
		margin:20px auto 60px 40px;
		width:260px;
	}
	.center_info, .center_aktuelles {
		min-height:4400px !important;
		background:#000000 url(../images/bg/BG_900_.jpg) no-repeat !important;
	}
	#h1_info {
		text-shadow:#999999 1px 1px;
	}
	#h2_info, #h2_aktuelles {
		font-size:2.9em;
		text-shadow:#999999 1px 1px;
	}
	#info_shihan {
		margin:60px auto auto 70px !important;
	}
	.lehrer_, .gaeste_ {
		float:left;
		margin: 20px auto 20px 30px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
	}
	.gaeste_ {
		margin-left:30px;
	}
	.s_pic {
		font-size:1em; 
	}
	#gaeste_frame {
		width:90%;
		margin:50px auto auto auto;
	}
	#gaeste {
		margin-top:35px;
		width:95%;
	}
	#info_text p {
		font-size:1.05em;
	}
	#h2_aktuelles {
		margin:60px auto 20px auto;
	}
	#h1_gaestebuch {
		font-size:2em;
	}
}
@media (min-width: 991px){
	h1 {
		font-size:3.2em;
		letter-spacing:0.1em;
		margin-bottom:25px;
	}
	p {
		font-size:1.2em;
		line-height:1.8em;
		margin-bottom:20px;
	}
	#center	{
		width:100%;
		min-height:2267px;
		background:#000000 url(../images/bg/BG_1000.jpg) no-repeat;
		background-size: 100% 100%;
	}
	#head, #head img, #line_text {
		display: block;
	}
	#head {
		width:70%;
		height:auto;
		margin-left: auto;
		margin-right: auto;
	}
	#head img {
		display:block;
		margin:auto;
		width:700px; 
		height:150px;
	}
	#line_txt {
		width:100%;
		height:12px;
		margin-top: 0;
	}
	nav {
		float: left;
		margin:100px 0 auto 40px;
		width:10%;
	}
	#clear {
		clear: none;
	}
	nav ul li {float: none;}
	#impressum {
		margin: 0 auto auto 15px;
	}
	#shihan {
		display: block;
		margin-top:160px;
	}
	#shihan img {
		width:80px;
		height:82px;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	#footer {
		margin:50px auto 50px auto;
	}
	#inhalt {
		float:left;
		margin:30px auto auto 40px;
		width:65%;
	}
	#lehrer {
		margin:40px auto 40px auto !important;
		width:90%;
		height: auto;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	}
	#lehrer img {
		width:100% !important;
		height: auto;
	}
	.gast_pics {
		margin:20px auto auto 100px;
		width:200px; 
		height:200px;
	}
	.gast_pics img {
		width:200px;
	}
	.kontakt_margin {
		margin:20px auto 60px 60px;
		width:260px;
	}
	#h1-anfahrt {
		font-size:2.2em;
		margin-bottom:40px;
	}
	#route, #route2 {
		margin:50px auto 80px auto;
		width:95%;
		height:300px;
		line-height:30px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	}
	.center_info, .center_aktuelles {
		min-height:4800px !important;
		background:#000000 url(../images/bg/BG_1000_.jpg) no-repeat !important;
	}
	#h1_info {
		text-shadow:#999999 1px 1px;
	}
	#h2_info, #h2_aktuelles {
		font-size:3.2em;
		text-shadow:#999999 1px 1px;
	}
	#info_shihan {
		margin:60px auto auto 80px !important;
	}
	.lehrer_, .gaeste_ {
		float:left;
		margin: 20px auto 20px 50px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
	}
	.gaeste_ {
		margin-left:50px;
	}
	.s_pic {
		font-size:1em; 
	}
	#gaeste_frame {
		width:90%;
		margin:50px auto auto auto;
	}
	#gaeste {
		margin-top:35px;
		width:95%;
	}
	#info_text p {
		font-size:1.05em;
	}
	#h1_gaestebuch {
		font-size:2.5em;
	}
}
@media (min-width: 1280px) {
	#center	{
		width:1180px;
		min-height:2267px;
		background:#000000 url(../images/bg/BG_1180_.jpg) no-repeat;
	}
	#head {
		width:700px; 
		height:150px;
	}
	#lehrer {
		width: 96%;
		max-width: none;
	}
	#h1-anfahrt {
		font-size:2.6em;
		margin-bottom:50px;
	}
	#route, #route2 {
		margin:50px auto 100px auto;
		width:95%;
		height:300px;
		line-height:30px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.85);
	}
	.center_info, .center_aktuelles {
		min-height:5000px !important;
		background:#000000 url(../images/bg/BG_1180-4500.jpg) no-repeat !important;
	}
	#h1_info {
		text-shadow:#999999 1px 1px;
	}
	#h2_info {
		font-size:4em;
		text-shadow:#999999 1px 1px;
	}
	#info_shihan {
		margin:60px auto auto 80px !important;
	}
	.lehrer_, .gaeste_ {
		float:left;
		margin: 20px auto 30px 30px;
		-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.75);
	}
	.gaeste_ {
		margin-left:70px;
	}
	.s_pic {
		font-size:1em; 
	}
	#gaeste_frame {
		width:85%;
		margin:50px auto auto auto;
	}
	#gaeste {
		margin-top:35px;
		width:95%;
	}
}