@charset "utf-8";
/* CSS Document */

html, body {
margin: 0;
padding: 0;
height: 100%; 
}


body {
  background-color: #A8A8A8;
  background-image: url(img/bg.gif);
  background-repeat: repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; 
  text-align: center;

}

.inactive {
display:none;
}

h1 {
    color: #FF1919;
    font-family: Times New Roman,Times,serif;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    margin: 0;
	margin-bottom: 20px;
    padding: 0;
}


h2 {
    color: #FF1919;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
    padding: 0;
}

h3 {
	font-size: 11px;
	font-weight:bold;
}

p {
margin-right: 20px;
}

a {
color:#0b3428;
}

table {
margin-bottom: 30px;
}

ul {
margin:0;
}

li {
color: #000000;
}

.wrap {
margin: 0 auto;
background-color: #FFFFFF; 
width: 760px;
min-height: 100%; 
height:auto !important; 
height:100%;
position: relative; 
padding-bottom: 15px;
text-align: left;
}

#content {
width: 560px;
float: right;
margin-right: 20px;
} 

#navigation {
width: 170px;
float: left;
}

#top-navi{
margin-left: 140px !important;
margin-left: 180px;
position:absolute;
width: 400px;
}


#top-navi li{
display: inline;
margin-right: 5px;
font-weight: bold;
}

#top-navi a{
text-decoration: none;
}

#side-navi li{
list-style: url(img/navi.gif);
margin-bottom: 3px;
margin-left: auto !important;
margin-left: 30px;
font-size: 12px;
font-weight: bold;
}

#side-navi a{
text-decoration: none;
}

.inner {
float: left;
margin-right: 5px;
}

td {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
}

tr {
padding-bottom: 200px;
}

#home {
background-color: #1e483a;
}


.text {
margin-bottom: 85px;
}


#background {
background-image:url(img/background.png);
background-repeat: no-repeat;
margin-top: -21px;
height: 360px;
padding-top: 30px;
}

#navi-background {
background-image:url(img/background.png);
height: 10px !important;
height: 30px;
padding: 10px 0 10px 0;
}

.viewport { 
width: 550px; 
height: 527px; 
cursor: move; 
margin:0; 
border-width:1px;
border-style:solid;
border-color:#FF0000;
padding: 5px;
z-index: 99;
overflow: hidden; /*keep map contents from spilling over if JS is disabled*/ 
} 

.zoom {
margin: 0 5px -7px 0;
}


.map-container {
	position: relative;
	border: 1px solid #f68d91;
	overflow: hidden;
}

.map-box {
	position: absolute;
	top: 0;
	left: 0;
}

.map-navigator {
    position: absolute;
    width: 69px;
    height: 67px;
    right: 10px;
    bottom: 10px;
    display: none;
	z-index: 100;
}

.map-navigator .bg {
    position: absolute;
    background: url(/img/Strecke/navigator.png) no-repeat left top;
    width: 69px;
    height: 67px;
    left: 0;
    top: 0;
}

.map-navigator a {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.map-navigator a.disabled {
    cursor: default;
    opacity: .5;
    filter:Alpha(Opacity=50);
}

.map-navigator a.up {
    top: 3px;
    left: 23px;
 /*   background: transparent url(img/Strecke/navigator-up.png) no-repeat left top;*/
}

.map-navigator a.right {
    top: 20px;
    left: 41px;
  /*  background: transparent url(img/Strecke/navigator-right.png) no-repeat left top; */
}

.map-navigator a.down {
    top: 39px;
    left: 24px;
  /*  background: transparent url(img/Strecke/navigator-down.png) no-repeat left top;*/
}

.map-navigator a.left {
    top: 20px;
    left: 5px;
  /*  background: transparent url(img/Strecke/navigator-left.png) no-repeat left top; */
}

.map-zoom-in {
    display: inline-block; 
	background: transparent url(img/Strecke/zoom-in.png) 0 50% no-repeat; 
	padding-left: 15px; 
}

.map-zoom-out {
    display: inline-block; 
	background: transparent url(img/Strecke/zoom-out.png) 0 50% no-repeat; 
	padding-left: 15px; 
}



.impress td{
width: 200px;
}

img {
border: none;
}