/* CSS Document */

/*
	KLEUREN LEENRECHT:
	PAARS:							#b50079
	BLAUW:							#006784
	ZWART: 							#3b3b3b
	WIT: 								#FFFFFF
*/

/* RESET */

*										{ margin: 0; padding: 0; }
html, body					{ height: 100%; }
body				 				{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #50585f; 
											background: #edf4f6;}
input								{ font-family: Arial, Verdana, sans-serif;}
ul									{ list-style: inside; }
ol									{ list-style: decimal inside; }
a										{ color:#50585f; outline: none; text-decoration: none; }
a:hover							{ text-decoration:underline; }
a img								{ background: none; }
img									{ border: none; }
table								{ border-collapse: collapse; }
p										{ padding:7px 0px}
hr									{ display:none}

/* DEFAULTS */

.abs 								{ position:absolute;top:0px;left:0px;}
.ac									{ text-align:center}
.ar									{ text-align:right}
.center						  { position:relative; width:970px; margin:0 auto}
.popup .center			{ position:relative; width:570px; margin:0 auto}
.clear						 	{ clear:both;}
.fl 								{ float:left;display:inline}
.fr									{ float:right}
input								{ background:#ffffff; font-size:11px; border:1px solid #a1a1a1;}
.line								{ background:#cccccc;height:1px;}
.mt20								{ margin-top:20px;}
.noborder						{ border:0px !important;background:none}
.rel 								{ position:relative}
textarea						{ background:#ffffff}

h2									{ font-family:Arial, Helvetica, sans-serif;font-size:1.6em;font-weight:bold;color:#ffffff;padding:30px 30px 15px 30px; line-height:16px}

.highlight					{ color:#b50079;}

ul									{ margin:10px; list-style:none; font-size:13px;}
li									{ margin:0px 0px 5px 0px;padding-left: 20px; text-align:left; list-style:none outside; background:url(../img/icon_bullet.gif) no-repeat; background-position:top 0 .5em;line-height:16px;}
/* HEADER */

.margintop						{ padding-top:50px;}
.bovenbalk						{ position:absolute;top:0px;left:0px;
												background:url(../img/bg_bovenbalk.jpg) no-repeat bottom;width:100%;color:#ffffff;font-size:14px;
												border-bottom:1px solid #a3a3a3;z-index:100;}
#container_header			{ overflow:hidden;}
#container_header td	{	width:218px;}
.bovenbalk .button		{ position:absolute;top:-1px;left:580px;}

#header								{ height:160px;}


/* BREADCRUMB */
.breadcrumb					{ margin-left:10px; line-height:36px;}
.breadcrumb a				{ color:#999999; }
.breadcrumb span		{ color:#006784; }


/* LINKERKOLOM */

.nav								{ background:url(../img/nav/bg_menu.jpg) #00546b repeat-x; float:left; margin:0px 5px; display:inline; width:310px;  }
.nav ul							{ margin:0px; list-style:none; font-size:13px;}
.nav ul a						{ color:#bfd9e0;} 
.nav li							{ margin:0px 0px 5px 0px;padding-left: 50px; text-align:left; list-style:none outside;
											background:url(../img/icon_menu.gif) no-repeat; background-position:top 0 .5em;}
.nav li.active			{ background:url(../img/icon_menu_active.gif) no-repeat;}
.nav li.first				{ margin-top:30px;}
.nav .open					{ background:url(../img/nav/bg_menu_open.gif) top repeat-x #408da3; color:#151515; line-height:20px;}
.nav .open ul				{ padding:5px 0px; margin:0px;}
.nav .open li				{ background:none; margin:0px; padding:0px;}
.nav .open a				{ color:#151515;}
.nav .open .active a{ color:#ffffff;}


.news								{ margin:0px 5px; background:url(../img/bg_menu2.gif) #3e899f repeat-x; }
.news ul						{ margin:0px; padding:0px 13px 20px 10px; list-style:none; font-size:13px;}
.news ul a					{ color:#014558; font-weight:bold;} 
.news li						{ margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;text-align:left; list-style:none outside;
											padding-left: 20px; background:none; background-position:top 0 .5em;}
.news li.active			{ background:url(../img/icon_bullet_active.gif) no-repeat;}


.search							{ margin:0px 5px; background:#7fb3c1; height:110px;}
.search .padding		{ padding:0px 0px 20px 30px !important;}
.search .input			{ background:url(../img/bg_search.gif) no-repeat; float:left; width:233px; height:19px;}
.search input				{ background:transparent; border:0px; width:220px; margin:2px; }
.search .btn				{ background:url(../img/bg_search_btn.gif) no-repeat; float:left; width:19px; height:19px; }


.login							{ margin:0px 5px; background:url(../img/bg_menu3.gif) #bcd5db repeat-x; height:130px; }
.login .padding			{ padding:0px 0px 20px 30px !important; }
.login input				{ float:left; margin:2px; background:transparent; border:0px; }
.login .user				{ float:left; margin-top:5px; width:250px; height:18px; background:#ffffff; border:1px solid #a1a1a1;}
.login .user input	{ width:240px;}
.login .pass				{ float:left; margin-top:5px; width:225px; height:18px; background:#ffffff; border:1px solid #a1a1a1;}
.login .pass input	{ width:220px;}
.login .btn					{ float:left; margin:4px; }

/* LEFT COLUMN */

.lc									{ float:left; width:320px; background:url(../img/left_bg.gif) repeat-y; } 
.lc .margin					{ margin:5px;}


/* CONTENT COLUMN */

.content							{ float:left; width:650px;background:url(../img/bg_content.gif) repeat-y; line-height:18px;}
.content .margin			{ margin:0px 5px; background:#fff; padding:5px; }
.content .payoff			{ float:right; width:160px; height:150px;}
.content .image				{ width:630px; height:280px; overflow:hidden; background:#ffffff center; } 
.content .noimage			{ width:630px; height:10px; overflow:hidden; background:#ffffff center; } 
.content .payoff span	{ display:block; width:130px; color:#b7007a; line-height:18px; font-size:12px; font-weight:bold; margin-top:40px; }

.content .header			{ display:block; line-height:20px;}
.content .col1				{ float:left; width:472px; border-right:1px solid #e2e2e2; }
.content .col1 a			{color:#b50079; text-decoration:underline;}
.content .colbig			{ float:left; width:630px; }
.content .m						{ margin:0px 10px 10px 10px;}
.content .m .faq			{margin-top:20px;}

.content .col2				{ float:left; width:150px;}
.content .bottom			{ margin:0px 10px 10px 10px; font-size:10px; } /* moet misschien nog onderaan uitgelijnd worden...*/


/* FOOTER */

#footer								{ background:url(../img/footer_bg.gif) repeat-y; float:left; width:970px; margin-top:20px; display:inline; }
#footer .bg						{ margin:0px 5px; background:url(../img/bg_footer.gif) repeat-x; height:202px; color:#ffffff; font-size:11px; line-height:18px;}

#footer .col1					{ float:left; width:160px; margin:10px 10px 10px 630px; display:inline;}
#footer .col2					{ float:left; width:140px; margin:10px 10px 10px 10px;}
#footer strong				{ line-height:50px; font-size:16px;}
#footer a							{ color:#ffffff;}

/* BOVENBALK */
.bovenbalk #container_header .flLeft	{float:left;}
.bovenbalk #container_header .text		{margin:18px 0 15px 4px;}
.bovenbalk #container_header .table		{margin-bottom:20px; margin-left:5px; width:700px;}
.bovenbalk #container_header a		{ font-weight:bold; font-size:12px;}
.bovenbalk #container_header a:hover		{ text-decoration:none;}