#alles {width:100%;}

p  { font-size:100%; font-family:Arial; color:rgb(201,201,201); letter-spacing:1px; }

p#foto      { font-size:55%; color:rgb(160,160,160); }
p#kleiner   { font-size:60%; }

a  { font-size:100%; font-family:Arial; color:rgb(110,110,110); font-weight:bold; text-decoration:none; letter-spacing:1px; }

a:active    { color:white; }
a:visited   { color:rgb(110,110,110); }
a:hover     { color:white; }

a#gross     { font-size:125%; }
a#klein     { font-size:80%; }
a#winzig    { font-size:70%; }

h1 { font-size:150%; font-family:Arial; color:rgb(201,201,201); font-weight:bold; text-decoration:none; letter-spacing:1px; }

img#voll    { border-width:0px; width:100%; }
img#halb    { border-width:0px; width:50%; }
img#drittel { border-width:0px; width:33%; }
img#viertel { border-width:0px; width:25%; }
img#achtel  { border-width:0px; width:15%; }
img#halbe   { border-width:0px; width:95%; }
img#eemail  { border-width:0px; width:40%; }

img#dreiviertel   { border-width:0px; width:75%; }

table       { border-width:0px; padding:0px; border-spacing:0px; }

hr          { width:100%; height:0px; color:rgb(201,201,201); }


@media only screen and (min-width:1px) and (max-width:220px) {
p  { font-size:45%; }
h1 { font-size:60%; }
}

@media only screen and (min-width:221px) and (max-width:320px) {
p  { font-size:60%; }
h1 { font-size:80%; }
}

@media only screen and (min-width:321px) and (max-width:480px) {
p  { font-size:75%; }
h1 { font-size:100%; }
}

@media only screen and (min-width:481px) and (max-width:640px) {
p  { font-size:120%; }
h1 { font-size:150%; }
}

@media only screen and (min-width:641px) and (max-width:800px) {
p  { font-size:180%; }
h1 { font-size:240%; }
}

@media only screen and (min-width:801px) and (max-width:1024px) {
p  { font-size:240%; }
h1 { font-size:300%; }
}

@media only screen and (min-width:1025px) and (max-width:1366px) {
p  { font-size:320%; }
h1 { font-size:400; }
}

@media only screen and (min-width:1367px) and (max-width:1920px) {
p  { font-size:500%; }
h1 { font-size:625%; }
}

@media only screen and (min-width:1921px) and (max-width:4000px) {
p  { font-size:800%; }
h1 { font-size:1000%; }
}


