<html>

<head>

<title>StandardCSS</title>

<style type="text/css">
<!--
body {color:333333; background-color: #ffffff; font-size: 12pt; font-family: arial; text-align: justify }

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:normal; color:#0099cc; font-size: 12pt; font-family: arial } /* nicht unterstrichene Link*/

a:visited { text-decoration:none; font-weight:normal; color:#0099cc; font-size: 12pt; font-family: arial }

a:hover { text-decoration:none; font-weight:normal; color:#cc3300; font-size: 12pt; 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>