body {
	margin: 0;
	font-family: sans-serif;
	background-color: #EAEAEA;
}

h1,h2,p,table {
  color: #bd1111;
  margin-left: 15px;
}

p {
  width: 80%;
}

h4 {
  color: #007000;
  margin-left: 15px;
}

ul,ol {
  color: #bd1111;
}

li a:link { text-decoration:underline; color: #000000;}
li a:visited { text-decoration:underline; color: #000000;}
li a:hover { text-decoration:underline; color: #000000;}
li a:active { text-decoration:underline; color: #000000;}

table {
  background-color: #dAdAdA;
}

hr {
  color: black;
  background-color: black;
  height:2px;
  left: 1%;
	width: 98%;
}

th {
  background-color: #cAcAcA;
}

td a:link { text-decoration:underline; color: #000000;}
td a:visited { text-decoration:underline; color: #000000;}
td a:hover { text-decoration:underline; color: #000000;}
td a:active { text-decoration:underline; color: #000000;}


#menubox { 
	z-index: 1;
	/* position: absolute; */
	position: relative;
	top: 0.1em;
	left: 1%;
	width: 98%;
}
.menu {
	
	margin-left: 0em; 					/* braucht man, damit der graue Balken linksbuendig mit der Schrift der Contentbox anfaengt */
	margin-top: 0.3em;							/* braucht man, damit der Balken am oberen Rand der umgebenden Box klebt */
	padding-left: 0.1em; 				/* Padding: beschreibt den Abstand der Schrift zum Rand des grauen Balkens */
	padding-right: 0.1em;				/* */
	padding-top: 0.1em;					/* */
	/* padding-bottom: 0.1em; */
	list-style-type: none;
	word-spacing: 0.2em;					/* Abstand zwischen den einzelnen Menuepunkten; Achtung: bricht in eine zweite Menuezeile um, wenn zu gross */
	

}
.menu li {
	display: inline; 
	font-size: 100%;
	color: #bd1111;
	width: 7.2em;
}

.menu a {
	font-size: 100%;
	text-decoration: none;
	color: #bd1111;
	padding-left: 0.1em;
	padding-right: 0.5em;
}

.invisible {
	display: none;
}


p a:link { text-decoration:underline; color: #000000;}
p a:visited { text-decoration:underline; color: #000000;}
p a:hover { text-decoration:underline; color: #000000;}
p a:active { text-decoration:underline; color: #000000;}