body{
  background:#1E7D37 url('media/bg.jpg') scroll no-repeat center 0%;
}
#week1-icon{
  top: 30%;
  left: 30%;
}
#week2-icon{
  top: 30%;
  left: 40%;
}
#week3-icon{
  top: 50%;
  left: 30%;
}
#week4-icon{
  top: 50%;
  left: 40%;
}
.mapje{
  width: 75px;
  height: 100px;
  position: absolute;
  cursor: pointer;
}
.folder{
  background-image: url('media/mapje.png');
  width: 75px;
  height: 75px;
}
.icon{
  background-image: url('media/mapje.png');
  width: 75px;
  height: 75px;
}
.title{
  width: 75px;
  height: 25px;
  text-align: center;
}
#folders #week1-folder, #folders #week2-folder, #folders #week3-folder, #folders #week4-folder{
  display: none;
  width: 839px;
  height: 457px;
  position: absolute;
  top: 20px;
  left: 40px;
}
#week1-folder .menubar, #week2-folder .menubar, #week3-folder .menubar, #week4-folder .menubar{
  background-image: url('media/menubar.png');
  width: 839px;
  height: 57px;
}
#week1-folder .content, #week2-folder .content, #week3-folder .content, #week4-folder .content{
  background:#f3f3f3;
  width: 839px;
  height: 400px;
}
#week1-folder #pictos, #week1-folder #schets1, #week1-folder #schets2, #week2-folder #grid, #week2-folder #collage, #week2-folder #gridschets, #week3-folder #helblij, #week3-folder #helboos, #week3-folder #helverd, #week3-folder #sydnieblij, #week3-folder #sydnieboos, #week3-folder #sydnieverd, #week4-folder #emotion{
  width: 75px;
  height: 75px;
}
#week3-folder #helboos{
  position: absolute;
  top: 160px;
}
#week3-folder #helverd{
  position: absolute;
  top: 260px;
}
#week3-folder #sydnieblij{
  position: absolute;
  top: 60px;
  left: 140px;
}
#week3-folder #sydnieboos{
  position: absolute;
  top: 160px;
  left: 140px;
}
#week3-folder #sydnieverd{
  position: absolute;
  top: 260px;
  left: 140px;
}
.thumbpic{
  width: 75px;
  height: 54px;
  background-image: url('media/thumbs/thumbpic.png');
}
.thumbschets1{
  width: 75px;
  height: 48px;
  background-image: url('media/thumbs/thumbschets1.png');
}
.thumbschets2{
  width: 75px;
  height: 57px;
  background-image: url('media/thumbs/thumbschets2.png');
}
.thumbgrid{
  width: 75px;
  height: 52px;
  background-image: url('media/thumbs/thumbgrid.png');
}
.thumbcollage{
  width: 75px;
  height: 57px;
  background-image: url('media/thumbs/thumbcollage.png');
}
.thumbgridschets{
  width: 75px;
  height: 57px;
  background-image: url('media/thumbs/thumbgridschets.png');
}
.thumbhelblij{
  width: 75px;
  height: 48px;
  background-image: url('media/thumbs/thumbhelblij.png');
}
.thumbhelboos{
  width: 75px;
  height: 47px;
  background-image: url('media/thumbs/thumbhelboos.png');
}
.thumbhelverd{
  width: 75px;
  height: 53px;
  background-image: url('media/thumbs/thumbhelverd.png');
}
.thumbsydnieblij{
  width: 75px;
  height: 53px;
  background-image: url('media/thumbs/thumbsydnieblij.png');
}
.thumbsydnieboos{
  width: 75px;
  height: 52px;
  background-image: url('media/thumbs/thumbsydnieboos.png');
}
.thumbsydnieverd{
  width: 75px;
  height: 50px;
  background-image: url('media/thumbs/thumbsydnieverd.png');
}
.thumbemotion{
  width: 75px;
  height: 44px;
  background-image: url('media/thumbs/thumbemotion.png');
}
#software #gimp{
  display:none;
  position:absolute;
  top: 20px;
  left: 50px;
  background-image: url('media/gimp.png');
  width: 1024px;
  height: 587px;
}
#software #mozilla{
  display:none;
  position:absolute;
  top: 20px;
  left: 50px;
  background-image: url('media/mozilla.png');
  width: 877px;
  height: 587px;
}
#software #mozilla .content{
  width: 577px;
  height: 450px;
  position: absolute;
  left: 193px;
  top: 90px;
  background: #0f0;
  margin: auto auto auto auto;
}
#software #gimp .content{
  width: 577px;
  height: 430px;
  position: absolute;
  left: 193px;
  top: 87px;
  background: #0f0;
}