<style type="text/css">
  <!--
h1 {
margin: 0; padding: 0;
font-size: 13pt;
font-weight: bold;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-serif; 
text-align: left;
color: #ffd700; }

h2 {
margin: 0; padding: 0;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-serif; 
font-size: 16pt;
font-weight: bold;
text-align: center;
color: #ffd700; }

h3 {
margin: 0; padding: 0 0 2px 0;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-serif; 
font-size: 13pt;
font-weight: bold; 
text-align: left;
color: #ffd700; }

h4 {
margin: 0 0 8px 0; padding: 2px 4px 2px 12px;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-serif; 
font-size: 9pt; line-height: 11pt;
font-weight: normal;
text-align: justify;
color: #000000;
background-color: #f4f4f4; 
border-left-width: 36px;
border-left-style: solid;
border-bottom-width: 2px;
border-bottom-style: solid;
border-color: #ffd700; }

h5 {
margin: 0 0 8px 0; padding: 2px 4px 2px 12px;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-serif; 
font-size: 9pt; line-height: 11pt;
font-weight: bold;
text-align: justify;
color: #202020;
border-left-width: 36px;
border-left-style: solid;
border-bottom-width: 2px;
border-bottom-style: solid;
border-color: #ffd700; }

h6 {
margin: 0 0 6px 6px;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-serif; 
font-size: 9pt;
text-align:left;
font-weight: normal;
color: #202020; }


/* Namenshervorhebung ------------------------------------------------------------------------*/
.name
{font-family: Georgia, serif;
font-size: 9pt;
font-style: italic; }

/* orange Schrift ----------------------------------------------------------------------------*/
.oranje
{font-family: Georgia, serif;
font-size: 9pt;
font-style: italic;
color: #ff8000; }

/* Bildbeschriftung --------------------------------------------------------------------------*/
.pic
{font-family: Calibri, Tahoma, Verdana, Arial, Sans-serif;
font-size: 10pt;
font-style: italic; }


/* Bereiche normale Seite (mit Bild) ---------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------*/
/* Mantel ------------------------------------------------------------------------------------*/
#mantel {
width:760px;
padding-bottom:4px; }

/* Header ------------------------------------------------------------------------------------*/
#header {
width: 784px;
margin: 0 0 6px 0; padding: 0 0 2px 0;
border-bottom: solid 1px #505050; }

/* Kapitel -----------------------------------------------------------------------------------*/
#chap {
margin-bottom: 36px; 
clear: both; }

div#chap p {
margin: 0; padding: 2px 0 8px 48px;
font-size: 10pt;
font-family: Cambria, Georgia, Serif;
text-align: left; }


/* Bilder ------------------------------------------------------------------------------------*/
#bilder {
padding: 0; margin: 1px 0 36px 0;
width: 322px; 
float: left; text-align: left;
clear: both;
font-family: Calibri, Tahoma, Verdana, Sans-serif; 
font-size: 10pt; }

div#bilder .bild {
border: solid 1px #505050;
margin-top: 0; }

/* Content -----------------------------------------------------------------------------------*/
#content {
margin: 0 0 0 340px;
padding: 0px; 
color: #000000; }

div#content p {
margin: 0; padding: 2px 0 8px 0;
font-size: 10pt;
font-family: Cambria, Georgia, Serif;
text-align: left; }

div#content a:link {
padding: 0 2px 0 2px;
color: #000000;
text-decoration: none; }

div#content a:visited {
padding: 0 2px 0 2px;
color: #888888;
text-decoration: none; }

div#content a:active {
padding: 0 2px 0 2px;
color: #ffd700;
text-decoration: none; }

div#content a:hover {
padding: 0 2px 0 2px;
color: #ffffff; background-color: #ffd700; 
text-decoration: none; }

/* Alles -------------------------------------------------------------------------------------*/
#alles {
margin: 0 0 36px 0;
padding: 0px; 
color: #000000;
clear: both; }

div#alles p {
margin: 0; padding: 2px 0 8px 0;
font-size: 10pt;
font-family: Cambria, Georgia, Serif;
text-align: left; }

div#alles p.c {
margin: 0; padding: 2px 0 8px 0;
font-size: 10pt;
font-family: Cambria, Georgia, Serif;
text-align: center; }

/* Nav ---------------------------------------------------------------------------------------*/
#nav {
width: 784px;
margin: 6px 0 0 0; padding: 2px 0 0 0; 
float: left; text-align: left; 
clear: both;
font-family: Calibri, Tahoma, Verdana, sans-serif; 
font-size: 11pt; line-height: 22pt; 
color: #000000;
border-top: solid 1px #505050; }

div#nav a:link {
color:#ffd700; font-weight:bold; background-color:#ffffdd; padding: 0 2px 0 2px;
font-family: Calibri, Tahoma, Verdana, sans-serif;
text-decoration:none; }

div#nav a:visited {
color:#ffd700; font-weight:bold; background-color:#ffffdd; padding: 0 2px 0 2px;
font-family: Calibri, Tahoma, Verdana, sans-serif;
text-decoration:none; }

div#nav a:active {
color:#ffd700; font-weight:bold; background-color:#ffffdd; padding: 0 2px 0 2px;
font-family: Calibri, Tahoma, Verdana, sans-serif;
text-decoration:none; }

div#nav a:hover {
color:#ffffff; font-weight:bold; background-color:#ffd700; padding: padding: 0 2px 0 2px;
font-family: Calibri, Tahoma, Verdana, sans-serif;
text-decoration:none; }


/* Welcome -----------------------------------------------------------------------------------*/
#welcome {
margin: 0; padding: 0;
width: 782px; height: 396px; }

div#welcome .bild {
border: solid 1px #505050; }

#city {
position:absolute; top:120px; left:84px; z-index:1; 
font-size: 12pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
color: #ffffdd; }

#clock {
position: absolute; bottom: 16px; right: 20px;
font-size: 24pt;
font-family: Calibri;
text-align: right;
float: right;
color: #ffffdd; }


/* Klimatabelle ------------------------------------------------------------------------------*/
td.gll {
text-align: left; vertical-align: middle;
margin: 0 0 0 1pt;
padding: 2pt 0 2pt 4pt;
font-size: 9pt;
font-family: Cambria, Georgia, Serif;
border-top: solid 1px #e4e4e4; border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
background-color: #e4e4e4; }

td.gmc {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Cambria, Georgia, Serif;
border-top: solid 1px #e4e4e4; border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
background-color: #e4e4e4; }

td.grc {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Cambria, Georgia, Serif;
border-top: solid 1px #e4e4e4; border-bottom: solid 1px #ffffff;
background-color: #e4e4e4; }

td.gmc16 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff;
background-color: #ffec8b; }

td.gmc24 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
background-color: #ffcc7b; }

td.gmc32 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
background-color: #ff883b; }

td.grc {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Cambria, Georgia, Serif;
border-top: solid 1px #e4e4e4; border-bottom: solid 1px #ffffff;
background-color: #e4e4e4; }

td.grc16 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-bottom: solid 1px #ffffff;
background-color: #ffec8b; }

td.grc32 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-bottom: solid 1px #ffffff; 
background-color: #ff772b; }

td.gmc100 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff;
background-color: #e0eee0; }

td.gmc200 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
background-color: #c1cdc1; }

td.gmc300 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff;
color: #ffffff; background-color: #838b83; }

td.grc100 {
text-align: center; vertical-align: top;
margin: 0;
padding: 2pt 0 2pt 0;
font-size: 9pt;
font-family: Calibri, Tahoma, Verdana, Sans-serif;
border-bottom: solid 1px #ffffff; 
background-color: #e0eee0; }
//-->
</style>
