/*	==========================================================================
		C O N T A I N E R
	======================================================================== */

div#container {
	min-width:	360px;
	max-width:	800px;
	min-height:	100%;
	position:	relative;
	background:	white;
	border:		1px solid #ccf;
}

/*	==========================================================================
		H E A D E R
	======================================================================== */

div.header {
	position:		relative;
	width:			100%;
	min-width:		360px;
	max-width:		800px;
	background:		#fdeec5;
/*	background-image: url(/img/ukraine1.png);
	background-size: 7.5em;	*/
	border-bottom:	1px solid #ccf;
	z-index:		80;
}
div.header#header1 div#text {
	position:	relative;
}
div.header#header1 div#text {
	display:		block;
/*	text-align:		center;
	height:			4em;	*/
	font-size: 		14pt;
	padding-bottom: 4px;
}
div.header#header1 div#text > div {
	display:	inline-block;
}
div.header#header1 div#text div#logo {
	padding-left:	1em;
/*	float:			left;	*/
}
div.header#header1 div#text div#text3 {
	padding-right:	2em;
	padding-left: 10%;
	vertical-align: top;
	padding-top:12px;
}
div.header#header1 div#menu {
	display:		none;
}
div.header#header1 div#text p#line3 {
	color:			#009d8b;
}

/*	==========================================================================
		H E A D E R   S C R O L L E D
	======================================================================== */

div.header#header2 {
	display:		none;
	position:		fixed;
	top:			0;
	width:			100%;
	z-index:		99;
	box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
div.header#header2 div#text {
	text-align:		center;
}
div.header#header2 div#text p {
	background:		#fdeec5;
	line-height:	1.5em;
	font-weight:	bold;
	font-size:		14pt;
}
div.header#header2 div#text span#kb {
	position:		absolute;
	left:	1em;
}
div.header#header2 div#text span#dv {
	color:			#009d8b;
}

/*	==========================================================================
		M A I N
	======================================================================== */

div#main {
	position:		relative;
	background:		white;
	padding-bottom:	1em;
	padding-right:	1em;
	padding-left:	1em;
}
div#main div#title {
	position:	relative;
	text-align:	center;
}
div#main div#title div#headerbild {
	position:	relative;
	width:	100%;
}
div#main div#title div#headerbild figure {
	position:	relative;
	width:		100%;
}
div#main div#title div#headerbild img {
	position:	relative;
	border:		0;
	width:		100%;
}

/*	==========================================================================
		F O O T E R
	======================================================================== */

div#footer {
	position:	absolute;
	bottom:		0;
	width:		100%;
	font-size:	11pt;
	background:	#fdeec5;
	padding: 0.3em 0;
}
div#footer p {
	text-align:		center;
	line-height:	1.2em;
}

/*	==========================================================================
		V E R S I O N
	======================================================================== */

div#version {
	position:	fixed;
	display:	inline-block;
	z-index:	99;
	top:		50%;
	width:		100%;
	text-align:	center;
	font-size:	48pt;
	color:		red;
	opacity:	0.2;
	pointer-events:		none;
	-moz-transform:		rotate(-45deg);
	-webkit-transform:	rotate(-45deg);
	-o-transform:		rotate(-45deg);
	-ms-transform:		rotate(-45deg);
	transform:			rotate(-45deg);
}

@media screen {
	div#container.scrolled div.header#header2 {
		display:	block;
	}
}
@media print {
	div.header {
		display:	none;
	}
	div#footer {
		display: none;
	}
}