body {background-color: #EEEEEE}

body,p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i

     { font-family:Verdana,Arial,sans-serif;color: #000066}

p,ul,ol,li,div,td,address,nobr,i { font-size:10pt; color: #000066}

th { font-size:12pt; color: #000066}


a:link {font-family:Verdana,Arial,sans-serif; text-decoration: none;}

a:visited {color: #0000B4}

a:focus { color: #0000B4; text-decoration: underline;}

a:hover { color: #808080;}

a:active {color: #00FFFF;}


/* Desktop-Design */
body {
     font-size: 18px;
     padding: 20px;
 }

/* Tablet-Design (Bildschirme mit max. Breite von 768px) */
@media (max-width: 768px) {
     body {
         font-size: 16px;
         padding: 15px;
     }
 }
 
 /* Smartphone-Design (Bildschirme mit max. Breite von 480px) */
 @media (max-width: 480px) {
     body {
         font-size: 14px;
         padding: 10px;
     }
 }

/* normaler Text */