* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(scripts/boxsizing.htc);
}

body {
	width: 100%;	 
	height: 100%;	
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fff6bc;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.938em; 
	color: #666;
}

header, nav, section, article, aside, footer {display: block;}

img { border:0;}

#bg_wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 425px;
	background-image: url(img/design/hg_top.jpg); 
	background-repeat:no-repeat;
	background-position:top center;  
	z-index: 0;
}

#bg_wrapper > #main
		{
			position: relative;
			z-index: 1;
		}

#main { width:980px; margin:0 auto; padding:0; }

#header_main { width:100%; height: auto; margin:0; /*padding: 1.2em 0 0 0;*/}
#header_main_page { width:100%; height: auto; margin:0; padding: 1.2em 0 0 0;}

#logo {margin: 1.2em 0 0 0;}
#logo_page {margin: 1.2em 0 0 0;}

#nav_second{ 
	width:51.02040816326531%; /* 500 */
	float:right; 
}

#nav_second_content {float:right; margin :0;} 
#nav_second a { padding:0 1.2em 0 0 ; font-size:0.938em; color:#FFF; text-decoration:underline;}
#nav_second a:hover { color:#FFF; text-decoration:none;}


#kontakt_nav_box { width:100%; height:156px; padding: 1.020408163265306% 0 0 0;}

#kontakt_info{
	width:210px; height:100%; float:left; font-size:0.938em; background-color:#fff; background-color:rgba(255,255,255,0.8);
	 
}
#kontakt_info_inhalt { padding: 0.7em 1.2em; color:#585858;   }
#kontakt_info_inhalt a {text-decoration:underline; color:#004e92;}

.absatz { margin: 0 0 8px 0;}

nav#nav_first{
	width:210px; height:100%; float:left; font-size:0.938em; background-color:#fff; background-color:rgba(255,255,255,0.8);
	/*color:rgba(0,0,0,0.8);*/  margin:0 0 0 2.040816326530612%;
}

#nav_first_inhalt { padding: 0.7em 1.2em; color:#585858; line-height:25px; text-transform:uppercase; }
#nav_first_inhalt a {  text-decoration:none; font-weight:bold; color:#2eaadc;}
#nav_first_inhalt a:hover { text-decoration:underline; font-weight:bold; color:#2eaadc;}



#main-nav ul { list-style: none; margin: 0; padding: 0; }

#main-nav ul li {
	
				background: #fff;
				border:1px solid #ccc;
				color: #6f6f6f;
				font-weight: 700;
				border-radius: 5px;
				text-decoration: none;
				margin: 0.3em 0.8em 0.3em 0;
				padding: 0.2em 0.4em 0.2em 0.4em;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				text-transform:uppercase;
				}
				
#main-nav ul li a { color: #6f6f6f; text-decoration: none;  }
#main-nav ul li a:hover { color: #6f6f6f; text-decoration: none; }


/* A single menu */
.dropotron { background: #444; background:rgba(68,68,68,0.95); border-radius: 0.5em; list-style: none; margin: 0; min-width: 1em; padding: 0.75em 1em 0.75em 1em; }
.dropotron > li { margin: 0; padding: 0; }


#second1 { height:180px; }
#second2 {}

.column { color: #fff; float:left; min-height:100px; height:auto; margin:1em 0 1em 0; padding:0 1em 0 1em ; line-height:20px; font-size:0.938em; }
.column p { color:#2eaadc; }
.column a { color: #fff; text-decoration: underline; }
.column a:hover { color: #fff; text-decoration:none; }


/* Only applies to top level ("level-0") menus */
.dropotron.level-0 { margin-top:1.45em; }
.dropotron.level-0:before { 
	content: '';  
	position: absolute; 
	border-bottom: solid 0.5em #444; 
	border-left: solid 0.5em transparent; 
	border-right: solid 0.5em transparent; 
	top: -0.47em; 
	}

#main_content  { width:100%; height: auto; margin:2.040816326530612% auto 0 auto; padding:0;  background-color:#FFF; height:auto;}

#content { 
	width:97.95918367346939%; /*960*/ 
	height: auto;
	margin:0 auto;
	background-color:#FFF; 
	padding:1.020408163265306% 0 0 0;
}
	
#content_inhalt {
	width:97.91666666666667%; /*940*/
	height: auto;
	margin:0 auto;
	background-color:#FFF; 
	padding:0;
}


section#main_content_start { max-height:100%; text-align:left; line-height:1.25em;  }

.main_content3_hg{width:100%; background:#f2f2f2;}
.main_content3 {width:100%; margin:0 1em; }
	.main_content3:after{
		content:"";
		display:block;
		clear:both;
	}
	
	.main_content3 > div,
	.main_content3 > article{
		float:left;
		vertical-align:top;
	}
	.three_third{
		width:31%;
		margin:0.5em;
	}

	.main_content3 > article:first-child{margin-left:0;}
	
	.three_third + .three_third + .three_third,
	{
		float:right;
		margin-right:0;
	}


.box_header { width:105.4545454545455%;/*275*/  background-color: transparent; padding: 7.272727272727273% 0 3.636363636363636% 5.454545454545455%;  }
.box {
	padding: 4.333333333333333%; 
	background-color:#e8e8e8;	
	border: 1px solid #dadada;
	 -moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	text-align: center;
	}
	
.absatz_2 { margin: 2.666666666666667% 0 2.666666666666667% 0; line-height:22px; text-align:left;}


.linie { width:97.87234042553191%;/* 920*/ border-top: solid 1px #999; margin:2.173913043478261% auto 0 auto; clear: both;}


.zeiten {clear:both;}
.zeiten_header { width:97.87234042553191%;/* 920 */  vertical-align:middle; padding: 2.173913043478261% 0 1.08695652173913% 2.173913043478261%; text-align:left; text-transform:uppercase; font-size:1.200em; color:#717171;}



.table {
	display: table;
	width:97.91666666666667%; /*940*/ 
	margin:0 auto; text-align:center;
}

.table_row {
	display: table-row; font-weight: bold;
}

.table_cell {
	display: table-cell;
	background-color:#2eaadd;
	height:52px; vertical-align:middle;   
}

.table_cell_1 {
	display: table-cell;
	background-color:#9ba8ae;
	color: #fff;
	height:50px; vertical-align:middle;
}

.table_cell_2 {
	display: table-cell;
	background-color:#9ba8ae;
	color: #fff;
	height:38px; vertical-align:middle;
}

.table_cell_4  { display:none; text-align:left;	}
.table_cell_5  { display:none; text-align:left;	}

.thead { color: #fff;}

.cell_10 { width:100%; height:100%;  background-color:rgba(255,255,255,0.3);} p.ten { margin:0; padding:1.2em 0 0 0;}
.cell_11 { width:100%; height:100%;  background-color:rgba(255,255,255,0.3); } p.eleven { margin:0; padding:0.7em 0 0 0;}


footer { width:980px; margin:0 auto; padding:0; font-size:0.800em; }
#footer_1 { width:100%; height:33px; background-color:#004e92; margin: 2.040816326530612% 0 0 0; color:#fff; }
#oben { float:left; padding: 0.9183673469387755% 0 0 3.061224489795918%; }
#nav_bottom { float:right; text-align: right; vertical-align:middle;  padding: 0.9183673469387755% 3.061224489795918% 0 0;/**/ }
#logo_facebook { /**/margin: -3px 0 0 0; float:left; }


#footer_2 { width:100%; height:33px; margin: 2.040816326530612% 0 0 0; color:#fff; }
#facebook_gefaellt_mir {margin: 0px 0px 0px 10px;}

footer a { color:#FFF; text-decoration: none;}
footer a:hover { color:#FFF; text-decoration: underline;}

.trenner { padding: 0 8px 0 8px;}

/*************************** Sonstiges ***************************/

h1 { font-size:1.200em; color:#2eaadc; text-transform:uppercase; margin: 0 0 0.2em 0; /**/}

a {color:#2eaadd;}

a:hover {color:#333;}

.m_blau {font-size:0.938em; color:#004e92;}

/* Aktions Layer*/
div#layer     	{z-index: 9999; position: absolute; top: 180px; left: 50%; 
				margin-left:-300px; padding:0px; width: 600px; height:400px;
				background: url(/img/pop-up.png) no-repeat bottom; background-color: #ffffff;border: 1px solid gray;}
div.layercont 	{width: 500px;  height: 240px; margin: 30px 40px 40px 50px; padding: 10px;
				font-size:1.1em; color: gray;
				overflow-y: auto;overflow-x: hidden;
				}
div#layer a   	{margin-left: 570px; display: block; margin-top: 4px; margin-right:4px; background-color: #fff; padding:1px 1px 0px 1px;}
div#layer_unten {background: url(img/layer_unten.png) no-repeat; width: 433px; margin: 0px; padding:0;}


/* Unterseite  **************************/

.img_left { float:left; margin: 0 2em 1em 1em;}

.img_right { float:right; margin: 0 1em 1em 2em;}


table#preise {
	border-collapse:collapse;
	border:1px solid silver;
	width:100%;
}

table#preise th {
	background:#2eaadd;
	text-align: left;
	color: rgba(255,255,255,1.00);
}

table#preise th, table#preise td {
	padding:1em;
	border-right:1px solid silver;

}

#content_inhalt2 {
	width:97.91666666666667%; /*940*/
	height: auto;
	margin:0 auto;
	background-color:#FFF; 
	padding:0;
}


.row_text { width:100px; float:left;}
.row_input { float:left;}

section#main_content { max-height:100%; text-align:left; line-height:1.25em;  }
.main_content2{width:100%;}
	.main_content2:after{
		content:"";
		display:block;
		clear:both;
	}
	
	.main_content2 > div,
	.main_content2 > article{
		float:left;
		vertical-align:top;
	}
	.two_third{
		width:46%;
		margin:1em;
	}
	.main_content2 > article:first-child{margin-left:0;}
	
	.two_third + .two_third,
	{
		float:right;
		margin-right:0;
	}
	

	
	
table#kurse {
	border-collapse:collapse;
	border:1px solid silver;
	width:100%;	
}

table#kurse th {
	background:#2eaadd;
	text-align: left;
	color: rgba(255,255,255,1.00);
}

table#kurse th, table#kurse td {
	padding:1em;
	border-right:1px solid silver;
	text-align:center;
	
}



table.sauna {
	border-collapse:collapse;
	border:1px solid silver;
	width:100%;
	
}

table.sauna th {
	background:#2eaadd;
	text-align: left;
	color: rgba(255,255,255,1.00);
}

table.sauna th, table.sauna td {
	padding:1em;
	border-right:1px solid silver;
	text-align:center;
}
	



/******** Mail formular **********************/
form input, form textarea
				 		{-moz-box-shadow: 5px 5px 5px #888;
						-webkit-box-shadow: 5px 5px 5px #888;
						box-shadow: 5px 5px 5px #888;
}

form textarea {width:250px;}

form input[type="text"]    { width:250px; }
form input[type="email"]   { width:250px;}
form input[type="checkbox"]   { width: auto;}

form input[type="submit"]  {  width: auto;}
form input[type="reset"]   {  width: auto;}		

 #popup_layer { width:960px; position:absolute; left:31%; top:200px; /*margin-left:-400px; width:807px; height:700px;color:#333333;*/ z-index:10000;  display:block;}

@media screen and (max-width:1065px) { 
#popup_layer { width:100%; left:10%;}
}

@media screen and (max-width:970px) {
	
	#main { width:100%; padding:0;  }
	#header_main { width:100%; padding:0;}
	#nav_second { width:100%;float:right; margin :2.040816326530612% 0 0 0;} 
	
	/*#main_content { width:100%; }*/
	#content { width:100%; }
	
	#content img { max-width:100%; height:auto; padding:0;}	
	
	footer { width:100%; }
	
}

@media screen and (max-width:800px) {
body { font-size:0.9em;}

img { max-width:100%; height:auto; padding:0;}
#nav_second{float:right; margin :3.061224489795918% 0;} 
/*#content_row {padding: 1.063829787234043% 0 0 0;}
#box_angebote { width:100%;  max-height:360px; height: auto; padding: 0 4.25531914893617%; background:#f2f2f2; margin: 0 auto;  }	*/

.dropotron > li.small { width:220px; margin: 0; padding: 0; }
.column { margin: 0; padding: 0 0.5em;}

form textarea {max-width:100%; height:auto;}

form input[type="text"]    { max-width:100%; height:auto; }
form input[type="email"]   { max-width:100%; height:auto;}
.row_text { float:left;}
.row_input { float:left; margin:0.5em 0;}

	table#kurse {width:20em;}
	
	table#kurse th {
		display:none;
	}
	
 table#kurse td {
		width:100%;
		float:left;	
		border:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		text-align:left;
	}
	
 table#kurse tr {
		float:left; 
		width:100%; 
		padding-bottom:3%; 
		margin-bottom:3%; 
		border-bottom:1px solid silver;
	}
	
	table#kurse tr:first-of-type,
	table#kurse tr:last-of-type {border:none; padding:0;}
	

	
	table#kurse td:before {font-weight:bold; }
	
	table#kurse td:nth-child(1):before {content:'Montag: ';}
	table#kurse td:nth-child(2):before {content:'Dienstag: ';}
	table#kurse td:nth-child(3):before {content:'Mittwoch: ';}
	table#kurse td:nth-child(4):before {content:'Donnerstag: ';}
	table#kurse td:nth-child(5):before {content:'Freitag: ';}
}

@media screen and (max-width:740px) {
#oben { float:left; padding: 1.530612244897959% 0 0 3.571428571428571%;}
#nav_bottom { float:right; text-align: right; vertical-align:middle; padding: 1.530612244897959% 3.061224489795918% 0 0;  }
}

@media screen and (max-width:734px) {#popup_layer { left:0%;}}
@media screen and (max-width:680px) {#content_inhalt2 {height: auto;}}
@media screen and (max-width:640px) {	
/*#content_row {padding: 2.127659574468085% 0 0 2.127659574468085%;}	*/

.zeiten_header { width:97.87234042553191%; /* 920 */  vertical-align:middle; padding: 2.173913043478261% 0 0 4.347826086956522%; text-align:left; text-transform:uppercase; font-size:18px; color:#717171;}	

.table,
	.table_row,
	.table_cell,
	.table_cell_1,
	.table_cell_2,
	.table_cell_4{
		display: block;
		border: none;
	}
	.table_cell_5{
		display: block;
		border: none;
	}

	
	.table_row { margin-bottom: 20px; }
	
	.table_cell { display:none;	}
	
	.table_cell_1 { display:none;	}
	
	.table_cell_2 { display:none; }

	.table_cell_4{ padding: 10px; margin:10px; background-color:#2eaadd; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;   }
	
	
	.table_cell_4:before {color:#fff;}
	.table_cell_4:after { color:#fff; font-weight: normal; }
	
	/* Öffnungszeiten */
	
	.table_cell_4:nth-child(1):before {content:'Montag: ';}
	.table_cell_4:nth-child(1):after {content:'09:00 - 21:00 ';}
	
	.table_cell_4:nth-child(2):before {content:'Dienstag: ';}
	.table_cell_4:nth-child(2):after {content:'09:00 - 21:00 ';}
	
	.table_cell_4:nth-child(3):before {content:'Mittwoch: ';}
	.table_cell_4:nth-child(3):after {content:'09:00 - 21:00 ';}
	
	.table_cell_4:nth-child(4):before {content:'Donnerstag: ';}
	.table_cell_4:nth-child(4):after {content:'09:00 - 21:00 ';}
	
	.table_cell_4:nth-child(5):before {content:'Freitag: ';}
	.table_cell_4:nth-child(5):after {content:'09:00 - 20:00 ';}
	
	.table_cell_4:nth-child(6):before {content:'Samstag: ';}
	.table_cell_4:nth-child(6):after {content:'09:00 - 14:00 ';}
	
	.table_cell_4:nth-child(7):before {content:'Sonntag: ';}
	.table_cell_4:nth-child(7):after {content:'09:00 - 15.00 ';}
	
	.table_cell_4:nth-child(8):before {content:'Feiertag: ';}
	.table_cell_4:nth-child(8):after {content:'11:00 - 15:00';}
	
	
	.table_cell_5{ padding: 10px; margin:10px; background-color:#2eaadd; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;   }
	
	
	.table_cell_5:before {color:#fff;}
	.table_cell_5:after { color:#fff; font-weight: normal; }
	
	/* Öffnungszeiten ( Juni - September !!! ) 
	
	.table_cell_5:nth-child(1):before {content:'Montag: ';}
	.table_cell_5:nth-child(1):after {content:'09:00 - 22:00 ';}
	
	.table_cell_5:nth-child(2):before {content:'Dienstag: ';}
	.table_cell_5:nth-child(2):after {content:'09:00 - 22:00 ';}
	
	.table_cell_5:nth-child(3):before {content:'Mittwoch: ';}
	.table_cell_5:nth-child(3):after {content:'09:00 - 22:00 ';}
	
	.table_cell_5:nth-child(4):before {content:'Donnerstag: ';}
	.table_cell_5:nth-child(4):after {content:'09:00 - 22:00 ';}
	
	.table_cell_5:nth-child(5):before {content:'Freitag: ';}
	.table_cell_5:nth-child(5):after {content:'09:00 - 20:00 ';}
	
	.table_cell_5:nth-child(6):before {content:'Samstag: ';}
	.table_cell_5:nth-child(6):after {content:'09:00 - 16:00 ';}
	
	.table_cell_5:nth-child(7):before {content:'Sonntag: ';}
	.table_cell_5:nth-child(7):after {content:'10:00 - 15.00 ';}
	
	.table_cell_5:nth-child(8):before {content:'Feiertag: ';}
	.table_cell_5:nth-child(8):after {content:'10:00 - 15:00, oder nach Aushang';}
	
}
*/

@media screen and (max-width:575px) {
	#main_content { width:100%; padding-left:0.4em; }
	
	.two_third{	width:80%; margin:0;}
	.three_third{	width:80%; margin:0;}
	
	/*#box_angebote { width:100%;  height: auto; padding: 0 4.25531914893617%; background:#f2f2f2; margin: 0 auto;  }	
	.row { width: 100%; min-height:370px; height:auto; padding: 0;}	
	.row_1 { width: 100%; padding: 0;}
	.row_2 { width: 100%; padding: 0;}
	.row_3 { width: 100%; padding: 0;}*/
	
	.box_header { width:105.4545454545455%;/*275*/  background-color: transparent; padding: 3.636363636363636% ; }

	.box {
		padding: 4.333333333333333%; 
		background-color:#e8e8e8;	
		border: 1px solid #dadada;
		 -moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		text-align: left;
	}

	.zeiten_header { width:97.87234042553191%;/* 920 */  vertical-align:middle; padding: 4.347826086956522% 0 0 4.347826086956522%; text-align:left; text-transform:uppercase; font-size:18px; color:#717171;}	
	
	table#preise th {
		display:none;
	}
	
 table#preise td {
		width:100%;
		float:left;	
		border:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
 table#preise tr {
		float:left; 
		width:100%; 
		padding-bottom:3%; 
		margin-bottom:3%; 
		border-bottom:1px solid silver;
	}
	
	table#preise tr:first-of-type,
	table#preise tr:last-of-type {border:none; padding:0;}
	

	
	table#preise td:before {font-weight:bold; }
	
	table#preise td:nth-child(1):before {content:'Kurs: ';}
	table#preise td:nth-child(2):before {content:'Tageskarte €: ';}
	table#preise td:nth-child(3):before {content:'10-er Karte €: ';}
	table#preise td:nth-child(4):before {content:'Abo Monat €: ';}
	
	



}

@media screen and (max-width:480px) {	
#logo { max-width:100%; height:auto; padding:0;}



}

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

@media screen and (max-width:449px) {
	#kontakt_nav_box { width:100%; }

	#kontakt_info{
	width: 100%;  float:left; padding:0;}
	
	nav#nav_first{
	width: 100%;  float:left; padding:0; margin:1.020408163265306% 0 1em 0;}
	
	
	
	}





@media screen and (max-width:360px) {
#header_main { width:100%; padding:0; }

}

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


#footer_1 { width:100%; min-height:55px; height:auto;}
#oben  { margin-bottom:0.5em;}
}

@media screen and (max-width:320px) { table#kurse {width:100%;}}