body {
margin: 0px;
padding: 0px;
background-image: url('../images/achtergrond.jpg');
}

#container {
/*
left: 0px;
top: 0px;
*/
margin: 0 auto;
position: relative;
width: 780px;
height: 768px;
}

#top {
position: absolute;
left: 0px;
top: 0px;
width: 779px;
height: 53px;
}

#header {
position: absolute;
left: 0px;
top: 53px;
width: 779px;
height: 171px;
}

#left {
position: absolute;
top: 224px;
left: 0px;
width: 81px;
height: 200px;
float: left;
line-height: 0px;
}

#right {
position: absolute;
top: 224px;
left: 698px;
width: 81px;
height: 200px;
float: right;
line-height: 0px;

}

#content {
position: absolute;
top: 224px;
left: 81px;
width: 617px;
height: 486px;
background: #FFFFFF;
}

#text_frame {
position: absolute;
left: 0px;
top: 30px;
width: 577px;
height: 450px;
padding-left: 25px;
padding-right: 15px;
text-align: left;
overflow: auto;
}

#bottom {
position: absolute;
left:0px;
top: 710px;
width: 779px;
height: 71px;
}

#menu {
position: absolute;
left: 81px;
top: 200px;
width: 617px;
height: 60px;
z-index: 1;
}

#home {
position: absolute;
left: 20px;
top: 10px;
width: 40px;
height: 15px;
}

#cv {
position: absolute;
left: 90px;
top: 3px;
idth: 105px;
height: 20px;
}

#portfolio {
position: absolute;
left: 225px;
top: 10px;
width: 60px;
height: 17px;
}

#links {
position: absolute;
left: 320px;
top: 18px;
width: 36px;
height: 17px;
}

#contact {
position: absolute;
left: 380px;
top: 25px;
width: 50px;
height: 17px;
}

#weblog {
position: absolute;
left: 460px;
top: 30px;
width: 51px;
height: 18px;
}

#mailing {
position: absolute;
left: 545px;
top: 28px;
width: 55px;
height: 16px;
}

#bar {
width: 3px;
height: 25px;
position: absolute;
left: 15px;
top: 5px;
background: #A6A6A6;
}

img.png {
behavior: url("css/pngstijl.htc");
}

h1 {
padding: 0px;
margin: 0px;

font-family: Georgia;
font-size: 14pt;
line-height: 24px;
color: #787878;
text-align: left;
font-style: italic;
}

h2 {
padding: 0px;
margin: 0px;
display: inline;

font-family: Georgia;
font-size: 10pt;
color: #787878;
text-align: left;
}

.tekst {
font-family: Georgia;
font-size: 11px;
line-height: 24px;
color: #424242;
text-align: left;
}

.tekst a, a {
font-family: Georgia;
font-size: 11px;
line-height: 24px;
color: #787878;
text-align: left;
text-decoration: none;
font-weight: bold;
}

.tekst a:hover, a:hover {
font-family: Georgia;
font-size: 11px;
line-height: 24px;
color: #e7a72c;
text-align: left;
text-decoration: none;
font-weight: bold;
}

hr {
background: #e7A72c;
border: 0px;
height: 1px;
}

a.link {
font-family: Georgia;
font-size: 11px;
line-height: 24px;
color: #787878;
text-align: left;
}

a.link:hover {
font-family: Georgia;
font-size: 11px;
line-height: 24px;
color: #e7a72c;
text-align: left;
}

ul {
margin: 0px;
padding: 0px;
}

.input {
font-family: Georgia;
font-size: 11px;
color: #787878;
width: 300px;
height: 14px;
border: 0px;
border-bottom: 1px solid #424242;
}

.textarea {
font-family: Georgia;
font-size: 11px;
color: #787878;
width: 300px;
height: 100px;
border: 1px solid #424242;
}

.button {
font-family: Georgia;
font-size: 11px;
color: #FFFFFF;
width: 100px;
height: 18px;
border: 1px solid #424242;
background: #787878;
}

a img {
border: 0px;
}