/* Basis elementen en hoofdelementen -----------------------------------------*/
body {
padding				: 10px;
margin				: 0px;
font-family			: Arial, Helvetica, sans-serif;
background			: #FFFFFF;
color				: #333;
}

h2 {
font-size				: 0.9em;
font-weight			: bold;
line-height			: 0.9em;
padding				: 0px 0px 0.6em 0px;
margin				: 0px;
color				: #00529f;
}

h3 {
font-size				: 0.70em;
line-height			: 1.4em;
font-weight			: bold;
padding				: 0px;
margin				: 0px;
color				: #333;	
}

p {
font-size				: 0.7em;
font-weight			: normal;
line-height			: 1.4em;
padding				: 0px 0px 0.6em 0px;
margin				: 0px;
color				: #333;
}

a {
text-decoration		: none;
color				: #333;
}

a:hover {
text-decoration		: underline;
}

a:visited {
text-decoration		: #333;
}

/* Layout -----------------------------------------*/

.container {
position				: absolute;
width				: 600px;
height				: auto;
padding				: 0px;
margin				: 0px;
background			: none;
left					: 0px;
}

.header {
display				: none;
}

.submenu {
display				: none;
}

.main_content {
float				: left;
display				: inline;
width				: 428px;
margin				: 30px 57px 0px 39px;
font-size				: 11px;
}

.side_content {
display				: none;
}

.side_panel {
display				: none;
}

.footer {
display				: none;
}

/* MAIN CONTENT STYLES ----------------------------------------------------*/
.main_content h1 {
float				: left;
width				: 428px;
height				: 34px;
margin				: 0px;
background-repeat		: no-repeat;
}

.main_content div h1 {
font-size				: 11px;
font-weight			: bold;
line-height			: 1.4em;
padding				: 0px;
margin				: 0px;
color				: #333;
float				: none !important;
width				: auto !important;
height				: auto !important;
}

.main_content h2 {
font-size				: 0.9em;
font-weight			: bold;
line-height			: 0.9em;
padding				: 0px 0px 0.6em 0px;
margin				: 0px;
color				: #00529f;
}

.main_content h3 {
padding				: 0pt 0pt 0.4em;
font-weight			: bold;
font-size				: 12px;
margin				: 0px;
}

#overnvp .main_content h3 	{ color: #537DB5; }
#actueel .main_content h3 	{ color: #1c3445; }
#kennis .main_content h3 	{ color: #58b8a3; }
#afdelingen .main_content h3 	{ color: #da1360; }
#secties .main_content h3 	{ color: #42102d; }
#carriere .main_content h3	{ color: #b89863; }

.main_content p {
font-size				: 11px;
font-weight			: normal;
line-height			: 1.4em;
padding				: 0px 0px 0.6em 0px;
margin				: 0px;
color				: #333;
}

.main_content ul  {
font-size				: 11px;
font-weight			: normal;
line-height			: 1.4em;
list-style			: square;
padding				: 0px 0px 0.6em 1.4em;
margin				: 0px 0px 0px 1.2em;
color				: #333;
}

.main_content ol  {
font-size				: 11px;
font-weight			: normal;
line-height			: 1.4em;
padding				: 0px 0px 0.6em 2em;
margin				: 0px 0px 0px 1.2em;
color				: #333;
}

.main_content table {
font-size				: 11px;
font-weight			: normal;
line-height			: 1.4em;
padding				: 0px;
margin				: 0px;
color				: #333;
}

.main_content td {
padding				: 3px;
}

.main_content a {
text-decoration		: underline;
color				: #333;
}

.main_content a:hover {
text-decoration		: underline;
}

.main_content a:visited {
text-decoration		: #333;
}

.main_content h1.title 	{ 
background-image		: none !important; 
}

.main_content h1 img {
display				: none;
}

.main_content h1 span {
display				: inline;
font-size				: 16px;
}

.main_content_wrapper {
float				: left;
display				: inline;
width				: 405px; /*428px;*/
margin				: 13px 10px 7px 13px;
}

/* Buttons -----------------------------------------*/

a.button  {
display				: none;
}

/* Paginering -----------------------------------------*/

ul.pagination {
display				: none;
}

/* Profielen ----------------------------------------------------*/

table.profielen {
width				: 405px;
float				: left;
}

table.profielen td {
border-top			: 1px solid #999;
font-size				: 1em;
padding				: 5px 10px 5px 0px;
line-height			: 1.4em;
vertical-align			: top;
background			: none;
}

table.profielen td img {
margin				: 3px 0px 0px 0px;
border				: 1px solid #676767;
}

table.profielen td a {
text-decoration		: underline;
}

table.profielen td p {
font-size				: 1em;
}

table.profielen td h3 {
font-size				: 1.2em;
}

table.profielen td h4 {
font-size				: 1em;
font-weight			: bold;
padding				: 0.6em 0 0.4em 0;
margin				: 0 0 0.2em 0;
border-bottom			: 1px solid #999;
background			: none;
}


/* Overzichtslijsten ----------------------------------------------------*/

ul.plain_list {
float				: left;
list-style			: none;
width				: 405px;
padding				: 0px 0px 7px 0px;
margin				: 0px;
}

ul.plain_list li {
float				: left;
width				: 405px;
padding				: 5px 0px;
margin				: 0px;
border-bottom			: 1px solid #999;
font-size				: 11px;
background			: none;
}

ul.plain_list li a {
text-decoration		: none;
}

ul.plain_list li a:hover {
text-decoration		: underline;
}


/* Lijsten met 2 kolommen (zoals definition lists) ----------------------------------------------------*/

ul.twocolumn_list {
float				: left;
list-style			: none;
width				: 405px; /*428px;*/
padding				: 0px;
margin				: 0px;
}

ul.twocolumn_list li {
float				: left;
width				: 405px; /*428px;*/
padding				: 0px 0px 7px 0px;
margin				: 0px 0px 7px 0px;
border-bottom			: 1px solid #999;
font-size				: 1em;
background			: none;
}

ul.twocolumn_list li span {
float				: left;
width				: 80px;
color				: #333;
}

ul.twocolumn_list li a {
float				: left;
width				: 320px;
text-decoration		: none;
}

/* OVER NVP ----------------------------------------------------*/
/* Commissies ----------------------------------------------------*/
ul.commissies_list li span {
width				: 200px !important;
font-weight			: bold;
}

ul.commissies_list li p {
float				: left;
width				: 200px;
font-size				: 1em;
line-height			: 1.4em;
}

ul.commissies_list li a {
float				: none !important;
width				: auto !important;
text-decoration		: underline;
}

/* Stel uw vraag ----------------------------------------------------*/

.stel_uw_vraag {
width				: 373px;
border				: 1px solid #537db5;
padding				: 15px;
margin				: 20px 0px;
}

.stel_uw_vraag h3 {
color				: #537db5;
padding				: 0 0 0.4em 0;
}

.stel_uw_vraag form {
margin				: 0px;
padding				: 5px 0px;
font-size				: 1em;
font-family			: Arial, Helvetica, sans-serif;
border-top			: 1px solid #999;
background			: none;
}

.stel_uw_vraag form td {
vertical-align			: top;
padding				: 2px 0px;
}

.stel_uw_vraag form input {
width				: 200px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #bacbe1;
font-size				: 1em;
}

.stel_uw_vraag form select {
width				: 207px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #bacbe1;
font-size				: 1em;
}

.stel_uw_vraag form textarea {
width				: 200px;
height				: 100px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #bacbe1;
font-size				: 1.2em;
}

.stel_uw_vraag form .formbutton {
width				: 100px;
height				: 20px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid auto;
border-style			: outset;
font-size				: 1em;
font-weight			: bold;
}

/* Sponsors ----------------------------------------------------*/

table.sponsors {
width				: 405px;
}

table.sponsors td {
border-top			: 1px solid #999;
font-size				: 1em;
padding				: 5px 10px 5px 0px;
line-height			: 1.4em;
vertical-align			: top;
background			: none;
}

table.sponsors td img {
margin				: 3px 0px 0px 0px;
border				: 0px;
}

table.sponsors p {
font-size				: 1em;
}

table.sponsors td a {
text-decoration		: underline;
}


/* ACTUEEL ----------------------------------------------------*/
.nieuws_item {
float				: left;
display				: inline;
width				: 405px; /*428px;*/
padding				: 0px 0px 7px 0px;
margin				: 0px 0px 13px 0px;
background			: none;
border-bottom			: 1px solid #999;
}

/* Biedt zich aan ----------------------------------------------------*/

.biedtzichaan_profiel {
float				: left;
display				: inline;
width				: 405px; /*428px;*/
padding				: 0px;
margin				: 0px;
}

.reageren {
width				: 373px;
border				: 1px solid #b89863;
padding				: 15px;
margin				: 20px 0px;
}

.reageren h3 {
color				: #b89863;
padding				: 0 0 0.4em 0;
}

.reageren form {
margin				: 0px;
padding				: 5px 0px;
font-size				: 1em;
font-family			: Arial, Helvetica, sans-serif;
border-top			: 1px solid #999;
background			: none;
}

.reageren form td {
vertical-align			: top;
padding				: 2px 0px;
}

.reageren form input {
width				: 200px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #b89863;
font-size				: 1em;
}

.reageren form textarea {
width				: 200px;
height				: 100px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #b89863;
font-size				: 1.2em;
}

.reageren form .formbutton {
width				: 100px;
height				: 20px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid auto;
border-style			: outset;
font-size				: 1em;
font-weight			: bold;
}



/* KENNIS ----------------------------------------------------*/

.kennis h3 {
color				: #58b8a3;
}

.sollicitatiecode_nieuws {
width				: 373px;
border				: 1px solid #58b8a3;
padding				: 15px;
margin				: 20px 0px;
float				: left;
}

.sollicitatiecode_nieuws h3 {
padding				: 0 0 0.4em 0;
}

.sollicitatiecode_nieuws ul {
list-style			: none;
width				: 373px;
padding				: 0px;
margin				: 0px;
}

.sollicitatiecode_nieuws li {
width				: 354px;
padding				: 8px 0px 8px 19px;
margin				: 0px;
background			: url(../img/bg_bulletlist.gif) repeat-x top left;
font-size				: 1em;
}

.sollicitatiecode_nieuws li a {
text-decoration		: none;
}

.sollicitatiecode_nieuws li a:hover {
text-decoration		: underline;
}

.sollicitatiecode_nieuws li span {
font-weight			: bold;
display				: block;
}

.sollicitatiecode_commissie h3 {
color				: #58b8a3;
padding				: 0 0 0.4em 0;
}

/* Opleidingen ----------------------------------------------------*/

.container_opleidingen_category {
float				: left;
display				: inline;
width				: 384px /*428px*/;
margin				: 0px;
padding				: 17px 22px 0px 22px;
background			: none;
}

.container_opleidingen_category h2 {
padding				: 0px;
}

.container_opleidingen_category h2 img {
display				: none;
}

.container_opleidingen_category h2 span {
display				: inline;
}

.container_opleidingen_category ul.plain_list,
.container_opleidingen_category .plain_list li {
width				: 384px /*428px*/;
}

.container_opleidingen_category .plain_list li {
font-size				: 1em;
}

/* Vakblad Personeelbeleid ----------------------------------------------------*/

table.tijdschrift {
width				: 405px;
margin				: 0px 0px 10px 0px;
}

table.tijdschrift td {
font-size				: 1em;
padding				: 8px 10px 8px 0px;
line-height			: 1.4em;
border-bottom			: 1px solid #999;
background			: none;
}

table.tijdschrift td.cover img {
margin				: 3px 0px 0px 0px;
border				: 1px solid #58b8a3;
}

table.tijdschrift td h3 {
font-size				: 1.2em;
color				: #58b8a3;
}

table.tijdschrift td p {
font-size				: 1em;
}

table.tijdschrift td a {
text-decoration		: underline;
}

/* Vakblad Personeelbeleid ----------------------------------------------------*/

.container_opleidingen_category table.profielen {
width				: 384px /*428px*/;
}

.container_opleidingen_category table.profielen a {
text-decoration		: none;
}

.container_opleidingen_category table.profielen a:hover {
text-decoration		: underline;
}


/* AFDELINGEN / SECTIES ----------------------------------------------------*/

.container_afdelingen_secties {
float				: left;
width				: 428px;
margin				: 13px 0px;
background			: none;
}

.wrapper_afdelingen {
float				: left;
width				: 428px;
background			: none;
}

.wrapper_secties {
float				: left;
width				: 428px;
background			: none;
}

.footer_afdelingen_secties {
float				: left;
width				: 428px;
height				: 10px;
background			: none;
font-size				: 0em;
}

ul.nav_afdelingen_secties {
display				: none;
}

.content_afdelingen_secties {
float				: left;
display				: inline;
width				: 384px /*428px*/;
padding				: 17px 0px;
}

.content_afdelingen_secties h2 {
padding				: 0px 0px 18px 0px;
color				: #333333;
}

.content_afdelingen_secties h2 img {
display				: none;
}

.content_afdelingen_secties h2 span {
display				: inline;
font-size				: 14px;
}

.content_afdelingen_secties .twocolumn_list,
.content_afdelingen_secties .twocolumn_list ul,
.content_afdelingen_secties .twocolumn_list li {
width				: 384px /*428px*/;
}

.content_afdelingen_secties ul.commissies_list li span {
width				: 192px !important;
font-weight			: bold;
}

.content_afdelingen_secties ul.commissies_list li p {
float				: left;
width				: 192px;
font-size				: 1em;
line-height			: 1.4em;
}

ul.commissies_list li a {
float				: none !important;
width				: auto !important;
text-decoration		: underline;
}


.content_afdelingen_secties .twocolumn_list li a {
float				: left;
width				: 299px;
}

.content_afdelingen_secties .profielen {
width				: 384px /*428px*/;
}

.content_afdelingen_secties .nieuws_item {
width				: 384px /*428px*/;
}

/* SECTIES ----------------------------------------------------*/

.enprofil_zoek {
width				: 373px;
border				: 1px solid #b89863;
padding				: 15px;
margin				: 20px 0px;
float				: left;
}

.enprofil_zoek h3 {
font-size				: 0.8em;
padding				: 0 0 0.4em 0;
color				: #b89863;
}

.enprofil_zoek form {
margin				: 0px;
padding				: 5px 0px;
font-size				: 1em;
font-family			: Arial, Helvetica, sans-serif;
border-top			: 1px solid #999;
background			: none;
}

.enprofil_zoek form td {
vertical-align			: top;
padding				: 2px 0px;
}

.enprofil_zoek form input {
width				: 250px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #b89863;
font-size				: 1em;
}

.enprofil_zoek form select {
width				: 257px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #b89863;
font-size				: 1em;
}

.enprofil_zoek form .formbutton {
width				: 60px;
height				: 20px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid auto;
border-style			: outset;
font-size				: 1em;
font-weight			: bold;
}


.enprofil_zoek ul {
list-style			: none;
width				: 373px;
padding				: 0px;
margin				: 0px;
}

.enprofil_zoek li {
width				: 354px;
padding				: 8px 0px 8px 19px;
margin				: 0px;
background			: url(../img/bg_bulletlist.gif) repeat-x top left;
font-size				: 1em;
}

.enprofil_zoek li a {
text-decoration		: none;
}

.enprofil_zoek li a:hover {
text-decoration		: underline;
}

.enprofil_zoek li span {
font-weight			: bold;
display				: block;
}

/* STANDAARD FORMULIER ----------------------------------------------------*/

.form_panel {
width				: 373px;
padding				: 15px;
margin				: 20px 0px;
}

#overnvp .form_panel 	{ border: 1px solid #537db5; }
#actueel .form_panel 	{ border: 1px solid #1c3445; }
#kennis .form_panel 	{ border: 1px solid #58b8a3; }
#afdelingen .form_panel 	{ border: 1px solid #da1360; }
#secties .form_panel 	{ border: 1px solid #42102d; }
#carriere .form_panel	{ border: 1px solid #b89863; }

.form_panel h3 {
font-size				: 0.8em;
padding				: 0 0 0.4em 0;
}

#overnvp .form_panel h3 		{ color: #537db5; }
#actueel .form_panel h3 		{ color: #1c3445; }
#kennis .form_panel h3 		{ color: #58b8a3; }
#afdelingen .form_panel h3 	{ color: #da1360; }
#secties .form_panel h3 		{ color: #42102d; }
#carriere .form_panel h3		{ color: #b89863; }

.form_panel form {
margin				: 0px;
padding				: 5px 0px;
font-family			: Arial, Helvetica, sans-serif;
border-top			: 1px solid #999;
background			: none;
}

fieldset {
border				: 0px;
margin				: 0px;
padding				: 0px;
font-size				: 0.7em;
}

fieldset label {
display				: block;
float				: left;
margin				: 0pt;
padding				: 0px;
text-align			: left;
width				: 150px;
}

fieldset div.cr p {
float				: left;
margin				: 0pt;
padding				: 0px;
text-align			: left;
}

fieldset div.cr label {
float				: none;
margin				: 0pt 0pt 0pt 159px;
padding				: 0px 0px 2px 0px;
text-align			: left;
width				: 200px;
}

fieldset div p {
font-size				: 1em !important;
}

fieldset div h2 {
font-size				: 1.2em !important;
color				: #333 !important;
padding				: 0.6em 0px !important;
}



fieldset input, 
fieldset textarea, 
fieldset select {
width				: 200px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid #bacbe1;
font-family			: Arial, Helvetica, sans-serif;
font-size				: 1em;
}

fieldset textarea {
height				: 100px;
}

fieldset select {
width				: 207px;
}

#overnvp fieldset input, #overnvp fieldset textarea, #overnvp fieldset select			{ border: 1px solid #537db5; }
#actueel fieldset input, #actueel fieldset textarea, #actueel fieldset select			{ border: 1px solid #5d7c92; }
#kennis fieldset input, #kennis fieldset textarea, #kennis fieldset select				{ border: 1px solid #abe3d7; }
#afdelingen fieldset input, #afdelingen fieldset textarea, #afdelingen fieldset select	{ border: 1px solid #e776a5; }
#secties fieldset input, #secties fieldset textarea, #secties fieldset select			{ border: 1px solid #956280; }
#carriere fieldset input, #carriere fieldset textarea, #carriere fieldset select		{ border: 1px solid #d5bf9a; }


fieldset .cr input {
width				: 1.2em !important;
height				: 1.2em !important;
margin				: 0px 5px 0px 0px;
padding				: 0px;
border				: 0px !important;
float				: left;
}

fieldset.buttons {
padding				: 15px 0pt;
}
fieldset.buttons label {
width				: 150px;
}
fieldset.buttons input {
width				: 100px;
height				: 20px;
margin				: 0px;
padding				: 1px 2px;
border				: 1px solid auto;
border-style			: outset;
font-weight			: bold;
}





