BODY {color: Black; background-color: white; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px;  }
/* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */ /* links at the page top */

.headbutton { /*All this does is set the blue box on the screen */background: gray;   margin: 0pt 0pt 0pt 0pt; 
/*margin = setting the yellow space around the blue box top; right; bottom; left;*/  padding: 3pt 0pt 5pt 0pt; 
 /*padding = setting the blue space inside the blue box  top; right; bottom; left;*/width: 100%;  clear: both;  } 
 .bottombutton { /*All this does is set the blue box on the screen */background: gray;   margin: 0pt 0pt 0pt 0pt;  
/*margin = setting the yellow space around the blue box top; right; bottom; left;*/padding: 3pt 0pt 5pt 0pt;  
/*padding = setting the blue space inside the blue box  top; right; bottom; left;*/width: 100%;  clear: both;  } 

a.hls:link,   
a.hls:visited,   
a.hls:active {background: silver; border: solid 2px black;    /*makes a solid border around the link 2px wide*/color: black; display: block;
                   /*makes a block around the link */float: left;    font-size: 80%;    margin: 3px;    /*margin = setting the blue space around the  boxs*/padding: 2px;    
                    text-align: center;    text-decoration: none;    vertical-align: middle;    width: 13.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;    /*makes a solid border around the link 2px wide*/color: red; display: block; 
                   /*makes a block around the link */float: left;    font-size: 80%;    margin: 3px;    /*margin = setting the blue space around the  boxs*/padding: 2px;    
                   text-align: center;    text-decoration: none;    vertical-align: middle;    width: 13.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;  /*padding = setting the blue space inside the blue box  top; right; bottom; left;*/  
                    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;    /*makes a solid border around the link 2px wide*/ color: black ;  
/*makes a block around the link */    font-size: 80%;    margin: 5px;    /*margin = setting the blue space around the  boxs*/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 */}
.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.border {	border: Olive; border-style: double;}
img.left { float: left;	margin: 20px;	 text-align: center; vertical-align: middle; border: Olive; border-style: double;}
img.right { float: right; margin: 20px;	text-align: center; vertical-align: middle; border: Olive; border-style: double;}

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