/* ========= MOBILE (differences) ========= */
/* ======================================================= */

/* ========= NAVIGATION ========= */
/* ======================================================= */
@import 'mmenu/jquery.mmenu.all.css';
@import 'nav_tree_mmenu.css';


/* ========= FORM ========= */
/* ======================================================= */	
@import 'form.mobile.css';


/* ========= LAYOUT ========= */
/* ======================================================= */	
#mmenuwrapper {
	overflow: inherit;
}

#mmenunavBox {
	font-family: "Yanone Kaffeesatz", sans-serif;
}
#mmenunavBox a {
	font-size: 18px;
}
#mmenutoggleBox {
	position: absolute;
	right: 10px;
	top: 20px;
	z-index: 20;
}
#mmenutoggleBox a {
	display: block;
	background-image: url(../../images/icon_toggler.png);
	background-repeat: no-repeat;
	width: 29px;
	height: 36px;
	opacity: 0.5;
}
#shineBox {
	background-size: contain;
}
#videoBox {
	width: 150px;
	height: auto;
	position: relative;
	top: auto;
	right: auto;
	float: right;
	margin: 20px 10px 0px 0px;
}
#videoBox a {
	background-image: url(../../images/site/bkg_videobox.mobile.png);
	background-size: contain;
	width: 100%;
	height: 46px;
}
#videoBox a:hover {
	background-position: 0px 0px;
}
#videoBox a.trainingsvideos {
	background-image: url(../../images/site/bkg_videobox_selected.mobile.png);
}
#containerBox {
	width: auto;
	margin: 0px 0px 0px 0px;
}
#homelinkBox {
	width: 200px;
	height: auto;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
#homelinkBox a {
	background-size: contain;
	width: 200px;
	height: 90px;
}
#socialBox {
	position: relative;
	top: auto;
	right: auto;
	float: left;
	margin: 28px 0px 0px 10px;
}
#mainBox {
	padding: 20px 0px 0px 0px;
}
#contentBox {
	width: auto;
	float: none;
	padding: 0px 10px 0px 10px;
}
.articleList .firstSection, .articleList .middleSection, .articleList .lastSection, .articleList .stickySection {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	float: none;
	width: auto !important;
}
#leftBox {
	width: auto;
	float: none;
	margin: 50px 10px 0px 10px;
}
#upcomingBox {
	padding: 10px 10px 10px 10px;
	text-align: left;
}
#bottomBox {
	padding: 10px 10px 10px 10px;
	margin: 31px 10px 20px 10px;
}
#addressBox {
	margin: 45px 0px 0px 0px;
}
#tplswitchBox {
	padding: 70px 0px 30px 0px;
	text-align: center;
}

.index #linkBox .content {
	width: auto;
}
.index #linkBox {
	width: auto;
	height: 442px;
	margin: 0px 10px 0px 10px;
}
.index #videolinkBox {
	position: relative;
	top: auto;
	left: auto;
	margin: 30px auto 0px auto;
	width: 240px;
}
.index #videolinkBox a {
	width: auto;
	height: auto;
	padding: 0px 0px 0px 100px;
	position: relative;
	line-height: 42px;
	height: 100px;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.7);
	color: #ffffff;
}
.index #testimonialsBox {
	padding: 0px 0px 30px 30px;
	position: relative;
	margin: 30px 10px 0px 10px;
	width: auto;
}
.index #testimonialsBox .author {
	float: none;
}



/* === fontsize_1.css === */


/* ==== list.css ==== */
.leftPic img,
.rightPic img {
	max-width: 80px;
	height: auto;
}


/* === common.css === */
.sysimage {
	margin: 0px 0px 20px 0px;
	width: 100% !important;
	max-width: 500px !important;
	height: auto !important;
}

.mobile .modForwardBack {
	margin: 40px auto 20px auto;
}
.mobile .modForwardBack li.pagingNext,
.mobile .modForwardBack li.pagingNextDisabled {
	background-position: right center;
	padding: 0px 20px 0px 0px;
}
.mobile .modForwardBack li.pagingNextDisabled a {
	opacity: 0.5;
}
.mobile .modForwardBack li.pagingPrev,
.mobile .modForwardBack li.pagingPrevDisabled {
	background-position: left center;
	padding: 0px 0px 0px 20px;
}
.mobile .modForwardBack li.pagingPrevDisabled {
	opacity: 0.5;
}
.mobile .modForwardBack li.pagingSelected {
	padding: 0px 10px 0px 10px;
}