body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	background-color: #FFFFFF;
}

.content{ 
	position: relative;
	margin-right: 50%;
	width: 503px;	
	background:#000;
	background:rgba(0, 0, 0, 0.8);
	top: 0px;
	left: 0px;
	padding-top: 40px;
}

.nav-pag {
    position: fixed;
    top: 50%;
    right: 20px;
    z-index: 10;
}

.nav-pag li span {
    border-image: url('none') 100% 100% 100% 100% 1 1 1 1 0 0 0 0 stretch stretch;
	display: block;
    width: 8px;
    height: 8px;
    text-indent: -23em;
    border: 1px solid #3C948B;
        border-right-width-value: 1px;
        border-right-width-ltr-source: physical;
        border-right-width-rtl-source: physical;
        border-left-width-value: 1px;
        border-left-width-ltr-source: physical;
        border-left-width-rtl-source: physical;
        border-right-style-value: solid;
        border-right-style-ltr-source: physical;
        border-right-style-rtl-source: physical;
        border-left-style-value: solid;
        border-left-style-ltr-source: physical;
        border-left-style-rtl-source: physical;
        border-right-color-value: #3C948B;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        border-left-color-value: #3C948B;
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        overflow-x: hidden;
        overflow-y: hidden;
    cursor: pointer;
    border-radius: 50%;
        transition-property: all;
        transition-duration: 0.25s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
}

.mandator
{
	font-family: mandator;
	COLOR: #000000;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal
}
p{
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 20px;
}

p, ul{
	font-family: 'Source Sans Pro', sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
	text-align: center;
}

<style type="text/css">

.auto-style1 {
	text-align: center;
	font-family: Jura, serif
}
.auto-style2 {
	font-size: 32pt;
	font-family: Jura, serif;
	color: #000000;
}
.auto-style3 {
	font-size: 52pt;
	font-family: Jura, serif
}
.auto-style5 {
	font-family: Jura;
	font-size: 20pt;
}

.auto-style13 {
	color: #000000;
	font-size: small;
	font-family: Jura, serif;
	text-align: center;
}

.auto-style14 {
	font-family: Verdana;
	font-size: 32pt;
	}

.auto-style17 {
	text-align: left;
}

.auto-style18 {
	text-align: center;
	font-size: 20pt;
}

.auto-style19 {
	text-align: right;
}

.auto-style20 {
	font-size: 32pt;
}

.auto-style26 {
	color: #A9A9A9;
}
a {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}

.auto-style27 {
	color: #EFEFEF;
}

.auto-style30 {
	font-size: 20pt;
}

.auto-style35 {
	font-family: Jura;
	font-size: 16px;
}
.auto-style36 {
	font-family: Jura;
	font-size: 24px;
}
.auto-style39 {
	color: #EEEEEE;
}

.auto-style40 {
	color: #C00000;
}

.auto-style41 {
	color: #FFFFFF;
	text-decoration: none;
}

a:active {
	color: #FFFFFF;
}

a:hover {
	color: #BABABA;
}

.auto-style42 {
	font-family: Verdana;
	text-align: center;
}

#media1 {
	height: 278px;
	width: 303px;
}

.table-cell {
	width: 392px;
}
.auto-style48 {
	font-family: Jura;
	font-size: xx-large;
	color: #C00000;
}
.auto-style49 {
	width: 457px;
	text-align: justify;
}
.auto-style54 {
	font-family: Verdana;
	font-size: 14px;
}
.auto-style55 {
	font-size: 14px;
}
.auto-style58 {
	color: #000000;
	text-decoration: underline;
}
.auto-style59 {
	color: #C00000;
	text-align: left;
}
.auto-style60 {
	text-align: left;
	text-decoration: underline;
}
.auto-style61 {
	color: #C00000;
	text-align: left;
	text-decoration: underline;
}
.auto-style62 {
	color: #63A830;
}
.auto-style63 {
	font-family: Jura;
	font-size: xx-large;
	color: #63A830;
}
.auto-style64 {
	color: #63A830;
	text-align: left;
	text-decoration: underline;
}
.auto-style66 {
	color: #63A830;
	text-align: left;
	font-size: 11px;
}
.auto-style67 {
	font-size: 11px;
}
.auto-style68 {
	text-align: left;
	font-size: 11px;
}
.auto-style71 {
	color: #336699;
}
.auto-style72 {
	font-family: Jura;
	font-size: xx-large;
	color: #000000;
}
.auto-style74 {
	color: #000000;
}
.auto-style75 {
	font-family: Exo;
	font-size: 18pt;
}
.auto-style76 {
	font-family: Jura;
}
.auto-style77 {
	font-family: Jura;
	font-size: xx-large;
	color: #336699;
}
.auto-style78 {
	color: #336699;
	text-align: left;
	text-decoration: underline;
}
.auto-style79 {
	color: #336699;
	text-align: left;
	font-size: 11px;
}
.auto-style80 {
	font-weight: normal;
	font-size: 14px;
}
.auto-style81 {
	font-family: Jura;
	color: #000000;
}
.auto-style82 {
	font-family: Verdana;
	font-size: 32pt;
	text-align: center;
}
.auto-style83 {
	font-family: Verdana;
	font-size: 14px;
	text-align: justify;
}
.auto-style84 {
	height: 61px;
	text-align: center;
}
.auto-style85 {
	font-family: Jura;
	font-size: 30px;
}

.auto-style86 {
	font-size: 1pt;
}
.auto-style87 {
	text-align: justify;
}
.auto-style88 {
	font-family: Verdana;
	font-size: 32pt;
	text-align: justify;
}
.auto-style89 {
	font-family: Verdana;
	text-align: center;
}
.auto-style90 {
	font-size: small;
}
.auto-style91 {
	color: #63A830;
	text-align: left;
	font-size: small;
}
.auto-style92 {
	font-family: Jura;
	font-size: xx-large;
	color: #63A830;
	text-align: left;
}
.auto-style93 {
	text-align: left;
	font-size: small;
}
.auto-style94 {
	color: #336699;
	text-align: left;
	font-size: small;
}
.auto-style95 {
	color: #C00000;
	text-align: left;
	font-size: small;
}
.auto-style96 {
	font-size: medium;
}
.auto-style97 {
	font-family: Verdana;
	text-align: justify;
}
.auto-style98 {
	font-family: Verdana;
	text-align: center;
	font-size: medium;
}
.auto-style99 {
	font-family: Verdana;
	font-weight: normal;
	font-size: 14px;
}
</style>


/* For all standardkonform Browser */


#content_container {
    padding-bottom:3em;
}
#header {
    position:fixed;
    top:-3px; left:0px; right:0px;
    background:#efefef;
    text-align:center;
    padding:0px;
    height:55px
}


/*only for Internet Explorer via Star-HTML-Hack */

* html, * html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

* html #content_container {
    padding:0;
    height:95%;
    overflow:auto;
}


/* For Internet Explorer */

* html #header {
    margin:0;
    height:10%;
}

img{
	margin: 0px;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	float: none;
	vertical-align: middle;
	}

h1, #pixels{
	font-family: Exo;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family: Exo;
	font-size:24px;
	font-weight:500;
	font-style:normal;
}

h3{
	font-family: Exo;
	font-size:18px;
	font-size-adjust:0.531;
	font-style:normal;
	font-weight:bold;
}
h6{
	font-family: Exo;
	font-size:54px;	
	font-style:normal;
	font-weight:bold;
	color:#3C9;
	display:inline;
}

#header h1, #pixels{
	font-family: Exo;
	color: #FFFFFF;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 1.5em;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 80px 0;
	text-align: center;
}


#home{
	background:url('../KBS%20Website/Bilder/intro.jpg') no-repeat fixed center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFF;
	font-family: 'Exo', sans-serif;
	font-size: 15px;
	height: 1000px;
	margin: 0;
	padding: 0px 0 0 0;
	position: relative;
	margin: 0 auto
}

#second{
	background:url('Bilder/.jpg') no-repeat fixed center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Exo', sans-serif;
	font-size:15px;
	height: 1200px;
	overflow: hidden;
	padding: 0;
	position: relative;
	margin: 0 auto;
	text-align:center;
}

#third{
	background:url('../KBS%20Website/Bilder/intro.jpg') no-repeat fixed center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Exo', sans-serif;
	font-size:15px;
	height: 400px;
	overflow: hidden;
	padding: 0;
	position: relative;
	margin: 0 auto;
	text-align:center;
}

#fourth{
	background:url() no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height:550px;
	margin: 0;
	padding: 0px 0 0 0;
	margin: 0 auto;
	text-align:center;
}

#fifth{
	background:#c00000 no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 950px;
	margin: 0;
	overflow: hidden;
	padding: 0px 0 0 0;
}

#sixth{
	background:url('../KBS%20Website/Bilder/intro.jpg') no-repeat fixed center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 400px;
	margin: 0;
	padding: 0px 0 0 0;
}

#seventh{
	background:url() no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height:500px;
	margin: 0;
	padding: 0px 0 0 0;
	margin: 0 auto;
	text-align:center;
}

#eighth{
	background:#63a830 no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 700px;
	margin: 0;
	padding: 0px 0 0 0;
}

#nineth{
	background:url('../KBS%20Website/Bilder/intro.jpg') no-repeat fixed center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 400px;
	margin: 0;
	padding: 0px 0 0 0;
}

#tenth{
	background:url() no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height:500px;
	margin: 0;
	padding: 0px 0 0 0;
	margin: 0 auto;
	text-align:center;
}

#eleventh{
	background:#336699 no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 550px;
	margin: 0;
	padding: 0px 0 0 0;
}

#twelfth{
	background:url('../KBS%20Website/Bilder/EKquer.jpg') no-repeat fixed right 50%; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 1000px;
	margin: 0;
	padding: 0px 0 0 0;
}

#thirteenth{
	background:#000000 no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 90px;
	margin: 0;
	padding: 0px 0 0 0;
}

#fourteenth{
	background:url('../KBS%20Website/Bilder/EKquer.jpg') no-repeat fixed right 50%; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 1400px;
	margin: 0;
	padding: 0px 0 0 0;
}

#fifteenth{
	background:#000000 no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 90px;
	margin: 0;
	padding: 0px 0 0 0;
}

#sixteenth{
	background:url('../KBS Website/Bilder/MKquer.PNG') no-repeat fixed right 40%; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 1400px;
	margin: 0;
	padding: 0px 0 0 0;
}

#ruimpr{
	background:#000000 no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	height: 364px;
	margin: 0;
	padding: 0px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	width: 980px;
	text-align:center;
}

.story .float-l, .story .float-r{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	position: relative;
	width: 450px;	
	background:#fff;
	background:rgba(255, 255, 255, 0.95);
	top: -1px;
	left: 0px;
	padding-top: 10px;
	visibility: visible;
	margin-top: 0px;
}

.story .float-rgr{
	padding-left:40px;
	padding-right:20px;
	padding-bottom:20px;
	position: relative;
	width: 500px;	
	background:#fff;
	background:rgba(255, 255, 255, 0.95);
	top: 1px;
	left: 0px;
	padding-top: 10px;
	visibility: visible;
	margin-top: 0px;
}

.story .float-lgr{
	padding-left:40px;
	padding-right:20px;
	padding-bottom:20px;
	position: relative;
	width: 520px;	
	background:#fff;
	background:rgba(255, 255, 255, 0.95);
	top: 1px;
	left: 400px;
	padding-top: 10px;
	visibility: visible;
	margin-top: 0px;
}

.story .float-m{
	position: relative;
	width:100%;	
	background:#fff;
	background:#fff;
	top: 1px;
	left: 0px;
	padding-top: 10px;
	visibility: visible;
	margin-top: 0px;
	margin: 0 auto;
	text-align:center;
}

#boxhome{
	position: absolute;
	height: 50%;
	background:rgba(255, 255, 255, 0.65);
	right: 0;
	left: 0;
	top: 25%
}

#blockIA{
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
	width: 100%;
	height: 124%;
	background:#000;
	background:rgba(204, 0, 0, 0.8);	
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#blockPAOS{
	padding: 0px;
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
	width: 100%;
	height: 124%;
	background:#000;
	background:rgba(99, 168, 48, 0.8);	
	top: 0px;
	left: 0px;
	}

#blockOC{
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
	width: 100%;
	height: 124%;
	background:#000;
	background:rgba(54, 95, 145, 0.8);	
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#blockleer1{
	padding: 0px;
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
	width: 100%;
	height: 100%;
	background:#000;
	background: transparent;	
	top: 24px;
	left: 0px;
	}

#blockleer2{
	padding: 0px;
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
	width: 100%;
	height: 100%;
	background:#000;
	background: transparent;	
	top: 24px;
	left: 0px;
}

#blockProfil{
	padding: 0px;
	position: relative;
	margin-right: 0px;
	margin-top: -1px;
	width: 100%;
	height: 100%;
	background:#000;
	background: rgba(0, 0, 0, 0.8);	
	top: 25px;
	left: 0px;
}


#reach{
    border: 0px solid #000;
	position: absolute;
    font-size: 18px;
    display: block;
    z-index: 0;
    background-color: rgba(255, 255, 255);
    background-image: none;
    background-repeat: repeat;
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    height: 290px;
    -moz-user-select: none;
    cursor: default;
    margin-top:-5px;
}

#reachus{
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	width: 100%;
	height: 100%;
	background:#000;
	background:rgba(0, 0, 0, 0.8);	
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#logo{
	padding: 0px;
	position: relative;
	margin-left: 0px;
	margin-right: 20%;,
	margin-top: 0px;
	width: 50%;
	height: 100%;
	background:#000;
	background:rgba(0, 0, 0, 0.8);	
	top: 0px;
	left: 0px;
	}

.Impressum{ 
    vertical-align: top; 
    height:263px;
    color: #000000;
}

.list {
    display:none; 
    height:auto;
    width: 100%;
    margin:0;
    float: left;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline;
    width: 75px;
    height: 28px;
}
.hide:target {
    display: none; 
}
.hide:target ~ .list {
    display:inline; 
}

/*style (Impressum) (-) */
.hide, .show {
    width: 126px;
    height: 28px;
    font-size: 20px;
    color: #cccccc;
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 2px #000000;
    background: none repeat scroll 0% 0% #FFF;
    background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
    opacity: .95;
}

.hide:hover, .show:hover {
    color: #cccccc;
    text-decoration: none;
    box-shadow: 0 0 4px #000000 inset;
    opacity: 1;
    margin-bottom: 25px;
}

.list p{
    height:auto;
    margin:0;
}
.question {
    float: left;
    height: auto;
    width: 90%;
    line-height: 20px;
    padding-left: 20px;
    margin-bottom: 25px;
    font-style: italic;
}

#youtubepopup-container{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}

#youtubepopup-container .popup-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#youtubepopup-container .popup-close {
    background: url('../img/video_close_button.png') repeat scroll 0% 0% transparent;
    position: fixed;
    display: block;
    cursor: pointer;
    height: 46px;
    width: 46px;
    right: 20px;
    top: 20px;
}

#youtubepopup-container .popup-content {
    position: relative;
    background: none repeat scroll 0% 0% #FFF;
    margin: 20px auto;
    max-width: 70%;
    height: 0px;
    padding-top: 40%;
}

/* Responsive */

/* 960px > x */
@media only screen and (max-width: 959px) {

	.site-branding {
		max-width: 688px;
	}
	.site-image,
	.subscribe-form-wrapper .widget,
	.page-header,
	.page-content,
	.hentry,
	.entry-thumbnail,
	.site-main [class*="navigation"],
	#comments,
	#secondary {
		width: 688px;
	}
	.widget-area {
		width: 216px;
	}

}

/* 769px > x */
@media only screen and (max-width: 767px) {

	#page {
		display: block;
		min-height: 100%;
	}
	body:not(.has-primary-nav) #header-wrapper {
		display: none;
	}
	body:not(.has-primary-nav) #masthead {
		padding-top: 40px;
	}
	.site-branding {
		max-width: 80%;
	}
	.site-image {
		width: 80%;
	}
	.subscribe-form-wrapper .widget,
	.page-header,
	.page-content,
	.hentry,
	.entry-thumbnail,
	.site-main [class*="navigation"],
	#comments,
	#secondary,
	.widget-area {
		width: 100%;
	}
	#masthead {
		padding-top: 0;
	}
	.main-navigation,
	#social-links-wrapper {
		position: relative;
		left: auto;
		right: auto;
	}
	.menu-toggle {
		margin-right: -40px;
	}
	.main-navigation ul {
		padding: 0;
	}
	.main-navigation ul ul {
		padding: 0 0 0 10%;
	}
	#social-links-wrapper {
		padding: 20px 40px 0 40px;
	}
	.social-links {
		text-align: center;
	}
	.social-links li {
		display: inline-block;
		float: none;
	}
	.subscribe-form-wrapper {
		padding-left: 40px;
		padding-right: 40px;
	}
	.comment-list .comment .children .depth-2 .comment-body {
		padding-left: 5%;
	}
	.comment-list .comment .children .depth-3 .comment-body {
		padding-left: 10%;
	}
	.comment-list .comment .children .depth-4 .comment-body {
		padding-left: 15%;
	}
	.comment-list .comment .children .depth-5 .comment-body {
		padding-left: 20%;
	}
	.comment-list .comment .children .depth-6 .comment-body {
		padding-left: 25%;
	}
	.comment-list .comment .children .depth-7 .comment-body {
		padding-left: 30%;
	}
	#secondary {
		padding-left: 40px;
		padding-right: 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	.widget-area {
		float: none;
		margin-right: 0;
	}

}