html, body {
				text-shadow: 0px 0px;
				background: #F5F6F7 url(Assets/hg.png);
				margin: 0;
				padding: 0;
				border: 0;
				font-family: -apple-system, "pt-sans", Helvetica, Arial, sans-serif;
				color: #333;
				}

	:link,:visited {text-decoration:none;}
	
	a img,:link img,:visited img { 
				border:none;
				text-decoration:none;
	 			}
	 			
	@font-face {
    font-family: 'BitterRegular';
    src: url('Assets/Bitter-Regular-webfont.eot');
    src: url('Assets/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Assets/Bitter-Regular-webfont.woff') format('woff'),
         url('Assets/Bitter-Regular-webfont.ttf') format('truetype'),
         url('Assets/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

	
	#masthead 	{
				position:fixed;
				top:0;
				left:0;
				width:100%;
				z-index:300;
				padding: 0 10px;
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(218, 224, 255, 0.8)), to(rgba(192, 206, 255, 0.9)));
				background-color: #dae0ff;
				height: 100px;
				margin: 0;
				border-bottom: 1px solid #999999;
 				box-shadow: 0 0 10px 10px rgba(0,0,0,0.3);
				}


	#logo 		{ 
				float: left;
				padding-top:15px;
				margin-left: 5%;
				}
    

	/* ----------------Navigation---------------------------------*/
	

	#nav a {
				font-family: -apple-system, "pt-sans", Arial, sans-serif;
				font-size: 1.2em;
				float: right;
				display: block;
				padding: 2px 7px;
				border-right: 1px solid #000080;
				text-decoration: none;
				color: navy;
				margin-top: 73px;
				text-shadow: rgb(255, 255, 255) 0 1px 1px;
				}
				
	div#nav 	{padding-right: 10px;}
	
	#nav a:hover {
				border-bottom: 5px solid #000080;
				padding-bottom: 2px;
				-webkit-transition: border .3s ease-out;
				-moz-transition: border .3s ease-out;
				-o-transition: border .3s ease-out;
				transition: border .3s ease-out;
				
				}
			
	#nav span 	{display: none;}
	
		
	/* ----------------Inhalt-----------------------------------*/
	
	h3, h4	 	{
				text-align: center;
				}
				
	img 		{
				border: none;
				padding: 0 10px;
				}
				
					
	#marke {	font-family: -apple-system, "pt-sans","Helvetica Neue", Helvetica, arial, sans-serif;
				font-size: 3.5em;
				font-weight: 600;
				text-shadow: rgb(255, 255, 255) 2px 2px 2px;
				margin: 70px auto 20px auto;
				text-align: center;
				color: rgb(0,0,139);
				}
				
				
	#marke-sub {font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, arial, sans-serif;
				font-size: 2.2em;
				font-weight: 400;
				text-shadow: rgb(255, 255, 255) 2px 2px 2px;
				color: rgb(0,0,139);
				text-align: center;
				margin: 0 auto 1px auto;
				}
				
	div#trailer {position:relative;
				top:50px;
				margin-top: 10%;
				}
	
	div.Content {margin-top: 8%;}
				
	.anfang {	font-family: -apple-system, "pt-sans", serif; 
				font-size: 1.3em;
				margin: 5px;
				line-height: 1.5em;
				clear: both;}
				
	p#tanstart img {padding: 0}
	
 				
	div.features img {padding:0;}
					
	#tanstart 	{
				float:left;
				margin:3% 0 0 10%;					
				}
					
 	div#teaser	{
 				float: right;
 				background-color: white;
 				max-width: 60%;
 				margin:3% 10% 0 1%;
 				border-radius: 13px;
 				padding:20px;
 				box-shadow: 8px 0 18px rgba(0,0,0,0.3);
 				}
					
	.Content {
				border-color: #cccccc;
				border-style: solid;
				padding: 1em 3em 2em 3em;
				max-width: 70%;
				background-color: white;
				border-width: 1px;
				margin:  12% auto 2%;
				font: normal normal normal 1.4em -apple-system, "pt-sans", Helvetica, arial, sans-serif;
				line-height: 1.4em;
				border-radius: 13px;
 				box-shadow: 5px 0 10px rgba(0,0,0,0.2);
				}
				
				
	.Content ul {list-style-type:square;}
					
	.Content :link, :visited {
				color: #0000CD;
				text-decoration: none;
				border-bottom: none;
				background-color: white;
				}
				
	.Content a:hover {
				background-color: #f7f9ff;
				-webkit-transition: color .3s ease-out;
				-moz-transition: background-color .3s ease-out;
				-o-transition: background-color .3s ease-out;
				}
				
	.imglink 	{text-align: center;}

	.button	{
		background: #3b88d8;
        background: -moz-linear-gradient(0% 100% 90deg, #377ad0, #52a8e8);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0));
        border-top: 1px solid #4081af;
        border-right: 1px solid #2e69a3;
        border-bottom: 1px solid #20559a;
        border-left: 1px solid #2e69a3;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
        -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
        color: #fff;
        font-family: -apple-system, "pt-sans", sans-serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 1;
        padding: 15px;
        margin: 30px 20px;
        text-align: center;
        text-shadow: 0 -1px 1px #3275bc;
        width: 140px;
        -webkit-background-clip: padding-box;
        float:right;
	}

	.button:hover {
        background: #2a81d7;
        background: -moz-linear-gradient(0% 100% 90deg, #206bcb, #3e9ee5);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#206bcb));
        border-top: 1px solid #2a73a6;
        border-right: 1px solid #165899;
        border-bottom: 1px solid #07428f;
        border-left: 1px solid #165899;
        -moz-box-shadow: inset 0 1px 0 0 #62b1e9;
        -webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
        cursor: pointer;
        text-shadow: 0 -1px 1px #1d62ab;
        -webkit-background-clip: padding-box;
      }



	.button:active {
        background: #3282d3;
        border: 1px solid #154c8c;
        border-bottom: 1px solid #0e408e;
        -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
        text-shadow: 0 -1px 1px #2361a4;
        -webkit-background-clip: padding-box;
      }

     .button a {text-decoration: none;color: white!important; background-color: transparent!important; }
	
/* ----------------Styles------------------------------------*/
	
	#jens {
				margin-left: 10px;
				margin-bottom: 2em;
				margin-right: 0;
				margin-top: 2em;
				font-size: larger;
				font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				padding-left: 10px;
				color: #000080;
				}
	
	.copyright {
				text-align: center;
				font-size: small;
				color: #808080;
				}
				
	#tanimation {
				margin: 100px 0;
				}

				
	#slogan 	{
				min-height: 150px;
				margin:130px 0 100px 0;
				padding: 20px 0 20px 220px;
				font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
				font-size: 2em;
				color:#00008b;
				text-shadow: rgb(218, 224, 255) -1px -1px 0;
				text-align: left;
				white-space: nowrap;
				background: url(Assets/tanimation.gif) no-repeat;
				background-position: 5px 55px;
				line-height: 80px;
				}
				
	#catimation {float: left;}
				
	#catbox 	{margin: 3em 1em 2em 260px;}
	
	#id 		{text-align:right}
	
	#adresse 	{
				padding-bottom: 100px;
				margin-top: 30px;
				}
					
	#unimap	 	{ 
				width: 650px; height: 500px;
				margin: 10px auto;
				border: 2px solid #ffe4b5;
				font: 14px -apple-system, "pt-sans", "Helvetica Neue", Helvetica, sans-serif;
				}
	
	#personmap 	{ 
				width: 650px; height: 500px;
				float: right;
				border: 2px solid #ffe4b5;
				font: 14px -apple-system, "pt-sans", "Helvetica Neue", Helvetica, sans-serif;
				margin: 30px 0;
				}
					
	#Telefonnummer {font-size: 2em;}	
	
	div#viernullvier 	{
				padding-top: 10%;
				height: 1200px;
				width: 600px;
				}
				
	div#lost img {
				display: block;
				margin:40px auto;
				}	
				
	#lost p 	{
				font-size: 1.3em;
				line-height: 1.5em;
				}
	
	.footer 	{
				clear: right;
				margin-top: 1em;
				padding-top: 10px;
				border-top: 1px dotted;
				text-align: center;
				}
				
	.footer img {
				vertical-align: middle;
				}
				
			
	.center 	{text-align: center;}
				
	 li 		{padding: 0.2em 0;}
				
	.linklist 	{margin: 2em 1em;}
				
	.linklist li {padding: 0.3em;}
			
	 h1 		{
	 			margin-left: 0;
	 			margin-bottom: 1em;
	 			margin-right: 0;
	 			margin-top: 2em;
	 			color: #00008b;
				font: normal normal normal 28px -apple-system, "pt-sans", Helvetica, Arial, sans-serif;
				text-decoration: none;
				word-spacing: 0px;
				background-color: #f7f9ff;
				}

				
	.box 		{
  				border-radius: 8px;
				padding: 0.5em 1.3em;
				margin: 2em;
				background: #FFF8DC;
 				box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
				}
	

	.quelle 	{
				padding-top: 2px;
				padding-right: 10px;
				border-top: 1px dotted #999;
				font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: small;
				text-align: right;
				color: #00008B;
				}
	
	.zitat 		{
				font-family: -apple-system, "pt-sans", Helvetica, Arial, sans-serif;
				font-size: larger;
				font-style: italic;
				text-align: center;
				margin-top: 2.5em;
				}
	
	.hilfelink {cursor: help;}
	
	dt 			{
				margin: 0.5em 0 0.5em 1em;
				font-weight: bold;
				font-size: 1em;
				}
				
	dt, dd 		{display: inline;}
	
	dd 			{padding: 0.5em 0;}
	
	table 		{
				font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: smaller;
				margin: 0.2em 1em 1em 0;
				color: #333;
				background-color: #F0F0F0;
				border: 1px dotted black;
				}
	
	th 			{
				background-color: #E6E6FA;
				}
		
	td 			{
				text-align: left;
				padding-left: 1em;
				}
		
	.Reihe2 {
				background-color: White;
				}
				
	div.dropshadow {
				background: url(Assets/shadow.gif) no-repeat bottom right;
				clear: right;
				float: right;
				margin: 0 0 15px 25px;
				padding: 0;
				position: relative;
				}
	
	div.dropshadow img {
				background-color: #fff;
				border: 1px solid #a9a9a9;
				display: block;
				margin: -5px 5px 5px -5px;
				padding: 4px;
				position: relative;
				}
				
	figure 		{
				background: url(Assets/shadow.gif) no-repeat bottom right;
				clear: right;
				float: right;
				display: block;
				margin-left: 50px;
				padding: 4px;
				position: relative;
				}
	
	figcaption	{
				font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: smaller;
				text-align: center;
				}
				
	.kb 		{
				font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size: smaller;
				font-weight: normal;
				float: left;
				margin: 2em;
				}
	.kb img
				{
				-webkit-transition-property: -webkit-transform;
				-webkit-transform: scale(1,1); 
				-webkit-transition-timing-function: ease-in-out;
				-webkit-transition-duration: 0.5s; 
				transition-property: transform;
				transform: scale(1,1); 
				transition-timing-function: ease-in-out;
				transition-duration: 0.5s; 
				}

	.kb img:hover {  
				-webkit-transition-property: -webkit-transform;
				-webkit-transform: scale(1.2,1.2); 
				-webkit-transition-timing-function: ease-in-out;
				-webkit-transition-duration: 0.5s;  
				transition-property: transform;
				transform: scale(1.2,1.2); 
				transition-timing-function: ease-in-out;
				transition-duration: 0.5s;
				} 
	
	.klein 		{
				font-size: small;
				font-weight: normal;
				}
				
			
	.platzbox 	{
				margin: 3em 2em 2.5em 2em;
				}
				
	.features 	{
				border-radius: 13px;
				-webkit-box-shadow: 5px 5px 15px #ccc;
				-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);	
 				-moz-box-shadow: 	inset 0 0 5px rgba(0,0,0,0.3);
 				box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
				background-color: #FFFFE0;
				border: 1px solid silver;
				padding-bottom: 0.5em;
				margin: 3em 2em;
				}						
				
	.features li {
				margin-bottom: 0.3em;
				}
				
	.features h4 {
				background-color: #f5deb3;
				border-bottom: 1px solid #D3D3D3;
				padding: 0.6em 1em;
				margin: 0px;
				font-family: -apple-system, "pt-sans", "Times New Roman", Times, serif;
				font-size: 1.1em;
				font-weight: normal;
				text-align: left;
				text-shadow: rgb(255, 255, 255) 0 1px 1px;
				border-top-left-radius: 13px;
				border-top-right-radius: 13px;
				}

	.features ul {
				padding-left: 1.5em;
				margin: 0.8em;
				}

	div.features p  {
				padding: 0 1em;
				}
				
	div.features a:hover  {
				background: none;
				}			
				
	blockquote {
				background-color: #f5f5f5;
				padding: 2px 10px;
				font-family: -apple-system, "pt-sans", "Times New Roman", serif;
				font-size: large;
				line-height: 1.4em;
				border-radius: 13px;
				max-width: 800px;
				margin: 0 auto;
				}
				
	.cbox 		{
				margin: 3em 1em;
				padding: 0.7em;
				border: 2px solid #ffe4b5;
				background-color: #FFFFE0;
				text-align: center;
				border-radius: 6px;
				}
	
	.cbox h2 	{
				margin: 0 2em;
				padding: 0.3em;
				font-family: -apple-system, "pt-sans", "Times New Roman", serif;
				font-size: 1.4em;
				font-weight: normal;
				background-color: #ffe4b5;
				}
	
	.platz	{margin: 3em  2em 2em;}
				
	.veraltet 	{
				color:#c0c0c0;
				text-decoration: line-through;
				}		
		
	.light 		{color: #646eff;}
	

	
	img#door 	{float:right; margin: 40px 0 20px 0;}
	
	.box2 		{
  				font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, sans-serif;
  				font-size: 1.1em;
				padding: 0.5em;
				margin: 25px 0 -20px 0;
				background: white;
				}
				
	p.door 		{
				color: #00008b;
				font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, sans-serif;
				font-size: 35px;}
				
	p#doorsub	{line-height: 35px; font-family: -apple-system, "pt-sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 24px;}
	
	.bridge		{clear:both; color: gray; font-style: italic; font-family: -apple-system, "pt-sans",serif; font-size: 1.1em;}
	
	.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
    }   
 
.rotate:hover   
{ 
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg); 
    -o-transform:rotate(45deg);
}