body { font-family:Helvetica, Arial, sans-serif; color:#333; background:#eee; }

  #wrapper { width: 900px; margin:0 auto; padding:30px; background:#fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}


  h1, h2, h3, h4, h6 { color:#787878; }
  h5 { padding:20px 0 10px 0; border-bottom:1px dashed #eee;}
  pre { color:#333; }

  div.demo { padding-top:20px; }
  div.quellcode { padding-top:50px; }

  p.foot, p.foot a { color:#333; text-align:right; font-size:11px;}


  #menu {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
  }

  #menu li {
    display:inline;
    padding:15px 0;
    border-bottom:1px dashed #eee;
  }

  #menu a,
  #menu a:visited {
    display:inline-block;
    padding:10px 35px;
    color:#555;
    text-decoration:none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
  }

  #menu a:hover,
  #menu a:active,
  #menu a:focus {
    color:#fff;
    text-decoration:none;
    background:#555;
  }

div#main {
   padding:3%;
   width:50%;
   position:relative;
   margin:0 auto;
   text-align:left;
   border: none;
}

div#pictureleft {
   padding: 0;
   border: none;
   margin: 0;
   width: 21%;
   position: absolute;
   top: 20%;
   left: 2%;
}

div#pictureright {
   padding: 0;
   border: none;
   margin: 0;
   width: 21%;
   position: absolute;
   top: 10%;
   right: 5%;
}

div#picturebottom {
   padding: 0;
   border: none;
   margin: 0;
   width: 80%;
   position: absolute;
   bottom: 10%;
   left: 8%;
}

img.scaled {
  width: 100%;
}

 a:link{color:#787878;}
 a:visited{color:#787878;}
 a:hover{color:#333;}
 a:active{color:#787878;}