@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; left: 0px; right: 0px; height: 100%; 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: fixed; right: 72px; left: 72px; 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: fixed; left: 18px; bottom: 18px; z-index: 310; border-radius: 6px; border: 2px solid rgba(91, 90, 86, 0);}
  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: fixed; left: 18px; bottom: 110px; background-color: rgba(46, 27, 18, 0.9); 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; 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: 4px 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; 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; border-radius: 36px; padding: 36px 0px 450px 0px;; 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;}