﻿/* defaults */
*									{ margin: 0; padding: 0; }
a img								{ border: 0; }
body								{ font-family: Helvetica, Verdana, Arial, sans-serif; }

/* layout start */
#top								{ background: #CBC9B7; height: 90px; }
#menu								{ background: #8C8967; height: 25px; }
.topwrap							{ width: 970px; margin: 0 auto;}

h1#redCrossLogo						{ float: left; height: 90px; }
h1#redCrossLogo	a					{ width: 107px; height: 90px; outline: none; display: block; 
									  background: transparent url('../images/logo_rodekruis.gif') top left no-repeat; }
h1#redCrossLogo a span				{ margin-left: -10000px; display: block; }

h2#redCrossSlogan					{ width: 284px; height: 90px; float: left;
									  background: transparent url('../images/baseline.gif') top left no-repeat; }
h2#redCrossSlogan span				{ margin-left: -10000px; display: block; }

#funcnav							{ float: right; clear: right; height: 22px; }
#topnav								{ float: right; text-align: right; margin: 40px 0 0 0; padding: 0; clear: right; width: 400px; }
#footer								{ border-top: 1px solid #999; text-align: center; padding: 5px 0; }
#wrap								{ width: 970px; margin: 20px auto 10px auto;  background: url('../images/bg_left.jpg') repeat-y left top; }
#left								{ width: 276px; background: url('../images/top_left.jpg') no-repeat left top; float: left; padding: 64px 0 0 0; }
#center								{ float: left; width: 494px; }
#right								{ padding: 48px 0 0 0;  float: left; width: 200px; }
#crumb								{ margin: 0 auto -20px auto; width: 970px; padding: 5px 0; }
.banner								{ margin-bottom: 4px; }
#content							{ margin: 0 7px 0 7px;	font-size: 0.7em; }
#rcoll								{ width: 200px; }
#subnav								{ margin: 0; }
.contentPlaceholder img				{ float: left; border: 0px solid #333; margin: 0 8px 5px 0; }
.contentPlaceholder ul.list, .contentPlaceholder ul			{ margin: 0 0 10px 0; padding: 0;  font-size: 1em; list-style: none;	color: #333; }
.contentPlaceholder ul.list li, .contentPlaceholder ul li	{ background: url(../images/bull_blue.gif) no-repeat 0 2px; padding: 0 0 0 15px; margin: 3px 0; line-height: 1.3em;  }
.contentPlaceholder ol										{ margin: 10px 0 10px 20px; _margin: 10px 0 10px 25px; padding: 0;  font-size: 1em; color: #333; }
.banner								{ margin-bottom: 10px; }
.clearFloat								{ clear: both; }
ul.cat									{ font-size: 1.1em; }

.Apply								{ display: block; background: url('../images/button_solliciteer_online.gif') no-repeat; width: 200px; height: 25px; margin: 0 0 20px 0; }
/* layout end */

/* typo start */
#footer p							{ 	font-size: 0.6em; color: #000; margin: 0; padding: 0; }
#rcoll h1							{  font-weight: bold; color: #000; font-size: 1em; margin: 0 0 0.5em 0; }
#content h1							{ font-size: 1.5em; }
#crumb p							{  font-size: 0.7em; font-weight: bold; color: #000; margin: 0; padding: 0; }
#content h1							{  font-size: 2.1em; color: #4c5665; font-weight: normal; margin: 12px 0; padding: 0; }
#content h2							{  font-size: 1.5em; color: #df0029; font-weight: bold; margin: 12px 0; padding: 0; /* border-bottom: 1px dotted #333; */ background: url(../images/dotted.gif) repeat-x bottom; }
#content h3							{  font-size: 1.2em; margin: 15px 0 5px 0; padding: 0; }
#content p							{  font-size: 1em; color: #333; margin: 0 0 1em 0; }
p.top, p.top2						{ text-align: right; /* border-top: 1px dotted #333; */ background: url(../images/dotted.gif) repeat-x top; clear: both;		font-size: 0.7em; }
p.top2								{ display: block; clear: both; border-top: 1px solid #fff; background: none; margin: 90px -20px 10px -20px !important; _margin: 30px -20px 10px -20px !important; padding-right: 10px; }
p.print								{ float: right; position: relative; top: 3px; }
#msg p								{  font-size: 0.7em; color: #333; margin: 0 0 1em 0; }
/* typo end */

/* list start */
#topnav ul, #menu ul { list-style: none;  font-size: 0.7em; margin: 0; padding: 0; }
#topnav ul { float: right; }
#topnav ul li {	margin: 0 0 0 10px; padding: 0 0 0 10px; /* Hide for mac \*/ float: left; background: url(../images/bull_topnav.gif) no-repeat center left;	white-space: nowrap; /* end hide */ display: inline; }
#menu ul li, #menu ul li.last {	margin: 0; padding: 0; border-left: 1px solid #414438; float: left; display: inline; position: relative; /* suckerfish */ /* For IE/Mac */ /* Hides for browsers other than IE/Mac */ /*\*//*/ display: inline-block; width: 135px; /**/ }
#menu ul li.last { border-right: 1px solid #414438; }
#menu ul li.bno { margin: 0; padding: 0;	border-left: 1px solid #414438;	border-right: 1px solid #414438; float: right; display: inline; width: 205px; }
ul.fastto { list-style: none; margin: 0 0 10px 5px;	padding: 0;		font-weight: bold; font-size: 0.7em; line-height: 1em; }
ul.fastto li{	background: url(../images/bull_snelnaar.gif) no-repeat center left;	padding: 0 0 0 16px; margin: 9px 0; }
#subnav ul { margin: 0 0 0 10px; padding: 0;  font-size: 0.7em; color: #333; font-weight: bold; list-style: none; line-height: 1.2em; }
#subnav ul li {	margin: 8px 0; background: url(../images/bull_subnav.gif) no-repeat 0 3px; padding-left: 15px; }
#subnav ul li.in { background: url(../images/bull_subnav_in.gif) no-repeat 0 3px; padding-left: 20px; color: #df0029; }
#subnav ul li.in ul li.in {	background: url(../images/bull_subnav_sub.gif) no-repeat 0 3px;	padding-left: 15px;	color: #df0029;	font-weight: bold; }
#subnav ul li ul { font-size: 1em; font-weight: normal; }
#subnav ul li ul li { background: none;	padding: 0;	margin: 4px 0; }
ul.tabs { list-style: none;	margin: 0; padding: 0;  font-size: 1em; font-weight: bold; clear:both; }
ul.tabs li { float: left; margin: 0; padding: 0; }
#content ul.list { margin: 0; padding: 0;  font-size: 1em; list-style: none; color: #333; }
#content ul.list li { background: url(../images/bull_blue.gif) no-repeat 0 2px;	padding: 0 0 0 15px; margin: 3px 0; line-height: 1.3em; }
/* list end */

/* links start */
#topnav a:link, #topnav a:visited{ text-decoration: none; color: #000; }
#topnav a:hover { text-decoration: underline; color: #000; }
#menu ul li a:link, #menu ul li a:visited {	line-height: 25px; display: block; padding: 0 8px; color: #fff;	text-decoration: none;	/* For IE/Mac */ /* Hides for browsers other than IE/Mac */	/*\*//*/ display: inline-block; width: 135px; /**/ }
#menu ul li a:hover, #menu ul li.bno a:link, #menu ul li.bno a:visited { color: #fff; text-decoration: none; background: #6B6F5A url(../images/bg_menu.gif) repeat-y; }
#menu ul li.bno a:link, #menu ul li.bno a:visited {	/* For IE/Mac */ /* Hides for browsers other than IE/Mac */ /*\*//*/ display: inline-block;	width: 207px; /**/ }
#menu ul li.bno a:hover { color: #fff; text-decoration: none;	background: #8C8967 url(../images/bg_menubno.gif) repeat-y; }
#footer a:link, #footer a:visited {color: #000; text-decoration: underline; }
#footer a:hover { color: #000; text-decoration: none; }
.fastto a:link, .fastto a:visited {	color: #333; text-decoration: none; }
.fastto a:hover { color: #333; text-decoration: underline; }
#crumb a:link, #crumb a:visited { text-decoration: none; color: #df0029; }
#crumb a:hover { text-decoration: underline; color: #df0029; }
p.top a:link, p.top a:visited, p.top2 a:link, p.top2 a:visited { text-decoration: none; color: #333; background: url(../images/top.gif) no-repeat right; padding: 0 20px 0 0; margin: 0; }
p.top a:hover, p.top2 a:hover { text-decoration: underline;	color: #333; }
p.terug a:link, p.terug a:visited {	text-decoration: none; color: #333;	background: url(../images/terug.gif) no-repeat right; padding: 0 20px 0 0;	margin: 0; }
p.terug a:hoverb { text-decoration: underline; color: #333; }
#subnav ul li a:link, #subnav ul li a:visited, #subnav ul li.in ul li a:link, #subnav ul li.in ul li a:visited { text-decoration: none; color: #333; }
#subnav ul li a:hover, #subnav ul li.in ul li a:hover {	text-decoration: underline; color: #333; }
#subnav ul li.in a:link, #subnav ul li.in a:visited{ text-decoration: none;	color: #df0029; }
#subnav ul li.in a:hover { text-decoration: underline; color: #df0029; }
#content p.print a:link, #content p.print a:visited { text-decoration: none; color: #fff; background: url(../images/print.gif) no-repeat right center; padding-right: 30px; font-weight: bold; }
#content p.print a:hover { text-decoration: none; color: #fff; }
#content a:link, #content a:visited { text-decoration: underline; color: #333; }
#content a:hover { text-decoration: none; }
#content ul.tabs li a:link, #content ul.tabs li a:visited{ display: block; padding: 7px 10px; background: #d2d9df url(../images/bg_downtab.jpg) repeat-x bottom; text-decoration: none; }
#content ul.tabs li a:hover, #content ul.tabs li a.in:link, #content ul.tabs li a.in:visited{ background: #eaeef4; text-decoration: none; }
#content ul.tabs li a:hover { /* background: #c3ccd5; */ background: #d2d9df url(../images/bg_downtab_on.jpg) repeat-x bottom; }
/* links end */

/* form start */
form { margin: 0;	padding: 0; }
/* form end */

/* suckerfish start */
#menu ul li ul { display: none; position: absolute; top: 25px; /*1em, 25px*/ left: 0; margin: 0; padding: 0; margin-left: -1px; }
#menu ul li > ul { top: auto; left: auto; }
#menu ul li ul li { border: none; border-top: 1px solid #fff; margin: 0; padding: 0; height: 1.9em; /* 20px */ }
/* Hide from IE-mac \*/
#menu ul li:hover ul, #menu ul li.over ul { display: block; }
#menu ul li ul li a:link, #menu ul li ul li a:visited, #menu ul li.bno ul li a:link, #menu ul li.bno ul li a:visited { line-height: 2em; /* 20px */ height: 2em; /* 20px */ display: block; padding: 0 8px; color: #000; text-decoration: none; background: #cbcab8; }
#menu ul li ul li a:hover, #menu ul li.bno ul li a:hover { color: #000; text-decoration: none; background: #e2e2d5; }
/* end hide */
/* suckerfish end */
/* suckerfish layout start */
#menu ul li ul { font-size: 1em; z-index: 5; }
#menu ul li ul li { width: 20em; /* 175px */ display: block; float: none; }
#menu ul li.bno ul li { width: 207px; }
/* suckerfish layout end */

/* forms start */
.error { _height: 25px; min-height: 25px; }
.error p { color: #df0029 !important; }
form { margin: 0; padding: 0; }
fieldset, .kader{ border: none; background: #eaeef4 url(../images/bg_hoekform.gif) no-repeat top right;	padding: 20px; margin: 0 0 10px 0; clear: both; height: 100%; }
.kader{  }
legend { display: none; }
.formrow, .knoprow{ clear:both; height: 2em; }
.knoprow { text-align: right; height: auto; }
.formrow .lable { width: 130px; float: left; }
.formrow .lable p { line-height: 2em; }
.formrow .veld { width: 305px; float: left; }
.input-txt, .input-txt2, .input-txt3, .input-txt4, .input-area { width: 300px; border-width: 1px; border-style: solid; border-color: #c3cee0 #c3cee0 #d5e6fa #d5e6fa; color: #666; background: #fff url(../images/bg_field.jpg) repeat-x; font-size: 1em;  padding: 4px 2px 4px 5px; }
.input-area { height: 150px; }
.input-txt2 { width: 433px; }
.input-txt3 { width: 40px; }
.input-txt4 { width: 250px; }
.input-txt:focus, .input-txt2:focus, .input-txt3:focus, .input-area:focus{ border-color: #9baccb; color: #444; }
.dropdown, .dropdown2 { width: 310px; color: #666; font-size: 1em;  }
.dropdown2 { width: 440px; }
.knop {	background: #c2cddf url(../images/bg_knoppen.gif) no-repeat right center; text-align: center; padding: 0 20px 0 5px; margin: 10px 0 0 0; border: none;  font-size: 1em; width: 7em; }
.formline { border-bottom: 2px solid #fff; margin: 0 0 10px 0; padding: 0; }

div[class=formline]{ margin-top: -15px; }
/* forms end */

.hide { position: absolute; top: -2000px; left: -2000px; }
.hackje { clear: both; line-height: 0; }
.printit { visibility: hidden; display: none; }

/* Jobdescription style */
.jobdescription				{}
.jobdescription div			{}
.jobdescription h1			{}
.jobdescription h2			{}
.jobdescription h3			{}
.jobdescription h4			{}
.jobdescription h5			{}
.jobdescription h6			{}
.jobdescription p			{}
.jobdescription ul li			{ list-style-type: disc; background: none; margin: 3px 0 0 15px; padding: 0; }
.jobdescription li			{ }
.jobdescription a, .jobdescription a:link	{}
.jobdescription a:hover		{}
.jobdescription a:active	{}
.jobdescription a:visited	{}

.tolower					{ text-transform: lowercase; }
#subnav ul.leftmargin		{ margin: 0 0 0 25px; }

.poweredByLink
{
    float: right;
    font-size: 9px;
    text-decoration: none !important;
}
