/*
 * Global
 */

html, body {
	margin: 0; 
	padding: 0
}

html {
	background: #ebf5f9;
	font: .9em/1.6em Helvetica, Arial, sans-serif;
	color: #000
}

body {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1013px;
	background: url(images/body-bg.png) repeat-y
}

/*
 * Header
 */

#header {
	height: 162px;
	background: url(images/header.jpg) no-repeat
}

#header h1 {
	margin: 0;
	padding: 0;
	position: relative
}

#header a {
	position: absolute;
	display: block;
	top: 55px;
	height: 90px;
	width: 700px;
	text-indent: -100em
}

/*
 * Navigation
 */

#nav {
	cursor: default
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav #nav-links {
	padding: .25em 30px .65em;
	background: url(images/nav-bg.png) no-repeat
}

#nav-tabs {
	position:absolute;
	top: 138px;
	right: 40px;
}

#nav li {
	display: inline
}

#nav-links li {
	border-left: 2px solid #065180;
	padding: .25em 1em;
}

#nav-links li.first-child {
	border: 0
}

#nav-tabs li {
	padding-left: 50px;
}

#nav a {
	color: #fff;
	text-decoration: none
}

#nav-current a, #nav-links a:hover, #nav-links a:focus {
	text-decoration: underline
}

#nav-current a:hover, #nav-current a:focus {
	text-decoration: none
}

/*
 * Content
 */

#content {
	padding: 10px 20px 10px 25px
}

#article {
	float: left;
	width: 695px
}

#article h2 {
	margin: 0 0 .4em;
	padding: 1em 0 0;
	font: normal 1.75em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d0e1e0;
	color: #166e93
}

#article h3 {
	margin: 2em 0 .5em;
	font-size: 1.1em;
	color: #166e93
}

#article dt {
	float: left;
	width: 10em;
	font-weight: bold
}

#content p {
	margin: 0 0 1em;
	padding: 0
}

#content a {
	color: #000
}

#content a:hover, #content a:focus {
	color: #0e455c
}

#content a img {
	border: 0
}

.kader {
	margin-bottom: 1.5em;
	border: 2px solid #d0e1e0
}

.kader-body {
	padding: 0 10px
}

#article .kader h2, .kader-titel {
	margin: 0;
	padding: .2em .5em;
	font-size: 1em;
	color: #166f94;
	border-bottom: 1px solid #d0e1e0
}

#article .kader h3 {
	margin-top: 1em
}

#hack-clear, .hack-clear {
	clear: both;
}

/*
 * Forms
 */

#wachtwoord-form {
	padding-bottom: 2em
}

#error strong {
	color: #b50f2a
}

label {
	cursor: pointer
}

label, .label, #aanmelden-factuur .label {
	display: block
}

form .required img {
	margin-left: .5em
}

#article label, #article .label {
	float: left;
	width: 8em
}

#article label.textarea {
	float: none;
	width: 100%;
	margin: 2em 0 .25em;
}

#aanmelden-form label, #aanmelden-review .label, #activatie-email-form label,
#vacature-form label, #zoeken label, #zoeken .label, #wachtwoord-form label {
	width: 165px
}

#aanmelden-factuur-print {
	padding: 4px 20px;
	background: url(images/icons/printer.png) no-repeat
}

#aanmelden-factuur-klantgegevens {
	float: left
}

#aanmelden-factuur-hwsgegevens {
	float: right;
	text-align: right
}

#aanmelden-factuur-id {
	clear: both
}

.value {
	color: #555
}

#aanmelden-factuur table {
	margin-top: 2em;
}

#aanmelden-review .value {
	color: #555
}

#article table label {
	float: none;
	width: auto
}

#content input.text, #content input.small, #content textarea {
	padding: .25em;
	font: 1em Helvetica, Arial, sans-serif
}

#content input.text {
	width: 15em
}

#content input.small {
	width: 4em
}

.buttons input {
	margin-right: 1em
}

.multiple {
	margin-top: 2em
}

.multiple .label {
	font-weight: bold;
	color: #222
}

#article .multiple div p {
	line-height: auto
}

.multiple input {
	float: left;
	margin: 0 .5em .75em 0
}

#article .multiple label, #article .multiple .label {
	float: none;
	width: auto
}

/*
 * Tables
 */

table {
	margin-bottom: 2em;
	border-collapse: collapse
}

#vacaturebeheer, #sollicitaties {
	margin-top: 2em
}

#sollicitaties {
	width: 100%
}

#aanmelden-factuur th {
	text-align: left
}

th {
	padding: .1em 1em;
	background: #17769d url(images/table-header.png) repeat-x;
	font-weight: normal;
	color: #fff
}

th.row {
	width: 30%;
	background: #e6eef4;
	color: #222
}

td {
	padding: .25em .75em;
	background: #e0eef3
}

/*
 * Uitgebreid zoeken
 */

#content #zoeken-trefwoorden {
	margin-left: .5em;
	width: 50%
}

#advanced-search label {
	width: auto
}

#advanced-search .kader-titel {
	padding-left: .5em;
	color: #166f94
}

#advanced-search .text {
	width: 75%
}

#search-options {
	margin-bottom: 20px
}

#search-options h2 {
	background: url(images/icons/sort.png) no-repeat left center
}

#content #search-options ul {
	padding-bottom: 20px;
	list-style: inside url(images/icons/sort-bullet.png)
}

#search-left {
	float: left;
	margin-right: 2%;
	width: 31.5%
}

#search-regions {
	float: left;
	margin-right: 2%;
	width: 31.5%
}

#search-right {
	float: left;
	width: 31.5%
}

#search-clear {
	clear: both;
	height: 5px
}

#search-resultaten {
	float: right
}

.vacatures-overzicht {
	width: 100%
}

.vacatures-overzicht th {
	text-align: left
}

.vacatures-overzicht td {
	border-bottom: 1px solid #cfdfe9
}

.vacatures-overzicht .titel {
	padding: 0;
	width: 50%
}

.vacatures-overzicht .titel a {
	display: block;
	padding: 1em .5em;
}

.vacatures-overzicht .bedrijf, .vacatures-overzicht .datum {
	width: 25%
}

#vacature-info {
	float: left;
	width: 50%
}

#vacature-foto {
	float: right;
	width: 50%;
	text-align: right
}

#vacature-foto img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc
}

#vacature-text {
	clear: both
}

/*
 * Aside
 */

.aside {
	float: right;
	margin-bottom: 10px;
	padding: 0 15px;
	width: 225px;
	background: #ebf5f9 url(images/aside-bg.png) repeat-x;
	border: 1px solid #8ecce5
}

.aside h2 {
	margin: 0 0 15px;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
}

.aside#login form, .aside#actuele-vacatures dl {
	margin: 0;
	background: url(images/structure/aside-bottom.png) no-repeat bottom left
}

.aside#actuele-vacatures h2 {
	background: url(images/icons/actuele-vacatures.png) no-repeat center left
}

.aside#actuele-vacatures dl {
	padding-bottom: 15px;
	line-height: 1.8em
}

.aside#actuele-vacatures dt {
	float: left;
	width: 125px
}

.aside#actuele-vacatures dt a, #search-options a {
	color: #333
}

.aside#actuele-vacatures dd {
	font-size: .9em;
	color: #666
}

.aside#login h2 {
	background: url(images/icons/login.png) no-repeat center left
}

.aside#login p {
	margin: 0;
	padding: 0 0 15px
}

/*
 * Footer
 */

#footer {
	clear: both;
	padding: 1em 0 1em 25px;
	background: url(images/footer.png) no-repeat bottom
}

#footer, #footer a {
	color: #000
}

#footer ul {
	margin: 0;
	padding: 0;
	width: 695px;
	border-top: 1px solid #d5e4e3;
	list-style: none;
	cursor: default
}

#footer li {
	display: inline;
	*padding-right: .5em
}

#footer li + li:before {
	content: '| ';
	cursor: default
}

#footer ul a {
	padding: 0 1.65em;
	text-decoration: none
}

#footer p {
	margin: 1em 0;
	padding: 0
}