/* www.modulpark.ch,*/
#mp_htmlFront body{
	overflow-y:scroll; 
}

body, a, h2, .lauftext, .mpfusszeile, .untertitel, .bildlegende, h1, .titel, .leerzeilen, .aufzaehlungtitel, .aufzaehlungtext, .list, .lilist, .aufzaehlungtitel, .aufzaehlungtext {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:21px;
	color:#555;
	text-decoration:none;}

.gcsc-branding, #master-1 {display:none;}

h1, .titel, h2, .untertitel, .aufzaehlungtitel, h3, .anTitle {
	margin:0 0 10px 0;
	color:#666;
	font-size:28px;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
}
h1, .titel {
	text-align:center;
}
.pages h1, .tite {
	background:#ededed;
	padding:5px;
	font-size:16px;
	line-height:18px;
	color:#e30613;
	margin-bottom:25px;
	text-align:left;
}
h2, .untertitel, .aufzaehlungtitel {
	font-size:16px;
	line-height:18px;
	color:#e30613;
	padding:0;
	margin:0;
}
h3 {
	font-size:22px;
	line-height:24px;
	color:#000;
}
h4 {
	font-size:12px;
	line-height:14px;
	padding-bottom:5px;
	color:#000;
	font-weight:400;
}
.leerzeilen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
#mainContent ul li {
	padding-left:15px;
	position:relative;
}
#mainContent ul li:before {
	content:"\f101";
	font-size:13px !important;
	position:absolute;
	left:0;
	top:4px;
}

/*Listdefinitionen*/
ul, ol {
	padding:0px;
	margin:0px;
}
ol {
	padding-left:13px;
	margin-left:13px;
	list-style-type: decimal;
}
ul {
	padding-left:0;
	margin-left:0;
	list-style-type: none;
}
*+html ol {
	padding-left:16px;
	margin-left:16px;
}
*+html ul {
	padding-left:9px;
	margin-left:9px;
}
/*Linkdefinitionen*/
a.linkOrange {
	color:#FF9900;
	padding-left:10px;
}
a.linkBlack {
	color:#333;
	background:url(../../../../de/home.html) no-repeat 0 4px;
	padding-left:10px;
}
a.lauftext, a.aufzaehlungtext {
	color: #666666;
	text-decoration: none;
}
/*Formular*/
.formularfeld, .formularfeldverify {
	font-family: 'Marcellus', serif;
	font-size: 14px;
	line-height: 20px;
	color: #51515F;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
	padding: 2px 2px 2px 2px;
}
.formularfeldverify {
	width:200px;
}
* html .formularfeldverify {
	width:194px;
}
*+html .formularfeldverify {
	width:194px;
}
/*Standard Styles*/

/* Ausgabe fuer Seite weiterempfehlen */
.recommendInput, .recommendArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #333;
	height: 25px;
	width: 250px;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
	padding: 2px 2px 2px 2px;
}
.recommendArea {
	height: 100px;
	width: 250px;
}
/* OS Klassen*/
.lauftextgrau, .lauftextrot, .lauftextbold, .lauftextlittle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}
.lauftextgrau {
	color: #808080;
}
.lauftextrot {
	color: #E10915;
}
.lauftextbold {
	color: #000000;
	font-weight: bold;
}
.lauftextlittle {
	color: #000000;
	font-size: 10px;
	line-height: 12px;
}
/* Classes fuer diverse Module*/
.modultitel, .modultext, .moduldatum, .modulrubrik, .modulanmerkung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #333;
	text-decoration: none;
}
.modultitel {
	font-weight: bold;
}
a.modultext:link {
	color: #666666;
	text-decoration: none;
}
a.modultext:visited {
	color: #666666;
	text-decoration: none;
}
a.modultext:hover {
	color: #FF0000;
	text-decoration: none;
}
/* Classes fuer Systemmeldungen und Modulpark-Login */
.messageNormal, .messageError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #E10915;
	font-weight: bold;
}
.mpfusszeile {
	color: #010101;
	text-decoration: none;
}
a.mpfusszeile:link {
	color: #010101;
	text-decoration: none;
}
a.mpfusszeile:visited {
	color: #010101;
	text-decoration: none;
}
a.mpfusszeile:hover {
	color: #FF0000;
	text-decoration: none;
}
/* Ausgabe fuer Volltextsuche */
.SucheTitle, .SucheSummary, .SucheMeta, .SucheUrl, .SucheFileSize, .SucheLastModified {
	font-size: 13px;
	line-height: 19px;
	color: #333;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
.SucheTitle {
	color: #014983;
	font-weight: bold;
}
.SucheSummary {
	color: #5C5C5C;
}
.SucheUrl {
	color: Red;
}
/*================== Formular =========================*/
.formularfeld {
	border:1px solid #ccc;
	padding:2px;
}
.radioWrap {
	width:300px;
}
.radioWrap label {
	font-size:12px;
}
label.formLabel {
	float:left;
	display:block;
}
.radioWrap, .checkWrap, .formularfeld.send, .formularfeld.reset {
	float:left;
}
span.clear {
	clear:both;
	display:block;
}
span.spacer {
	height:4px;
	display:block;
}
#mainContent input {
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease;
	-ms-transition: all 350ms ease;
	-o-transition: all 350ms ease;
	transition: all 350ms ease;
}
#mainContent input:focus {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	background:#ededed;
	color:#333;
}
option.formularfeld {
	line-height:19px;
}
.radioButton, .checkBox {
	margin:3px 3px 2px 0;
	float:left;
	border:none;
}
.formularfeld.selectField, .attachement {
	width:200px;
}
.formButton {
	border:1px solid #ccc;
	background:#fff;
	padding:2px 15px;
	min-width:70px;
}
.flexForm {
}
.flexFormTable {
	width:100%;
	line-height:0;
}
input[type="text"].flexForm, textarea.flexForm, select.flexForm {
	width:100% !important;
}
input[type="file"].flexForm { width:100% !important;}

.flexFormTable img {
	width:100% !important;
}
.flexFormRow>td {
	width:60%;
}
.flexFormRow>td:first-child {
	width:35%;
	padding-right:5%;
}

@media (max-width:500px) {
	#mp_body .flexFormTable, #mp_body .flexFormTable tbody, #mp_body .flexFormTable tr, #mp_body .flexFormTable td{
		display: block;
		width: 100%;
		padding: 0;
	}
	input[type="text"].flexForm, textarea.flexForm, select.flexForm{
		margin-bottom: 15px;
	}
}

/*================== Allgemein =========================*/
.clear {
	clear:both;
}
#mp_htmlFront img,
.fullsize img {
	max-width:100%;
}
hr {
	height:1px;
	border:0;
	margin:0;
	padding:0;
	border-bottom:1px solid #B0B0B0;
}
.left {
	float:left;
}
.right {
	float:right;
}
a {
	color:#e30613;
}
a:hover {
	color:#C00;
}
/*================== FontAwesome ===========================*/
.mobileButton>.mtbArrow:before, 
#mobileNavOpener:before, 
#mainContent ul li:before, 
#suche:before, #suche2:before,
#home-icon:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
/*================== Mobile ===========================*/
html {
	-webkit-text-size-adjust:none
}
#mainNav,
#footer-main-nav {
	display:none;
}
#balken-rot,
#mobileNavOpener {
	float:left;
}
#sprachNav,
#logo {
	float:right
}

.pages #mainContent,
.home #content,
#gridModul,
#newsHome,
footer {
	padding:25px 15px;
}
#gridModul{
	padding-top: 60px;
}
#newsHome{
	background:#ededed;
}
header #bottom {
	padding:0 15px;
}
header #top,
.home #mainContent {
	background:#ededed;
}
.home #mainContent {
	padding-top:30px;
}
#balken-rot {
	width:124px;
	height:40px;
	background:#e30613;
}
#home-icon {
	float:right;
    margin-top:10px;
    margin-right:10px;
}
#home-icon:before {
	content:"\f015";
	font-size:22px;
	color:#fff;
}
header #bottom {
	height:52px;
	position:relative;
}
/* Logo */
#logo {
	width:103px;
	margin-top:8px;
}
#logo a {
	display:block;
	line-height:0;
}
/
/* home-modul */
#home-modul {
	background:#fff;
}
#home-modul .box1,
#home-modul .box2,
#home-modul .box3,
#home-modul .box4 {
	margin-bottom: 10%;
}
#home-modul h2 {
	background: #e30613;
    padding: 8px 12px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    text-transform: none;
}
/* Content */
.pages .mpColCount-2 #content, 
.pages .mpColCount-2 #right,
.pages .mpColCount-3 #content, 
.pages .mpColCount-3 #right,
.pages .mpColCount-3 #left {
	margin-bottom:5%;
}
/* Footer */
#footer-bg {
	background:#2a2926;
}
#footer-nav ul{
	margin:0 -10px;
}
#footer-nav ul li{
	box-sizing:border-box;
	width:100%;
	padding:0 10px;
}
#footer-nav ul li {
	margin-bottom:25px;
}
#footer-nav ul li a {
	display:block;
	padding:3px 5px;
	color:#ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
#footer-nav ul li a:hover{
	color:#fff;
}
/* LVL2 */
#footer-nav ul li ul li {
	margin-bottom:0;
}
#footer-nav ul li ul li a {
	color:#ccc;
	border-bottom:0;
	font-weight:normal;
}

/* Suche */
#suche,
#suche2 {
	width:25px;
	height:25px;
	position:relative;
	float:right;
	margin-right: 20px;
    margin-top: 6px;
}
#suche { margin-right:0px;}

#suche a {width:25px; height:25px; display:block;}

#suche2 {
	height:35px;
	position: absolute;
    left: 25px;
    top: 10px;
    border-color: #999;
}
#suche:before,
#suche2:before {
	content: "\f002";
	font-size: 20px;
	text-align: right;
	top: 2px;
	position: absolute;
	width: auto;
	padding: 0;
	right: 6px;
	color: #999;
}
#suche2:before {
	top:6px;
}
.search {
	display:block;
	width:150px;
	height:24px;
	color:#999;
	padding:0 5px;
	border:none;
	position:absolute;
	left:1px;
	top:1px;
	background:none;
	border:none;
	font-size:14px;
}
#suche2 .search {
	height:33px;
}
.searchsubmit {
	display:block;
	position:absolute;
	height:25px;
	width:25px;
	top:0;
	right:0;
	background:none;
	border:0;
}
#suche2 .searchsubmit {
	height:33px;
	width:33px;
}
#galerie .img, .cn #galerie {
	height:200px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position:center center;
}
#galerie{
	background-image: url(Romay-Qongdao.jpg);
}
/* News */
.anTitle {
	margin-bottom:0;
}
/*================== Mobile 2 ===========================*/
@media (min-width:470px) {	
#home-modul .box1,
#home-modul .box2,
#home-modul .box3,
#home-modul .box4  {
	width:49%;
	float:left;
}
#home-modul .box2,
#home-modul .box4 {
	float:right;
}
#home-icon {
    margin-right:-30px;
}
#home-icon:before {
	color:#555;
}
}
@media (min-width:550px) {	
	#suche2 {display:block;}
	#mobileNav {
	top:0;
	}
	#galerie .img, .cn #galerie {
		height:250px;
	}
	
}
@media (min-width:800px) {
	#sprachNav {
	    padding-right: 15px;
	}
	#balken-rot{
		width: 160px;
	}
#footer-nav > ul {
	display: flex;
	flex-wrap: wrap;
}
#footer-nav ul li{
	float: left;
	width:20%;
	padding:0 10px;
}
#footer-nav ul li ul li {
	float:none;
	width:auto;
	margin-right:0;
}
}
/*================== Tablet ===========================*/
@media (min-width:940px) {	
#home-modul .box1,
#home-modul .box2,
#home-modul .box3,
#home-modul .box4  {
	width:23%;
	float:left;
	margin-right:2.6%;
}
#home-modul .box4 {
	margin-right:0;
}

}

/*================== Dektop =========================*/
@media (min-width:941px) {
#footer-nav ul li{
	float: left;
	width:14%;
	padding:0 10px;
}
#footer-nav ul li ul li {
	float:none;
	width:auto;
	margin-right:0;
}
#body-wrapper {
	position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
#mobileNavOpener,
#mobileNav,
#suche2 {
	display:none;
}	
#suche,
#mainNav {
	display:block;
}
header #bottom {
    height: auto;
}
#mainNav {
	width:25%;
	float:left;
}
#logo {
	width:206px;
}
section {
	width:75%;
	float:left;
}
#galerie .img, .cn #galerie {
	height:300px;
}

.pages #mainContent {
    max-width: 930px;
    box-sizing: border-box;
    margin: 0 auto;
}
.pages .mpColCount-2 #content, 
.pages .mpColCount-2 #right,
.pages .mpColCount-3 #content, 
.pages .mpColCount-3 #right,
.pages .mpColCount-3 #left {
	float:left;
	width:48%;
	margin-bottom:0;
}
.pages .mpColCount-2 #right {
	float:right;
}
.pages .mpColCount-3 #content, 
.pages .mpColCount-3 #right,
.pages .mpColCount-3 #left {
	width:30%;
	margin-right:5%;
}  
.pages .mpColCount-3 #right {
	margin-right:0;
}
/* Footer Nav */
#footer-bg {
    width: 100%;
}
footer {
	padding:25px 0;
}
footer .innen {
	max-width:1260px;
	margin:0 auto;
	padding:0 15px;
	box-sizing:border-box;
}

/*#footer-nav ul li:nth-child(4) {
	width:23%;
}
#footer-nav ul li:nth-child(5),
#footer-nav ul li:nth-child(6) {
	width:11%;
	}
#footer-nav ul li:last-child {
	margin-right:0;
}*/

/* News */
.newsWrap {
    max-width:48%;
    float:left;
}
.newsWrap:first-child {
    margin-right:4%;
}
}

/*================== Dektop =========================*/
@media (min-width:1200px) {
	#wrapper,
	header #bottom,
	header #top #w1780,
	#content,
	#gridModul #gridBoxWrap,
	#newsHome .anWrap,
	footer {
    	margin: 0 auto;
	}
	#content,
	#gridModul #gridBoxWrap,
	#newsHome .anWrap{
		max-width: 960px;
	}
	footer {
		padding:25px 0;
		padding-left:22%;	
	}
	footer .innen {
		/*max-width:70%;*/
		margin:0;
	}
	#footer-nav ul li{
		float: left;
		width:20%;
		padding:0 10px;
	}
	#footer-nav ul li ul li {
		float:none;
		width:auto;
		margin-right:0;
	}
	header #top .innen,
	header #bottom .innen {
	max-width: 900px;
    padding-left: 320px;
    margin: 0 auto;
	}
	#mainNav {
		max-width:none;
		width:22%;
	}
	
	section {
		width:78%;
	}
	#galerie .img, .cn #galerie {
		height:350px;
	}
	#pages-galerie{
	min-height: 330px;
}
}
@media (min-width:1600px) {
	#mainNav {
		width:17%;
	}
	
	section {
		width:83%;
	}
	#galerie .img, .cn #galerie {
		height:450px;
	}
	footer{
		padding-left: 17%;
	}
	footer .innen {
		max-width:81%;
	}
	#footer-nav ul li{
		float: left;
		width:14%;
		padding:0 10px;
	}
	#footer-nav ul li ul li {
		float:none;
		width:auto;
		margin-right:0;
	}
}

@media (min-width:1990px) {
	#galerie .img, .cn #galerie {
		height:550px;
	}
}

.enlarge {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(enlarge.png) no-repeat center;
    z-index: 50;
    opacity: 0;
}
#gridModul{
}


/*#gsearch_layer, #suche { display:none;}*/

/*#dsgvo #acceptPrivacyPolicy{
	display: inline-block;
	padding: 2px 12px;
	border-radius: 5px;
	margin-left: 10px;
	margin-top: 5px;
	background: #E30613;
	color: #fff;
}*/