/* Stylesheet voor People 4 Projects */

* {
	margin : 0;
	padding : 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	font : normal 62.5%/1.3 Arial, Verdana, "Times New Roman", serif;
	background-color : #CCC;
	text-align : center;
	color : #000;
	}

a:link, a:visited {
	color: #882234;
	}
a:hover, a:active {
	text-decoration: none;
	}
#container {
	background : transparent url(../images/bkg.gif) repeat-y;
	width : 988px;
	text-align : left;
	padding : 8px 0;
	margin : 0 auto;
	font-size : 1.2em;
	overflow : hidden;
	}
p {
	margin: 1em 0;
	}
ul, ol {
	margin: 1em 0 1em 2em;
	}
ul li {
	list-style-type: square;
	margin: 0 0 0.2em 0;
	}

/* De taalkeuze rechts boven */
#taal {
	text-align : right;
	color : #FFF;
	margin : 0 28px 0 0;
	font-weight: bold;
}
#taal strong {
	border: 1px solid white;
	padding: 0 2px;
}
#taal a:link, #taal a:visited {
	color : #FFF;
	text-decoration : none;
	font-weight : bold;
	padding : 0 2px;
}

#taal a:hover, #taal a:focus {
	color : #FFF;
	font-weight : bold;
	border-bottom: 1px solid white;
}
/* header hoofdpagina met het niet weergeven van titels, is goed voor SEO, maar daar kennen jullie wel iets van */
#header {
	background : transparent url(../images/header.gif) no-repeat;
	width : 988px;
	height : 95px;
	margin : 0 0 0 0;
	padding: 0;
}
/* header vacatures, die met die man */
.man #header {
	background : transparent url(../images/header_man.gif) no-repeat;
	width : 988px;
	height : 95px;
	padding: 0;
	margin: 0 0 0 0;
}
/* header profielen, die met die vrouw */
.vrouw #header {
	background : transparent url(../images/header_vrouw.gif) no-repeat;
	width : 988px;
	height : 94px;
	margin : 0 0 0 0;
	padding: 0;
}

#header h1, #header h2 {
	text-indent: -9999em;
}
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:active {
	display: block;
	height:70px;
	width: 450px;
}
#header h2 {
	margin: 0;
}
/* de navigatie tussen de 2 gezichten in */
#nav {
	width : 988px;
	height : 51px;
	background : transparent url(../images/navmv.gif) no-repeat;
	margin: 0;
}
/* navigatie mat de man alleen */
.man #nav {
	width : 988px;
	height : 61px;
	background : transparent url(../images/navm.gif) no-repeat;
	margin: 0;
}
/* navigatie mat de vrouw alleen */
.vrouw #nav {
	width : 988px;
	height : 50px;
	background : transparent url(../images/navv.gif) no-repeat;
	margin: 0;
}
/* navigatie hoofdpagina */
#nav ul {
	list-style-type: none;
	margin : 0 0 0 152px;
	padding : 19px 0 0 0;
}
/* navigatie met man of vrouw */
.man #nav ul, .vrouw #nav ul {
	list-style-type: none;
	margin : 0 0 0 270px;
	padding : 19px 0 0 0;
}

#nav li {
	list-style-type: none;
	float : left;
	color: #fff;
	font-size: 16px;
	margin-right: 16px;
}
#nav li a:link,
#nav li a:visited {
	color: #fff;
	text-decoration: none;
}

#nav li a:hover,
#nav li a:active,
#nav li a.selected {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #fff;
}

/*
***** Navigatie en images steken per taal in een ander .css bestand.
*/

#nav li#over a span, #nav li#vaca a span, #nav li#pro a span, #nav li#con a span, #nav li#home a span {
	display : none;
}

/* de 2 blokken, éénmaal een man, andere keer een vrouw */
#blokken {
	padding : 0 29px 0 30px;
}

div#man, div#vrouw {
    border-bottom : 2px solid #9c9d9f;
	border-left : 2px solid #9c9d9f;
	border-right : 2px solid #9c9d9f;
}

div#man h1, div#vrouw h1 {
	display : none;
}

div#man {
	float : left;
	height : 304px;
	background : #f5e9cd url(../images/blok_vacatures.gif) no-repeat;
    width : 469px;
	overflow:hidden;
    voice-family: "\"}\"";
    voice-family:inherit;
    width : 465px;
}

div#man p.slogan, div#vrouw p.slogan {
	color : #aa2a41;
	font-weight : bold;
	display : block;
	line-height : 1.4;
	font-size: 12px;
}

div#man p.slogan {
	float : right;
	margin: 0;
	padding : 15px 39px 0 0;
	height:130px;
	width : 139px;
	overflow:hidden;
    voice-family: "\"}\"";
    voice-family:inherit;
    width : 100px;
}

div#man div {
	background-color : #f9f1df;
	border-bottom : 1px solid #aa2a41;
	height : 104px;
	width : 436px;
	margin : 147px 0 0 14px;
	overflow:hidden;
}

div#man div ul {
	list-style : none;
	padding : 10px 0 0 14px;
	margin: 0 0 0 1em;
}

div#man div li {
	font-weight : bold;
	font-size : 14px;
	line-height : 2.0;
	list-style-type: none;
}
div#man div li a:link,
div#man div li a:visited {
	color: #000;
	border: 0;
	text-decoration: none;
}
div#man div li a:hover,
div#man div li a:active {
	color: #000;
	border: 0;
	text-decoration: underline;
}
/* de 2 knoppen onder de man */
div#man p#buttons {
	background : transparent url(../images/knoppen.gif) no-repeat;
	height : 46px;
	width : 465px;
	margin-top : 5px;
}

div#vrouw p#buttons2 {
	height : 46px;
	margin: 5px 15px 1px 15px;
	background : transparent url(../images/btt_vacature_geel.gif) no-repeat;
}

p#buttons a span, p#buttons2 a span {
	display : none;
}

p#buttons2 a#jouwvac {
	height : 28px;
	width : 185px;
	display : block;
	float : left;
 margin : 5px 0 0 14px;
}

p#buttons a#solic {
	height : 28px;
	width : 130px;
	display : block;
	float : left;
 margin : 5px 0 0 14px;
}
/*stoute IE */
* html p#buttons a#solic {
	margin : 5px 0 0 7px;
}

p#buttons a#over2 {
	float : left;
	display : block;
	height : 28px;
	width : 276px;
    margin : 5px 0 0 30px;
}
/* de vrouw blok */
div#vrouw {
	float : right;
    height : 304px;
	background : #f5e9cd url(../images/blok_profielen.gif) no-repeat top right;
	width : 434px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width : 430px;
}

div#vrouw p.slogan {
	float : left;
	padding : 15px 0 0 32px;
	overflow:hidden;
	height:130px;
	width : 162px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width : 130px;
	margin: 0;
}

div#vrouw div {
	background-color : #f9f1df;
    border-bottom : 1px solid #aa2a41;
	height : 103px;
	width : 400px;
	margin : 147px 0 0 15px;
	padding-top : 1px;
	overflow:hidden;
}

div#vrouw div p {
	margin : 14px 33px 0 17px;
	font-weight : bold;
	font-size : 14px;
}

/* de inhoud qua tekst dan toch */
#inhoud {
	clear : both;
	padding : 0 46px 0 46px;
	color : #FFF;
}

.man #inhoud, .vrouw #inhoud {
	padding : 0 30px 0 30px;
}
/*de linker inhoud hoofdpagina*/
div#inhoud_links {
	float : left;
	width : 633px;
}
/* de inhoud met tabel */
.man div#inhoud_links {
	float : left;
	width : 708px;
	border-bottom : 2px solid #9c9d9f;
	border-left : 2px solid #9c9d9f;
	border-right : 2px solid #9c9d9f;
	background-color : #f5e9cd;
	color : #000;
	padding : 0 15px 0 14px;
}

.vrouw div#inhoud_links {
	float : left;
	width : 708px;
	border-bottom : 2px solid #9c9d9f;
	border-left : 2px solid #9c9d9f;
	border-right : 2px solid #9c9d9f;
	background-color : #f5e9cd;
	color : #000;
	padding : 13px 15px 0 14px;
}

/********************************************/
div#inhoud_links h1 {
	color: #AA2A41;
	font-size: 1.7em;
	margin: 0 0 0.5em 0;
}
div#inhoud_links h1 a {
	color: #AA2A41;
	text-decoration: none;
}

div#inhoud_links h1 a:hover {
	text-decoration: underline;
}

#inhoud_links h3 {
	font-size: 1.3em;
	color: white;
	text-decoration: none;
	}
#inhoud_links h3 a {
	color: white;
	text-decoration: none;
}

div#inhoud_links .h3nieuws {
	font-size: 1.3em;
	color: black;
	text-decoration: none;
}
div#inhoud_links .h3nieuws span {
	font-weight: normal;
	font-size: 0.7em;
}
div#inhoud_links .nieuwsinhoud {
	margin: 1em 0;
}
/********************************************/
#nieuws {
	list-style-type: none;
	margin: 1em 0 0 0;
}
#nieuws p {
	margin: 0;
}
#nieuws li {
	display: block;
	padding : 0.5em;
	margin: 0 0 0.5em 0;
	list-style: none;
}
#nieuws li.alt {
	background-color: #fff;
}

#nieuws li .datum {
	color: #882234;
	font-weight: bold;
}

#nieuws li a {
	text-decoration: none;
	color: black;
}

#nieuws li a:hover {
	text-decoration: underline;
}
/********************************************/

.post {
	margin-top : 23px;
	border-bottom : 2px solid;
	padding-bottom : 27px;
}

.post h3 {
	font-size : 1.3em;
	font-weight : bold;
}
.post p {
	margin: 0.5em 0 1em 0;
	}
.post p.datum {
	margin-top : -3px;
		font-size: 0.9em;
	}
.post p.leesmeer {
	margin: 0 0 1em 0;
	}
.post p a:link, .post p a:visited {
	text-decoration : underline;
	color : #FFF;
}

p.archief a:link, p.archief a:visited {
	font-size: 1.3em;
	font-weight : bold;
	margin-top : 22px;
	text-decoration : none;
	color : #FFF;
}

p.archief a:hover, p.archief a:active {
	font-weight : bold;
	margin-top : 22px;
	text-decoration : underline;
	color : #FFF;
}
.man div#inhoud_links h1 span, .vrouw div#inhoud_links h1 span {
	display : none;
}
/* de tabel */
div#inhoud_links table {
	width : 100%;
	border-collapse : collapse;
	margin-top : 18px;
	font-size : 100%;
}

div#inhoud_links table a:link, div#inhoud_links table a:visited, div#inhoud_links table thead, div#inhoud_links table tfoot {
	color : #882234;
	font-weight : bold;
	text-decoration : none;
}

div#inhoud_links table a:hover, .man div#inhoud_links table a:active {
	color : #882234;
	font-weight : bold;
	text-decoration : underline;
}

div#inhoud_links table th {
    border-bottom : 1px solid #882234;
    text-align : left;
    padding : 0 0 4px 4px;
}

div#inhoud_links table th.rij_1 {
	width : 50px;
	text-align : center;
}

div#inhoud_links table tr.odd {
	background-color : #FFF;
}

div#inhoud_links table tbody tr td {
	padding : 10px 0 12px 6px;
	/*height : 38px;*/
}

div#inhoud_links table td.code {
	text-align : center;
}

div#inhoud_links table tfoot tr td {
	border-top : 1px solid #882234;
	padding : 4px 0 0 0;
}

div#inhoud_links table td span#lefto {
	float : left;
}

div#inhoud_links table td span#middel {
	float : left;
	margin-left : 150px;
}

div#inhoud_links table td span#rechto {
	float : right;
}

/* de rechtse inhoud, die adressen */
div#inhoud_rechts {
	float : right;
	width : 175px;
	text-align : right;
	padding-top : 23px;
}
/* rechtse inhoud met profielen -vrouw -*/
.vrouw div#inhoud_rechts {
	float : right;
	width : 175px;
	text-align : right;
	padding-top : 34px;
}

div#inhoud_rechts h2 {
	font-size : 1.4em;
	font-weight : bold;
	margin-bottom : -10px;
}

div#inhoud_rechts h3 {
	font-size : 1.3em;
	font-weight : bold;
	margin-top : 20px;
}

div#inhoud_rechts p {
	padding-top : 10px;
}

div#inhoud_rechts div {
	margin-top : 45px;
}

/* vacatures */
#vacaturedetail {
	margin: 0 0 1em 0;
	}
#vacaturedetail dt {
	font-weight: bold;
}
#vacaturedetail dd {
	margin: 0 0 0.5em 0;
	}

/* de footer onderaan */
#footer {
	width : 988px;
	margin : 0 auto;
	background : transparent url(../images/footer.gif) no-repeat;
	height : 58px;
	text-align : left;
	font-size : 1.2em;
}

#footer ul {
	margin : 0 0 0 42px;
    padding-top: 5px;
	color : #FFF;
	list-style : none;
}

#footer ul li {
	float : left;
	list-style-type: none;
}

#footer ul li a {
	margin : 0 5px 0 5px;
}

#footer a:link, #footer a:visited {
	color : #FFF;
	text-decoration : none;
	font-weight : bold;
}

#footer a:hover, #footer a:active {
	color : #FFF;
	text-decoration : underline;
	font-weight : bold;
}

.menu_extra {
	margin: 1em 0;
}
.inhoud_content {
	margin: 0 0 1em 0;
}
.inhoud_content img {
	margin: 0.5em;
}
.inhoud_content p {
	margin: 1em 0;
}
.nieuwsarchief {
	font-size: 1.1em;
	font-weight: bold;
}
.nieuwsarchief a {
	text-decoration: none;
	color: #882234;
}

/*formulieren*/

input, textarea {
	border:1px solid #9C9D9F;
}
input {
	width: 20em;
	padding: 2px;
}
textarea {
	width: 30em;
}
input.submit {
	width: auto;
	padding: 0 0.5em;
}
input.file {
	width: auto;
}
input.datetwee {
	width: 2em;
	padding: 2px;
}
input.datevier {
	width: 4em;
	padding: 2px;
}

#submit_btn, #btnSubmit {
	border:1px solid #9C9D9F;
	background-color:#882234;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
}

dt {
margin:10px 0 0 0;
}
.paginering {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #882234;
}
.paginering img {
	border: none;
}
#vacaturetabel .rij_2 {
	width: 50%;
}
#vacaturetabel .rij_3 {
	width: 10%;
}
#vacaturetabel .rij_4 {
	width: 10%;
}
#vacaturetabel td.rij_5 {
	padding: 0 0.2em;
}
.warning, .berichtOk {
	color: #882234;
	font-weight: bold;
	border-left: 4px solid #882234;
	padding-left: 4px;
}
.verplicht {
	color: #882234;
	font-weight: bold;
	font-size: 1.4em;
}
#vacaturedetail h3.vacature {
	color: #000;
	font-size: 1em;
}
#tabelleke {
	margin: 1em 0;
}
#tabelleke .kolom {
	float: left;
	width: 200px;
}
#tabelleke2 .left {
	float: left;
	width: 200px;
}
#tabelleke2 .right {
	float: right;
	width: 200px;
}
br.clearing { clear: both; }