html {
height:100%;margin-bottom:1px
}

body{
   text-align:center;
   padding: 0;
   margin: 0; 
   background-color: #EEEEEE;
}

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;
}

a.start_gross  { 
   color:#0b005a;
   text-align: right;
}

a.start_klein  { 
   color:#0b005a;
}

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

div.container {
   width: 800px;
   margin: auto;
   text-align: left; 
   background-color: #FFFFFF;
}

div.head { 
   left:0px; 
   top:0px; 
   width:800px;  
   height:120px;
}

div.texte { 
   left:0px; 
   top:121px; 
   width:750px;  
   background-color: #FFFFFF;
   margin: 25px 25px 25px 25px;
}

div.texte_start { 
   left:0px; 
   top:121px; 
   width:650px; 
   background-color: #FFFFFF;
   margin: 25px 75px 25px 75px;
}

div.texte_start1 { 
   left:0px; 
   top:121px; 
   width:800px; 
   background-color: #FFFFFF;
   background-image: url(bilder/layout/startback.jpg);
   background-position: 0pt 0pt;
   margin: 0px 0px 0px 0px;
}

div.texte_start2 { 
   width:650px; 
   margin: 0px 0px 75px 75px;
}

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;
}

span.start_klein_blue  { 
   color:#0c0032;
}

span.start_klein_red  { 
   color:#000000;
}

span.start_gross_red  { 
   color:#000000;
}

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

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_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;
}