html, body {
				text-shadow: 0px 0px;
				background: #F5F6F7 url(Assets/hg.png);
				margin: 0;
				padding: 0;
				border: 0;
				font-family: "Trebuchet MS", arial, helvetica, sans-serif;
				color: #333;
				}

	:link,:visited {text-decoration:none;}
	
	a img,:link img,:visited img { 
				border:none;
				text-decoration:none;
	 			}
	
	
	#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;
				-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.3);	
 				-moz-box-shadow: 	0 0 10px 10px rgba(0,0,0,0.3);
 				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: Arial, sans-serif;
				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: "Helvetica Neue", Helvetica, arial, sans-serif;
				font-size: 3.5em;
				font-weight: 600;
				text-shadow: rgb(255, 255, 255) 2px 2px 2px;
				margin: 80px auto 30px auto;
				text-align: center;
				color: rgb(0,0,139);
				}
				
				
	#marke-sub {font-family: "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: 'Droid Serif', serif; 
				font-size: 1.3em;
				margin: 5px 15px;
				line-height: 1.8em;
				clear: both;}
				
	p#tanstart img {padding: 0}
	
	p#tanstart img:hover {
				-webkit-box-shadow: 0 0 20px 10px rgba(255,204,102,0.9);	
 				-moz-box-shadow: 	0 0 10px 10px rgba(255,204,102,0.9);
 				box-shadow: 0 0 10px 10px rgba(255,204,102,0.9);
 				-webkit-transition: -webkit-box-shadow .5s ease-out;
 				-moz-transition: -webkit-box-shadow .5s ease-out;
 				-o-transition: -webkit-box-shadow .5s ease-out;
 				transition: -webkit-box-shadow .5s ease-out;
 				}
 				
	div.features img:hover {
				-webkit-box-shadow: 0 0 20px 10px rgba(255,204,102,0.9);	
 				-moz-box-shadow: 	0 0 10px 10px rgba(255,204,102,0.9);
 				box-shadow: 0 0 10px 10px rgba(255,204,102,0.9);
 				-webkit-transition: -webkit-box-shadow .5s ease-out;
 				-moz-transition: -webkit-box-shadow .5s ease-out;
 				-o-transition: -webkit-box-shadow .5s ease-out;
 				transition: -webkit-box-shadow .5s ease-out;
 				}
 				
	div.features img {padding:0;}
					
	#tanstart 	{
				float:left;
				margin:3% 0 0 10%;					
				}
					
 	div#teaser	{
 				float: right;
 				background-color: white;
 				max-width: 50%;
 				margin:3% 20% 0 1%;
 				-moz-border-radius: 13px;
 				-webkit-border-radius: 13px;
 				border-radius: 13px;
 				padding:20px;
 				-webkit-box-shadow: 8px 0 18px rgba(0,0,0,0.3);	
 				-moz-box-shadow: 	8px 0 18px rgba(0,0,0,0.3);
 				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: 980px;
				background-color: white;
				border-width: 1px;
				margin:  8% auto 2%;
				font: normal normal normal 18px Helvetica, arial, sans-serif;
				line-height: 1.4em;
				-moz-border-radius: 13px;
				-webkit-border-radius: 13px;
				border-radius: 13px;
				-webkit-box-shadow: 5px 0 10px rgba(0,0,0,0.2);	
 				-moz-box-shadow: 5px 0 10px rgba(0,0,0,0.2);
 				box-shadow: 5px 0 10px rgba(0,0,0,0.2);
				}
				
				
	.Content ul {
				list-style-image: url(Assets/bullet.gif);
				}
					
	.Content :link, :visited {
				color: #0000CD;
				text-decoration: none;
				border-bottom: none;
				background-color: none;
				}
				
	.Content a:hover {
				color:orange;
				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;}

	.btn 		{
				float:right;
  				display: inline-block;
  				margin-left: 30px;
  				-webkit-border-radius: 8px;
  				-moz-border-radius: 8px;
  				border-radius: 8px;
  				-webkit-box-shadow:0 8px 0 #e54e01,0 15px 20px rgba(0,0,0,.35);
  				-moz-box-shadow:0 8px 0 #e54e01,0 15px 20px rgba(0,0,0,.35);
  				box-shadow:0 8px 0 #e54e01,0 15px 20px rgba(0,0,0,.35);
  				-webkit-transition: -webkit-box-shadow .2s ease-in-out;
  				-moz-transition: -moz-box-shadow .2s ease-in-out;
 				-o-transition: -o-box-shadow .2s ease-in-out;
  				transition: box-shadow .2s ease-in-out;
				}
	

	.btn span 	{
  				display: inline-block;
  				padding: 10px  20px;
  				font-family: Helvetica, Arial, sans-serif;
  				font-weight: bold;
  				font-size:1.2em;
  				line-height: 1;
  				text-shadow: 0 -1px 1px rgba(19,65,88,.8);
  				background: #f79005;
  				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f79005), to(#f99805));
  				background: -moz-linear-gradient(#f79005, #f99805);
  				-webkit-border-radius: 8px;
  				-moz-border-radius: 8px;
  				border-radius: 8px;
  				-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  				-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  				box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
  				-webkit-transition: -webkit-transform .2s ease-in-out;
  				-moz-transition: -moz-transform .2s ease-in-out;
 				-o-transition: -o-transform .2s ease-in-out;
  				transition: transform .2s ease-in-out;
				}

	p.btn a 	{color:white!important;}

	.btn:active {
  				-webkit-box-shadow: 0 8px 0 #e54e01, 0 12px 10px rgba(0,0,0,.3);
  				-moz-box-shadow: 0 8px 0 #e54e01, 0 12px 10px rgba(0,0,0,.3);
  				box-shadow: 0 8px 0 #e54e01, 0 12px 10px rgba(0,0,0,.3);
				}

	.btn:active span {
  				-webkit-transform: translate(0, 4px);
  				-moz-transform: translate(0, 4px);
  				-o-transform: translate(0, 4px);
  				transform: translate(0, 4px);
				}

	#teaser .btn {float: none;
				font-size: 1.4em;
				margin-left: 45%;
				}

	
/* ----------------Styles------------------------------------*/
	
	#jens {
				margin-left: 10px;
				margin-bottom: 0;
				margin-right: 0;
				margin-top: 1.5em;
				font-size: larger;
				font-family: Georgia, Arial, Helvetica, 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: "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 Arial, sans-serif;
				}
	
	#personmap 	{ 
				width: 650px; height: 500px;
				float: right;
				border: 2px solid #ffe4b5;
				font: 14px Arial, sans-serif;
				margin: 30px 0;
				}
					
	#Telefonnummer {font-size: 2em;}	
	
	div#404 	{
				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: 0em;
	 			margin-right: 0;
	 			margin-top: 2em;
	 			border-bottom: 1px dotted #00008B;
	 			color: #00008b;
				font: normal normal normal 28px 'myriad pro', 'lucida grande', 'trebuchet ms', Arial, Helvetica, sans-serif;
				text-decoration: none;
				word-spacing: 0px;
				padding-left: 30px;
				background: url(Assets/tangram.png) no-repeat 0 50%;
				background-color: #f7f9ff;
				}
				
	.box 		{
				-webkit-border-radius: 8px;
  				-moz-border-radius: 8px;
  				border-radius: 8px;
  				font-family: Georgia, Times, serif;
  				font-style: italic;
				padding: 0.5em 1.3em;
				margin: 2em;
				background: #FFF8DC;
				-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);
				}
	

	.quelle 	{
				padding-top: 2px;
				padding-right: 10px;
				border-top: 1px dotted #999;
				font-family: Arial, Helvetica, sans-serif;
				font-size: small;
				text-align: right;
				color: #00008B;
				}
	
	.zitat 		{
				font-family: Georgia, Arial, Helvetica, 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: Arial, Helvetica, 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;
				}
				
	.kb 		{
				font-family: Arial, Helvetica, sans-serif;
				font-size: smaller;
				font-weight: normal;
				float: left;
				margin: 2em;
				}
				
	.klein 		{
				font-size: small;
				font-weight: normal;
				}
				
	.platzbox 	{
				margin: 3em 2em 2.5em 2em;
				}
				
	.features 	{
				-moz-border-radius: 13px;
				-webkit-border-radius: 13px;
				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: Georgia, "Times New Roman", Times, serif;
				font-size: 1.1em;
				font-weight: normal;
				text-align: left;
				text-shadow: rgb(255, 255, 255) 0 1px 1px;
				-moz-border-radius-topleft: 13px;
				-moz-border-radius-topright: 13px;
				-webkit-border-top-left-radius: 13px;
				-webkit-border-top-right-radius: 13px;
				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: Georgia, "Times New Roman", serif;
				font-size: large;
				line-height: 1.4em;
				-webkit-border-radius: 13px;
				-moz-border-radius: 13px;
				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;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				}
	
	.cbox h2 	{
				margin: 0 2em;
				padding: 0.3em;
				font-family: Georgia, "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: Arial, sans-serif;
  				font-size: 1.1em;
				padding: 0.5em;
				margin: 25px 0 -20px 0;
				background: white;
				}
				
	p.door 		{
				color: #00008b;
				font: normal normal normal 35px 'myriad pro', 'lucida grande', 'trebuchet ms', Arial, Helvetica, sans-serif;}
				
	p#doorsub	{line-height: 35px; }
	.bridge		{clear:both; color: gray; font-style: italic; font-family: Georgia, Times, serif; font-size: 1.1em;}