html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}




body {
	background-color: #333;
	background-image:url(img/hintergruende/backgr.jpg);
	background-attachment:fixed;
	background-size:cover;
        font-family: 'Oswald-Light', Arial, sans-serif;
        font-size: 1em;
        color: ivory;
}


a, a:link {
     text-decoration: none;
     color: #D81818;

}
	a:hover, a:focus, a:active {
     	text-decoration: underline;
     	color: #888;
	}
	a:visited {
     	text-decoration: none;
     	color: #D81818;
	}

h1 {
	font-family:'Oswald-Regular', Arial, sans-serif;font-weight:bold;text-align:center;font-size:2.5em;	
}
	h2 {font-family:'Oswald-Regular', Arial, sans-serif;font-weight:bold;font-size:1.75em;}
	h3 {font-family:"Times New Roman", Times, serif;font-weight:bold;font-size:1.625em;font-variant:small-caps;}
	h4 {font-weight:bold;font-size:1.313em;}

._clr {clear:both;}

.holder {width:calc(100% - 64px);padding:0 32px;}

#header {width:100%;overflow:hidden;position:fixed;z-index:2;}
	.header {width:100%;height:160px;background-image:url(img/hintergruende/menubar.jpg);background-size:cover;text-align:left;}
		.headerlogo {display:inline-block;width:72px;height:115px;margin-top:24px;margin-right:32px;margin-left:32px;float:left;}
			.headerlogo:focus, .headerlogo:hover {opacity:0.8;}
		.navline {list-style:none;display:inline-block;}
			.navline li {float:left;padding:74px 32px;}
				.navline li:hover, .navline li:focus {background:black; color:#ffcc44 !important;} .navline li:hover a, .navline li:focus a {background:black; color:#ffcc44 !important;}
		.headernav {display:block;font-family:Verdana, Geneva, sans-serif;font-weight:bold;letter-spacing:-1px;color:white;font-size:0.875em;white-space:nowrap;}
			.headernav a, headernav a:link, headernav a:visited {display:inline;font-family:Verdana, Geneva, sans-serif;font-weight:bold;letter-spacing:-1px;color:white;text-decoration:none;}
				.headernav a:focus, .headernav a:hover, .headernav a:active {color:#ffcc44;}
				.headernav li ul {width:200px;padding-top:72px;display:none;}
					.headernav li:hover ul {display:block;position:absolute;}
						.headernav li:hover ul li {border-top:1px solid #565;background:#343;color:white; padding:8px 16px;font-size:0.875em;position:relative;z-index:1;}		.headernav li:hover ul li:hover {background:#111; color:#ffcc44;padding:8px 16px;}
		.headersocialline {display:inline-block;height:32px;margin:4px 32px 146px;vertical-align:middle;}
			.headersociallink {display:inline-block;padding:12px 6px !important;background:none !important;}
				.headersociallink:focus, .headersociallink:hover {opacity:0.72;}
			.headersocial {height:20px;display:inline-block;}
		.mobilemenu {display:none;padding:56px 32px 48px;margin-top:-16px;right:32px;position:absolute;}
			.mobilemenubutton {font-size:5.0em;font-weight:bold;color:white;}
			.mobilemenu:hover, .mobilemenu:focus {background:black;color:#ffcc44 !important;}
				.mobilemenu ul {display:none;padding-top:48px;}
				.mobilemenu:hover ul, mobilemenu:focus ul {display:block;position:absolute;}
					.mobilemenu:hover ul li, mobilemenu:focus ul li {width:160px; margin-left:-98px;background:#343;border-top:1px solid #565;color:white;padding:8px 16px;font-size:0.875;position:relative;z-index:1;}
						.mobilemenu ul li:hover, .mobilemenu ul li:focus {background:black;color:#ffcc44;}	
		.headershadow {background:black;opacity:0.88;width:100%;margin:0;height:8px;}
		.headerspacer {width:100%;background:transparent;height:160px;display:none;}
#header:hover .headerspacer {display:block;}
		
.topspacer {height:192px;width:100%;}

#content {width:100%;color:#565;}
	.titleimage {width:80%;}
	
	.projects {width:100%;margin-top:-2px;margin-bottom:-2px;padding:8px 0;background:black;color:ivory;font-size:0.938em;}
		._project {display:inline-block;width:240px;margin:8px 24px;}
			.bckgr_kurs {background-image: linear-gradient(#111133, #444488, #111133);width:240px;height:200px;vertical-align:middle;text-align:center;display:table-cell;}
			.bckgr_gmul {background-image: linear-gradient(#220800, #882200, #220800);width:240px;height:200px;vertical-align:middle;text-align:center;display:table-cell;}
			.bckgr_toi {background-image: linear-gradient(#331100, #880000, #331100);width:240px;height:200px;vertical-align:middle;text-align:center;display:table-cell;}
			._project img {display:inline-block;width:200px;height:auto;margin:auto;z-index:-1;}
			._project .textbox {background-image:url(img/hintergruende/backgr.jpg);background-size:cover;width:85%;height:180px;padding:7.5%;color:#111;overflow:hidden;line-height:1.25;}
	
	.news {display:flex;}
		.news p {line-height:1.25;margin-top:8px;}
		.news_left {width:40%;margin:2.5%;padding:2.5%;background-image:url(img/hintergruende/2_box_greygreen.png);background-size:cover;color:#bdb;font-size:1em;text-align:left;}
		.news_right {width:40%;margin:2.5%;padding:2.5%;background-image:url(img/hintergruende/2_box_red.png);background-size:cover;color:#eedd66;font-size:1em;text-align:left;}
	
#footer {width:100%;background:black;color:ivory;font-size:0.875em;overflow:hidden;opacity:0.95;z-index:1;}
	.fnav {width:100%;margin:32px auto;text-align:center;}
		.fnav a, .fnav a:link, fnav a:visited {display:inline-block;font-family:Verdana, Geneva, sans-serif;letter-spacing:-1px;color:#eeaa22;margin:16px 32px;font-weight:bold;text-decoration:none;}
		.fnav a:active, .fnav a:hover, .fnav a:focus {color:white;}
	.fsoc {width:100%;margin:16px auto;text-align:center;}
		.fsoc a img {display:inline-block;width:auto;height:24px;margin:16px 8px !important;}
			.fsoc a img:hover, .fnav img:focus {opacity:0.72;}
	.fcopy {width:100%;font-size:0.875em;text-align:center;padding-top:4px;border-top:1px ivory solid;}
		.fcopy a, .fcopy a:link, fcopy a:visited {display:inline-block;font-family:Verdana, Geneva, sans-serif;letter-spacing:-1px;color:#eeaa22;margin:4px 8px;font-weight:bold;text-decoration:none;}
		.fcopy a:active, .fcopy a:hover, .fcopy a:focus {color:white;}

	.fcookie {width:100%;font-size:0.875em;text-align:center;padding:8px auto;}
		.fcookie a, .fcookie a:link, .fcookie a:active {color:#eeaa22;}
		.fcookie a:active, .fcookie a:hover, fcookie a:focus {color:white;}
		
	.horline {width:65%;margin:auto;}	
		
	.mp_imgbox {width:40%;padding:5%;height:100%;display:table-cell;vertical-align:middle;float:left;}
		.mp_imgbox img{width:80%;display:inline-block;vertical-align:middle;}
	.mp_textbox {width:40%;padding:5%;display:block;float:right;}
		.mp_textbox p {text-align:left;color:#111;font-size:1.125em;}
	.mp_button {display:inline-block;background:#880000;color:#ffcc44;font-size:1.125em;font-weight:bold;padding:16px;border-radius:4px;margin:auto;}
		.mp_button:hover, .mp_button:focus {background:#cc0000;color:white;}
		
	.dl_row {text-align:center;width:100%;display:block;vertical-align:middle;border-bottom:1px solid #cccccc;}
		.dl_desc {text-align:left;display:inline-block;font-size:1em;width:40%;padding:0.5%;}
		.dl_col {text-align:center;display:inline-block;width:10%;padding:0.5%;}
	.dl_button_active {display:inline-block;background:#880000;color:#eeeeee;font-size:0.938em;font-weight:bold;padding:8px;border-radius:4px;margin:auto;vertical-align:middle;letter-spacing:-0.5px;}
		.dl_button_active:hover, .dl_button_active:focus {background:#cc0000;color:white;}
	.dl_button_inactive {display:inline-block;background:#888888;color:#eeeeee;font-size:0.938em;padding:2px;border-radius:4px;margin:auto;vertical-align:middle;}
	.dl_doc {text-align:left;display:inline-block;font-size:1.063em;width:62%;padding:0.5%;}
		.dl_doc img {display:inline-block;width:100%;}