html {
	overflow-y: scroll;	
}

div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input,
p, blockquote, th, td {
	margin:0;
	padding:0;
}

ol, ul {
	list-style:none;
}

img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.kleiner {
	font-size:0.9em;
}
.nochkleiner {
	font-size:0.7em;
}

.bgcOrange {
	background-color:#f29633 !important;	
}

.bgcBlau {
	background-color:#253585 !important;	
}

.bgcRot {
	background-color:#cd1414 !important;	
}

.bgcLila {
	/*background-color: #6e23a0 !important;*/
	background-color: #49347c !important;
}

.bgcGruen {
	background-color: #007f50 !important;
}

a {
	color:#253585;
	text-decoration:none;
}
/*a:hover {
	color:#ef7c00;
}*/

body {
	font-family:"Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:normal;
	background:#ffffff;
	margin:0; 
	padding:0;
	text-align:center; 
	color:#000000;
}

#wrapper {
	margin: 0 15px;
	text-align: left; 
}

#menuToggle {
	/*text-align: right;*/
	margin-top: 15px;
	margin-bottom: 15px;
}

#maincontainer {
}

#menu {
	display: flex;
	flex-flow: row nowrap;
	column-gap: 15px;
	margin: 0 0 30px 0;
}

#logo {
/*	height:131px; 
	width:167px;*/
	padding:0;
	margin:0;
	flex-basis: 100%;
} 

#languages {
	padding: 0;
	margin: 25px 0;
	text-align: left;
}

#languages ul {
	font-size:14px;	
	/*line-height:1.0;*/
}

#languages li {
	display:block;
	margin: 20px 0;
	font-size:14px;	
	/*line-height:1.0;*/
}

#navigation {
	padding: 0;
	margin: 0;
	/*position: relative;*/
}

#navigation li {
	width:154px;
	height:70px;
	/*background-image:url('/pics/comm/nav/standard.gif');*/
	display:block;
	/*vertical-align:bottom;*/
	margin: 10px 0;
}
#navigation li:first-child {
	margin: 0;
}

#navigation li a {
	display:flex;
	justify-content: center;
	align-items: center;
/*	width:131px;
	height:81px;*/
	height:100%;
	background-color:#f29633;
}

#navigation li a span {
	display:block;
	text-align:center;
	margin: auto 0;/*xxx*/
	color:white;
	font-size:17px;
	line-height:19px;
	background-color:#f29633;
}

#maincontent {
	padding: 0;
	margin: 30px 0 0 0;
}

#maincontent ul.mplist {
	display:block;
	padding:0;
	margin:0;	
}

#maincontent ul.mplist li {
	display:inline-block;
	list-style:none;
	width:145px;
	margin:1px 2px 1px 0;
	padding:0;
}

#maincontent ul.mplist li span {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:white;
	margin:0;
	padding:4px 0;
	cursor:pointer;
}

#maincontent ul.mplist li a {
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:white;
	margin:0;
	padding:4px 0;
}


#maincontent ul.pans {
	display:block;
	padding:0;
	margin:0;	
}

#maincontent ul.pans li {
	display:inline-block;
	float:left;
	list-style:none;
	width:131px;
	height:81px;
	margin:0 22px 10px 0;
	padding:0;
	background-color:#f29633;
}

#maincontent ul.pans li:last-child {
	margin-right:0;
}

#maincontent ul.pans li a {
	display:table;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#maincontent ul.pans li a span {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	text-align:center;
	color:white;
	font-size:17px;
}

#maincontent h1 {
	font-size:30px;
	/*font-style:italic;*/
	margin:0 0 15px 0;
	padding:3px 5px 3px 5px;
	font-weight:normal;
	color:#ffffff;
	background-color:#f29633;
}

#maincontent h2 {
	font-size:24px;
	font-style:italic;
	margin:20px 0 10px 0;
	padding:3px 5px 3px 5px;
	font-weight:normal;
	color:#ffffff;
	background-color:#253585;
}
#maincontent h2:first-child {
	margin-top: 0 !important;
}
#maincontent h1 + h2 {
	margin-top: 0 !important;
}

#maincontent h3 {
	font-size:18px;
	margin:20px 0 10px 0;
	padding:2px 5px 2px 5px;
	font-weight:normal;
	color:#ffffff;
	background-color:#253585;
}

#maincontent h4 {
	font-size:16px;
	margin:20px 0 10px 0;
	padding:2px 5px 2px 5px;
	font-weight:normal;
	color:#ffffff;
	background-color:#253585;
}

#maincontent p {
    margin:0 0 6px 0;
    padding:0;
}

#maincontent p.untertitel {
    /*font-size:1.1em;*/
    font-weight:bold;
    font-style:italic;
    line-height:0.95;
    margin-top:2px;   
}


#maincontent p a:hover {
	text-decoration:underline;
}

/*#maincontent ul {
    list-style:disc none outside;
    margin-left:2em;
    margin-bottom:6px;
    margin-top:6px;
}*/

#aside {
	padding: 0;
	margin: 15px 0 0 0;
	width: 154px;
}

#aside li {
    display:block;
    width:167px;
    margin-bottom:15px;
}

#aside li a {
    display:block;
    width:167px;
	text-align:center;
	font-weight:bold;
	/*color:black;*/
	font-size:13px;
	line-height:0.95;
}

#aside li img {
    margin-top:2px;
}

.appTable {
	max-width: 350px;
	margin: 0 auto;
	text-align: center;
}

.appTable h3 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.onlyLayoutSmall {
	display: block !important;
}

.onlyLayoutLarge {
	display: none !important;
}

@media (min-width: 800px) { /* 800px auch in _Layout.cshtml, tut_campixu2.css, ... */
	.onlyLayoutSmall {
		display: none !important;
	}

	.onlyLayoutLarge {
		display: block !important;
	}
}

@media (min-width: 800px) { /* 800px auch in _Layout.cshtml, tut_campixu2.css, ... */
	#wrapper {
		margin: 0 auto;
		position: relative;
		width: 780px;
	}

	#maincontainer {
		position: absolute;
	}

	#menu {
		display: block;
		margin: 0;
	}

	#logo {
		position: absolute;
		left: 0;
		top: 20px;
	}

	#languages {
		padding: 0;
		margin: 0;
		position: absolute;
		left: 190px;
		top: 6px;
		height: 12px;
		width: 590px;
		text-align: right;
	}

	#languages ul {
		font-size: 12px;
		line-height: 1.0;
	}

	#languages li {
		display: inline;
		margin: 0 0 0 10px;
		font-size: 12px;
		line-height: 1.0;
	}

	#navigation {
		position: absolute;
		left: 190px;
		top: 20px;
		height: 131px;
		width: 590px;
	}

	#navigation li {
		width: 131px;
		height: 131px;
		background-image: url('/pics/comm/nav/standard.gif');
		display: block;
		vertical-align: bottom;
		margin: 0;
	}

	#navigation li.navigationMags:hover {
		background-image: url('/pics/comm/nav/lesende_eule.gif');
	}

	#navigation li.navigationPuzzles:hover {
		background-image: url('/pics/comm/nav/gluehbirne_eule.gif');
	}

	#navigation li.navigationContact:hover {
		background-image: url('/pics/comm/nav/kontakt_eule.gif');
	}

	#navigation li.navigationApps:hover {
		background-image: url('/pics/comm/nav/app_eule.gif');
	}

	#navigation li a {
		display: block;
		width: 131px;
		height: 81px;
		/*		background-color: #f29633;*/
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#navigation li a span {
		width: 131px;
		position: absolute;
		bottom: 2px;
		left: 0;
	}

	#navigation1 {
		position: absolute;
		left: 0;
		top: 0;
	}

	#navigation2 {
		position: absolute;
		left: 153px;
		top: 0;
	}

	#navigation3 {
		position: absolute;
		left: 306px;
		top: 0;
	}

	#navigation4 {
		position: absolute;
		left: 459px;
		top: 0;
	}

	#maincontent {
		position: absolute;
		left: 190px;
		top: 170px;
		width: 590px;
		padding: 0;
		margin: 0;
	}

	#aside {
		margin: -1px 0 0 0;
		width: 167px;
		position: absolute;
		left: 0;
		top: 170px;
	}

	.appTable {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto auto auto;
		grid-column-gap: 10px;
		max-width: none;
		text-align: center;
	}

	.appTable h3 {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}

	.appTableHeader1 { grid-column: 1; grid-row: 1; }
	.appTableText1 { grid-column: 1; grid-row: 2; }
	.appTableBadge1 { grid-column: 1; grid-row: 3; }

	.appTableHeader2 { grid-column: 2; grid-row: 1; }
	.appTableText2 { grid-column: 2; grid-row: 2; }
	.appTableBadge2 { grid-column: 2; grid-row: 3; }

	.appTableHeader3 { grid-column: 3; grid-row: 1; }
	.appTableText3 { grid-column: 3; grid-row: 2; }
	.appTableBadge3 { grid-column: 3; grid-row: 3; }
}