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

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


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


/* ========= LAYOUT ========= */
/* ======================================================= */	
.contentWrapper {
	width: auto;
	padding: 0px 10px 0px 10px;
}

#topBox {
	position: relative;
	width: auto;
	padding: 40px 0px 0px 0px;
}
#mmenutoggleBox {
	position: absolute;
	right: 0px;
	top: 0px;
}
#mmenutoggleBox a {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url(../../images/pages/icon_toggler.png);
	background-repeat: no-repeat;
	background-position: center;
}
#logoGwBox {
	top: 0px;
}
#logoGwBox a {
	height: 60px;
	width: 60px;
}
#sectionImageBox {
	height: 80px;
	margin: 0px 0px 0px 0px;
}
#homelinkBox {
	width: 150px;
	margin: -40px 0px 0px auto;
	padding: 5px 10px 5px 10px;
	position: relative;
	z-index: 99;
}
#contentBox {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 50px 0px;
	width: auto;
	float: none;
}
#sidebarBox {
	margin: 0px 0px 0px 0px;
	width: auto;
	float: none;
}
#addressBox {
	position: relative;
	width: auto;
	text-align: left;
}
#sociallinksBox {
	padding: 30px 0px 0px 0px;
	float: none;
}
#footernavBox {
	float: none;
	padding: 30px 0px 0px 0px;
}
#tplswitchBox {
	margin: 30px 0px 30px 0px;
}

.index #sidebarBox {
	margin: 0px 0px 0px 0px;
}
.index #indexsliderBox {
	margin: 0px 0px 0px 0px;
}



/* === fontsize_1.css === */
.modTitle, .modTitle a {
    font-size: 16px;
    line-height: 20px;
}
.sectionTitle {
    font-size: 22px;
    line-height: 26px;
}
.mobile.index .item .contentWrapper .content .title {
    font-size: 22px;
    line-height: 24px;
}
.mobile.index .item .contentWrapper .content .teaser {
    font-size: 16px;
    line-height: 20px;
}

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


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

body {
	background: #ffffff;
}

.barFooter {
	text-align: left;
}
.barFooter a {
	float: none;
	padding: 6px 0px 6px 0px;
}

.mobile .widget_imgtext.hasBgColor {
	padding: 10px 10px 10px 10px;
}
.mobile .widget_imgtext.hasBgColor .image {
	margin: 0px -10px 0px -10px;
}

/* - index: slider - */
.mobile.index .indexSlide .sliderContainer,
.mobile.index .indexSlide .item,
.mobile.index .indexSlide .contentWrapper {
	height: 330px;
}
.mobile.index .indexSlide .item .contentWrapper .content {
	width: auto;
	padding: 0px 10px 0px 10px;
}
.mobile.index .item .contentWrapper .content .title {
	text-shadow: 1px 1px 3px rgba(0,0,0,1);
}
.mobile.index .item .contentWrapper .content .teaser {
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
}
.mobile.index .indexSlide .prev {
	left: 0px;
}

.mobile.index .indexSlide .next {
	left: 40px;
}