@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite'), local('SpecialElite-Regular'), url(http://fonts.gstatic.com/s/specialelite/v6/9-wW4zu3WNoD5Fjka35Jm_n8qdNnd5eCmWXua5W-n7c.woff) format('woff');
}

html				{ margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; font-family: 'Special Elite'; color: #ffffff;}
body				{ margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; background-color: rgba(46, 27, 18, 1); color: #ffffff;}

div.backgroundverlauf	{ position: absolute; top: 0px; right: 0px; height: 200px; left: 0px; z-index: 10;
						background: -moz-linear-gradient(top, rgba(91, 90, 86, 0.3), rgba(91, 90, 86, 0));
						background: -webkit-linear-gradient(top, rgba(91, 90, 86, 0.3), rgba(91, 90, 86, 0));
						background: -khtml-linear-gradient(top, rgba(91, 90, 86, 0.3), rgba(91, 90, 86, 0));
						background: linear-gradient(top, rgba(91, 90, 86, 0.3), rgba(91, 90, 86, 0));
						}

div.inhaltsbereich	{ position: relative; top: 0px; bottom: 0px; margin: 0 auto; width: 80%; height: 100%; min-height: 720px; border: 0px solid red;}

div.bilderleiste		{ position: absolute; top: 0px; width: 240px; bottom: 0px; left: 0px; border: 0px solid red; overflow: hidden; z-index: 120; overflow: hidden;}
div.bilderleistebild		{position: absolute; top: 0px; left: 60px; width: 120px; bottom: 0px; border-left: 0px solid white; border-right: 0px solid white; overflow: show;}
div.bilderleistebild img	{width: 120px; border: 8px solid #D7C9AE; margin: -10px;
						-webkit-box-shadow: 4px 4px 4px #141414;
						-moz-box-shadow: 4px 4px 4px #141414;
						-khtml-box-shadow:10px 10px 10px #141414;
						box-shadow: 4px 4px 4px #141414;}

div.titel			{ position: relative; top: 5px; right: 0px; min-height: 120px; left: 0px; border: 0px solid #FE6219; text-align: center; overflow: hidden; z-index: 110; color: #ffffff; text-shadow: black 0.1em 0.1em 0.1em;}
div.titel h1		{ color: #ffffff;  text-shadow: black 0.1em 0.1em 0.1em; font-size: 46px;}
div.titel h2		{ color: #ffffff;}
div.titel h3		{ color: #ffffff;}
div.titel p		{ font-size: 16px; line-height: 24px; color: #bbbbbb;}
div.titel a		{ font-size: 16px; line-height: 24px; color: #dddddd; text-decoration: none;}

div.fusszeile			{ position: absolute; right: 0px; height: 100px; left: 0px; bottom: 0px; border: 0px solid #FE6219; background-color: rgba(46, 27, 18, 0.9); text-align: center; overflow: hidden; z-index: 110; color: #ffffff; text-shadow: black 0.1em 0.1em 0.1em;}
div.fusszeile h1		{ color: #ffffff;  text-shadow: black 0.1em 0.1em 0.1em; font-size: 46px;}
div.fusszeile h2		{ color: #ffffff;}
div.fusszeile h3		{ color: #ffffff;}
div.fusszeile p		{ font-size: 16px; line-height: 24px; color: #bbbbbb;}
div.fusszeile a		{ font-size: 16px; line-height: 24px; color: #dddddd; text-decoration: none;}

div.zeitkarte		{ display: none; position:absolute; top: 10px; right: 10px; width: 140px; height: 140px; background-image:url(/img/australienkarte.png); background-repeat: no-repeat; background-size: 100% 100%; z-index: 90;}
div.zeitleiste		{ position:absolute; top: 80px; right: 60px; height: 40px; left: 260px; vertical-align: bottom; text-align: center; color: white; font-size: 12px; text-shadow: black 0.1em 0.1em 0.1em; z-index: 140;}
div.zeitleiste td	{ margin: 0 2px 0 2px; padding: 0 10px 0 10px; width: 50px; height: 40px; background-color: #D7C9AE; vertical-align: middle; font-weight: bold;}

div.timeline		{ position: absolute; top: 138px; right: 60px; left: 260px; height: 40px; padding: 0; border: 0px solid red; text-align: center; z-index: 300; font-weight: bold; color: #eeeeee;}
ul.timeline			{ margin: 0; padding: 0; display:inline-block;}
li.timeline			{ list-style: none; display:inline-block; background-color: #666666; margin: 0 5px 0 5px; padding: 10px 20px 5px 20px; border-bottom: 3px solid #dddddd; border-radius: 18px 18px 9px 9px;}
li.timeline a		{ color: #eeeeee; text-decoration: none;}
div.timeline2		{ position: absolute; top: 180px; right: 60px; left: 260px; height: 40px; padding: 0; border: 0px solid red; text-align: center; z-index: 301;}
div.timeline2 ul	{ margin: 0; padding: 0; display: inline-block; color: #141414;}


ul.zeitlinks			{ margin: 0; padding: 0;}
ul.zeitlinks li			{ list-style: none; display: inline-block; float: left; min-width: 3px;}
ul.zeitlinks li.mit		{ list-style: none; display: inline-block; margin-left: 12px; margin-right: -12px; float: left; min-width: 3px;}
ul.zeitlinks li.ohne	{ list-style: none; display: inline-block; margin-right: -10px; float: left; min-width: 3px;}


div.likebuttons		{ position: absolute; top: 50px; left: 20px; width: 120px; height: 30px; overflow: hidden; z-index: 1000;}
div.twitterfollower	{ position: absolute; top: 20px; left: 20px; width: 200px; height: 30px; overflow: hidden; z-index: 1000;}


div.menubutton		{ position: absolute; left: 0px; bottom: 36px; z-index: 310; border-radius: 6px; border: 2px solid rgba(91, 90, 86, 0); margin: 0 42px;}
div.menubutton:hover	{ border-radius: 6px; border: 2px solid white;}
div.menubutton img	{ margin: 0; width: 42px; padding: 6px 4px 0px 4px;}

div.menu			{ position: absolute; left: 0px; bottom: 50px; right: 0px; border: 0px solid red; text-align: center; z-index: 300; display: none;
}

div.senkrecht			{ position: absolute;
					-moz-transform: rotate(-90deg);
					-ms-transform: rotate(-90deg);
					-o-transform: rotate(-90deg);
					-webkit-transform: rotate(-90deg);
					transform: rotate(-90deg);	
}

div.menu ul			{ margin: 0; padding: 0;}
div.menu ul li		{ list-style: none; display: inline; width: 150px; height: 32px; font-size: 14px; text-align: center; font-weight:bold; color: #eeeeee; margin: 0px 0px 0px 0px; padding: 10px 10px 5px 10px; border-bottom: 2px solid #dddddd; border-radius: 18px 18px 9px 9px;}
div.menu ul li a	{ color: #eeeeee; text-decoration: none;}

div.inhalt p.kommentardatum				{margin: -22px 0 6px 0; font-size: 11px;}
div.inhalt p.kommentareintrag				{margin: 0px 0 30px 0;}

div.inhalthg		{ position: absolute; top: 164px; right: 60px; bottom: 30px; left: 260px; border: 0px solid #FB9C4A; min-width: 580px; border-radius: 36px; overflow: auto; z-index: 100; opacity: 0.87; filter: alpha(opacity=87);}

div.inhalt			{ position: relative; top: 0px; right: 0px; left: 0px; bottom: 166px; border: 0px solid #FB9C4A; min-width: 580px; border-radius: 36px; padding: 36px 10px 18px 32px;; overflow: auto; z-index: 101; color: #ffffff; text-align: center;}
div.inhalt h1		{ color: #ffffff; text-shadow: black 0px 0px 0px;}
div.inhalt h2		{ color: #ffffff;}
div.inhalt h3		{ color: #ffffff;}
div.inhalt p		{ font-size: 16px; line-height: 24px; color: #bbbbbb;}
div.inhalt a		{ font-size: 16px; line-height: 24px; color: #dddddd; text-decoration: none;}

div.datumsblock			{display: inline-block; position: relative; height: 50px; width: 50px; background-color: white; font-family: 'Special Elite'; border-top: 5px solid #dd3333;
						-moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg); -o-transform:rotate(-12deg); -ms-transform:rotate(-12deg); transform:rotate(-12deg);
						-moz-box-shadow:2px 2px 2px #141414; /* Firefox */
						-webkit-box-shadow:2px 2px 2px #141414; /* Chrome, Safari */
						-khtml-box-shadow:2px 2px 2px #141414; /* Konqueror */
						box-shadow:2px 2px 2px #141414; /* CSS3 */}
div.datumsblock h1		{ position: absolute; top: -7px; width: 50px; text-align: center; font-size: 24px;}
div.datumsblock h2		{ position: absolute; bottom: -2px; width: 50px; text-align: center; font-size: 9px; }

div.datumsblock1			{ display: inline-block; position: relative; height: 20px; width: 20px; background-color: white; font-family: 'Special Elite'; border-top: 5px solid #dd3333;
						-moz-transform:rotate(12deg); -webkit-transform:rotate(12deg); -o-transform:rotate(12deg); -ms-transform:rotate(12deg); transform:rotate(12deg);
						/* -moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg); -o-transform:rotate(-12deg); -ms-transform:rotate(-12deg); transform:rotate(-12deg); */
						-moz-box-shadow:2px 2px 2px #141414; /* Firefox */
						-webkit-box-shadow:2px 2px 2px #141414; /* Chrome, Safari */
						-khtml-box-shadow:2px 2px 2px #141414; /* Konqueror */
						box-shadow:2px 2px 2px #141414; /* CSS3 */}
div.datumsblock1 h1		{ position: absolute; top: -5px; width: 20px; text-align: center; font-size: 14px;}

div.datumsblock2			{ display: inline-block; position: relative; height: 18px; width: 18px; background-color: #dedede; font-family: 'Special Elite'; border-top: 5px solid #bb5555; border-left: 0px solid #cdcdcd;
						-moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg); -o-transform:rotate(-12deg); -ms-transform:rotate(-12deg); transform:rotate(-12deg);
						-moz-box-shadow:2px 2px 2px #141414; /* Firefox */
						-webkit-box-shadow:2px 2px 2px #141414; /* Chrome, Safari */
						-khtml-box-shadow:2px 2px 2px #141414; /* Konqueror */
						box-shadow:2px 2px 2px #141414; /* CSS3 */}
div.datumsblock2 h1		{ position: absolute; top: -4px; width: 18px; text-align: center; font-size: 12px;}

a.startseite			{ text-decoration: none;}
div.startseite h1			{font-size: 24px;}
div.startseite h2			{font-size: 24px;}
div.startseite h3			{font-size: 24px;}

p.datumszeile			{ text-align: right; font-size: 10pt; margin: 0; padding: 0;}