@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:tahoma, arial;
	}

a {
	outline:none;
	color:#ffffff;
	}

body {
	margin:0;
	padding:0;
	background-color:#d0d0cf;
	background-image:url(images/repx.png);
	background-repeat:repeat-x;
	width:100%;	
	}

.container {
	width:1000px;
	margin:0 auto;
	}

	.header {
		float:left;
		background-image:url(images/header.png);
		width:970px;
		height:60px;
		font-size:22px;
		padding:30px 0 0 30px;
		}

	.ads {
		float:left;
		background-image:url(images/ads-repx.png);
		background-repeat:repeat-x;
		width:931px;
		padding:4px 0 0 69px;
		height:96px;		
		}

	.center {
		float:left;
		background-image:url(images/repy.png);
		background-repeat:repeat-y;
		}
	
	.left {
		float:left;
		width:200px;
		}
	
		.navhead {
			float:left;
			background-image:url(images/navhead.png);
			background-repeat:no-repeat;
			width:200px;		
			height:50px;
			}
		
		.nav {
			float:left;
			width:170px;
			padding:26px 0 0 30px;
			min-height:100px;
			}
		
		.wsc {
			float:left;
			width:200px;
			height:449px;
			background-image:url(images/websitecreator.png);
			background-repeat:no-repeat;		
			}

	.right {
		float:left;
		width:800px;
		}
		
		.bc {
			float:left;
			background-image:url(images/contenthead.png);
			background-repeat:no-repeat;
			background-position:top right;
			background-color:#9c0264; /* variabel per stijl */	
			width:790px;
			height:25px;
			padding:25px 0 0 10px;
			
			}
		
		.contenttop {
			float:left;
			background-image:url(images/content-top.png);
			background-repeat:no-repeat;
			width:800px;
			height:15px;
			overflow:hidden;	
			}
		
		.content {
			float:left;
			width:750px;
			padding:10px;	

			}

	.footer {
		float:left;
		background-image:url(images/footer.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:965px;
		height:60px;
		padding:35px 35px 0 0;
		text-align:right;
		}
		
		.footer a {
			color:#000000;
			}

/*navigatie*/

/*hier geef je de hoogte van een knop aan*/
.navbar li {
	display:inline;
	}

/*hier geef je aan hoe de normal er uit komt te zien met tekstopmaak*/
.navbar li a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding-bottom:5px;
	}
	
/*hier geef je de hover aan van een knop*/
.navbar li a:hover {
	color:#ffffff;
	}
	
/*hier geef je de active aan van een knop voor de huidige pagina*/
.navbar li .nav_link_0_active a {
	color:#ffffff;
	}
	
/*hier geef je de hover aan voor de active-knop van de huidige pagina*/
.navbar li .nav_link_0_active a:hover {
	color:#ffffff;
	}



/*subpagina's*/

/*hier geef je de active knop aan van een sub pagina */
.navbar li .nav_link_1_active a {
	color:#ffffff;
	padding-left:20px;
	}
	
/*hier geef je de hover aan voor de active-knop van een sub pagina */
.navbar li .nav_link_1_active a:hover {
	color:#ffffff;
	padding-left:20px;
	}
	
/*deze klasse is voor de normal van de sub*/	
.navbar li .nav_link_1 a {
	color:#000000;
	padding-left:20px;
	}

/*Dit is voor de hover van de sub-knop*/	
.navbar li .nav_link_1 a:hover {
	color:#ffffff;
	padding-left:20px;
	}

/*dit is voor het onclick-event van de subknop*/	
.navbar li .nav_link_1_active a {
	color:#ffffff;
	padding-left:20px;
	}

.navbar li .nav_link_1_active a:hover {	
	color:#ffffff;
	padding-left:20px;
	}
	
/*subsub*/

/*deze klasse is voor de normal van de subsubknop*/	
.navbar li .nav_link_2 a {
	padding-left:30px;
	color:#000000;
	}

/*Dit is voor de hover van de subsubknop*/	
.navbar li .nav_link_2 a:hover {
	color:#ffffff;
	padding-left:30px;
	}

	
/*dit is voor de active van de subsubknop*/	
.navbar li .nav_link_2 a:active {
	color:#ffffff;
	padding-left:30px;
	}