BODY {color: Black; background-color: white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px;  }

.headbutton { background: gray;   margin:0pt 0pt 0pt 0pt;  padding: 3pt 0pt 5pt 140pt; width: 100%;  clear: both;  } 
.bottombutton { background: gray; margin: 0pt 0pt 0pt 0pt; padding: 3pt 0pt 5pt 50pt;  width: 100%;  clear: both;  } 

a.hls:link,   
a.hls:visited,   
a.hls:active {background: silver; border: solid 2px black;  color: black; display: block; float: left; font-size: 80%; margin: 3px;   padding: 2px; text-align: center;    text-decoration: none;    vertical-align: middle;    width: 18.1%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;}
a.hls:hover {background: red;    color: silver;    font-style: italic;}
A.hls IMG {	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px}
A.hls:hover IMG {	LEFT: 55px; WIDTH: 150px;  POSITION: absolute; TOP: 40px; HEIGHT: 100px}

a.hl:link,   
a.hl:visited,   
a.hl:active {background: silver; border: solid 2px black;   color: red; display: block; float: left;    font-size: 80%;    margin: 3px;   padding: 2px;  text-align: center;    text-decoration: none;    vertical-align: middle;    width: 14.1%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold;}
a.hl:hover {background: red;    color: silver;    font-style: italic;}
A.hl IMG {	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px}
A.hl:hover IMG           {	LEFT: 55px; WIDTH: 150px;  position: absolute; bottom: -570px; height: 100px;}

ul#Navigation {    float: left; width:19%;  margin: 0; padding: 3pt 0pt 5pt 5pt;    border: 0px ; background-color: gray;}
ul#Navigation li {  list-style: none;  margin: 0; padding: 5px;}
ul#Navigation a {   display: block;  padding: 0;   }
ul#Navigation a:link, 
ul#Navigation a:visited, 
ul#Navigation a:active {background: silver; border: solid 2px black; color: black;  font-size: 80%;    margin: 5px;   padding: 2px; text-align: left;  text-decoration: none; vertical-align: middle;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; width: 100%;}
ul#Navigation a:hover {background: red;    color: silver;    font-style: italic;}
ul#Navigation A IMG {	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px}
ul#Navigation A:hover IMG {	LEFT: 55px; WIDTH: 150px;  POSITION: absolute; TOP: 70px; HEIGHT: 100px}

div#Inhalt {  margin-left: 250px;  padding: 0 1em; border: 0px ; min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */}
div#Inhalt a:link {color: red;}
div#Inhalt a:visited {color: red}
div#Inhalt a:link:hover {color: gray}
div#Inhalt a:visited:hover {color: red}

.center { text-align: center;}
.clearcenter {	clear: both; text-align: center;}
.mainbox {	 border: double; color: Gray;	display: block;  margin: 2px; padding: 2px; width: 99%; background: transparent;}

.search {	clear: both; text-align: center;}
.span {	color: #DC143C;}
.spanblack {	color: black; font-weight: bold; font-style: italic; }

img.left { float: left;	margin: 20px; vertical-align: middle;}
img.right { float: right; margin: 20px; vertical-align: middle;}

table.c1 { background-color: White; }
td.c2 { height: 32px; }
.c3 { color: Black; font-size: 80%; }

.left {	width: auto; text-align:left; clear: right;}
.right {	width: 80% ; text-align: right; clear: left; }