body {
font-family: optima, Arial, Helvetica, sans-serif;
letter-spacing: 0.2em;
word-spacing: 0.4em;
background-color: #ffffff;
padding: 0;
border: 0;
margin: 0;
background-image: url(../bg.png);
background-repeat: no-repeat;
background-position: right top;
}

a {
text-decoration: none;
color: #613d7a;
}

a:link {
text-decoration: none;
color: #613d7a;
}

a:visited {
text-decoration: none;
color: #613d7a;
}

a:hover {
text-decoration: none;
color: #613d7a;
}

a:active {
text-decoration: none;
color: #613d7a;
}

#title {
font-weight: bold;
}

/* Home Navigatie */

.nav_webdesign, .nav_other, .nav_links, .nav_nayoh, .nav_comics, .nav_schoolwork, .title, #tekst {
position: absolute;
}

#tekst {
top: 120px;
left: 300px;
right: 50px;
padding: 10px;
border: 1px solid #ff1f72;
color: #613d7a;

}

#navigatie {
height: 733px;
width: 290px;
background-color: #ffffff;
background-image: url(../nav_bg.png);
background-repeat: no-repeat;
background-position: left top;
}

.nav_webdesign {
top: 60px;
left: 123px;
}

.nav_other {
top: 172px;
}

.nav_links {
top: 252px;
left: 180px;
}

.nav_nayoh {
top: 404px;
left: 63px;
}

.nav_comics {
top: 371px;
left: 182px;
}

.nav_schoolwork {
top: 505px;
}


/* Schoolwork Navigatie */

.nav_0506, .nav_0607, .nav_0809, .title, .schoolwork_title, .other_title, .comics_title, .links_title, .nayoh_title, .webdesign_title {
position: absolute;
}

#nav_schoolwork {
height: 698px;
width: 282px;
background-color: #ffffff;
background-image: url(../nav_schoolwork/schoolwork_nav_bg.png);
background-repeat: no-repeat;
background-position: left top;
}

.schoolwork_title {
top: 64px;
left: 260px;
}

.other_title {
top: 64px;
left: 315px;
}

.comics_title {
top: 64px;
left: 400px;
}

.links_title {
top: 64px;
left: 440px;
}
.nayoh_title {
top: 64px;
left: 420px;
}

.webdesign_title {
top: 64px;
left: 300px;
}

.nav_0506 {
top: 187px;
}

.nav_0607 {
top: 339px;
left: 104px;
}

.nav_0809 {
top: 481px;
left: 11px;
}


/* Gallery */

.pic1, .pic2, .pic3, .pic4, .pic5, .pic6, .pic7, .pic8, .pic9 {
position: absolute;
}

.pic1 {
top: 150px;
left: 300px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic2 {
top: 150px;
left: 500px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic3 {
top: 150px;
left: 700px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic4 {
top: 300px;
left: 300px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic5 {
top: 300px;
left: 500px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic6 {
top: 300px;
left: 700px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic7 {
top: 450px;
left: 300px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic8 {
top: 450px;
left: 500px;
padding: 2px;
border: 1px solid #ff1f72;
}

.pic9 {
top: 450px;
left: 700px;
padding: 2px;
border: 1px solid #ff1f72;
}