/* general */

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff url('../images/header-background.png') repeat-x;
	font-size: 12px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline !important;
}

td {
/*	padding: 0px 3px 3px 3px; */
	border: 0px solid #000000;
	vertical-align: top;
	text-align: left;
}

/* structure */

#container {
	width: 730px;
	position: relative;
	margin: 0px auto 0px auto;
}

/* top menu */

#top-menu {
	position: relative;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	text-align: right;
}

#top-menu a {
	text-decoration: none;
	color: #ffffff;
	position: relative;
	padding-left: 25px;
}

/* header */

#header {
	width: 100%;
	height: 56px;
	position: relative;
	overflow: visible;
}

#logo {
	position: absolute;
	left: -40px;
	top: 0px;
}

/* login balk */

#login-container {
	position: relative;
	width: 100%;
	height: 88px;
	margin-top: 5px;
}

.login, #quicklinks {
	position: relative;
	float: left;
	width: 220px;
	padding: 0px 10px;
	margin-right: 5px;
}

.login {
	height: 60px;
	padding-top: 28px;
}

.login .inp, .login .butt {
	padding: 1px;
	margin-bottom: 2px;
}

.login .inp {
	width: 155px;
	color: #c0c0c0;
	font-style: italic;
}

.login .wachtwoord-vergeten {
	float: right;
	
	border-left: 0px solid red;
	line-height: 10px;
	width: 55px;
}

.login .wachtwoord-vergeten a {
	color: #ffffff;
	font-size: 10px;
}

#quicklinks {
	padding-top: 3px;
	height: 85px;
}

.login.werkgever {
	background: transparent url('../images/login-werkgever.png') no-repeat;
}

.login.werkzoekende {
	background: transparent url('../images/login-werkzoekende.png') no-repeat;
	margin-right: 0px;
}

#quicklinks img {
	margin-bottom: 1px;
	display: block;
	position: relative;
}

/* current user balk */

.top-bar {
	padding: 4px 6px;
	position: relative;
	display: none;
	height: 17px;
	background: transparent url('../images/blue-background.png') repeat-x;
	margin-top: 5px;
	color: #ffffff;
}

.top-bar img {
	float: left;
	margin: 0px 5px 0px 0px;;
}

.top-bar div {
	float: left;
	margin: 1px 0px;
}

#current-user div#logout {
	float: right;
	margin: 1px 5px;
}

#current-user a {
	color: #ffffff;
	font-weight: bold;
}

/* action */

.actions {
	background-image: none;
	display: none;
	height: 28px
}

.actions div {
	padding: 0px 0px;
}

/* error balk */

#error {
	position: relative;
	padding: 5px;
	background-color: #f9f6e0;
	border: 1px solid #b68d00;
	margin-top: 5px;
	display: none;
}

/* frontpage */

#recent-vacancies-primary, #recent-vacancies-secundary {
	width: 339px;
	padding: 30px 12px;
	float: left;
	margin-top: 16px;
}

#recent-vacancies-primary {
	background: transparent url('../images/nieuwe-vacatures-primair.png') no-repeat;
	margin-right: 4px;
}

#recent-vacancies-secundary {
	background: transparent url('../images/nieuwe-vacatures-secundair.png') no-repeat;
}

.frontpage-vacature {
	height: 87px;
	width: 335px;
	overflow: hidden;
	margin-bottom: 5px;
}

.vacature {
	border: 1px solid #e0e0e0;
	background: white url('../images/frontpage-vacature.png') repeat-x;
}

.vacature table {
	margin: 0px 3px;
}

.vacature table td {
	padding-bottom: 3px;
}

.vacature .key {
	white-space: nowrap;
	font-weight: bold;
	color: #003f83;
	width: 80px;
}

.vacature h2 {
	display: block;
	overflow: hidden;
	margin: 3px;
}

.vacature h2 a {
	color: #003f83;
	font-size: 12px;
	white-space: nowrap;
}

a.leesmeer {
	font-weight: bold;
	color: #ff6600;
}

/* vacature-overzicht */

#vacature-zoek-opties, #vacature-zoek-resultaten {
	padding: 30px 12px;
	float: left;
	margin-top: 8px;
}

#vacature-zoek-opties {
	width: 176px;
	background: transparent url('../images/zoekopties.png') no-repeat;
}

#vacature-zoek-opties select {
	width: 176px;
	margin-top: 2px;
	margin-bottom: 8px;
}

#vacature-zoek-resultaten {
	width: 502px;
	margin-left: 4px;
	background: transparent url('../images/block-background.png') repeat-x;
}

#vacature-zoek-resultaten #title{
	position: relative;
	left: -12px;
	top: -30px;
}

#vacature-zoek-resultaten .vacature {
	height: 100px;
	margin-bottom: 5px;
	top: -25px;
	position: relative;
}

/* vacature details */

#vacature-opties, #vacature-details {
	padding: 30px 12px;
	float: left;
	margin-top: 8px;
}

#vacature-opties {
	width: 176px;
	background: transparent url('../images/acties.png') no-repeat;
}

#vacature-opties a {
	position: relative;
	top: -3px;
}

#vacature-opties div {
	margin-top: 5px;
}

#vacature-details {
	width: 499px;
	margin-left: 4px;
	background: transparent url('../images/block-background.png') repeat-x;
}

#vacature-details h2 {
	margin: 8px 5px;
	color: #003F83;
}

#vacature-details td {
	padding-bottom: 5px;
}

#vacature-details td.key {
	width: 130px;
}

#vacature-details .vacature {
	margin-bottom: 5px;
	margin-top: -15px;
	position: relative;
}

#reactie-formulier {
	width: 100%;
}

#reactie-formulier textarea {
	width: 100%;
	height: 200px;
	margin-bottom: 5px;
}

/* user pagina */

#ext-user-panel {
	width: 100%;
	height: 430px;
	margin-top: 8px;
}

/* static pagina's */

#static {
	padding: 8px 13px;
	width: 66%;
	*width: 482px;
}

#footer {
	position: relative;
	width: 100%;
	height: 50px;
}

/* aanmelden */

#aanmeld-form {
	width: 300px;
	border: 1px solid #f0f0f0;
	margin: 50px auto 0px auto;
	padding: 1px 10px 10px 10px;
	background-color: #f6f6f6;
	position: relative;
}