/* BODY */
.body {
background-color: seashell; 
width: 100%;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
font-family: Verdana;
}
.headline {
margin-top: 20px; 
left: 0px; 
width: 65%; 
height: 100px; 
background-color: #cf0; 
text-align: center;
}
.headline span {
font-size: 30px; 
text-shadow: 4px 4px 4px snow; 
color: green; 
line-height: 3.0; 
font-weight: bold; 
font-family: Verdana;
}
.headline a {
text-decoration: none;
height: 100px;
display: block;
width: 100%;
}
h1 {
font-size: 20px;
display: block;
width: 40%;
height: 40px;
font-family: Verdana;
background-color: #cf0;
text-align: center;
line-height: 1.8;
color: green;
}
h2 {
font-size: 16px;
display: block;
width: 30%;
height: 40px;
font-family: Verdana;
background-color: #cf0;
text-align: center;
line-height: 2.4;
color: green;
}
.textblock {
position: absolute;
border-top: solid 2px #cf0;
border-bottom: solid 2px #cf0;
right: 280px;
left: 0px;
padding: 20px;
margin-right: 40px;
}
.textblock p {
font-family: Verdana;
font-size: 15px;
text-align: left;
}

/* MENU */
.menuhead {
position: absolute;
top: 150px; 
right: 4px; 
width: 270px; 
font-weight: bold; 
padding: 10px; 
background-color: #cf0; 
text-align: left; 
transform: rotate(-15deg);
}
.menuhead span {
font-size: 20px; 
text-shadow: 2px 2px 4px snow; 
color: green; 
font-family: Verdana;"
}
.menuitem {
margin-top: 20px;
width: 270px; 
font-weight: bold; 
height: 40px;
padding: 0px 5px 0px 5px; 
transform: rotate(-15deg);    
background-color: #cf0; 
text-align: left; 
position: absolute;
right: 4px; 
}
.menuitem a {
text-decoration: none; 
display: block; 
height: 40px;
}
.menuitem span {
line-height: 1.8; 
text-decoration: none; 
font-size: 20px; 
text-shadow: 2px 2px 4px snow; 
color: green; 
font-family: Verdana;
}
.menuitem:hover {
margin-top: 20px;
width: 290px; 
font-weight: bold; 
height: 40px; 
padding: 0px 5px 0px 5px; 
transform: rotate(-15deg); 
background-color: #cf0; 
text-align: left;  
position: absolute;
right: 4px; 
}