body {
    /* background-color: #bdafa7; */
    background-image: url(images/bg-grey-blue.jpg);
    background-repeat: repeat;
    margin: 0px;
    font-family: "Gill Sans", Geneva, Verdana;
    text-align: center;
    }

#topbar
	{
	position: fixed;
	top: 0px;
	left: 0px;
    width: 100%; 
	border-top: 43px solid black;
	}
    
#bottombar
	{
	position: fixed;
	bottom: 0px;
	left: 0px;
    width: 100%;
	border-top: 43px solid black;
	}

#bottomline
	{
	position: fixed;
	bottom: 50px;
	left: 0px;
    width: 100%;
	border-top: 1px solid white;
	}

#whiteline
	{
	position: fixed;
	top: 124px;
	left: 0px;
    width: 100%;
	border-top: 1px solid white;
	}
			
#logo
	{
	position: fixed;
	top: 3px;
	left: 5px;
	}
	
#fiction
	{
	position: fixed;
	top: 90px;
	right: 463px;
	}

#fiction-sc
	{
	position: fixed;
	top: 115px;
	right: 463px;
	}

#fictionline
	{
	position: fixed;
	top: 124px;
	right: 478px;
    width: 62px;
	border-top: 1px solid #685995;
	visibility: hidden;
	}

#non-fiction
	{
	position: fixed;
	top: 90px;
	right: 310px; 140px;
	}

#non-fiction-sc
	{
	position: fixed;
	top: 115px;
	right: 307px; 137px;
	}

#non-fictionline
	{
	position: fixed;
	top: 124px;
	right: 314px; 144px;
    width: 111px;
	border-top: 1px solid #685995;
	visibility: hidden;
	}

#commercials
	{
	position: fixed;
	top: 90px;
	right: 135px; 290px;
    }

#commercials-sc
	{
	position: fixed;
	top: 115px;
	right: 135px; 290px;
    }

#commercialsline
	{
	position: fixed;
	top: 124px;
	right: 148px; 303px;
    width: 124px;
	border-top: 1px solid #685995;
	visibility: hidden;
	}
	
#contact
	{
	position: fixed;
	top: 90px;
	right: 5px;
	}

#contact-sc
	{
	position: fixed;
	top: 115px;
	right: 5px;
	}

#contactline
	{
	position: fixed;
	top: 124px;
	right: 17px;
    width: 75px;
	border-top: 1px solid #685995;
	visibility: hidden;
	}

#maarten
	{
	position: absolute;
	top: 200px;
	left: 50px;
	}

#maartenfoto
	{
	position: fixed;
	top: 160px;
	left: 50px;
	}

#contact-ext
	{
	position: absolute;
	top: 200px;
	right: 5px;
	}

#outsideworld
	{
	position: fixed;
	bottom: 65px;
	right: 300px;
	}
	
#websitedesign
	{
	position: absolute;
	bottom: 96px;
	right: 5px;
	}

#websitedesignline
	{
	position: fixed;
	bottom: 100px;
	right: 13px;
    width: 198px;
	border-bottom: 1px solid #685995;
	visibility: hidden;
	}

#logodesign
	{
	position: absolute;
	bottom: 65px;
	right: 5px;
	}

#techreq
	{
	position: absolute;
	bottom: 45px;
	right: 5px;
	}

#film
	{
	position: absolute;
	top: 200px;
	left: 180px;
	}

#credits
	{
	position: absolute;
	top: 330px;
	left: 550px;
	}

#download
	{
	position: absolute;
	top: 530px;
	left: 560px;
	}
	
#thumbroll
	{
	position: absolute;
	top: 200px;
	left: 20px;
	white-space: nowrap;
	}

#arrow
	{
	position: fixed;
	top: 430px;
	right: 10px;
	}

#arrow-back
	{
	position: fixed;
	top: 430px;
	left: 10px;
	}
		
hr {
    border: none 0; 
	border-top: 1px solid #685995;
	text-align: center;
	height: 1px;
	}
	
img {
    border: 0;
    }
	
#intro
	{
    margin-left: auto;
    margin-right: auto;
	}

#enter
	{
	position: fixed;
    top: 450px;
	right: 10px;
	}