@charset "utf-8";

/* ---------------------------- Gebruikte kleuren -------------
HAN-rood: 			#FF0033
Background blauw	#003567
----------------------------------*/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:square;}
caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	line-height:150%;
	background-color:#003567;}
	
td{
	vertical-align:top;}	
	
h1{
	margin:0;
	padding:0;
	color:#FF0033;
	font-size:16px;
	font-weight:bold;}	
	
	
#wrapper{
	margin:0 auto;
	padding-bottom:55px;
	padding:0;
	width:980px;
	background:url(images/boogblauw.gif) bottom no-repeat;
	background-color:#fff;
	color:#003366;}
	
#top{
	margin:0;
	padding:0;
	width:980px;
	height:52px;
	background:url(images/top.gif) no-repeat;
	background-color:#CCFF00;}	
	
#mid{margin:0;
	padding:5px 20px;}
	
	
#mededelingen{
	margin:0;
	padding:10px 0;
	float:left;
	width:380px;}	

/* ---------- handleidingen ---------------*/	
#handleiding{
	margin:0;
	padding:10px 0;
	float:left;
	width:380px;}
	
/* ---------- vlak wishlist ---------------*/
#wishlist {
	margin-left:400px;
	padding:10px 0;
	width:250px;}
	
/* ---------- vlak login ---------------*/
#login {
	margin:0;
	padding:10px 0;
	float:right;
	width:230px;}		

/* ---------- vlak FAQ ---------------*/
#faq {
	margin:0;
	padding:10px 0;
	float:right;
	width:530px;}		
	
#boog{
	margin:0;
	padding:0;
	width:980px;
	height:100px;
	background:url(images/boogblauw.gif) no-repeat;}
	
#footer{
	margin:5px auto;
	padding:2px;
	width:970px;
	background:url(images/logo.gif) left no-repeat;
	background-color:#003567;
	text-align:right;}
	
#footer a,a:visited{
	color:#fff;
	font-size:10px;
	text-decoration:underline;}
	
#footer a:hover{
	text-decoration:none;}		
	

/* ------------- titels met afstand in de top ------------*/
.titeltop{
	margin:5px 0;
	padding:0 0 5px 0;}
	
/*------------- de gekleurde list items -----------------*/
.red{
	list-style-type:none;
	padding-left:15px;
	margin:0;
	background:url(images/li-red.gif) -2px no-repeat;}

.geel{
	list-style-type:none;
	padding-left:15px;
	margin:0;
	background:url(images/li-geel.gif) -2px no-repeat;}	
	
.blauw{
	list-style-type:none;
	padding-left:15px;
	margin:0;
	background:url(images/li-blauw.gif) -2px no-repeat;}	
	
.paars{
	list-style-type:none;
	padding-left:15px;
	margin:0;
	background:url(images/li-paars.gif) -2px no-repeat;}		


/* ------------- mededelingen en wishlist ------------*/
.mededeling{
	border:1px solid #FF0033;
	background:#FFEAEA;
	margin:0 20px 0 0;
	padding:2px 5px;
	width:340px;
	font-size:11px;
	line-height:22px;
	font-weight:normal;}

.wishlist{
	font-size:95%;
	color:#666;}


/* ------------- algemeen ------------*/
a:visited,
a { color: #003366; text-decoration: underline; }

a:hover{ color: #FF0033; text-decoration:none; }

ul { float: left; display: block; clear:both;  }
ul li a { margin: 0px 5px; }

.clear { clear: both; height:1px; }