<html>

<head>

<title>StandardCSS</title>

<style type="text/css">
<!--
body {color: 333333; background-color: #F0FFF0; font-size: 12pt; font-family: arial; text-align: justify }  /*  ursprünglich background-color = ffffff*/

td {color: #333333; Font-size: 12pt; font-family: arial; text-align: justify }

th {color: #333333; background-color:white; font-size: 12pt; font-family: arial; text-align: justify }

h1 {color: #cc6600; font-size: 30pt; font-family: arial; font-weight:bold; font-style:italic; text-align: center; line-height: 250% }

h2 {color: #cc6600; font-size: 22pt; font-family: arial; font-style:italic; text-align: center; line-height: 150% }

h3 {color: #cc6600; font-size: 18pt; font-family: arial; font-style:italic; text-align: center; line-heigt: 120% } /* italic = kursiv */

h4 {color: #333333; font-size: 13pt; font-family: arial; text-align: justify; font-weight: 400 } /* wird als Normalschrift verwednet, da nicht alle Brwoser "normal" erkennen*/

h5 {color: #333333; font-size: 13pt; font-family: arial; text-align: center; font-weight: 400 } /* wird als Normalschrift einmitten verwednet*/

h6 {color: #333333; font-size: 8pt; font-family: arial; font-weight: 200 } 

a:link { text-decoration:none; font-weight: 400; color:#0033cc; font-size: 13pt; font-family: arial } /* nicht unterstrichene Link*/

a:visited { text-decoration:none; font-weight: 200; color:#0033cc; font-size: 13pt; font-family: arial }

a:hover { text-decoration:none; font-weight:600; color:#cc3300; font-size: 14pt; font-family: arial }

a:active { text-decoration:none; font-weight:normal; background-color:#ffffff; font-size: 12pt; font-family: arial }

a:focus { text-decoration:none; font-weight:normal; background-color:#ffffff; font-size: 12pt; font-family: arial }

img {margin: 11px } /* Abstand der Bilder */




/* das ist das Navigationsmen  */
#menu {
font-color: black; 
background-color: #ffffcc; 
font-size: 11pt; 
font-family: arial; 
font-style: normal; 
text-align: left;  
padding: 3px; 
padding: 10px; 
float: left; 
display: block; 
border: 2px solid #00c000; 
border-color: red; 
width: 155px; 
margin-top: 5px;
margin-right: 5px; 
margin-bottom: 5px;
a.font-size 10pt; }


/* das ist das BildhoverMen  mit <div> */
img {
border: none;
}
#box{
height: 247px;
width: 330px;
padding: 0;
margin: 20px;
font: bold 14px verdana, sans-serif; }


#box div{display:none;}

#box:hover div {
display: block;
width: 700px;
position: relative;top:-400px; right: 120px;
padding:15px;
font: normal 14px verdana, sans-serif; }


/* das ist das Bildhovermen  f r Tabellen mittlere Bilder (260x195)mit <div> */
img {
border:none;
}
#mittlerefoto {
height: 192px;
width: 255px;
padding: 0;
margin: 0px;
font:bold 14px verdana, sans-serif;}

#mittlerefoto div{display:none;}

#mittlerefoto:hover div {
display: block;
width: 700px;
position: relative;top:-700px; right:400px;
padding: 15px;
font: normal 14px verdana, sans-serif; }


/* das ist das Bildhovermen  f r Tabellen kleine bilder mit <div> */
img {
border: none;
}
#kleinefoto {
height: 150px;
width: 200px;
padding: 0;
margin: 5px;
font: bold 14px verdana, sans-serif; }

#kleinefoto div{display:none;}

#kleinefoto:hover div {
display: block;
width: 700px;
position: relative; top:-100px; right:120px;
padding: 15px;
font: normal 14px verdana, sans-serif; }



/* das ist das Bildhover f r Links, d.h.  ber den Link fahren und es wird ein Bild angezeigt */
/* diese Zeile in der Seite am richtigen Ort einf gen  <a href="#" class="popup">mustertext<span><img src=""></span></a>  */

a.popup {
  text-decoration:none;
  position:relative;
}
a.popup:hover {
  border:none;
}
a.popup img {
  border:none;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:-30px;
  left:10;
}
a.popup:hover span {
  visibility:visible;
}






 
-->
</style>

</head>

<body>



</div>





</body>

</html>