body {
  margin-left:5%;
  margin-top:5%;
  width:90%;
  min-width:90%;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Sans-Serif;
  /* GillGans, UnDotum, Calibri, Optima, Helvetica, FreeSans, Arial, Sans-Serif */
  font-size:0.75em;
 }

object {
  /* vertical-align: middle; */
  margin-right: 1em;
}

/****************/
/*     Links    */
/****************/

a {
  text-decoration: none;
  font-weight:bold;
  color: #808285;
  border-left:3px solid #808285;
  padding-left: 3px;
  /* white-space: nowrap; */
}
a:hover {
  color: black;
  border-left: 3px solid black;
  }

a span {
	display:none;
	/* font-weight:bold;
	font-size:small;
	background-color:white;
	z-index:100; */
}
a:hover span {
	display:block;
	position:absolute;
	top:3em;
	left:0px;
}

a img { border:none }

#audioDown, #mapDown { margin-right:25px; }

a:hover #audioDown, a:hover #mapDown, a:hover #lang { background-image: none; }

#audioDown { background-image: url(../img/icon_audioDown_back.png); }
#mapDown { background-image: url(../img/icon_mapDown_back.png); }
#lang { background-image: url(../img/icon_lang_back.png)}

a img.transp_icon { background-color:#f5f5f5 }
a:hover img.transp_icon { background-color:White }

a.icon {
  border:none;
  padding:0px;
}

h1 a, h1 a img, h1 a:hover {
  border:none;
  }

/****************/
/*    Listen    */
/****************/

ul.menu li, ul.sub li, ul.menu li h2, ul.sub li h3 {
  display: inline;
  }
ul.menu li, ul.sub li {
  margin-right: 10px;
  }
ul.menu li h2, ul.sub li h3 {
  color:#1e7a90;
  border-left: 3px solid #1e7a90;
  padding-left: 3px;
}
ul.menu li h2, ul.menu li a, h2 {
  font-size: 1.25em;
  }
ul.sub li h3, ul.sub li a {
  font-size: 1em;
}
ul.menu, ul.sub {
  padding:0;
  margin:0;
}
ul.menu {
  /* border-bottom: 1px dashed black; */
  margin-bottom:1em;
}
ul.sub {
  margin-bottom: 5em;
  position: relative;
  line-height: 1.4em;
  }
li.mehrzeilig {
  margin-bottom: 0.75em;
  }
.zitat {
  font-style: italic;
  }
li {
  list-style-type: None;
  }
ul {
  padding:0px;
  margin:0px;
  }

/****************/
/*   Tabellen   */
/****************/

td.icons, td.sidebar {
  width:250px;
  min-width: 250px;
}
td.icons {
  text-align:right;
}
.right {
  text-align:right;
}
tr.top {
  vertical-align:top;
}
tr.bottom > td {
  vertical-align:top;
  padding-top:1em;
  padding-bottom:2em;
}

table {
  border-bottom: 1px solid black;
  width:100%;
}
table#legende {
  width: auto;
  border-bottom: none;
}
table, p {
  max-width:1200px;
}
td.content {
  min-height:400px;
  height:400px;
}

td.menu, td.content {
  min-width: 430px;
  padding-right:10%;
  }


/****************/
/* Textstruktur */
/****************/

h4 {
  margin:0px;
  margin-top: 2em;
  padding:0px;
  font-size: 1em;
}

h3 {
  margin:0px;
  padding:0px;
  margin-bottom: 1em;
  color: #1e7a90;
}

h1 {
  margin:0px;
  padding:0px;
}

p {
  text-align: justify;
  margin:0px;
  margin-top:0.7em;
  padding:0px;
  }

em { 
  margin:0px;
  }
p.logo, td.sidebar p {
  text-align: left;
}

p.logo img {
  margin-right:1em;
  margin-top:1em;
}

p.karte {
 text-align: left;
 padding-right: 10px;
}

ul.text {
 margin-top: 0.7em; /* wie paragraph */
}

/* für p und h4 */
.first {
  margin-top: 0px;
  padding-top: 0px;
  }

.nobr {white-space: nowrap}

.strong {font-weight: bold}
em {font-style: italic}

span.todo {
	font-weight:bold;
	color:red;
	background-color:#DDDDFF;
	}

hr {
	margin-top:15px;
  margin-bottom:15px;
	}
 

/*
petrol:  #1e7a90
orange:  #f58200
grau:    #808285
*/