body
{
font-family:Verdana;
font-size:12px;
background: linear-gradient(#22c, #88e);
text-align:center;
}
h1 {font-size:36px;color:#800080;margin:0px;}
h2 {font-size:24px;color:#000077;}
h3 {font-size:18px;color:#000077;}
p {margin-top:0px; font-size:12px;color:#666;}
p2 {font-size:10px; font-color:#00f;}
 a:link, a:visited, a:active, a:hover
 {
 text-decoration:underline;
 font-weight:bold;
 color:#00f;
 font-size:14px;
 }
 a:active, a:hover
 {color:#0000AF;
 }
 a:visited,
 {color:#990000;
 }
 /* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
 {
 color:#3300FF;
 text-decoration:none;
 }
a.menu:active, a.menu:hover
 {
 color:#00FFFF;
 }
 /* Der Inhalt */
#content {
width=1010px;
height:800px;
background-color:#CC66FF;
padding:5px;
color:#000000;
border: 2px solid #DDAAFF;
     border-radius: 6px;
     border-color:#77f;
}
 /* Die Titelzeile */
#title {
height:50px;
padding:5px;
text-align:center;
background-color:#c6f;
border: 2px solid #DDAAFF;
     border-radius: 6px;
     border-color:#77f;
}
/*Das Menü */
#menu {
         color:#ffffff;
         background-color:#FFCC66;
         text-align:center;
         padding:10px;
         border: 2px solid #DDAAFF;
         border-radius: 6px;
         border-color:#77f;
}
#subnavi {
        background-color: #FF9900;
        width: 130px;
        height: 600px;
        float: left;
        text-align: left;
        margin-left: 0px;
        display: inline;
        }
/* Formatierung Subnavigation */
#buttons a {
        color: #0000DF;
        background-color: #FFCC66;
        padding: 2px;
        padding-left: 3px;
        display: block;
        border-left: 10px solid #FFCC66;
        font: 12px "Trebuchet MS", sans-serif; color: #0000FF;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        text-indent: 10px;
        margin-top: 1px;
        }
#buttons a:hover {
        border-left: 12px solid #CC99FF;
        text-decoration: none;
        color: #00FFD2;
        }
la:hover {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
    }
la {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0.5rem;
width: 5rem;
transition: all 1s ease;
}
la:hover {
transform: scale(2);
transition: all 0.5s ease;
}
la:hover {
transform: scale(2);
transition: all 0.5s ease;
la:nth-child(2);
}
le {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0.5rem;
width: 5rem;
transition: all 1s ease;
}
le:hover {
transform: scale(2) rotate(4deg);
transition: all 0.5s ease;
 }
le:hover {
transform: scale(2) rotate(4deg);
transition: all 0.5s ease;
le:nth-child(3);
}
lo {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0.5rem;
width: 5rem;
transition: all 1s ease;
}
lo:hover {
transform: scale(2);
transition: all 0.5s ease;
}
lo:hover {
transform: scale(2);
transition: all 0.5s ease;
lo:nth-child(2);
}
lu {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0.5rem;
width: 5rem;
transition: all 1s ease;
}
lu:hover {
transform: scale(2) rotate(360deg);
transition: all 1s ease;
}
lu:hover {
transform: scale(2) rotate(360deg);
transition: all 1s ease;
lu:nth-child(3);
}