/************************* Classes *********************/

.message p{
font:12px Verdana;
color:#333333;
margin-top:10px;
}

.name{
font:bold 12px Verdana;
color:#ffffff;
float:left;
padding-left:10px;
padding-top:6px;
}

.date{
font:bold 12px Verdana;
color:#ffffff;
float:right;
padding-right:10px;
padding-top:6px;
}

.email{
background:url(../afbeeldingen/guestbook/email.gif) no-repeat left;
padding-left:16px;
font:12px Verdana;
color:#333333;
}

.www{
background:url(../afbeeldingen/guestbook/www.gif) no-repeat left;
padding-left:16px;
font:12px Verdana;
color:#333333;
}

.ip{
font:12px Verdana;
color:#333333;
}

.textfield{
padding:4px;
background:#ffffff;
border:1px solid #b9b9b9;
color:#000000;
font:12px Verdana;
margin-bottom:5px;
}

label{
font:bold 12px Verdana;
color:#ffffff;
}

.submit{
float:left;
margin:0;
background:url(../afbeeldingen/guestbook/formbg.gif) repeat-x;
border:1px solid #8c0000;
line-height:18px;
font:bold 12px Verdana;
color:#ffffff;
}

.submit2{
margin:0;
background:url(../afbeeldingen/guestbook/formbg.gif) repeat-x;
border:1px solid #8c0000;
line-height:18px;
font:bold 12px Verdana;
color:#ffffff;
}

.nav a{
background:url(../afbeeldingen/guestbook/messagetop.gif) no-repeat top;
padding:4px;
color:#ffffff;
border:1px solid #333333;
}

.nav a:visited{
color:#fff;
}

.nav a:hover{
color:#32bdfe;
}

.reply a{
color:#fff;
}

.reply a:visited{
color:#fff;
}

.reply span{
font:11px Verdana;
}

#login a{
color:#fff;
}

#login a:visited{
color:#fff;
}

#login p{
font:bold 11px Verdana;
color:#333333;
}

/************************** Divs ***********************/

#container{
text-align:left;
margin:0 auto;
padding:0;
width:484px;
height:100%;
}

#top{
background: url(../afbeeldingen/guestbook/topbg.gif) repeat-x;
width:100%;
height:97px;
margin:0;
padding:0;
}

#menu{
margin:0;
padding:0;
background:url(../afbeeldingen/guestbook/menubg.gif) repeat-x;
width:100%;
height:35px;
border-bottom:4px solid #94bfd6;
}

#headerc{
width:484px;
height:100%;
margin:0 auto;
padding:0;
text-align:left;
}

#menuc{
width:484px;
height:35px;
margin:0 auto;
padding:0;
}

.messagec{
width:484px;
float:left;
height:100%;
margin:0;
margin-top:15px;
padding:0;
}

.messagetop{
background:url(../afbeeldingen/guestbook/messagetop.gif) no-repeat top;
width:484px;
height:29px;
float:left;
margin:0;
padding:0;
}

.message{
height:100%;
width:462px;
border:1px solid #b9b9b9;
background:#ffffff;
float:left;
padding:0;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
margin:0;
}

.reply{
width:472px;
height:100%;
background:#393838;
border:1px solid #000000;
margin-top:20px;
padding:0;
padding-left:10px;
float:left;
padding-bottom:5px;
margin-bottom:10px;
}

#footer{
width:484px;
float:left;
height:100%;
text-align:right;
font:11px Verdana;
color:#ffffff;
background:none;
padding-bottom:10px;
}

.nav{
float:left;
width:100%;
height:20px;
margin:0;
margin-top:15px;
padding:0;
font:bold 11px Verdana;
}

#login{
margin:30px auto;
width:170px;
height:100%;
background:#393838;
border:1px solid #000000;
text-align:left;
padding-left:20px;
}