html, body {
width: 100%;
height: 100%;
}

body {
margin: 0;
padding: 0;
background: #898679;
background-image: url(../images/bg_darkgrey.png);
text-align: center;
overflow:scroll;
}

img {
border: 0;
}

#website {
position: relative;
width: 720px;
height: 960px;
margin: 0 auto; 
padding: 0;
border: 1px solid #1b1b19;
text-align: center;
background: #ffffff;
}

#header {
height: 480px;
margin: 0;
padding: 0 0 0 0;
}

#contentleft {
position: absolute;
top: 480px;
left: 0;
width: 320px;
height: 449px;
margin: 0;
padding: 30px 15px 0 15px;
color: #653300;
background: #ffffff;
}

#contentright {
position: absolute;
top: 480px;
left: 361px;
width: 350px;
height: 449px;
margin: 0;
padding: 30px 0 0 0;
color: #653300;
background: #ffffff;
border-left: 1px solid #653300;
}

#schokobox{
position: absolute;
top: 844px;
left: 25px;
margin: 0;
padding: 0
}

#footerbox{
position: absolute;
top: 911px;
left: 361px;
width: 350px;
margin: 0;
padding: 0 5px 0 5px;
color: #653300;
}


h1{
font: normal 28px Niconne, Arial, Verdana, cursive;
color: #653300;
margin: 0;
padding: 0;
}

h2{
font: normal 24px Niconne, Arial, Verdana, cursive;
color: #653300;
margin: 0;
padding: 20px 0 0 0;
}

h3{
font: normal 18px Niconne, Arial, Verdana, cursive;
color: #653300;
margin: 0;
padding: 40px 0 0 0;
}

p{
font: normal 12px Niconne, Arial, Verdana, cursive;
color: #964b00;
margin: 0;
padding:0;
}

#contentright a,
#contentright a:link,
#contentright a:visited,
#contentright a:active {
text-decoration: underline;
color: #333399;
}

#contentright a:hover {
text-decoration: underline;
color: #333399;
}

#footerbox a,
#footerbox a:link,
#footerbox a:visited,
#footerbox a:active {
text-decoration: none;
color: #964b00;
}

#footerbox a:hover {
text-decoration: none;
color: #964b00;
}