@media screen and (max-width: 1024px) and (max-height: 768px), (max-width: 1440px) and (max-height: 900px)
{
   body { font-size: 15px; }
}

@media screen and (max-width: 800px) and (max-height: 600px)
{
   body { font-size: 12px; }
}

body
{
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   margin: 0;
}

a
{
   text-decoration: none;
}

img
{
   border: none;
}

form
{
   margin: 0;
}

.abs      { position: absolute; }
.rel      { position: relative; }
.fixed    { position: fixed; }

.centered { margin: 0 auto; }

.aLeft    { text-align: left; }
.aCenter  { text-align: center; }
.aRight   { text-align: right; }
.aTop     { vertical-align: top; }
.aBottom  { vertical-align: bottom; }

.fLeft    { float: left; }
.fRight   { float: right; }

.sCaps    { font-variant: small-caps; font-weight: bold; letter-spacing: .005em; } /* see http://en.wikipedia.org/wiki/Small_caps */
.mono     { font-family: "Andale Mono", "Lucida Console", "Courier New", Courier, monospace; }
.disabled { color: dimgray; }
.nowrap   { white-space: nowrap; }

#bg
{
   position: fixed !important;
   right: 0;
   top: 0;
   width: 100%;
   height: auto;
}

#bg img
{
   width: 100%;
   height: 100%;
}

#peergynt > img,
#liveschilderen > img
{
   display: none;
   position: absolute;
   height: auto;
   z-index: 10;
}

#peergynt > img
{
   width: 300px;
}

#liveschilderen > img
{
   width: 500px;
}

#peergynt:hover > img,
#liveschilderen:hover > img
{
   display: block;
}