body {
background-color: black;
margin:0;
padding:0 0 <length> 0;
font-size: 12px;
font-family: "Arial";
color:white;	
}
h1 {
	height: 0;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
h2 {
line-height: 36px;}
ul {
padding: 0;
}
#navigation li {
color:white;
list-style: none;
margin:10px;
padding:0;
display:inline;
background: url(bgPixelDark.png);
padding:10px;
}
img {
border:none;
}
a {
color:white;
text-decoration: none;
font-size: 14px;
}
#menu {
width:100%;
}
ul#navigation {
text-align: center;
}
#wrapper {
margin:0 auto;
width: 100%;
text-align: ;
}
#header {
width: 100%;
height: 130px;
background: black;
}
#headerLogo {
width: 700px;
margin:0 auto;
}
#headerLogo img {
margin-top: 15px;
}
#background {
height:100%;
float:right;
}
#background img {
height: 100%;
}
#content {
height:800px;
float:left;
margin-left:20%;}

#footercon {
padding:0px;
background:black;
color:white;
font-size: 11px;
height: 130px;
}

div#footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:<length>;
z-index: 10;
}
@media screen{
body>div#footer{
position: fixed;
}
}
* html body{
overflow:hidden;
} 
* html div#content{
height:100%;
overflow:auto;
}
.bg {
width: 100%;
position: fixed;
top: 0;
right: 0;
z-index: -1;
}

.bg2 {
height: 90%;
position: fixed;
top: 0;
right: 50%;
z-index: -1;
}
#wrap {
margin-top: 40px;
}
#draggables {
	width:700px;
	background: url(bgPixelDark.png);
	margin: 0 auto;
	}
#box {
margin:20px;
}
#cinemaHengelo {
background: url(bgPixelDark.png);
}
#cinemaHengelo a {
font-size: 12px;
line-height: 2em;
margin: 10px;}
#sluiten {
float:right;
margin-top: 10px;}