#footercontent{
width: 880px;
height: 230px;
margin: 0 auto;
}



#footerbox1{
background: url(images/notendop.gif) no-repeat left top;
padding-top: 30px;
margin-right: 20px;
width:220px;
position: absolute;
left: 0;
}

ul.notendop li{
margin-bottom: 8px;
}

ul.rss li{
background: url(images/rss.gif) no-repeat left top;
padding-left: 20px;
margin-bottom: 8px;
}


#footerbox2{
padding-top: 30px;
background: url(images/abonneer.gif) no-repeat left top;
position: absolute;
left: 240px;
width:160px;
}

#footerbox3{
padding-top: 30px;
background: url(images/contact.gif) no-repeat left top;
width:460px;
position: absolute;
left: 420px;
color:#fff;
}

#footerbox1 a, #footerbox2 a, #footerbox3 a{
text-decoration: none;
color:#bad1ff;
}

#footerbox1 a:hover, #footerbox2 a:hover, #footerbox3 a:hover{
text-decoration: underline;
}

#footerdivider{
margin:20px auto 10px auto;
height: 1px;
width: 880px;
background: #282828;
}
.credits{
font-size: 90%;
margin:0 auto 20px auto;
width: 880px;
color:#494949;
text-align: right;
}

.credits a{
color:#494949;
text-decoration: none;
}
.credits a:hover, .credits a:visited{
color: #494949;
text-decoration: underline;
}

input, textarea{
color: #fff;
font-size: 15px;
font-family: Georgia;
border: 0;
padding: 0;
margin:0;
}

input.field-name{
padding: 10px;
position: absolute;
background: url(images/input-dark.gif) no-repeat left top;
top:30px;
left: 0;
width:200px;
height: 20px;
}

input.field-name:focus{background: url(images/input-light.gif) no-repeat left top;
}

input.field-email{
padding: 10px;
position: absolute;
background: url(images/input-dark.gif) no-repeat left top;
top:90px;
left: 0;
width:200px;
height: 20px;
}

input.field-email:focus{background: url(images/input-light.gif) no-repeat left top;
}

textarea.field-comment{
background: url(images/input-comment-dark.gif) no-repeat left top;
padding: 10px;
position: absolute;
top:30px;
right: 0;
width:200px;
height: 180px;
overflow: hidden;
}

textarea.field-comment:focus{
background: url(images/input-comment-light.gif) no-repeat left top;
}

input.commentbutton{
background: url(images/input-submit-dark.gif) no-repeat left top;
width: 100px;
height: 40px;
position: absolute;
top: 190px;
left: 120px;
cursor: pointer;
}

input.commentbutton:hover{
background: url(images/input-submit-darker.gif) no-repeat left top;
}

#thankyou{
width:100%;
position: fixed;
top:0;
left: 0;
background: #fff;
color:#000;
height: 80px;
text-align: center;
line-height: 80px;
font-size: 160%;
z-index: 3;
border-bottom: 2px solid #000;
}
