* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
background-color: #999;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-style: normal;
font-size: 12px;
color: #030;
}

#outer {height: 100%; width: 100%; overflow: visible; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for quirk explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%; position: static;}

#inner {position: relative; top: -50%; width: 990px; margin-left: auto; margin-right: auto; text-align: left;} /* for quirk explorer only */
/* optional: #inner[id] {position: static;} */

#boxmusic {				/* box voor muziek*/
float: left;
width: 990px; 
height: 0px; 
border: 0;
margin: 0;
padding: 0;
}

#boxleft { 				/* box menu*/
float: left;
clear: left;
width: 260px; 
height: 595px; 
border: 0;
margin: 0;
padding: 0;
background-color: #fff;
} 

#boxcenter{  				/* box logo*/
float: left;
width: 300px;
height: 595px;
border-left: 1px solid #fff;
padding: 0;
margin: 0;
background-color: #000;
}

#boxright{  				/* box teksten*/
float: left;
width: 427px;
height:595px;
padding: 0;
margin: 0;
border-left: 1px solid #fff;
background-color: #eee4c4;
}

#footer{
clear: left;
float: left;
width: 990px; 
border-top: 1px solid #ccc;
background-color: #000;
margin: 0;
padding: 10px 0 40px 0;
}

.contact{
float: left;
clear: left;
width: 270px;
padding: 0;
margin: 120px 0 0 20px;
}

img{
border: 0;
}

img.logo{
float: left;
width: 260px;
height: 270px;
padding: 0;
margin: 5px 20px 0 20px;
}

img.menu{
float: left;
width: 260px;
height: 148px;
padding: 0;
margin: 0 0 1px 0;
}

img.home{
clear: left;
float: left;
width: 35px;
height: 35px;
padding: 15px 0 0 0;
margin: 0;
}

img.mail{
float: left;
width: 35px;
height: 35px;
padding: 15px 0 0 30px;
margin: 0;
}

img.kop{
clear: left;
float: left;
padding: 0;
margin: 45px 0 20px 30px;
}

img.kopa{
clear: left;
float: left;
padding: 0;
margin: 45px 0 10px 30px;
}

img.beren{
clear: left;
float: left;
padding: 0;
margin: 80px 0 20px 60px;
}

img.gedicht{
clear: left;
float: left;
padding: 0;
margin: 30px 0 30px 80px;
}

em{
font-weight: bold;
font-style: normal;
}

h1{
float: left;
font-size: 24px;
font-weight: normal;
color: #f1de9d; 
padding: 0 0 10px 0;
}

h2{
float: left;
clear: left;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #f1de9d;
padding: 0;
}

a.mail{
font-size: 14px;
line-height: 20px;
color: #f1de9d;
text-decoration: none;
}

a.mail:hover{
color: #fff;	
}

p{
clear: left;
text-align: justify;
line-height: 15px;
padding: 0 30px 0px 30px;
border: 0;
}

p.gedicht{
clear: left;
text-align: center;
font-size: 14px;
line-height: 18px;
border: 0;
}

p.footer{
font-size: 10px;
padding-left: 300px;
color: #f1de9d;
}

ul {
text-transform: none;
text-indent: 0px;
list-style-position: outside;
list-style-type: disc;
margin: 10px 20px 0px 45px;
padding: 0;
}

ul.open {
text-transform: none;
text-indent: 0px;
list-style-position: inside;
list-style-type: none;
margin: 0px 20px 0px 45px;
padding: 0;
}