@font-face{
	font-family:"texgyReg";
	font-style:normal;
	font-weight:400;
	src:url("font/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"),url("font/texgyreadventor-regular-webfont.woff") format("woff"),url("font/texgyreadventor-regular-webfont.ttf") format("truetype"),url("font/texgyreadventor-regular-webfont.svg#texgyregular") format("svg");
}
html{min-height:100%;}
body{
	font-family:texgyReg;
	font-size:100%;
	line-height:1;
	width:100%;
	min-height:100%;
	background-color:white;
	transition:background .8s;
}
h2{
	font-size:22px;
	line-height:22px;
}
p{
	font-size:12px;
	line-height:15px;
}

.textcontainer{
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	text-align:left;
}

/* Container (Inhalte-Feld) */
#whole{
	margin:0 auto;
	width:960px;
	min-height:100%;
	position:relative;
}

/* Fixierter Kopfbereich des Containers */
#containerHead{
	position:fixed;
	top:0;
	background-color:#fff;
	width:962px;
	height:177px;
	z-index:20;
}
#bordered{ /* Umrandung */
	position:relative;
	top:7px;
	width:960px;
	height:170px;
	box-sizing:content-box;
	border:1px black solid;
	background-color:#fff;
	z-index:10;
}

/* Oberer Kopfbereich */
#head{
	margin:0;
	border-bottom:1px solid black;
	padding-bottom:5px;
	background-color:#fff;
}
#head h1,#head h2,#head h3{
	font-style:normal;
	font-weight:400;
	margin:0;
	text-align:center;
}
#head h1{
	margin-bottom:5px;
	font-size:28px;
	line-height:30px;
}
#head h1 span{
	margin-left:120px;
}
#head h2,h3{
	font-size:17px;
	line-height:19px;
	font-style:normal;
	font-weight:400;
	margin:0;
}
#head h2{
	text-align:center;
}

/* Unterer Kopfbereich */
/* a) linkes Feld: */
#obli00{
	position:relative;
	float:left;
	height:130px;
	width:175px;
	z-index:1;
	/* background:yellow; */
}
#obli00 form{
	font-size:12px;
	line-height:12px;
	height:25px;
	padding:3px 2px 1px 5px;
	margin:0;
}
#obli00 select{
	background-image:none;
	padding:0;
	width:170px;
	border-left:medium none;
	border-top:medium none;
	outline:0 none;
}
option:hover{
	background-color:#dfdfdf;
}
/* b) mittleres Feld: */
#obli01{
	float:left;
	width:90px;
	z-index:1;
}
#link1, #link2, #swBT{
	position:relative;
	box-shadow:-2px -2px 1px 0 gray inset;
	font-size:11px;
	line-height:11px;
	margin-left:5px;
	top:4px;
	outline:0 none;
	padding:0 7px 2px;
}
#link2 {
	top:12px;
}

#link1:active, #link2:active, #swBT:active{
	box-shadow:2px 2px 1px -1px gray inset;
	opacity:1;
	padding:1px 6px;
}
/* c) rechtes Feld: */
#floatright{
	float:right;
	position:relative;
	right:350px;
	padding-bottom:5px;
	text-align:left;
}
#floatright h3{ /* projektbez / autorbez */
	margin-top:3px;
	margin-bottom:0;
	padding:0;
	font-size:24px;
	line-height:26px;
}
#floatright h4{ /* Kategorie */
	margin-top:12px;
	font-weight:400;
}
#floatright p{ /* geposteter Text */
	margin-top:0;
	font-size:12px;
	line-height:12px;
	hyphens:auto;
	padding-right:8px;
	text-align:justify;
}

/* Unterer Container-Teil (unterhalb des fixierten Kopfes) */
#span{
	clear:both;
	position:absolute;
	width:960px;
	min-height:100%;
	top:177px;
	z-index:1;
	margin-bottom:100px;
	padding-top:20px;
	box-sizing:content-box;
	border:1px black solid;
}
#defaultSpan{ /* Default-Image */
	text-align:center;
	margin:20px 0 40px;
}

/* Post-Inhalt:  */
a:focus,a:link,a:visited{
	color:#000;
	outline:0 none;
	text-decoration:none;
}
a:hover{
	background-color:#fafafa;
	opacity:0.7;
}
input,button,textarea{
	background:#fff;
	border:1px solid #000;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

figure{
	position:relative;
	display:inline-block;
	border:none;
	background:none;
}
#span h3{
	font-size:16px;
	line-height:24px;
	margin-bottom:15px;
	font-weight:700;
}
#span p{
	margin-top:0;
}
#span div div{
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.media-content{
	width:100%;
	height:720px;
	margin:auto;
}
video{
	background-color:black;
	display:block;
	width:100%;
	/*height:auto !important;*/
	max-width:960px;
	max-height:720px;
	margin:auto;
}
.media-content button{
	display:block; /*none*/
	width:66px;
	height:23px;
	margin:15px auto !important;
	padding-bottom:2px;
	background-color:rgba(200,200,200,0.9) !important;
	border:rgba(200,200,200,0.9);
	border-radius:7.5%;
}
 /* Chrome 29+ */
.audioFile {width: 100%}
@media screen and (-webkit-min-device-pixel-ratio:0) 
	and (min-resolution:.001dpcm){
	.audioClass{overflow: hidden;width:390px;} /* HIDE DOWNLOAD AUDIO BUTTON */
	.audioFile {width: 420px;}
}
/* Chrome 22-28 */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.audioClass{overflow: hidden;width: 390px;} /* HIDE DOWNLOAD AUDIO BUTTON */
	.audioFile{width: 420px;}
}
/* video::-internal-media-controls-download-button{display:none;}  Chrome 22-28 */
/* video::-webkit-media-controls-enclosure{overflow:hidden;} */
/* video::-webkit-media-controls-panel{width: calc(100% + 30px);} Adjustable as needed */
figcaption{
	position:absolute;
	left:5px;
	text-align:left;
}
#cboxTitle{
	cursor:pointer;
	font-size:11px;
}
#cboxInterval button{
	color:black;
}
/*
:-webkit-full-screen {
	background-color:white;
}
:-moz-full-screen {
	background-color:white;
}
:-ms-fullscreen {
	background-color:white;
}
:full-screen {
	background-color:white;
}
:fullscreen {
	background-color:white;
}
::backdrop {
	background-color:white;
}
::-ms-backdrop {
	background-color:white;
}
*/
/* unterhalb des geposteten Inhalts: */

#swBT{
	position:relative;
	border:none;
	box-shadow:-2px -2px 1px 0 gray inset;
	font-size:11px;
	line-height:11px;
	margin-left:5px;
	top:20px;
	outline:0 none;
	padding:6px;
	visibility:hidden;
}

#footer{
	font:10px/40px Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#333;
	text-align:center;
}
#oben{
	position:fixed;
	bottom:10px;
	right:0;
	width:100%;
	text-align:center;
	z-index:200;
}
#oben a{
	padding:4px;
	width:40px;
	height:40px;
	border:1px solid rgba(127,127,127,.25);
	border-radius:20px;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.sum{
	text-align:right;
	padding-right:20px;
	margin-top:-5px;
	margin-bottom:50px;
}