@charset "utf-8";
/* CSS Document */

body {
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
background-color: #913e1c;
background-image:url(images/bg.jpg);
background-repeat: repeat-x;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #000000;
}

p.header {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #000000;
}

font.georgia18 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #000000;
}

font.highlight_org {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #f26522;
font-style:italic;

}

font.highlight_blu {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #0072bc;
font-style:italic;
}

p.rectext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
font-style:italic;
}

p.right {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
font-style: normal;
text-align:right;
}


div.headerdiv {
position: relative;
left: 140px;
top: 25px;
height: 100px;
width: 330px;
}

div.textfield {
position: relative;
left: 30px;
top: 10px;
height: 300px;
width: 440px;
}

div.stage{
position: absolute;
left: 131px;
top: 130px;
height: 471px;
width: 493px;
background-image:url(images/stage.png);
background-repeat:no-repeat;
z-index: 3;
}

div.foto{
position: relative;
left: 78px;
top: 10px;
height: 257px;
width: 182px;
background-image:url(images/foto.png);
background-repeat:no-repeat;
z-index: 4;
}

div.recommendations {
position:absolute; 
top: 300px;
left: 590px;
height: 334px;
width: 309px;
z-index: 2;
background: transparent url(images/note.png) no-repeat;
}

div.recheader {
position: relative;
left: 35px;
top: 15px;
height: 35px;
width: 250px;
}

div.rectext {
position: relative;
left: 35px;
top: 10px;
height: 250px;
width: 250px;
}


div.links {
position: absolute;
left: 17px;
top: 295px;
height: 140px;
width: 160px;
z-index: 2;
}

a.linked {
display: block;
height: 43px;
width: 158px;
background: transparent url(images/Linkedin.png) no-repeat;
}

a:hover.linked {
height: 43px;
width: 158px;
background: transparent url(images/Linkedin_hover.png) no-repeat;
}

a.twitter {
display: block;
height: 43px;
width: 158px;
background: transparent url(images/twitter.png) no-repeat;
}

a:hover.twitter {
height: 43px;
width: 158px;
background: transparent url(images/twitter_hover.png) no-repeat;
}

a.shelfari {
display: block;
height: 43px;
width: 158px;
background: transparent url(images/shelfari.png) no-repeat;
}

a:hover.shelfari {
height: 43px;
width: 158px;
background: transparent url(images/shelfari_hover.png) no-repeat;
}

div.scriptie {
position: absolute;
left: 520px;
top: 0px;
height: 277px;
width: 366px;
z-index: 4;
background: transparent url(images/scriptie.png) no-repeat;
}

a.scriptiedownload {
position: relative;
left: 325px;
top: 115px;
display: block;
height: 138px;
width: 182px;
background: transparent url(images/download_scriptie.png) no-repeat;
}

a:hover.scriptiedownload {
height: 138px;
width: 182px;
background: transparent url(images/download_scriptie_hover.png) no-repeat;
}

div.postit {
position: absolute;
left: 5px;
top: 540px;
height: 233px;
width: 242px;
z-index: 4;
}

a.postit {
display: block;
height: 233px;
width: 242px;
background: transparent url(images/postit.png) no-repeat;
}

a:hover.postit {
height: 233px;
width: 242px;
background: transparent url(images/postit_hover.png) no-repeat;
}

div.tea {
position:absolute; 
top: 390px;
left: 875px;
height: 215px;
width: 215px;
z-index: 3;
background: transparent url(images/tea.png) no-repeat;
}

div.vlekken {
position:absolute; 
top: 425px;
left: 900px;
height: 241px;
width: 326px;
z-index: 1;
background: transparent url(images/vlekken.png) no-repeat;
}

div.iphone {
position:absolute; 
top: 210px;
left: 1060px;
height: 325px;
width: 274px;
z-index: 2;
background: transparent url(images/iphone.png) no-repeat;
}

div.graphs {
position:absolute; 
bottom: 0px;
left: 5px;
height: 208px;
width: 790px;
z-index: 1;
background: transparent url(images/maps.png) no-repeat;
}

div.agenda {
position:absolute; 
bottom: 0px;
left: 1025px;
height: 200px;
width: 350px;
z-index: 1;
background: transparent url(images/agenda.png) no-repeat;
}

div.ladybug {
position:absolute; 
top: 35px;
left: 1075px;
height: 108px;
width: 69px;
z-index: 1;
background: transparent url(images/ladybug.png) no-repeat;
}

div.clock {
position:absolute; 
top: 70px;
left: 43px;
height: 52px;
width: 48px;
z-index: 1;
background: transparent url(images/clock.png) no-repeat;
}

div.flower {
position:absolute; 
top: 243px;
left: 45px;
height: 57px;
width: 39px;
z-index: 1;
background: transparent url(images/flower.png) no-repeat;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #0072bc;
text-decoration:none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #0072bc;
text-decoration: underline;
}



<!---- scriptie + tekst samen
<!-- div.scriptie { position: absolute; left: 520px; top: 0px; height: 277px; width: 507px; z-index: 3; border-color: #00CC66; border-style:solid; border-width:1px; }

<!-- a.scriptiecover { display: block; height: 277px; width: 507px; background: transparent url(images/scriptie2.png) no-repeat; }

<!-- a:hover.scriptiecover { height: 277px; width: 507px; background: transparent url(images/scriptie2_hover.png) no-repeat; }




<!-- border-color:#FFFFFF; border-style:solid; border-width:1px;
-->