body { 
	background-color:lightgreen; 
    background-attachment:fixed;
	color:black; 
	font-family:Arial; 
	font-size:90%;
	}
	
a:link { color:blue; }
a:visited { color:darkgreen; }
a:hover { color:red; font-weight:bold;}
a:active { color:darkred; font-weight:bold;}

p {text-align: justify;}
	
    .rahmen {
             float: left;
             width: 500px;
             height: 500px;
             border: 0px;
             position: absolute;
             text-align: left;
             vertical-align:top;
             padding: 10px;
             color: darkgreen;
            }

    .impressum {
             font-family: Times, serif;
             font-size: 1.0em;
             font-weight: 400;
             line-height:1.1em;
             float: left;
             padding: 10px;
            }

    .absatz {
             font-family: Times, serif;
             font-size: 1.2em;
             font-weight: 400;
             line-height:1.4em;
             float: left;
             padding: 10px;
             width: 978x;
             border: 1px solid silver;
             background-color: lightblue;
            }

	.zitat {
             font-family: Times, serif;
             font-size: 1.3em;
             font-weight: 500;
			 font-style: italic;
             line-height: 1.0em;
			 text-shadow: 0px 0px 1px darkgrey,
						  0px 0px 2px white;
            }

	.menu {
             font-family: Arial, sans-serif;
             font-size: 0.95em;
             font-weight: 600;
			 font-style: normal;
             line-height: 1.4em;
             color: black;
 			 text-shadow: 0px 0px 1px darkgrey,
						  0px 0px 0px black;
          }

	.menu2 {
             font-family: Arial, sans-serif;
             font-size: 0.9em;
             font-weight: 500;
			 font-style: normal;
             line-height: 1.2em;
             color: darkgrey;
 			 text-shadow: 0px 0px 1px darkgrey,
						  0px 0px 0px black;
          }


    td {
        padding-bottom: 6px;
        vertical-align: top;
        }
            
    table { BORDER: 0;
          }

     ul {
         margin-top: 6px;
         margin-bottom: 5px;
         padding-left: 22px;
         list-style-position: outside;
        }
	
	   h1 {font-family: Arial, sans-serif;
		  font-size: 1.8em;
          line-height: 1.6em;
	      margin-bottom: 14px;
          color:black;
          text-shadow: -1px -1px 3px #FFFFFF,
						0px 0px 1px black,
						0px 0px 2px black,
						1px 1px 4px black;
        }
		
	   h2 {font-family: Arial, sans-serif;
	     font-size: 1.3em;
         color: #111111;
         text-shadow: -1px -1px 2px #FFFFFF, 1px 1px 3px #444444;
         font-weight: 600;
         margin-top: 0px;
         margin-bottom: 9px;
        }


    #seite {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     background-color: blue;
	 background-image: url("bg.jpg");
	 background-size:100% 100%;
	 background-repeat:no-repeat;
     z-index: 0
     }


    #box1 {
     font-family:Arial,Helvetica,sans-serif; font-weight:400; font-size:0.9em; line-height:1.2em; padding-top:20px; padding-right:30px; padding-bottom:20px; padding-left:30px; 
	 border-width:1px; border-color:silver; border-style:solid; 
	 width:200px; 
	 height:902px; 
	 float:left; 
	 position:absolute; 
	 left:10px; 
	 top:8px; 
	 background-color: yellow; 
	 background-image: url(ws.png);
	 opacity:0.5;
	 -moz-opacity:0.5;
	 filter:alpha(opacity=50);
	 background-size:100% 100%;
	 background-repeat:no-repeat;
	 border-radius: 10px 10px 10px 10px;
     box-shadow: 3px 3px 8px #666666;
	 z-index:10; 
	 }

    #box2 {
     position: absolute;
     padding: 20px 30px 20px;
     left: 20px;
     top: 20px;
     width: 800px;
     height: auto;
     background: transparent;
	 background-image: url(t20.png);
	 background-size:100% 100%;
	 background-repeat:no-repeat;
	 border-radius: 10px 10px 10px 10px;
     box-shadow: 3px 3px 8px #666666;
     z-index: 20
     }

	#box2:hover { 
	 background-image: url(t60.png)
	 }

    #box-bild {
     float: right;
     width: 150px;
     height: 200px;
     padding:10px;
     text-align:center;
     position: absolute;
     left: 40px;
     top: 180px;
     z-index: 90
     }


    img {
         WIDTH: 120px;
         HEIGHT: 158px;
	 	 border-radius: 6px 6px 6px 6px;
         box-shadow: 3px 3px 8px #666666;
         -moz-transition-duration: 0.14s;
         -moz-transition-property: top, left, width, height, box-shadow, position;
         -moz-transition-timing-function: ease-out;
        }

    img:active
        {width:300px; height: 400px;
         box-shadow: 16px 16px 45px #222222;
         position: absolut; top:50px; left:-70px; z-index:30;
         -moz-transition-duration: 0.14s;
         -moz-transition-property: top, left, width, height, box-shadow, position;
         -moz-transition-timing-function: ease-out;
        }