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

*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}

h1{
	background:url(afbeeldingen/bgkopingelogd.jpg) no-repeat;
	width:718px;
	height:35px;
	font-size:14px;
	color:#013e51;
	padding:10px 0 0 20px;
}


span.hrood{
	color:#cc0000;
	font-size:12px;
}
span.hrood a{
	color:#cc0000;
	text-decoration:none;
	font-size:12px;
}

body{
	background-image:url(afbeeldingen/bg-repeat.jpg);
	background-repeat:repeat-x;
	width:100%;
	background-color:#f3f3f3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}

/* Container */
#container{
	width:970px;
	margin:10px auto;
	overflow:hidden;
	float:none;
	display:block;
}

/* Top */
#header{
	width:970px;
	height:70px;
}

.logo{
	width:287px;
	height:58px;
	float:left;
}

.lives{
	width:200px;
	height:58px;
	float:right;
	margin:8px 0 0 0;
}

	#menu{
		background-image:url(afbeeldingen/bgmenu.jpg);
		width:970px;
		height:44px;
		margin:5px 0 0 0;
		overflow:hidden;
	}
	
	ul.menav{
		float:left;
		height:44px;
		width:700px;
	}
	
	ul.menav li{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		font-weight:800;
		float: left;
		list-style-type:none;
		margin:15px;
	}
	
	ul.menav li a{
		text-decoration:none;
		font-weight:bold;
		float: left;		
		color:#FFF;
	}
	
	ul.menav li a:hover{
		color:#FFF;
		text-decoration:underline;
	}
	
	.languages{
		width:65px;
		height:20px;
		float:right;
		margin:15px 0 0 0;
	}
	
/* Content Links en Rechts */

#wrapper{
	width:970px;
	height:auto;
	overflow:hidden;
	margin:16px 0 20px 0;
}

	.links{
		width:240px;
		height:auto;
		float:left;
		overflow:hidden;
	}
	.rechts{
		width:730px;
		height:auto;
		float:left;
		overflow:hidden;
	}
	
		.loglay{
			width:238px;
			height:auto;
			margin:0 0 7px 0;
		}
		h2.menukop{
			background-image:url(afbeeldingen/menukop.jpg);
			width:238px;
			height:47px;
		}
		
		h2.layoutstop{
			background-image:url(afbeeldingen/kopallelayouts.jpg);
			width:238px;
			height:47px;
		}
		
		h2.logintop{
			background-image:url(afbeeldingen/koplogin.jpg);
			width:238px;
			height:47px;
		}		
		.llmidbg{
			background-image:url(afbeeldingen/bgrloglay.jpg);
			background-repeat:repeat-y;
			height:auto;
			width:238px;
			background-color:#f8f8f8;
		}
		
		.llbotbg{
			background-image:url(afbeeldingen/botbgloglay.jpg);
			width:238px;
			height:6px;
		}
		
		.tll{
			padding:8px 11px 8px 11px;
		}
		.tll2{
			padding:2px 0 0 1px;
		}
		
			/* form css login */
	form
    {
    
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight:bold;
    }
	

			
			input.invulbg{
		background:url(afbeeldingen/bg-invul.jpg) no-repeat;
		overflow:hidden;
		width: 213px;
		height:31px;
	border:none;
	padding:7px 7px 0 3px;
    }

			
			.loginbut{
				background-image:url(afbeeldingen/inloggenbut.jpg);
				background-repeat:no-repeat;
				width:63px;
				height:16px;
				border:0;
				margin:5px;
			}
			span.wabij a{
				font-size:11px;
				color:#999;
				font-weight:normal;
				margin:5px;
				text-decoration:none;
			}
			span.wabij {
				font-size:11px;
				color:#999;
				font-weight:normal;
			}
			
			/* Top 5 */
			h2.nwtop{
				background-image:url(afbeeldingen/ngkop.jpg);
				width:236px;
				height:35px;
			}
			h2.smltop{
				background-image:url(afbeeldingen/smmlkop.jpg);
				width:236px;
				height:35px;
			}
			h2.mlwtop{
				background-image:url(afbeeldingen/mldw.jpg);
				width:236px;
				height:35px;
			}

			.topsb{
				width:236px;
				height:auto;
			}
			
			
			.topsb ul{
				width:212px;
				background-color:#f7f7f7;
				list-style:none;
				padding:7px 20px 7px 5px;
			}
			
			.topsb ul li.tli{
				clear: both;
				margin: 7px 0 0 0;
				padding:0 0 0 15px;
				height: 18px;
				background:url(afbeeldingen/bknopje.jpg) no-repeat 0 5px ;
			}
			.topsb ul li.tli a{
				text-decoration:none;
				color:#5e5d5d;
			}
			.topsb ul li.tli a:hover{
				font-weight:bold;
			}
			
			.topsb ul li .snaam{
				float:left;
			}
			.topsb ul li .aantal{
				float:right;
				color:#ff9000;
			}
			

/* Contents */
.topbc{
	background-image:url(afbeeldingen/topbgb.jpg);
	width:728px;
	height:5px;
}

.midbc{
	background-color:#1d6b84;
	width:715px;
	height:auto;
	color:#FFF;
	padding:12px 0 11px 13px;
	line-height:160%;
	overflow:hidden;
}

	.mbctl{
		width:335px;
		height:auto;
		float:left;
	}
	
	.mbctl a{
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
	}
	
	.mbcfr{
		float:right;
		margin-right:15px;
		margin-top:40px;
	}
	
		.groteb{
			background-image:url(afbeeldingen/bgbigbutad.jpg);
			width:336px;
			height:91px;
			margin-top:10px;
		}
		
		.gbaanm{
			width:133px;
			height:34px;
			margin:27px 0 28px 15px;
			float:left;
		}
		
		.gbdemo{
			width:127px;
			height:34px;
			float:left;
			margin:27px 0 28px 40px;
		}
		
.botbc{
	background-image:url(afbeeldingen/botbgb.jpg);
	width:728px;
	height:5px;
}

		/* witte blokken */
		.topsw{
			background:url(afbeeldingen/topbgw.jpg) no-repeat;
			width:728px;
			height:4px;
			margin-top:5px;
		}
		.topswn{
			background:url(afbeeldingen/topbgnieuws.jpg) no-repeat;
			width:728px;
			height:47px;
			margin-top:5px;
		}
		.midsw{
			background-color:#FFF;
			width:728px;
			height:auto;
			color:#9e9e9e;
			font-weight:bold;
		}
		.midswt{
			color:#9e9e9e;
			font-weight:bold;
			padding:6px;
		}
	table{
	font-size:12px;
	}
		.botsw{
			background:url(afbeeldingen/botbgw.jpg);
			width:728px;
			height:4px;
		}
		
		/* nieuws */
		h2.kopnieuws{
			background:url(afbeeldingen/bgnkopje.jpg) no-repeat;
			width:700px;
			height:20px;
			padding:7px 0 7px 5px;
			margin-top:10px;
		}
		.nartikel{
			width:700px;
			height:auto;
		}
		span.titela{
			color:#013e51;
			font-size:13px;
			font-weight:bold;
			float:left;
		}
		span.infoa{
			float:right;
			color:#013e51;
			font-size:11px;
			width:175px;
			font-weight:bold;
		}
		.teksta{
			color:#013e51;
			font-size:11px;
			width:690px;
			font-weight:normal;
			padding:5px;
			line-height:150%;
		}
		

/* footer */
.footer{
	background-image:url(afbeeldingen/bgfooter.jpg);
	background-repeat:no-repeat;
	width:970px;
	height:81px;
	overflow:hidden;
	margin:0;
	padding:0;
}

	.ftlinks{
		color:#FFF;
		margin:20px 0 0 20px;
		line-height:150%;
		float:left;
		width:350px;
	}
	
	.ftlinks a{
		color:#FFF;
	}
	
	span.ftrechts{
		color:#FFF;
		float:right;
		width:240px;
		margin:13px 20px 0 0;
		line-height:115%;
		font-weight:bold;
	}
	span.contacth{
		font-size:24px;
		text-decoration:none;
		line-height:normal;
		font-family:Surface, Arial, Helvetica, sans-serif;
		font-style:italic;
	}

	span.ftrechts a{
		color:#FFF;
	}
	
		.communitys{
			width:245px;
			height:40px;
			background:url(afbeeldingen/bgrcommu.jpg) repeat-x;
			margin:-1px 0 20px 10px;
			padding:0;
		}
		
		.communitys ul{
			list-style:none;
		}
		
		.communitys ul li.comm{
			width:26px;
			height:26px;
			padding:5px 0 0 13px;
			float:left;
		}
		.communitys ul li.comm a{
			width:26px;
			height:26px;
		}

/* Ingelogd */



.inget{
	font-size:12px;
	color:#111111;
	font-weight:normal;
	margin:5px 20px 0 10px;
	line-height:145%;
}
.refferallink{
	background:#FFF;
	border:thin solid #c8c8c8;
	padding:3px;
	font-size:12px;
}
