body{
color: #000000;
margin: 0;
font-family: Tahoma;
background: url(images/background.jpg) repeat-x;
}

#container{
height: 875px;
width: 736px;
background: #ffffff;
border: 1px solid lightgray;
margin: 0 auto;
}

#topbar{
color: #ffffff;
font-family: Tahoma;
font-size: 12px;
padding: 10px 0px 0px 290px;
height: 28px;
width: 446px;
background: url(images/index_03.gif);
}

#header{
padding-top: 10px;
padding-left: 390px;
width: 346px;
height: 85px;
background: url(images/header.jpg);
}

#topavatars{
width: 696px;
padding: 4px 0 0 40px;
height: 104px;
background: url(images/index_08.gif);
}

.avatar{
width: 100px;
height: 100px;
padding: 0px 35px 35px 0px;
border: 0;
}

#leftside{
width: 193px;
padding: 0 0 0 1px;
height: 514px;
float: left;
background: #ffffff;
}

.menu{
color: #000000;
font-family: Verdana;
font-size: 12px;
width: 109px;
height: 167px;
}

.kopje{
width: 185px;
height: 22px;
padding-top: 3px;
padding-left: 5px;
background: url(images/index_12.gif);
color: #00000;
font-family: Tahoma;
font-size: 13px;
text-decoration: bold;
}

.menutje{
background: url(images/index_21.gif);
color: #000000;
font-family: Verdana;
font-size: 12px;
width: 190px;
height: 167px;
}

a{
color: #000000;
text-decoration: bold;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: none;
font-weight: bold;
}

#rightside{
width: 535px;
height: 519px;
float: left;
background: #ffffff;
}

#content{
color: 000000;
width: 535px;
}

.contentkopje{
background: url(images/index_14.gif);
color: #ffffff;
font-family: Tahoma;
font-size: 13px;
padding-left: 5px;
padding-top: 3px;
width: 535px;
height: 22px;
}

#contentinhoud{
font-family: Tahoma;
font-size: 12px;
color: #000000;
background: url(images/index_17.gif);
width: 535px;
height: 437px;
padding-left: 5px;
}

#footer{
font-family: Verdana;
font-size: 12px;
padding-top: 9px;
text-align: center;
border: 1px lightgrey;
color: #ffffff;
height: 28px;
width: 736px;
background: url(images/index_27.gif) repeat-x;
}

#footer a{
color: #ffffff;
text-decoration: none;
}