﻿body { 
    position:absolute;
    background:#FFFFFF;
}

html, body { 
    top:0; left:0; right:0;
    min-height:100%;
    margin:0;
    padding:0;
    width:100%;
	background:#fff;
	font-family:Verdana;
}
#hide {
	display:none;
}

#header_container1 {
    position:fixed;
    top:0; left:0; 
	width:1024px;
    text-align:center;
    margin:0;
    height:65px;
    z-index:3;
	background-image:url(../images/header.jpg);
}

div#header_container  H1{
	vertical-align:middle;
}

#header {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100%;
    background:#efefef;
    z-index:3;
    margin:0;
    padding:0.2em;
}

#logo{
    position:fixed;
    top:5em;
    right:1em;
    width:157px;
	height:60px;
    padding:0em;
	background: #FFFFFF;
	float:right;
	z-index:3;
}

#map{
    position:fixed;
    top:150px;
    right:1em;
    width:350px;
	height:320px;
    padding:0em;
	background: #FFFFFF;
	float:right;
	z-index:3;
}
div#map  a:link, #map a:visited{
	display:block;
    background:#FFFFFF;
    font-size: 0.8em;
	text-align:right;
	color:black;
    text-decoration:none;
    margin:0;
    padding:0.2em;
}
#map a:hover{
    background:#4f4f4f;
    color:#FFFFFF;
    text-decoration:underline;
}
#menu {
    position:fixed;
	font-size: 0.8em;
	text-align:left;
    top:80px;
    left:0px;
	margin:0;
	width:150px;
    border: 3px dotted #dedede;
    padding:0px;
	background: #eee;
	
}
div#menu img {
	border: none;
}
div#menu H1 {
   margin: 0 0 1em;
}
div#menu H2 {
    margin: 2 0 1em;
}
div#menu ul {
    margin: 0 0 0em;
}
div#menu ul{
	color:#FFFFFF;
	list-style-position:inside;
    margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1;
	padding:0px;
	background: #eee;
}

#content {
    margin:0;
	font-size: 0.8em;
    padding-top:80px;
    padding-left:15em;
	padding-right:5em;
    padding-bottom:65px;
    z-index:2;
	background:#fff;
}
div#content img {
	border: none;
}
div#content H1 {
  font-size: 1.1em;
  margin: 0 0 0em;
  padding-top:0em;
  padding-bottom:1em;
}
div#content H2 {
  font-size: 1.0em;
  margin: 0 0 0em;
  padding-top:0em;
  color: red;
}
div#content P {
  font-size:1em;
  margin: 1em 0;
}

div#content H3 {
	color: #777777;
	font-weight: bold;
	font-size: 14px;
	padding-top:1em;
	padding-bottom:0em;
	margin: 0 0 0em;
}
div#content H4 {
	color: black; 
	font-weight: normal; 
	font-size: 12px; 
	font-style:italic;
	padding-top:0em;
	padding-bottom:0em;
	margin: 0 0 0em;
}
div#content H5 {
	color: #777777;
	font-weight: bold;
	font-size: 14px;
	padding-top:0em;
	padding-bottom:0em;
	margin: 0 0 0em;
}

#info {
    position:fixed;
	font-size: 0.8em;
	text-align:left;
    bottom:60px;
    left:0px;
	margin:0;
	width:150px;
    border: 3px dotted #dedede;
    padding:0px;
	background: #eee;
}
div#info img {
	border: none;
}
div#info H1 {
   margin: 0 0 1em;
}
div#info H2 {
    margin: 2 0 1em;
}
div#info ul {
    margin: 0 0 0em;
	font-size: 0.8em;
}
div#info ul{
	color:#FFFFFF;
	list-style-position:inside;
    margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1;
	padding:0px;
	font-size: 0.8em;
	background: #eee;
}
div#info li{
	color:#FFFFFF;
	list-style-position:inside;
    margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1;
	padding:0px;
	background: #eee;
}

#footer_container {
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:left;
	vertical-align:sub;
    margin:0;
    height:40px;
    z-index:1;
	font-family:Arial Unicode MS;
	font-size:28px;
	color:#FFFFFF;
	background-image:url(../images/street001.jpg);
}

#footer {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:#efefef;
    z-index:1;
}

/* Nur für den MSIE */

* html, * html body {
    overflow:hidden;
    bottom:0;
    height:100%;
}

* html #header_container, * html #footer_container {
    position:absolute;
    width:100%;
    padding-right:16px;
}

* html #menu {
    position:absolute;
}

* html #header,* html #footer {
    height:100%;
    position:static;
}

* html #content {
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    height:100%;
    width:100%;
    overflow:auto;
    margin:0;
}

/* Weiter mit browserübergreifenden Deklarationen */

#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;
}
	
#menu span{
    color:red;
	display:block;
    background:#EEEEEE;
    text-decoration:none;
    margin:0;
    padding:0.2em;
}

#info li {
    list-style: none;
    margin:0;
    padding:0em;
}

#info li#active {
    padding:0em;
    text-decoration:underline;
}

#info a:link, #info a:visited {
    display:block;
    background:#EEEEEE;
    color:black;
    text-decoration:none;
    margin:0;
    padding:0.2em;
}

#info a:hover{
    background:#4f4f4f;
    color:#FFFFFF;
    text-decoration:underline;
}
	
#info span{
    color:red;
	display:block;
    background:#EEEEEE;
    text-decoration:none;
    margin:0;
    padding:0.2em;
}

/* Der IE soll das Element breiter darstellen, da margin
   und padding hier von der Breite abgezogen werden! */

* html #menu {
    margin:0;
    width:10.5em;
}
