
body { 
background-color:#FFFFFF; 
}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

a  { 
   text-decoration: none;
   color:#000000; 
}

a.info_klein  { 
   font-family:Verdana,Ludida,Helvetica; 
   font-size:12; 
   color:#222222;
}

a.info_gross  { 
   font-family:Verdana,Ludida,Helvetica; 
   font-size:14; 
   color:#F52525;
}

table  { 
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
}

div#aussen { 
   position:absolute; 
   left:50%; 
   top:20px; 
   width:900px;
   height:100%;
   margin-left:-450px; 
   background-color: #FFFFFF;
}

div#head { 
   position:absolute; 
   left:0px; 
   top:0px; 
   width:900px;  
   height:200px;
}

div#content { 
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#content2  {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#comment  {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#impressum {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#mailer {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#archiv {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#warum {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#steuer {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#macher {
   position:absolute; 
   left:0px; 
   top:200px; 
   width:680px;  
   height:100%;
   background-color: #FFFFFF;
   font-family:Verdana,Ludida,Helvetica; 	
   font-size:14; 
   color:#000000;
   margin: 0px 0px 0px 0px;
}

div#info { 
   position:absolute; 
   left:700px; 
   top:205px; 
   width:200px; 
   height:100%;
   background-color: #ffffff;
}

div#amazon {
   margin: 10px 10px 10px 10px;
}

div#paypal {
   margin: 10px 10px 10px 10px;
}

span.info_gross {
   margin-top: 5px;
   margin-left: 10px;
   margin-right: 10px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:14; 
   color:#F52525;
}

span.info_klein {
   margin-top: 5px;
   margin-left: 10px;
   margin-right: 10px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:12; 
   color:#444444;
}

span.info_folgen {
   margin-top: 5px;
   margin-left: 10px;
   margin-right: 10px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:10; 
   color:#444444;
}

h1.content_gross {
   margin-top: 5px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 5px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:24; 
   color:#F52525;
}

span.content_gross {
   margin-top: 5px;
   margin-left: 0px;
   margin-right: 5px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:18; 
   color:#000000;
}

span.content_mitte {
   margin-top: 20px;
   margin-left: 0px;
   margin-right: 20px;
   padding: 20px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:14; 
   color:#000000;
}

span.content_mitte_rot {
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 0px;
   margin-right: 5px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:14; 
   color:#F52525;
}

span.content_klein {
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 0px;
   margin-right: 5px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:12; 
   color:#000000;
}

p.info_klein {
   margin-top: 5px;
   margin-left: 10px;
   margin-right: 10px;
   font-family:Verdana,Ludida,Helvetica; 
   font-size:12; 
   color:#444444;
}

div.visible {
display: visible;
}
	
div.hidden {
display: none;
} 
