:focus {
    outline: none!important;
}

#HyphenatorToggleBox{
display:none;
}

html, body{
width:100%;
height:100%;
padding:0px;
margin:0px;
overflow:hidden;

/* default */
font-family: "ff-tisa-web-pro",serif;
font-size:15px;
font-style:normal;
line-height:22px;
color:#000;
text-align:justify;

overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;

}

#kontakt a:link { color:#fff; text-decoration: none; }
#kontakt a:active { color:#fff; text-decoration: none; }
#kontakt a:visited { color:#fff; text-decoration: none; }
#kontakt a:hover { color:#34183e; text-decoration: none; }


#main_container7 h1, #main_container7 h2, #main_container7 h3 { color:#f193a5; }
#main_container8 h1, #main_container8 h2, #main_container8 h3 { color:#12adc3; }
#main_container9 h1, #main_container9 h2, #main_container9 h3 { color:#247da6; }
#main_container10 h1, #main_container10 h2, #main_container10 h3 { color:#44b276; }
#main_container11 h1, #main_container11 h2, #main_container11 h3 { color:#67c0b2; }


#main_container7 #submain_menu ul li a:link { color:#fff; text-decoration: none; }
#main_container7 #submain_menu ul li a:visited { color:#fff; text-decoration: none; }
#main_container7 #submain_menu ul li a:active { color:#fff; text-decoration: none; }
#main_container7 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container7 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container7 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container7 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container7 #submain_menu ul .menu-level1-current-active a:hover { color:#fff; text-decoration: none; }

#main_container8 #submain_menu ul li a:link { color:#fff; text-decoration: none; }
#main_container8 #submain_menu ul li a:visited { color:#fff; text-decoration: none; }
#main_container8 #submain_menu ul li a:active { color:#fff; text-decoration: none; }
#main_container8 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container8 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container8 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container8 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container8 #submain_menu ul .menu-level1-current-active a:hover { color:#fff; text-decoration: none; }

#main_container9 #submain_menu ul li a:link { color:#fff; text-decoration: none; }
#main_container9 #submain_menu ul li a:visited { color:#fff; text-decoration: none; }
#main_container9 #submain_menu ul li a:active { color:#fff; text-decoration: none; }
#main_container9 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container9 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container9 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container9 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container9 #submain_menu ul .menu-level1-current-active a:hover { color:#fff; text-decoration: none; }

#main_container10 #submain_menu ul li a:link { color:#fff; text-decoration: none; }
#main_container10 #submain_menu ul li a:visited { color:#fff; text-decoration: none; }
#main_container10 #submain_menu ul li a:active { color:#fff; text-decoration: none; }
#main_container10 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container10 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container10 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container10 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container10 #submain_menu ul .menu-level1-current-active a:hover { color:#fff; text-decoration: none; }

#main_container11 #submain_menu ul li a:link { color:#fff; text-decoration: none; }
#main_container11 #submain_menu ul li a:visited { color:#fff; text-decoration: none; }
#main_container11 #submain_menu ul li a:active { color:#fff; text-decoration: none; }
#main_container11 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container11 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container11 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container11 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container11 #submain_menu ul .menu-level1-current-active a:hover { color:#fff; text-decoration: none; }


#main_container7 a:link { color:#f193a5; text-decoration: none; }
#main_container7 a:visited  {color:#f193a5; text-decoration: none; }
#main_container7 a:active { color:#f193a5; text-decoration: none; }
#main_container7 a:hover  {color:#333; text-decoration: none; }

#main_container8 a:link { color:#12adc3; text-decoration: none; }
#main_container8 a:visited  {color:#12adc3; text-decoration: none; }
#main_container8 a:active { color:#12adc3; text-decoration: none; }
#main_container8 a:hover  {color:#333; text-decoration: none; }

#main_container9 a:link { color:#247da6; text-decoration: none; }
#main_container9 a:visited  {color:#247da6; text-decoration: none; }
#main_container9 a:active { color:#247da6; text-decoration: none; }
#main_container9 a:hover  {color:#333; text-decoration: none; }

#main_container10 a:link { color:#44b276; text-decoration: none; }
#main_container10 a:visited  {color:#44b276; text-decoration: none; }
#main_container10 a:active { color:#44b276; text-decoration: none; }
#main_container10 a:hover  {color:#333; text-decoration: none; }

#main_container11 a:link { color:#67c0b2; text-decoration: none; }
#main_container11 a:visited  {color:#67c0b2; text-decoration: none; }
#main_container11 a:active { color:#67c0b2; text-decoration: none; }
#main_container11 a:hover  {color:#333; text-decoration: none; }


#main_container #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem11 a:visited { color:#333; text-decoration: none; }


#main_container7 #menuitem7 a:link { color:#fff; text-decoration: none; }
#main_container7 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container7 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container7 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container7 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container7 #menuitem7 a:visited { color:#fff; text-decoration: none; }
#main_container7 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container7 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container7 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container7 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container8 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container8 #menuitem8 a:link { color:#fff; text-decoration: none; }
#main_container8 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container8 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container8 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container8 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container8 #menuitem8 a:visited { color:#fff; text-decoration: none; }
#main_container8 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container8 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container8 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container9 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container9 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container9 #menuitem9 a:link { color:#fff; text-decoration: none; }
#main_container9 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container9 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container9 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container9 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container9 #menuitem9 a:visited { color:#fff; text-decoration: none; }
#main_container9 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container9 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container10 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container10 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container10 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container10 #menuitem10 a:link { color:#fff; text-decoration: none; }
#main_container10 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container10 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container10 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container10 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container10 #menuitem10 a:visited { color:#fff; text-decoration: none; }
#main_container10 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container11 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem11 a:link { color:#fff; text-decoration: none; }

#main_container11 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem11 a:visited { color:#fff; text-decoration: none; }

#main_container #menuitem7 a:hover, #main_container7 #menuitem7 a:hover, #main_container8 #menuitem7 a:hover, #main_container9 #menuitem7 a:hover, #main_container10 #menuitem7 a:hover, #main_container11 #menuitem7 a:hover { color:#fff; text-decoration: none; }
#main_container #menuitem8 a:hover, #main_container7 #menuitem8 a:hover, #main_container8 #menuitem8 a:hover, #main_container9 #menuitem8 a:hover, #main_container10 #menuitem8 a:hover, #main_container11 #menuitem8 a:hover { color:#fff; text-decoration: none; }
#main_container #menuitem9 a:hover, #main_container7 #menuitem9 a:hover, #main_container8 #menuitem9 a:hover, #main_container9 #menuitem9 a:hover, #main_container10 #menuitem9 a:hover, #main_container11 #menuitem9 a:hover { color:#fff; text-decoration: none; }
#main_container #menuitem10 a:hover, #main_container7 #menuitem10 a:hover, #main_container8 #menuitem10 a:hover, #main_container9 #menuitem10 a:hover, #main_container10 #menuitem10 a:hover, #main_container11 #menuitem10 a:hover { color:#fff; text-decoration: none; }
#main_container #menuitem11 a:hover, #main_container7 #menuitem11 a:hover, #main_container8 #menuitem11 a:hover, #main_container9 #menuitem11 a:hover, #main_container10 #menuitem11 a:hover, #main_container11 #menuitem11 a:hover { color:#fff; text-decoration: none; }


.test{
border: 1px solid #ff0000;
}


h1{
font-family: "brandon-grotesque",sans-serif;
text-transform:uppercase;
font-size:16px;
font-style:normal;
line-height:25px;
letter-spacing:1.5px;
color:#000;
margin-bottom:-8px;
}

h2{
font-family: "brandon-grotesque",sans-serif;
text-transform:uppercase;
font-size:16px;
font-style:normal;
line-height:25px;
letter-spacing:1.5px;
color:#000;
margin-bottom:-8px;
margin-top:-25px;
padding-bottom:10px;
}

p, ul, table{
font-family: "ff-tisa-web-pro",serif;
font-size:15px;
font-style:normal;
line-height:22px;
color:#000;
text-align:justify;
}

#main_menu ul{
padding:0px;
margin:0px;
width:200px;
}

#main_menu li{
font-family: "brandon-grotesque",sans-serif;
font-size:10px;
text-transform:uppercase;
font-style:normal;
font-weight:900;
letter-spacing:2px;
line-height:16px;
color:#000;
margin:0px;
margin-top:6px;
list-style: none;
}

#submain_menu li{
font-family: "brandon-grotesque",sans-serif;
font-size:9px;
text-transform:uppercase;
font-style:normal;
font-weight:900;
letter-spacing:2px;
line-height:16px;
color:#000;
margin:0px;
margin-top:6px;
list-style: none;
text-align:right;
}

#kontakt p{
font-family: "brandon-grotesque",sans-serif;
font-size:10px;
text-transform:uppercase;
font-style:normal;
font-weight:600;
letter-spacing:2px;
line-height:22px;
color:#fff;
margin:0px;
margin-top:6px;
list-style: none;
text-align:right;

}


#sun{
display:none;
}

#clouds_01{
display:none;
}

#clouds_02{
display:none;
}

#clouds_03{
display:none;
}

#fade_bottom{
display:none;
}

#jura_01{
display:none;
}

#jura_02{
display:none;
}

#jura_03{
display:none;
}

#gym_liestal{
display:none;
}

#jura_00{
display:none;
}

#mobile_head{

display:block;

background-image:url(../images/day_mobile_mainview.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:bottom;

width:100%;
height:120px;
margin-top:-110px;

}

#mobile_fade{

display:block;

background-image:url(../images/day_mobile_mainview_fade.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:bottom;

width:100%;
height:150px;
margin-top:-140px;

}


#mobile_hamburger{
display:block;
position:absolute;
top:17px;
left:100%;

margin-left:-35px;

width:25px;
height:25px;
background-image:url(../images/hamburger.png);
background-repeat:no-repeat;
background-size:25px 25px;


z-index:410;
}

#logo{

position:absolute; 
left:0%; 
top:0%;

margin-top:15px;
margin-left:20px;


width:260px;
height:35px;

z-index:165;

background-image:url(../images/day_logo_gym_liestal.png);
background-repeat:no-repeat;
background-size:100% 100%;

cursor:pointer;
}

#pre_logo{

position:absolute; 
left:0%; 
top:0%;

margin-top:15px;
margin-left:20px;

width:260px;
height:35px;

z-index:166;

background-image:url(../images/night_logo_gym_liestal.png);
background-repeat:no-repeat;
background-size:100% 100%;

cursor:pointer;
}



#main_container #logo{
background-image:url(../images/day_logo_gym_liestal.png);
}

#main_container7 #logo{
background-image:url(../images/day_logo_gym_liestal_02.png);
}

#main_container8 #logo{
background-image:url(../images/day_logo_gym_liestal_03.png);
}

#main_container9 #logo{
background-image:url(../images/day_logo_gym_liestal_04.png);
}

#main_container10 #logo{
background-image:url(../images/day_logo_gym_liestal_05.png);
}

#main_container11 #logo{
background-image:url(../images/day_logo_gym_liestal_06.png);
}

#nav_container{

position:absolute; 
left:0%; 
top:0%;

width:100%;
height:100%;

overflow:hidden;

}

#nav{

position:absolute; 
left:0%; 
top:100%;

margin-top:-10px;

width:100%;
height:800px;

z-index:400;
background-color:#67c0b2;

}

#main_container #nav_container #nav{
top:35%;
}


#main_menu{

position:absolute; 
left:50%; 
top:0%;

margin-top:50px;
margin-left:20px;

width:150px;
height:120px;

z-index:250;


}

#submain_menu{

position:absolute; 
left:50%; 
top:0%;

margin-top:49px;
margin-left:-158px;

width:170px;
height:120px;

z-index:250;
text-align:right;

}

#submain_menu ul{
 margin-left:-40px;
}

#search{
position:relative;
top:-140px;
left:-100px;
width:167px;
height:25px;

background-image:url(../images/search-loop_over.png);
background-repeat:no-repeat;
background-size:100% 100%;

cursor:pointer;

}

#search_txt{
position:relative;
top:2px;
left:30px;
width:120px;
height:16px;
background-color:transparent;
border: 0px solid #ffffff;
font-size:10px;
letter-spacing:1px;
}

#kontakt{

position:absolute; 
left:0%; 
top:0%;

margin-top:9px;
margin-left:18px;
z-index:500;

width:150px;
height:100px;

}

#main_container7 #kontakt{
display:none;
}

#main_container8 #kontakt{
display:none;
}

#main_container9 #kontakt{
display:none;
}

#main_container10 #kontakt{
display:none;
}

#main_container11 #kontakt{
display:none;
}


#main{

position:fixed;
left:0%; 
top:15px;

width:100%;
height:90%;

background-color:#fff;

overflow:scroll;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;

}

#main_container #main{
display:none;
}


#content{
vertical-align:top;

margin:0px;
max-width:1000px;
min-height:0px;

}


#content_text{

vertical-align:top;
margin:0px;

max-width:700px;
min-height:600px;

padding-left:25px; 
padding-right:25px;
padding-top:0px;

margin-top:15px;
margin-bottom:100px;
}



.accordion {
	width: 100%;
	margin: 1em 0em;
}

.accordion h3 {

	font-family: "brandon-grotesque",sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-style:normal;
	line-height:22px;
	letter-spacing:1.5px;
	
	border-top: 1px solid #12adc3;
	border-bottom: 1px solid #12adc3;

	background: url(../images/plus.png) no-repeat left center #ffffff;
	background-size:12px 12px;
	
    display: block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:25px;
    margin: 0px 0px -1px 0px !important;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#main_container7 .accordion h3 {
	border-top: 1px solid #f193a5;
	border-bottom: 1px solid #f193a5;
	background: url(../images/plus_02.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container8 .accordion h3  { 
	border-top: 1px solid #12adc3;
	border-bottom: 1px solid #12adc3;
	background: url(../images/plus_03.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container9 .accordion h3  { 
	border-top: 1px solid #247da6;
	border-bottom: 1px solid #247da6;
	background: url(../images/plus_04.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container10 .accordion h3  { 
	border-top: 1px solid #44b276;
	border-bottom: 1px solid #44b276;
	background: url(../images/plus_05.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container11 .accordion h3  {  
	border-top: 1px solid #67c0b2;
	border-bottom: 1px solid #67c0b2;
	background: url(../images/plus_06.png) no-repeat left center #ffffff;
	background-size:12px 12px; 
}



.accordion h3.active {
	background: url(../images/delete.png) no-repeat left center #ffffff;
	background-size:12px 12px;
	border-bottom: 1px solid #fff;
}

#main_container7 .accordion h3.active {
	background: url(../images/delete_02.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container8 .accordion h3.active  { 
	background: url(../images/delete_03.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container9 .accordion h3.active  { 
	background: url(../images/delete_04.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container10 .accordion h3.active  { 
	background: url(../images/delete_05.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container11 .accordion h3.active  {  
	background: url(../images/delete_06.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}


.accordion h3:hover {
	cursor: pointer;
}

#main_container7 .accordion > div, #main_container8 .accordion > div, #main_container9 .accordion > div, #main_container10 .accordion > div, #main_container11 .accordion > div  {
	margin-top:0px;
}

/* neues akkordeon... */

.ge-accordion {
	width: 100%;
	margin: 1em 0em;
}

.ge-accordion h2 {

	font-family: "brandon-grotesque",sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-style:normal;
	line-height:22px;
	letter-spacing:1.5px;
	
	border-top: 1px solid #12adc3;
	border-bottom: 1px solid #12adc3;

	background: url(../images/plus.png) no-repeat left center #ffffff;
	background-size:12px 12px;
	
    display: block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:25px;
    margin: 0px 0px -1px 0px !important;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#main_container7 .ge-accordion h2 {
	border-top: 1px solid #f193a5;
	border-bottom: 1px solid #f193a5;
	background: url(../images/plus_02.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container8 .ge-accordion h2  { 
	border-top: 1px solid #12adc3;
	border-bottom: 1px solid #12adc3;
	background: url(../images/plus_03.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container9 .ge-accordion h2  { 
	border-top: 1px solid #247da6;
	border-bottom: 1px solid #247da6;
	background: url(../images/plus_04.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container10 .ge-accordion h2  { 
	border-top: 1px solid #44b276;
	border-bottom: 1px solid #44b276;
	background: url(../images/plus_05.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container11 .ge-accordion h2  {  
	border-top: 1px solid #67c0b2;
	border-bottom: 1px solid #67c0b2;
	background: url(../images/plus_06.png) no-repeat left center #ffffff;
	background-size:12px 12px; 
}



.ge-accordion h2.active {
	background: url(../images/delete.png) no-repeat left center #ffffff;
	background-size:12px 12px;
	border-bottom: 1px solid #fff;
}

#main_container7 .ge-accordion h2.active {
	background: url(../images/delete_02.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container8 .ge-accordion h2.active  { 
	background: url(../images/delete_03.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container9 .ge-accordion h2.active  { 
	background: url(../images/delete_04.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}

#main_container10 .ui-accordion-header-active {
	background: url(../images/delete_05.png) repeat left center #ffffff;
	background-size:12px 12px;
	background-repeat: round round;
}

#main_container10 .ge-accordion h2.active  { 
	background: url(../images/delete_05.png) no-repeat left center #ffffff;
	background-size:12px 12px;
	background-repeat: repeat;
}

#main_container11 .ge-accordion h2.active  {  
	background: url(../images/delete_06.png) no-repeat left center #ffffff;
	background-size:12px 12px;
}


.ge-accordion h2:hover {
	cursor: pointer;
}

.ge-accordion h2:focus {
	outline: none;
}

#main_container7 .accordion > div, #main_container8 .accordion > div, #main_container9 .accordion > div, #main_container10 .accordion > div, #main_container11 .accordion > div  {
	margin-top:0px;
}

/* wofür braucht es das?
#content li:before{ content:"\2014\a0"; margin-left: -18px; position:relative; left:-4px; top:0px;} */

#content ul{
   list-style-type: none;
   margin-left: -18px;
   margin-top:-13px;


 }
 
.base img, .layout_01 img, .layout_02 img{
 width:100%;
 height:auto;
}

.base, .layout_01, .layout_02 {
padding-top:50px;
}


.ce-bodytext p{
padding:0px;
margin:0px;
margin-top:15px;
margin-bottom:15px;
}


#main_container7 .ce-textpic{
width:100%;
min-height:250px;
padding:0px;
margin:0px;

margin-top:20px;
margin-bottom:50px;
padding-bottom:25px;

border-bottom: 1px solid #f193a5;

}

#main_container7 .ce-bodytext p{
padding:0px;
margin:0px;
}



.layout_01 .ce-textpic .ce-gallery {
width:100%;
float:left;
padding:0px;
margin:0px;
margin-top:-10px;
margin-bottom:0px;

}

.layout_01 .ce-textpic .ce-bodytext{
float:left;
width:100%;
padding:0px;
margin:0px;
margin-top:15px;

}

.layout_02 .ce-textpic .ce-bodytext{
float:left;
width:100%;
padding:0px;
margin:0px;
margin-top:15px;

}

.layout_02 .ce-textpic .ce-gallery {
width:100%;
float:left;
padding:0px;
margin:0px;
margin-top:-10px;
margin-bottom:0px;

}



.ce-outer {
width:100%;
padding:0px;
margin:0px;
position:relative;
left:0px;
top:0px;

}

.ce-inner {
width:100%;
position:relative;
left:0px;
top:0px;
padding:0px;
margin:0px;

}

.ce-row{
position:relative;
left:0px;
top:0px;
padding:0px;
margin:0px;
}

.ce-column{
padding:0px;
margin:0px;
}

figure{
width:100%;
padding:0px;
margin:0px;
}

figcaption{
font-size:11px;
margin-top:5px;
line-height:18px;
padding-right:10px;
}



.tx-indexedsearch-whatis{
font-family: "brandon-grotesque",sans-serif;
text-transform:uppercase;
font-size:16px;
font-style:normal;
line-height:25px;
letter-spacing:1.5px;
color:#000;
padding-top:20px;
}

.tx-indexedsearch-sw{
	text-transform:none;
	color: #f193a5;
	
}

.tx-indexedsearch-searchbox{
	padding-top: 20px;
}

.tx-indexedsearch-searchbox-sword, .tx-indexedsearch-searchbox-button{
	margin-left: 10px;
}

.tx-indexedsearch-browsebox{
	margin-top: -18px;
}

.tx-indexedsearch-browsebox strong{
	color: #f193a5;

}

.tx-indexedsearch-redMarkup{
	color: #f193a5;
	font-weight: normal;
	
}

.tx-indexedsearch-descr{
	padding-top: 5px;
	padding-bottom: 15px;
}

.tx-indexedsearch-info{
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
	border-radius: 8px;
}

.tx-indexedsearch-title{
	font-family: "brandon-grotesque",sans-serif;
text-transform:uppercase;
font-size:16px;
font-style:normal;
font-weight: 600;
line-height:25px;
letter-spacing:1.5px;
color:#000;
padding-top: 20px;

}

.tx-indexedsearch-percent{
	padding-top: 20px;
}

.tx-indexedsearch-icon{
	display: none;
}


.browsebox li{
	padding-right: 20px;

}

.browsebox{
	position: relative;
	top:0px;
	left:-8px;

}

#content_text .browsebox li:before{ content:"|"; margin-left: -5px; position:relative; left:-10px; top:0px;}

#c19{
margin-top:100px;
}

#c135{
margin-top:65px;
}



@media screen and (min-width: 768px) {
#mobile_head{

display:block;

background-image:url(../images/day_mobile_mainview.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:bottom;
background-color:transparent;

width:100%;
height:220px;
margin-top:-150px;

}

#main_menu li{
font-family: "brandon-grotesque",sans-serif;
font-size:14px;
text-transform:uppercase;
font-style:normal;
font-weight:900;
letter-spacing:2px;
line-height:20px;
color:#34183e;
margin:0px;
margin-top:6px;
list-style: none;
}


#submain_menu li{
font-family: "brandon-grotesque",sans-serif;
font-size:14px;
text-transform:uppercase;
font-style:normal;
font-weight:900;
letter-spacing:2px;
line-height:20px;
color:#000;
margin:0px;
margin-top:6px;
list-style: none;
text-align:right;
}

#submain_menu{

position:absolute; 
left:50%; 
top:0%;

margin-top:112px;
margin-left:-225px;

width:230px;
height:120px;

z-index:250;
text-align:right;

}

#main_menu{

position:absolute; 
left:50%; 
top:0%;

margin-top:110px;
margin-left:20px;

width:150px;
height:120px;

z-index:250;


}

#search{
position:relative;
top:-180px;
left:-100px;
width:167px;
height:25px;

background-image:url(../images/search-loop_over.png);
background-repeat:no-repeat;
background-size:100% 100%;

cursor:pointer;

}

}


@media screen and (min-width: 980px) {


#kontakt a:link { color:#34183e; text-decoration: none; }
#kontakt a:active { color:#34183e; text-decoration: none; }
#kontakt a:visited { color:#34183e; text-decoration: none; }
#kontakt a:hover { color:#fff; text-decoration: none; }


#main_container7 h1, #main_container7 h2, #main_container7 h3 { color:#f193a5; }
#main_container8 h1, #main_container8 h2, #main_container8 h3 { color:#12adc3; }
#main_container9 h1, #main_container9 h2, #main_container9 h3 { color:#247da6; }
#main_container10 h1, #main_container10 h2, #main_container10 h3 { color:#44b276; }
#main_container11 h1, #main_container11 h2, #main_container11 h3 { color:#67c0b2; }


#main_container7 #submain_menu ul li a:link { color:#f193a5; text-decoration: none; }
#main_container7 #submain_menu ul li a:visited { color:#f193a5; text-decoration: none; }
#main_container7 #submain_menu ul li a:active { color:#f193a5; text-decoration: none; }
#main_container7 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container7 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container7 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container7 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container7 #submain_menu ul .menu-level1-current-active a:hover { color:#f193a5; text-decoration: none; }

#main_container8 #submain_menu ul li a:link { color:#12adc3; text-decoration: none; }
#main_container8 #submain_menu ul li a:visited { color:#12adc3; text-decoration: none; }
#main_container8 #submain_menu ul li a:active { color:#12adc3; text-decoration: none; }
#main_container8 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container8 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container8 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container8 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container8 #submain_menu ul .menu-level1-current-active a:hover { color:#12adc3; text-decoration: none; }

#main_container9 #submain_menu ul li a:link { color:#247da6; text-decoration: none; }
#main_container9 #submain_menu ul li a:visited { color:#247da6; text-decoration: none; }
#main_container9 #submain_menu ul li a:active { color:#247da6; text-decoration: none; }
#main_container9 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container9 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container9 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container9 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container9 #submain_menu ul .menu-level1-current-active a:hover { color:#247da6; text-decoration: none; }

#main_container10 #submain_menu ul li a:link { color:#44b276; text-decoration: none; }
#main_container10 #submain_menu ul li a:visited { color:#44b276; text-decoration: none; }
#main_container10 #submain_menu ul li a:active { color:#44b276; text-decoration: none; }
#main_container10 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container10 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container10 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container10 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container10 #submain_menu ul .menu-level1-current-active a:hover { color:#44b276; text-decoration: none; }

#main_container11 #submain_menu ul li a:link { color:#67c0b2; text-decoration: none; }
#main_container11 #submain_menu ul li a:visited { color:#67c0b2; text-decoration: none; }
#main_container11 #submain_menu ul li a:active { color:#67c0b2; text-decoration: none; }
#main_container11 #submain_menu ul li a:hover { color:#333; text-decoration: none; }

#main_container11 #submain_menu ul .menu-level1-current-active a:link { color:#333; text-decoration: none; }
#main_container11 #submain_menu ul .menu-level1-current-active a:active { color:#333; text-decoration: none; }
#main_container11 #submain_menu ul .menu-level1-current-active a:visited { color:#333; text-decoration: none; }
#main_container11 #submain_menu ul .menu-level1-current-active a:hover { color:#67c0b2; text-decoration: none; }

#main_container7 a:link { color:#f193a5; text-decoration: none; }
#main_container7 a:visited  {color:#f193a5; text-decoration: none; }
#main_container7 a:active { color:#f193a5; text-decoration: none; }
#main_container7 a:hover  {color:#333; text-decoration: none; }

#main_container8 a:link { color:#12adc3; text-decoration: none; }
#main_container8 a:visited  {color:#12adc3; text-decoration: none; }
#main_container8 a:active { color:#12adc3; text-decoration: none; }
#main_container8 a:hover  {color:#333; text-decoration: none; }

#main_container9 a:link { color:#247da6; text-decoration: none; }
#main_container9 a:visited  {color:#247da6; text-decoration: none; }
#main_container9 a:active { color:#247da6; text-decoration: none; }
#main_container9 a:hover  {color:#333; text-decoration: none; }

#main_container10 a:link { color:#44b276; text-decoration: none; }
#main_container10 a:visited  {color:#44b276; text-decoration: none; }
#main_container10 a:active { color:#44b276; text-decoration: none; }
#main_container10 a:hover  {color:#333; text-decoration: none; }

#main_container11 a:link { color:#67c0b2; text-decoration: none; }
#main_container11 a:visited  {color:#67c0b2; text-decoration: none; }
#main_container11 a:active { color:#67c0b2; text-decoration: none; }
#main_container11 a:hover  {color:#333; text-decoration: none; }


#main_container #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container #menuitem11 a:visited { color:#333; text-decoration: none; }


#main_container7 #menuitem7 a:link { color:#f193a5; text-decoration: none; }
#main_container7 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container7 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container7 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container7 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container7 #menuitem7 a:visited { color:#f193a5; text-decoration: none; }
#main_container7 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container7 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container7 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container7 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container8 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container8 #menuitem8 a:link { color:#12adc3; text-decoration: none; }
#main_container8 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container8 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container8 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container8 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container8 #menuitem8 a:visited { color:#12adc3; text-decoration: none; }
#main_container8 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container8 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container8 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container9 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container9 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container9 #menuitem9 a:link { color:#247da6; text-decoration: none; }
#main_container9 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container9 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container9 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container9 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container9 #menuitem9 a:visited { color:#247da6; text-decoration: none; }
#main_container9 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container9 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container10 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container10 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container10 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container10 #menuitem10 a:link { color:#44b276; text-decoration: none; }
#main_container10 #menuitem11 a:link { color:#333; text-decoration: none; }

#main_container10 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container10 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container10 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container10 #menuitem10 a:visited { color:#44b276; text-decoration: none; }
#main_container10 #menuitem11 a:visited { color:#333; text-decoration: none; }

#main_container11 #menuitem7 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem8 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem9 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem10 a:link { color:#333; text-decoration: none; }
#main_container11 #menuitem11 a:link { color:#67c0b2; text-decoration: none; }

#main_container11 #menuitem7 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem8 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem9 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem10 a:visited { color:#333; text-decoration: none; }
#main_container11 #menuitem11 a:visited { color:#67c0b2; text-decoration: none; }

#main_container #menuitem7 a:hover, #main_container7 #menuitem7 a:hover, #main_container8 #menuitem7 a:hover, #main_container9 #menuitem7 a:hover, #main_container10 #menuitem7 a:hover, #main_container11 #menuitem7 a:hover { color:#f193a5; text-decoration: none; }
#main_container #menuitem8 a:hover, #main_container7 #menuitem8 a:hover, #main_container8 #menuitem8 a:hover, #main_container9 #menuitem8 a:hover, #main_container10 #menuitem8 a:hover, #main_container11 #menuitem8 a:hover { color:#12adc3; text-decoration: none; }
#main_container #menuitem9 a:hover, #main_container7 #menuitem9 a:hover, #main_container8 #menuitem9 a:hover, #main_container9 #menuitem9 a:hover, #main_container10 #menuitem9 a:hover, #main_container11 #menuitem9 a:hover { color:#247da6; text-decoration: none; }
#main_container #menuitem10 a:hover, #main_container7 #menuitem10 a:hover, #main_container8 #menuitem10 a:hover, #main_container9 #menuitem10 a:hover, #main_container10 #menuitem10 a:hover, #main_container11 #menuitem10 a:hover { color:#44b276; text-decoration: none; }
#main_container #menuitem11 a:hover, #main_container7 #menuitem11 a:hover, #main_container8 #menuitem11 a:hover, #main_container9 #menuitem11 a:hover, #main_container10 #menuitem11 a:hover, #main_container11 #menuitem11 a:hover { color:#67c0b2; text-decoration: none; }


h1{
font-family: "brandon-grotesque",sans-serif;
text-transform:uppercase;
font-size:13px;
font-style:normal;
font-weight:900;
line-height:22px;
letter-spacing:2px;
color:#34183e;
margin-bottom:-8px;
}

h2{
font-family: "brandon-grotesque",sans-serif;
text-transform:uppercase;
font-size:13px;
font-style:normal;
font-weight:900;
line-height:22px;
letter-spacing:2px;
color:#34183e;
margin-bottom:-8px;
margin-top:0px;
padding-bottom:10px;
}

p, ul, figcaption{
font-family: "ff-tisa-web-pro",serif;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:26px;
color:#34183e;
text-align:justify;
}


i{
font-family: "ff-tisa-web-pro",serif;
font-size:14px;
font-style:italic;
font-weight:400;
line-height:26px;
color:#34183e;
text-align:justify;
}

#main_menu li{
font-family: "brandon-grotesque",sans-serif;
font-size:11px;
text-transform:uppercase;
font-style:normal;
font-weight:900;
letter-spacing:2px;
line-height:15px;
color:#34183e;
margin:0px;
margin-top:6px;
list-style: none;
}


#submain_menu li{
font-family: "brandon-grotesque",sans-serif;
font-size:10px;
text-transform:uppercase;
font-style:normal;
font-weight:600;
letter-spacing:2px;
line-height:12px;
color:#34183e;
margin:0px;
margin-top:6px;
list-style: none;
}

#submain_menu li{
font-family: "brandon-grotesque",sans-serif;
font-size:10px;
text-transform:uppercase;
font-style:normal;
font-weight:900;
letter-spacing:2px;
line-height:12px;
color:#000;
margin:0px;
margin-top:6px;
list-style: none;
text-align:left;
}


#kontakt p{
font-family: "brandon-grotesque",sans-serif;
font-size:10px;
text-transform:uppercase;
font-style:normal;
font-weight:600;
letter-spacing:2px;
line-height:18px;
color:#34183e;
margin:0px;
margin-top:6px;
list-style: none;
text-align:left;
}


#main_container, #main_container7, #main_container8, #main_container9, #main_container10, #main_container11{
position:absolute; 
left:0px; 
top:0px;

width:100%; 
height:100%; 
overflow:hidden;

z-index:0;

background-color:#12adc3;
background-image:url(../images/day_bg.png);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}

#sun{

display:block;

position:absolute; 
left:0px; 
top:100%;

margin-top:-500px;

width:100%;
height:600px;
overflow:hidden;

z-index:110;

background-image:url(../images/day_sun.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:top center;

animation: sunny 4s ease-in 0s 1 reverse;

}


#clouds_01{

display:block;

position:absolute; 
left:0px; 
top:0%;

margin-top:-15px;

width:2800px;
height:150px;
overflow:hidden;

z-index:100;
opacity:0.9;

background-image:url(../images/day_clouds_01.png);
background-repeat:repeat-x;
background-size:2800px;
background-position:left top;

animation: cloudy_01 120s linear 0s infinite alternate;

}

#clouds_02{

display:block;

position:absolute; 
left:-1400px; 
top:50%;

margin-top:-300px;

width:2800px;
height:350px;
overflow:hidden;

z-index:100;
opacity:0.9;

background-image:url(../images/day_clouds_02.png);
background-size:2800px;
background-position:left top;

animation: cloudy_02 320s linear 0s infinite alternate;

}


#clouds_03{

display:block;

position:absolute; 
left:0px; 
top:93%;

margin-top:-255px;

width:2800px;
height:150px;
overflow:hidden;

z-index:120;
opacity:0.9;

background-image:url(../images/day_clouds_03.png);
background-repeat:repeat-x;
background-size:2800px;
background-position:left top;

animation: cloudy_01 180s linear 0s infinite alternate;

}

#jura_00{

display:block;

position:absolute; 
left:0px; 
top:100%;

margin-top:-180px;
margin-top:100px;

width:100%;
height:200px;
overflow:hidden;

z-index:200;

background-image:url(../images/day_jura_00.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:top left;

}



#jura_01{

display:block;

position:absolute; 
left:0px; 
top:100%;

margin-top:-305px;
margin-top:100px;

width:100%;
height:130px;
/* war 200px - mschenker */
overflow:hidden;

z-index:180;

background-image:url(../images/day_jura_01.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:top left;


}


#jura_02{

display:block;

position:absolute; 
left:0px; 
top:100%;

margin-top:-365px;
margin-top:100px;

width:100%;
height:100px;
overflow:hidden;

z-index:170;

background-image:url(../images/day_jura_02.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:top left;


}


#jura_03{

display:block;

position:absolute; 
left:0px; 
top:100%;

margin-top:-636px;
margin-top:100px;

width:100%;
height:1000px;
overflow:hidden;

z-index:160;

background-image:url(../images/day_jura_03.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:top left;

}

#gym_liestal{

display:block;

position:absolute; 
left:0px; 
top:100%;

margin-top:-350px;
margin-top:100px;

width:100%;
height:200px;
/* war 250px - mschenker */
overflow:hidden;

z-index:190;

background-image:url(../images/day_gym_liestal.png);
background-repeat:no-repeat;
background-size:100% auto;
background-position:top left;


}


#logo{

position:absolute; 
left:50%; 
top:50%;

margin-top:-128px;
margin-left:-625px;

width:260px;
height:35px;

z-index:165;

background-image:url(../images/day_logo_gym_liestal.png);
background-repeat:no-repeat;
background-size:100% 100%;

cursor:pointer;
}

#pre_logo{

position:absolute; 
left:50%; 
top:50%;

margin-top:-128px;
margin-left:-625px;

width:260px;
height:35px;

z-index:166;

background-image:url(../images/night_logo_gym_liestal.png);
background-repeat:no-repeat;
background-size:100% 100%;

cursor:pointer;
}



#main_container #logo{
background-image:url(../images/day_logo_gym_liestal.png);
}

#main_container7 #logo{
background-image:url(../images/day_logo_gym_liestal_02.png);
}

#main_container8 #logo{
background-image:url(../images/day_logo_gym_liestal_03.png);
}

#main_container9 #logo{
background-image:url(../images/day_logo_gym_liestal_04.png);
}

#main_container10 #logo{
background-image:url(../images/day_logo_gym_liestal_05.png);
}

#main_container11 #logo{
background-image:url(../images/day_logo_gym_liestal_06.png);
}


#main_menu{

position:absolute; 
left:0%; 
top:0%;

margin-top:0px;
margin-left:0px;

width:150px;
height:120px;

z-index:250;


}

#nav{

position:absolute; 
left:50%; 
top:50%;

margin-top:-135px;
margin-left:475px;



width:50%;
height:100%;

z-index:250;
background-color:transparent;

}

#kontakt{

position:relative; 
left:0%; 
top:0%;

margin-top:-10px;
margin-left:0px;

width:150px;
height:100px;

}

#main_container #nav_container #nav{
top:50%;
}


#mobile_head{
display:none;
}

#mobile_fade{
display:none;
}

#mobile_hamburger{
display:none;
}

#submain_menu{

position:absolute; 
left:0%; 
top:0%;

margin-top:125px;
margin-left:0px;

width:150px;
height:120px;

z-index:250;

}

#submain_menu ul{
 margin-left:-40px;
}

#main{

position:absolute; 
left:0%; 
top:0%;

margin-top:200px;

width:100%;
height:100%;

background-color:#fff;

overflow:scroll;
  -webkit-overflow-scrolling: touch;
z-index:161;

}


#fade_bottom{
position:absolute;
top:100%;
left:0%;

margin-top:-150px;
height:150px;
width:100%;

background-image:url(../images/fade_bottom.png);
background-repeat:repeat-y;
background-position:top left;

z-index:122;
}


#content_text{
margin:auto;

max-width:700px;
min-height:600px;
padding-bottom:40%;
padding-left:25px; 
padding-right:25px;
padding-top:25px;

margin-bottom:0px;
}

#content{
margin:auto;
max-width:1000px;
min-height:600px;
margin-top:100%;


}


#search{
position:relative;
top:-16px;
left:70px;
width:100px;
height:15px;

background-image:url(../images/search-loop.png);
background-repeat:no-repeat;
background-size:100% 100%;

cursor:pointer;

    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


#search:hover{
top:-19px;
width:147px;
height:22px;
background-image:url(../images/search-loop_over.png);

}

#search_txt{
position:relative;
top:0px;
left:20px;
width:110px;
height:15px;
background-color:transparent;
border: 0px solid #ffffff;
font-size:9px;
letter-spacing:1px;
}

#subcontent {
	margin-top:-20px;
	padding-top:2px;
	padding-bottom:10px;
	padding-right:25px;
	padding-left:25px;
	margin-bottom:-1px;
}

.subcontent {
	margin-top:-20px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:25px;
	padding-left:25px;
	margin-bottom:-1px;
}

.accordion .ce-bodytext {
	margin-top:-20px;
	padding-top:15px;
	padding-bottom:10px;
	padding-right:25px;
	padding-left:25px;
	margin-bottom:-1px;
}


 
.ce-column figure img{
 width:100%;
 height:auto;
}

.ce-bodytext p{
padding:0px;
margin:0px;
margin-top:15px;
margin-bottom:15px;
}



#main_container7 .ce-textpic{
width:100%;
min-height:100px;
padding:0px;
margin:0px;

margin-top:20px;
margin-bottom:10px;
padding-bottom:15px;

border-bottom: 1px solid #f193a5;

}

.layout_01, .layout_02, .layout_03, .base{
padding:0px;
margin:0px;
}


#main_container7 .ce-bodytext p{
padding:0px;
margin:0px;
}

.base .ce-column figure img, .base .ce-media img{
 width:550px;
 height:auto;
}

.layout_02 .ce-column figure img, .layout_02 .ce-media img{
 width:100%;
 height:auto;
}

.layout_01 .ce-textpic .ce-gallery {
width:275px;
float:right;
padding:0px;
margin:0px;
margin-top:8px;
margin-bottom:-2000px;

}

.layout_01 .ce-textpic .ce-bodytext{
float:left;
width:400px;
padding:0px;
margin:0px;

}

.layout_02 .ce-textpic .ce-bodytext{
float:left;
width:325px;
padding:0px;
margin:0px;

}

.layout_02 .ce-textpic .ce-gallery {
width:350px;
float:right;
padding:0px;
margin:0px;
margin-top:8px;
margin-bottom:-2000px;

}
}

@keyframes cloudy_01 {
    0%   {left: 0px;}
    100% {left: -2800px;}
}

@keyframes cloudy_02 {
    0%   {left: -1400px;}
	25%   {left: 0px;}
	50%   {left: -1400px;}
    100% {left: -2800px;}
}

@keyframes sunny {
    0%   {top: 100%;}
    100% {top: 120%;}
}

.ce-bodytext:last-of-type {
border-bottom: 24px solid #fff; /* war 150 */

}

.tx-indexedsearch-redMarkup{
	color: #f193a5;
	font-weight: normal;
	
}

@media screen and (max-width: 1250px) and (min-width: 980px){


#content_text{
margin:0px;
margin-left:25px;
max-width:700px;
min-height:600px;
padding-bottom:40%;
padding-left:25px; 
padding-right:25px;
padding-top:25px;
}

#content{
margin:0px;
max-width:1000px;
min-height:600px;
margin-top:100%;

}



#pre_logo, #logo{

margin-top:-185px;
margin-left:275px;
background-size:80% 80%;

z-index:265;

}

#pre_logo{

margin-top:-185px;
margin-left:275px;
background-size:80% 80%;

z-index:266;

}

#main_menu{
margin-top:-10px;
margin-left:-195px;
}


#submain_menu{

margin-top:115px;
margin-left:-195px;


}

#kontakt{

margin-top:-10px;
margin-left:0px;

}

#clouds_03{
top:100%;
}

#gym_liestal{

top:97.8%;
background-size:120% auto;
background-position:top center;

}




}

div.ce-right .ce-gallery {
    max-width: 50%;
}
div.ce-right .ce-gallery .ce-row .ce-column figure img {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
}


/*#####################
###### Search ###########
#######################*/
form#form_kesearch_pi1{
	margin-bottom: initial !important;
}
form#form_kesearch_pi1 #ke_search_sword {
	border: 1px solid #000 !important;
	width: 100%;
    left: 0;
    height: 40px;
}
.tx-kesearch-pi1 form#form_kesearch_pi1 fieldset{
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
}