@charset "UTF-8";
/* fonts */
/* eot and ttf flagged as installable for ie9. encoded via squirrel, flagged in forge, reencoded via converter */
@font-face {
	font-family:'Libertine';
	src:url('../files/fonts/libertine_regular.eot'); 												/* IE 9+ */
	src:url('../files/fonts/libertine_regular.eot?#iefix') format('embedded-opentype'), 			/* IE 7-8 Fix */
		url('../files/fonts/libertine_regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal; }
	
@font-face {
	font-family:'Libertine';
	src:url('../files/fonts/libertine_italic.eot');
	src:url('../files/fonts/libertine_italic.eot?#iefix') format('embedded-opentype'),
		url('../files/fonts/libertine_italic.ttf') format('truetype');
	font-weight:normal;
	font-style:italic; }
	
@font-face {
	font-family:'Libertine';
	src:url('../files/fonts/libertine_semibold.eot');
	src:url('../files/fonts/libertine_semibold.eot?#iefix') format('embedded-opentype'),
		url('../files/fonts/libertine_semibold.ttf') format('truetype');
	font-weight:bold;
	font-style:normal; }
	
@font-face {
	font-family:'Libertine';
	src:url('../files/fonts/libertine_semibolditalic.eot');
	src:url('../files/fonts/libertine_semibolditalic.eot?#iefix') format('embedded-opentype'),
		url('../files/fonts/libertine_semibolditalic.ttf') format('truetype');
	font-weight:bold;
	font-style:italic; }
	
@font-face {
	font-family:'England';
	src:url('../files/fonts/england.eot');
	src:url('../files/fonts/england.eot?#iefix') format('embedded-opentype'),
		url('../files/fonts/england.ttf') format('truetype'); }

		@font-face {
	font-family:'icons';
	src:url('../files/fonts/icons-2.0.eot');
	src:url('../files/fonts/icons-2.0.eot#iefix') format('embedded-opentype'),
		url('../files/fonts/icons-2.0.ttf') format('truetype'); }
[data-icon]:before {
	font-family:icons;
	content:attr(data-icon); }
		
@font-face {
	font-family:'logo';
	src:url('../files/fonts/logo.eot');
	src:url('../files/fonts/logo.eot#iefix') format('embedded-opentype'),
		url('../files/fonts/logo.ttf') format('truetype'); }
[data-logo]:before {
	font-family:logo;
	content:attr(data-logo); }


/* global css */
html, body {
	height:auto; 									/* auto if growing, 100 for fixed elements */
	width:100%; 									/* always required for mobile browsers */
	margin:0px;
	padding:0px;
	overflow-y:auto;								/* auto if growing */
	overflow-x:hidden;
	font-family:'Libertine', 'Times New Roman', serif;
	font-size:16.5px;
	text-align:justify;
	word-wrap:break-word;
	letter-spacing:0.02em;							/* 100 in PS ~ 0.1 in CSS */
	line-height:170%;
	color:#888888;
	background-color:#ffffff;
	background-image:url(../bilder/back.png); background-repeat:repeat;
	background-position:0px 0px; background-attachment:scroll;
	}
a { font-family:'Libertine', 'Times New Roman', serif;
	transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; }
a:link { text-decoration:none; color:#888888; text-shadow:none; }
a:visited { text-decoration:none; color:#888888; text-shadow:none; }
a:hover { text-decoration:underline; color:#888888; text-shadow:none; }
a:active { text-decoration:none; }
a:focus { text-decoration:none; }
a, div, span { outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
img, object { display:block; max-width:41%; padding:1px; border:1px solid #dedede; }
b { font-weight:bold; }
strong { font-weight:bold; }
i { font-style:italic; }
ul { list-style-type:circle; overflow:hidden; }


/* loading animation */
@keyframes loading { 
	from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@-webkit-keyframes loading {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
.load_spinner { position:absolute; top:50%; left:50%; width:32px; height:32px; margin-top:-16px; margin-left:-16px; 
	animation:loading 1s infinite linear;
	-webkit-animation:loading 1s infinite linear; }
.load_mask { width:16px; height:16px; overflow:hidden; }
.load_circle { width:32px; height:32px; border-radius:16px; border:4px solid; }


/* styles */
	.title { padding-top:10%; text-align:center; font-size:138%; letter-spacing:0.3em; color:#9f9f9f; text-shadow:0px 1px 1px #ffffff, 0px 2px 1px #dcdcdc; }
	.quote { text-align:center; font-style:italic; letter-spacing:0.1em; }

	.headline { margin-top:4%; font-size:137.5%; letter-spacing:0.05em; text-align:center; }
	.headline:after { content:''; display:block; height:1px; width:10%; margin-left:auto; margin-right:auto; margin-top:1%; margin-bottom:3%;
		background-color:#cbcbcb; }
		
	.table { width:80%; margin-left:auto; margin-right:auto; border-collapse:collapse; }
	.table td { padding:1%; border:1px solid #cbcbcb; }
	
	.left { text-align:left; }
	.left img { float:left; margin-right:2.5%; }
	.right { text-align:right; }
	.right img { float:right; margin-left:2.5%; }
	
	.clear { clear:both; height:0px; margin-bottom:6%; visibility:hidden; }