body {
     margin: 0;
     padding: 0;
     background-color: #fff;
     font-size: 76%;
     font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
     background-image: url(../images/bg_grey.gif);
     background-repeat: no-repeat;
     background-position: top; 
}

#bodycontainer { 
	text-align:center;
}

#container {
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
    width: 780px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    padding: 0;
    background-color: #fff; 
}

/*header (titel en logo)*/
#header {
    display:block;
    width:780px;
    height:70px;
    margin: 0;
    padding: 0;
    border:0;
    clear:both;
    overflow:hidden;
}

h1.sitename {
    float:left;
    color:#00349C;
    font-size: 32px;
    margin:0;
    padding: 13px 0 12px 24px;
}

#logo {
    float: right;
	clear: right;
    margin:0;
    padding:0;
}

/*  NAVIGATION STYLES  */

#nav {
    display: block;
    margin: 0;
    padding: 0;
    width: 780px; 
    height:20px;
    clear: both;
    background-color:#f3f4f8;
    list-style:none;
}

#nav li {
	display:inline;
    padding:0;
    margin:0;
    font-size:9px;
    color:#999;
}

#nav a {
	padding:0 25px;
    margin:0; 
    font-weight:bold;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
    text-decoration:none;
    position: relative;
    top: 2px; 
}

#nav li.current a {
	color: #FA9A00 !important;
}

#nav li span.current {
	padding:0 25px;
	margin:0; 
    font-weight:bold;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
    text-decoration:none;
    position: relative;
    top: 2px; 
	color: #FA9A00;
}

#nav a:link	, #subnav a:link		{color: #00349C; }
#nav a:visited	{color: #00349C; }
#nav :hover	,	#nav a:active		{color: #FA9A00;}

a.current,  a.current:link, a.current:visited {
  color:#FA9A00;
}

#subnav {
     list-style:none;
     border-top:1px solid #00349C;
     margin:25px 0 25px 0;
     padding:0;
}

#subnav li {
     padding:4px 0 6px 0;
     margin:0;
     font-size:9px;
     color:#999;
     border-bottom:1px solid #00349C;
}

#subnav li a {
	     padding:0;
     margin:0; 
     font-weight:bold;
     	font-family: Arial,Helvetica,sans-serif;
	     font-size: 11px;
     text-decoration:none;
     position: relative;
     top: 2px;
}


/* Brede foto bovenaan pagina */

#banner {
     display: block;
		margin: 0;
	    padding: 0;
     border:0;
	    width: 780px; 
     height:122px;
	    clear: both;
     background-image: url(../images/pict_header.gif);
     background-repeat: no-repeat; 
}
#banner form, #bannervervolg form {
     text-align:right;
     padding: 20px 25px 0 0;
     margin:0;
}
#bannervervolg {
    display: block;
	margin: 0;
	padding: 0;
    border:0;
	width: 780px; 
    height:64px;
	clear: both;
     background-image: url(../images/pict_headervervolg.jpg);
     background-repeat: no-repeat; 
}
/* Content met linker en rechterkolom */

#main, #main2 {
    display: block;
	margin: 0;
	padding: 0 0 25px 0;
	border:0;
	width: 780px; 
	clear: both;
}
#main2 {
     background: url(../images/bg_greysidebar.gif) repeat-y;
}

#maincontenthome, #sidebarhome {
	 top: 0;
     border: 0;
	 height: auto;
	 margin:0;
	 padding:0;
     display:inline;
}

#maincontenthome {
     left:0;
	 width:581px;
	 float:left;
}

#sidebarhome {
     left:581px;
     width:199px;
	 float:right;
}

#maincontentartikel {
     left:199px;
	 width:581px;
	 float:right;
}
#sidebarartikel {
     left:0px;
     width:199px;
     float:left;
}

#maincontentprofiel {
     left:0;
	 width:581px;
	 float:left;
}
#sidebarprofiel {
     left:581px;
     width:199px;
     float:right;
}

form#interessegebieden {
     margin:0;
     padding:0;
     text-align:left;
}

form#interessegebieden {
     margin:0;
     padding:0;
     text-align:left;
}

/*
.form_contents .input {
  clear:left;
}

.form_contents .inputfield {
  float: left;
}

.form_contents .label {
  float: left;
}
*/
.highlight {
     background-color: #00349C;
     color:#fff;
     padding:2px 6px;
}

/* copyrights, disclaimer, contact etc. */

#footer  {    
	 margin-left:auto; 
     margin-right:auto;	
     border-left: 1px solid #999;
     border-right: 1px solid #999;
     padding:0.5em 0;
	 width: 780px; 
     clear: both;
     background-color:#00349C;
     text-align:center;
     color:#fff;
     font-size:90%;
	}	

#footerlink  {    
    width: 780px; 
}	

#footer a {
	     color:#fff;
	     font-size:10px;
	     padding:0;
	     margin:0;
	     text-decoration:none;
	}		

/* typografie */

h1, h2, h3, h4, h5 {
	color:#00349c;
	font-weight:bold;
     margin-bottom:0.2em;
	 margin-top:1em;
     padding:0;
}

h3 {
     font-size: 120%; 
}

h3.titel {
     font-size: 22px; 
}

.category {
     color:#ccc; 
}
h4 {
     font-size: 14px; 
}
h5 {
     font-size: 13px; 
}
p {
     font-size: 13px; 
     font-style: normal; 
     line-height: 19px;  
     padding: 0px; 
     /*padding-bottom: 19px;*/
}
td {
     font-size: 13px; 
     font-style: normal; 
     line-height: 19px;  
     margin: 0px; 
}
#sidebar p, #sidebarartikel p, #sidebarprofiel p, div.sidebarcontent p {
     font-size: 91%; 
}

div.maintitel {
	margin-left: 25px;
	margin-right: 25px;
    margin-bottom: 20px;
}

div.inleiding  {
	margin-left: 25px;
	margin-right: 25px;
}

div.inleiding p {
    font-weight:bold;    
	font-size:91%;
    color:#666;
    padding-bottom: 0px;
}

div.inhoud {
	margin-left: 25px;
	margin-right: 25px;
}

p.foutmelding { 
	padding:10px 0 0 19px; 
	margin:0 0 10px 3px; 
	text-indent:-19px; 	
	font-weight:bold; 
	color:#f00;
}

p.accent { 
	font-weight:bold; 
	color:#f00;
} 

 p.foutmelding strong.waarschuwingsteken { 
	padding:0 4px; 
	margin:0 5px 0 0; 
	background-color:#f00; 
	color:#fff; }

#profielbeheer h4{
	background-color:#00349C;
	color:#fff;
	font-size:13px;
	margin:0;
	padding: 2px 0 2px 25px;
}

#profielbeheer table{
	margin:0;
	padding:0;
    margin-left: 0;
    margin-right: 0;
}

#profielbeheer td h5{
	margin: 0;
    padding: 2px 0 2px 25px;
}

#profielbeheer td input{
	margin-left:25px;
}

#profielbeheer h5 {
	background-color:#e6e6e6;
}

div.categorie_interesse, div.instellingen_profiel{
	clear:left;
}

div.categorie_interesse h5, div.instellingen_profiel h5{
	padding: 2px 0 2px 25px;
	margin:0px;
}

div.interesse_clear {
	clear:left;
}

div.interesse_links {
	padding: 1px 0 0 0;
	margin-left:25px;
	float:left;	
	width:48%;
	display: inline;
}

div.interesse_rechts {
	padding: 1px 0 0 0;
	margin-left:25px;
	float:left;
	width:42%
}

div.profiel_email {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
	margin-right: 25px;
}

div.profiel_taal {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-right: 25px;
}

div.sidebarcontent {
	margin-right: 25px;
}

div.sidebarcontentartikel {
	margin-left: 25px;
	margin-right: 20px;
}

div.sidebarcontentprofiel {
	margin-left: 5px;
	margin-right: 20px;
}


ul.vragen {
     list-style:none;
     margin:25px 0 25px 0;
     padding:12px 0;
     border-top:1px solid #00349C;

}
ul.vragen li {
     list-style:none;
     border-bottom:1px solid #00349C;
     margin:0;
     padding:6px 0;
     font-style:italic;
     line-height:15px;
}

ul.vragen li a {
     font-style:normal;
}

/*  GLOBAL LINK COLORS FOR BODY TEXT AND FOOTNOTES */
a { font-weight:bold;}
a:link			{color: #00349C; text-decoration:underline}
a:hover			{color: #00349C; text-decoration:underline}
a:active		{color: #00349C; text-decoration:underline}
a:visited		{color: #00349C; text-decoration:underline}


/* misc */

br {
margin:0;
padding:0;
line-height:0;
}

br.normal {
line-height:20px;
}
/* http://www.psacake.com/web/jl.asp */
a.info {
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none;
	}

a.info:hover {
	z-index:25; 
	background-color:#ccc;
	cursor: help;
	}

a.info span{
	display: none;
	}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:0;
    background-color:#00349C; 
	color:#fff;
	font-weight:normal;
	font-size:11px;
	padding: 0.5em;	
	}
.small {
	font-size:11px;
	}
table.tabel {
	border-collapse:collapse;
	}		
table.tabel td {
	border:1px solid #ccc;
	padding: 1pt 8pt;
	vertical-align:top;
	}	




#search {
	display:block;
	clear:both;
	padding:0;
	margin:20px 25px 25px 0;
	text-align:right;
	}

.alertdiv { color: red; font-weight:bold;}


/*  GLOBAL LINK COLORS FOR BODY TEXT AND FOOTNOTES 
a:link			{color: #00349C; text-decoration:underline}
a:hover			{color: #00349C; text-decoration:underline}
a:active		{color: #00349C; text-decoration:underline}
a:visited		{color: #666666; text-decoration:underline}
*/