/** ---------------
	ALGEMEEN
	--------------- **/
	
* 
	{
	margin:0px;
	padding: 0px;
	}
	
body 
	{
	background-color: #0a0a0a;
	font: normal normal 72%/1.5 Trebuchet MS, Arial, Verdana, Sans serif;
	color: #FFF;
	}


/** ---------------
	STRUCTUUR
	--------------- **/
#centrerenindex
	{
	position: absolute;
	height: 200px;
	width: 870px;
	top: 50%;
	left: 50%;
	margin-left: -435px;
	margin-top: -100px;
	}
	
#centreren
	{
	position: absolute;
	width: 870px;
	height: 580px;
	left: 50%;
	top: 50%;
	margin-left: -435px;
	margin-top: -290px;
	}

#container 
	{
	margin: 0 auto;
	width: 870px;
	height: 580px;
	}
	
#logo 
	{
	float: left;
	width: 300px;
	height: 200px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	}
	
#leftmenu 
	{
	clear: both;
	float: left;
	width: 300px;
	border-right: 1px solid #333;
	text-align: right;
	}
	
#topmenu, 
#main
	{
	margin-left: 30px;
	}
	
#topmenu 
	{
	float: left;
	margin-top: 100px;
	}
	
#main 
	{
	float: left;
	width: 480px;
	}

#imagebg 
	{
	width: 464px;
	padding: 8px;
	background-color: #FFF;
	}
	
#footnote
	{
	clear: both;
	float: left;
	width: 350px;
	margin-top: 5px;
	}
	
#datum
	{
	float: right;
	width: 125px;
	padding-top: 9px;
	text-align: right;
	color: #666;
	}



/** ---------------
	TEKSTOPMAAK
	--------------- **/
	
p.contact 
	{
	margin-right: 10px;
	color: #666;
	}
	
span.datum
	{
	float: right;
	}
	
h1  
	{
	font-size: 1.2em;
	}

.rood 
	{
	color: #dc001a;
	}

#footnote .titel
	{
	font-size: 1.4em;
	color: #999;
	}
	
#footnote .uitvoering
	{
	color: #999;
	}


/** ---------------
	LINKS
	--------------- **/

a 
	{
	outline: none;
	}
	
a img 
	{
	border: 0px;
	}
	
a img.mini
	{
	margin-top: 8px;
	margin-right: 8px;
	border: 1px solid #333;
	}

a img.mini:hover
	{
	border: 1px solid #dc001a;
	}

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

a:hover
	{
	color: #dc001a;
	}

#leftmenu ul 
	{
	list-style-type: none;
	}

#leftmenu ul a 
	{
	display: block;
	padding-right: 10px;
	margin-bottom: 5px;
	border-right: 5px solid #0a0a0a;
	color: #666;
	text-decoration: none;
	}

#leftmenu ul a:hover 
	{
	color: #fff;
	border-right: 5px solid #dc001a;
	text-decoration: none;
	}


/** ---------------
	FORMULIER
	--------------- **/
	

label
    {
    float: left;
    width: 75px;
    text-align: left;
}

input,
textarea
	{
	padding-left: 5px;
	background-color: #FFF;
    font-size: small;
    color: #666;
	border-width: 0px;
	}

input
    {
    width: 225px;
    height: 17px;
    margin-bottom: 10px;
    }

textarea
    {
    width: 350px;
    height: 100px;
    }
	
.knop
    {
    width: 75px;
	height: 25px;
	padding-left: 0px;
	font-size: 1em;
	margin-top: 10px;
	background-color: #dc001a;
	color: #FFF;
	border: 1px solid #FFF;
    }