body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {
    font-family: "Lucida Calligraphy",Arial, Helvetica, "Trebuchet MS", sans-serif;
}
body,td,div,p,pre {font-size: 11px;}
table {font-size: 10px;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 13px;}
caption {font-size:12px;}
.small {font-size: 12px;}
.mini {    font-size: 11px;}
.minimini {    font-size: 10px;}
a {    font-size: 13px;text-decoration: none}
a:link {color:#3d4548}
a:visited {    color:#7d653c}
a:active {color:#DEC3A9}
a:hover{color: #000000;    text-decoration: underline;}

.Hauptsaison { background-color: #80AF00; }
.Vorsaison   { background-color: #00FF00; }
.Keinesaison { background-color: #80FF5F; }
.Nebensaison { background-color: #A0FFAF; }

body
{
    position:absolute;
    color: black; background-color: #DFDFDF;
}
html, body
{
    top:0; left:0; right:0;
    min-height:100%;
    margin:0;
    padding:0;
    width:100%;
}
* html, * html body
{
    overflow:hidden;
    bottom:0;
    height:100%;
}
#header_container
{
    position:fixed;
    top:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:80px;
    z-index:3;
}
* html #header_container
{
    position:absolute;
    width:100%;
    padding-right:16px;
}

#header
{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100%;
    background:#efefef;
    z-index:4;
    margin:0;
    padding:0;
    background-color: #A0C0FF;  /*#F3C75F*/
}
* html #header
{
    height:100%;
    position:static;
    background-color: #A0C0FF;  /*#F3C75F*/
}
#menu
{
    position:fixed;
    top:66px;
    left:0px;
    width:215px;
    padding:0px;
	height:100%;
    background-color: #A0C0FF;  /*#F3C75F*/
}
* html #menu
{
    position:absolute;
    top:80px;
    left:0px;
    width:215px;
    padding:0px;
	margin:0;
    z-index:3;
}
#content_container
{
    margin:0;
    padding-top:85px;
    padding-left:220px;
    padding-bottom:25px;
    z-index:2;
}
* html #content_container
{
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    height:100%;
    width:100%;
    overflow:auto;
    margin:0;
    padding-right:16px;
    z-index:2;
}
#content {
    margin: 0px 50px  5px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #FBEBCA; border: 1px solid silver;
	overflow:hidden;
}
* html #content {
	position:static;
    margin: 0px 0px 5px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #FBEBCA; border: 1px solid silver;
}
/*
#info_container
{
    position:absolute;
    top:80px;
    right:0px;
    width:215px;
    padding:0px;
	margin:0;
}
* html #info_container
{
    position:absolute;
    top:80px;
    right:0px;
    width:205px;
    padding:0px;
	margin-right:0px;
    padding-right:16px;
}
#info {
    margin: 5px 5px  5px 0px;
    padding: 10px 5px 10px 5px;
    background-color: #FBEBCA; border: 1px solid silver;
}
* html #info {
    margin: 5px 5px  5px 0px;
    padding: 10px 5px 10px 5px;
    background-color: #FBEBCA; border: 1px solid silver;
}
*/
#footer_container
{
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:left;
    margin:0;
    height:20px;
    z-index:3;
}
* html #footer_container
{
    position:absolute;
    width:100%;
    padding-right:16px;
}
#footer
{
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:#efefef;
    z-index:3;
    background-color: #FBEBCA;
    border: 1px solid silver;
    font-size: 10px;
}
* html #footer
{
    height:100%;
    position:static;
    background-color: #FBEBCA; border: 1px solid silver;
}

#menu li
{
    list-style: none;
    margin:0;
    padding:0.3em;
}
#menu li#active
{
    padding:0.5em;
    text-decoration:underline;
}
#menu a:link, #menu a:visited
{
    display:block;
    background:#eeeeee;
    color:black;
    text-decoration:none;
    margin:0;
    padding:0.2em;;
}
#menu a:hover
{
    background:#4f4f4f;
    color:#ffffff;
    text-decoration:underline;
}

#right-icon {
	float:right;
}

#logo {
    position:absolute; top:2px; left:5px;
    z-index:10;
}

#wetter {
    position:absolute; top:2px; right:5px;
    z-index:10;
}
#right-icon {
    float: right; width:200px;
    position:relative; top:0px; right:0px;
    margin-left:10px;
	margin-bottom:10px;
}

#left-icon {
    float: left; width:200px;
    margin-right:10px;
	margin-bottom:10px;
}


#links {
    float: left;
    margin-left:20px;
    margin-right:20px;
    margin-top:10px;
	margin-bottom:10px;
    height:160px;
}

* html #links {
    float: left;
    margin-left:10px;
    margin-right:20px;
}

#rechts {
    float: left;
    margin-left:20px;
    margin-right:20px;
    margin-top:10px;
	margin-bottom:10px;
    height:160px;
}

* html #rechts {
    float: right;
    margin-left:20px;
    margin-right:10px;
}

#start { background-image:url(../images/start.gif); }
#ende { background-image:url(../images/ende.gif); }
#belegt { background-image:url(../images/belegt.gif); }