/*
rot: #7A1F10 rgb(131, 22, 16)
blau: #002C52 rgb(0, 44, 82)
*/

/* DOM */

html, body, main, section, article, nav, aside, div, span, p, h1, h2, h3, h4, h5, h6, ul, li, table, tr, td {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: cantarellregular, Arial, sans-serif;
	text-align: center;
	background-color: #DDDDDD;
}

header {
	padding: 2em 1em 2em 1em;
}

header p {
	padding: 1em 1em 0px 1em;;
}

a, a:active, a:visited {
	color: inherit;
	text-decoration:inherit;
	decoration: none;
}

main, #main {
	padding-right: 1em;
	padding-left: 1em;
}

main, #main, section {
	box-sizing: border-box;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	padding: 1em 0px;
}

h2, h3 {
	font-weight: normal;
	padding: 0.5em 0px;
	clear:both;
}

p {
	margin-bottom: 1em
}

footer {
	clear: both;
	background-color: #002C52;
	color: white;
	padding: 1em;
}

td {
	vertical-align: top;
	width: auto;
	padding-right: 0.5em;
}

ul {
	list-style-type: none;
}

/* Classes */

.red {
	color: #7A1F10;
}

.blue {
	color: #002C52;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.floatLeft {
	float:left;
	padding-right: 1em;
}

.floatRight {
	float: right;
	padding-left: 1em;
}

.hidden {
	display: none;
}

.headerSpecial {
	padding: 2em 0px 0px 0px	;
}

.link {
	background-color: white;
}

.link:active {
	background-color: #DDDDDD;
}

.tileLink {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 49%;
	display: inline-block;
	padding: 1em 0em;
	text-align: center;
}

.stackLink {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* display: table; */
	width: 100%;
	padding: 1em 0em;
	margin-top: 1em;
	text-align: center;
	line-height: 3em;
	border-top: 2px solid #002C52;
}

.stackLink h2 {
	display: inline;
	text-align: left;
	line-height: 3em;
	vertical-align: middle;
	padding: 1em;
}

.stackLink img {
	/* display: table-cell; */
	text-align: right;
	height: 5em;
	vertical-align: middle;
}

.blueRightBorder {
	border-right: 2px solid #002C52;
	float: left;
}

.blueTopBorder {
	border-top: 2px solid #002C52;
}

.blueBottomBorder {
	border-bottom: 2px solid #002C52;
}

.clearBottomBorder {
	border-bottom: none;
}

.videoNav {
}

.videoSection {
	/* display: table-row; */
}

.mediaLink, .videoLink , .pdfLink {
	padding: 0em 1em 1em 0em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 24%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.mediaLink video, .mediaLink  img {
	width: 100%;
	margin-bottom: 0.5em;
}

/* .videoLink video, .pdfLink  img {
	width: 100%;
	margin-bottom: 0.5em;
} */

.sampleMainImage {
	width: 100%;
}

.accordeonItem h2 {
	line-height: 1.5em;
	vertical-align: middle;
}

.accordeonItem .iconMinus, .accordeonItem .iconPlus {
	vertical-align: middle;
}

.accordeonContent {
	display: inline-block;
	margin-left: 2em;
	margin-bottom: 1em;
	overflow: hidden;
	height: auto;
	transition: height 0.3s;
}

.accordeonItem p, .accordeonItem h3 {
	margin-bottom: 1em;
} 

.accordeonItem h3 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.5em;
}

.iconMinus {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXxJREFUeNpiZCAG6AQ5AEkDIBaAinwA4gsMV9YdIKSVEY+hCkCyHogDkAxGByCLNgBxI9CyB8RboBPUDyQLYFwFKTEGB1NtBgVpMTD/wdNXDAdOX2V48OwVsq4JQEsK8VugEwRy6X5ocDAEOJkx1GeGMxhoKGB1x4UbDxgap69k2LDvFFwIiB2BFn3AFSzngfi/gGXs//V7T/4nFoDUgvSA9ILNwBksUMPPX7//n1QA0oNkST9mhEIkSHI5Np/AzIEmEgYmqBX1sDAHYXIBmv56ZAsCwCLACKUUIJkRALEAkokEQEkRV2ohBYDMAJkFzjtAs1lgSRKUztFBtYIgUYa2PniPwgeZtWAjOI8YMMFyKSwTUQMgmSXAxEBjwAQtT8DZn1oAyawPLNDsDS5bCIUtsQDJrAtM0CL3A6jgApUtlAKQGdBC8APIbFgcgIpccMFFKUAyYwNyRmsEiwBLRaSSkWSApr+RjoUdDYtrmlc4dK4y6VbpU7HZAhBgAPRlv8lPXqKuAAAAAElFTkSuQmCC);
	display: inline-block;
	width: 24px;
	height: 24px;
}

.iconplus {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX1JREFUeNpiZCAG6AQ5AEkDIBaAinwA4gsMV9YdIKSVEY+hCkCyHogDkAxGByCLNgBxI9CyB8RboBPUDyQLYFwFKTEGB1NtBgVpMTD/wdNXDAdOX2V48OwVsq4JQEsK8VugEwRy6X5ocDAEOJkx1GeGMxhoKGB1x4UbDxgap69k2LDvFFwIiB2BFn3AFSzngfi/gGXs//V7T/4nFoDUgvSA9ILNwBksUMPPX7//n1QA0oNkST9mhEIkSHI5Np/AzIEmEgYWqBX1sDAHYWygWkEQhd/64D2GGph+aJyAzExkgsmBRYARSilAMgNsJhM0EwmAkiKu1EIKAJkBMgucd4Bms8CSJCidEwoWXHLowQUya8FGcB4xYILlUlgmogZAMkuAiYHGgAlanoCzP7UAklkfWKDZG1y2oAPksCUmmcIAklkXmKBF7gdQwQUqWygFIDOgheAHkNmwOAAVueCCi1KAZMYGuhQVdCrsaFhc07zCoXOVSbdKn4rNFoAAAwAvlASbO414MgAAAABJRU5ErkJggg==);
	display: inline-block;
	width: 24px;
	height: 24px;
}

.singleColumn {
	margin-top: 1em;
	clear: both;
	float: none;
}

.singleColumn img {
	box-sizing: border-box;
	width: 50%;
	padding-bottom: 1em;
}

.citation {
	padding: 2em;
	font-style: italic;
	font-weight: bold;
}

.citationRef {
	font-size: small;
}

/* IDs */

#application {
	width: 75%;
	max-width: 800px;
	display: inline-block;
	text-align: left;
	background-color: white;
}

#headerSigne {
	width: 100%;
}

#headerLogo {
	display: inline-block;
	float: left;
	padding-right: 12px;
}

#headerTypo {
	display: inline-block;
}

#vargTypo {
}

#contactNavi {
	clear: both;
	background-color: #7A1F10;
	color: white;
	box-sizing: border-box;
	padding: 1em;
}

#contactLink {
	float: right;
}

#topNews {
	clear: both;
	background-color: #002C52;
	color: white;
	box-sizing: border-box;
	padding: 1em;
}

#mainNav {
	display: block;
	padding: 1em 0px;
}

#mainPlayer {
	padding-top: 1em;
	padding-bottom: 1em;
}

#mainPlayer video {
	width: 100%;
	margin-bottom: 1em;
}

#map {
	box-sizing: border-box;
	width: 100%;
	height: 400px;
	margin: 1em 0px 0px 0px;
}

#imprintInfo {
	overflow: hidden;
	height: 0px;
	padding: 0em 0em;
	transition: height 0.3s;
}

#imprintInfo h4, #imprintInfo  p {
	margin-bottom: 1em;
}

/* Media Queries */

@media screen and (max-device-width: 800px), screen and (max-width: 800px), handheld {

	/* DOM */
	h1 {
		font-size: 1.5em;
	}
	
	h2 {
		font-size: 1em;
	}
	
	img {
		border: none;
	}

	/* Classes */
	.blueRightBorder {
		border-right: none;
		clear: both;
	}

	.tileLink {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		padding: 1em 0em 0em 1em;
		margin-top: 1em;
		text-align: left;
		line-height: 3em;
		border-top: 2px solid #002C52;
	}

	.tileLink h2 {
		display: inline;
		text-align: center;
		line-height: 3em;
		vertical-align: middle;
		padding: 1em;
	}
	
	.tileLink img {
		text-align: right;
		height: 5em;
		vertical-align: middle;
	}
	
	.videoLink , .pdfLink , .mediaLink {
		padding: 0em 1em 1em 0em;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 49%;
		display: inline-block;
		text-align: left;
		vertical-align: top;
	}
	
	/* IDs */
	#application {
		width: 100%;
		max-width: 100%;
	}
	
	#contactLink {
		float: none;
		clear: both;
		display: block;
		text-align: left;
	}
}

/* Fonts */

@font-face {
	font-family: 'cantarellregular';
    src: url('../fonts/Cantarell-Regular-webfont.eot');
    src: url('../fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cantarell-Regular-webfont.woff') format('woff'),
         url('../fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Cantarell-Regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'cantarellbold';
    src: url('../fonts/Cantarell-Bold-webfont.eot');
    src: url('../fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cantarell-Bold-webfont.woff') format('woff'),
         url('../fonts/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Cantarell-Bold-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}