.head { color: #ffffff; font-size: 15px; font-family: verdana; font-weight: bold; line-height: 20px; word-spacing: 1px; letter-spacing: 0 }

.body { color: #ffffff; font-size: 12px; font-family: verdana; line-height: 23px; }
.body_kursiv { color: #ffffff; font-size: 12px; font-family: verdana; font-style: italic; line-height: 23px; }
.body_fett { color: #ffffff; font-size: 12px; font-family: verdana; font-weight: bold; line-height: 23px; }
.body_klein { color: #ffffff; font-size: 9px; font-family: verdana; line-height: 14px; }
.body_klein_fett { color: #ffffff; font-size: 9px; font-family: verdana; font-weight: bold; line-height: 14px; }

.nofloat {clear: both; height:1px; }

.link_navi { color: white; font-size: 12px; font-family: verdana; font-weight: bold; line-height: 18px; word-spacing: 1px; }
.link_sprache { color: white; font-size: 10px; font-family: verdana; font-weight: bold; line-height: 14px; word-spacing: 1px; }

a img {
  border-style: none; /* not need for this solution, but removes borders around images which have a link */
  vertical-align: bottom; /* here */
}

a:hover img {
  background-image: url(bilder/logo.jpg); /* MUST match the container background, or you arent masking the hover effect */
}


a:link { color: #ffffff; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: underline; background-color: #09F; }
a:active { text-decoration: none }
a:visited { color: white; text-decoration: none; }