@import url("reset.css");
@import url("sIFR-screen.css");

body, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background: #a7a9ac url(../images/body_bg.gif);
	color: #4c4c4c;
	font-size: 12px;
}

a, a:visited {
	color: #f0267c;
}
a:hover {
	text-decoration: none;
}


::-moz-selection  {
	background: #f0267c;
	color: #fff;
}

#container {
	background: url(../images/container_shadow.png) repeat-y;
	position: relative;
	padding: 0 7px;
	margin: 0 auto;
	width: 920px;
}

#header {
	background: #f7f7f7 url(../images/header_bg.gif);
	height: 110px;
	position: relative;
}

#header a.logo {
	background: url(../images/logo_screen.gif);
	display: block;
	width: 146px;
	height: 86px;
	position: absolute;
	top: 12px;
	left: 30px;
}

#header a.logo img {
	display: none;
}

#follow_link {
	position: absolute;
	
	top: 15px;
	right: 28px;
	
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

#taal_selectie {
	position: absolute;
	
	top: 45px;
	right: 30px;
	
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

#taal_selectie a {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	
	text-decoration: none;
}

#taal_selectie a:hover {
	font-size: 11px;
	color: #f0267c;
	font-weight: bold;
	
	text-decoration: none;
}

#taal_selectie div {
	float: right;
	height: 17px;
	line-height: 17px;
}

#login_link {
	background: transparent url(../images/login.gif) no-repeat right top;
	
	padding: 0 20px 0 0;
	margin: 0 10px 0 0;
	
}

#login_link a {
	color: #8f8f8f;
}

div.blackbar {
	border: 1px solid #000;
	background: #000 url(../images/blackbar_bg.gif) repeat-x;
	height: 5px;
	font-size: 0;
}

#main {
	background: #fff;
	width: 100%;
	overflow: hidden;
	padding: 0 0 10px 0;
}

.left {
	background: left bottom no-repeat;
	width: 290px;
	float: left;
}

.left.sfeerbeeld1 {
	background-image: url(../images/sfeerbeeld1.jpg);
	padding: 30px 0 294px 0;
}

.left.sfeerbeeld2 {
	background-image: url(../images/sfeerbeeld2.jpg);
	padding: 30px 0 287px 0;
}

.left.sfeerbeeld3 {
	background-image: url(../images/sfeerbeeld3.jpg);
	padding: 30px 0 298px 0;
}

.left.sfeerbeeld4 {
	background-image: url(../images/sfeerbeeld4.jpg);
	padding: 30px 0 236px 0;
}

.left.sfeerbeeld5 {
	background-image: url(../images/sfeerbeeld5.jpg);
	padding: 30px 0 294px 0;
}

#main .right {
	padding: 30px 25px 20px 0;
	width: 605px;
	float: right;
	line-height: 1.3em;
}

#main .right a[target='_blank'] {
	background: url(../images/new_window.gif) no-repeat right top;
	padding: 0 13px 0 0;
}

.left .block {
	background: #c6c8c9 url(../images/mainleft_block_top.gif) no-repeat top;
	padding: 15px 15px 8px 15px;
	margin: 0 25px;
	font-size: 11px;
	line-height: 1.3em;
	color: #000;
}

.small_block {
	background: #c6c8c9 url(../images/mainleft_block_top.gif) no-repeat top;
	padding: 15px 10px 8px 10px;
	margin: 0 25px;
	font-size: 11px;
	line-height: 1.3em;
	color: #000;
}
.small_block p {
	text-align: center;
	padding: 0 0 10px 0;
}
.small_block a {
	display: block;
	width: 220px;
	height: 30px;
}
.small_block a span {
	display: none;
}

.small_block .aanmelden_nieuwsbrief {
	background: transparent url('../images/button_aanmelden_nieuwsbrief.jpg') no-repeat left top;
}

.small_block .aanmelden_nieuwsbrief:hover {
	background: transparent url('../images/button_aanmelden_nieuwsbrief_over.jpg') no-repeat left top;
}

.small_block .sollicitatie_versturen {
	background: transparent url('../images/button_sollicitatie_versturen.jpg') no-repeat left top;
}

.small_block .sollicitatie_versturen:hover {
	background: transparent url('../images/button_sollicitatie_versturen_over.jpg') no-repeat left top;
}

.small_block .bekijk_vacatures {
	background: transparent url('../images/button_bekijk_vacatures.jpg') no-repeat left top;
}

.small_block .bekijk_vacatures:hover {
	background: transparent url('../images/button_bekijk_vacatures_over.jpg') no-repeat left top;
}

.small_block .contact_button {
	background: transparent url('../images/button_contact.jpg') no-repeat left top;
}

.small_block .contact_button:hover {
	background: transparent url('../images/button_contact_over.jpg') no-repeat left top;
}

.small_block .subscribe {
	background: transparent url('../images/button_subscribe.jpg') no-repeat left top;
}

.small_block .subscribe:hover {
	background: transparent url('../images/button_subscribe_over.jpg') no-repeat left top;
}

.small_block .send_application {
	background: transparent url('../images/button_send_application.jpg') no-repeat left top;
}

.small_block .send_application:hover {
	background: transparent url('../images/button_send_application_over.jpg') no-repeat left top;
}

.left .zoeken input.button {
	background: red url(../images/mainleft_input_button.gif) no-repeat left top;
	color: #fff;
	font-weight: bold;
	border: none;
	font-size: 11px;
	padding: 3px 0;
	width: 70px;
	line-height: 1.2em;
	text-transform: lowercase;
	margin: 10px 0 0 0;
	cursor: pointer;
}
.left .zoeken input.button:hover {
	background-position: bottom;
}


.left .zoeken input.text {
	width: 204px;
	margin: 2px 0 10px 0;
}

.left .zoeken select.select {
	width: 210px;
	margin: 2px 0 12px 0;
}

.left .blockbottom {
	background: #c6c8c9 url(../images/mainleft_block_bottom.gif) no-repeat top;
	height: 7px;
	margin: 0 25px 15px 25px;
	font-size: 0;
}
.blockbottom_small {
	background: #c6c8c9 url(../images/mainleft_block_bottom.gif) no-repeat top;
	height: 7px;
	margin: 0 25px 5px 25px;
	font-size: 0;
}

.left .block h2 {
	color: #f0267c;
	font-size: 14px;
	
	text-transform:lowercase;
}

.left .block p {
	margin: 0 0 10px 0;
}

.left .block a.button {
	background: url(../images/mainleft_block_button.gif) no-repeat left top;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 3px 0 5px 0;
	font-size: 11px;
	line-height: 1.3em;
	text-transform: lowercase;
}
.left .block a.button:hover {
	background-position: left bottom;
}

.left .block a.button span {
	background: url(../images/mainleft_block_button.gif) no-repeat right top;
	padding: 3px 10px 5px 0;
	margin: 0 0 0 10px;
}
.left .block a.button:hover span {
	background-position: right bottom;
}

#main .right a.button {
	background: url(../images/mainright_button.gif) no-repeat left top;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 3px 0 5px 0;
	font-size: 11px;
	line-height: 1.3em;
	text-transform: lowercase;
}
#main .right a.button:hover {
	background-position: left bottom;
}

#main .right a.button span {
	background: url(../images/mainright_button.gif) no-repeat right top;
	padding: 3px 10px 5px 0;
	margin: 0 0 0 10px;
}
#main .right a.button:hover span {
	background-position: right bottom;
}

#main .right span.button_inactive {
	background: url(../images/mainright_button_inactive.gif) no-repeat left top;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	text-transform: lowercase;
	padding: 3px 0 5px 0;
	font-size: 11px;
	line-height: 1.3em;
	cursor: default;
}

#main .right span.button_inactive span {
	background: url(../images/mainright_button_inactive.gif) no-repeat right top;
	padding: 3px 10px 5px 0;
	margin: 0 0 0 10px;
}


div.nieuwsbericht div.datum {
	font-size: 11px;
	color: #f0267c;
	margin: 0 0 10px 0;
}

ul.nieuwsoverzicht li {
	margin: 0 0 18px 0;
}

ul.nieuwsoverzicht li a.titel {
	font-weight: bold;
	text-decoration: none;
}

ul.nieuwsoverzicht li p.datum {
	font-size: 11px;
}

div.zoekresultaten {
	border-top: 1px dotted #000;
	margin: 15px 0 0 0;
}

div.zoekresultaat {
	padding: 15px 0 0 0;
}

div.zoekresultaat h4 a {
	text-decoration: none;
}

div.zoekresultaat div.link {
	font-size: 11px;
	color: #999;
}

.hometop {
	overflow:auto;
	width:100%;
	padding: 0 0 15px 0;
}

.hometop .intro {
	width: 295px;
	padding: 0 25px 0 0;
	float: left;
}

.hometop .vacatures {
	background: #000 url(../images/home_vacatures_top.gif) no-repeat top;
	width: 255px;
	float: right;
	height: 20px;
	overflow: hidden;
	position: relative;
	font-size: 11px;
	color: #fff;
	line-height: 1.1em;
	padding: 12px 15px 15px 15px;
}

.hometop .vacatures .bottom {
	background: #000 url(../images/home_vacatures_bottom.gif) no-repeat bottom;
	height: 12px;
	width: 285px;
	font-size: 0;
	position: absolute;
	z-index: 1000;
	bottom: 0;
	left: 0;
}

.hometop .vacatures .item {
	border-top: 1px solid #fff;
	position: absolute;
	width: 255px;
	height: 180px;
	overflow: hidden;
	background: #000;
	cursor: pointer;
}

.hometop .vacatures .item table {
	border-collapse:collapse;
	margin: 0 0 5px 0;
}

.hometop .vacatures .item th {
	width: 70px;
	text-align: left;
}

#afbeelding_homepage {
	position: relative;
	
	float: right;
	
	width: 279px;
	height: 311px;
	
	background: transparent url('../images/home_english.gif') no-repeat left top;
}

#banner_left_engels {

	margin: 0 0 15px 25px;

	width: 240px;
	height: 160px;
	
	background: transparent url('../images/banner_left_engels.gif') no-repeat left top;
}

#adres_engels {
	width: 241px;
	height: 70px;
	margin: 20px 0 45px 24px;
	
	border-top: #ccc 1px solid;
	
	background: transparent url('../images/adres_english.gif') no-repeat center bottom;
}

#aanmelden_nieuwsbrief_header {
	position: absolute;
	top: 14px;
	left: 750px;
}

#aanmelden_nieuwsbrief_header_titel_nl {
	position: absolute;
	
	width: 243px;
	height: 12px;
	
	top: 18px;
	left: 490px;
	
	background: transparent url('../images/aanmelden_voor_onze_nieuwsbrief.gif') no-repeat left top;
}

#aanmelden_nieuwsbrief_header_titel_en {
	position: absolute;
	
	width: 194px;
	height: 11px;
	
	top: 19px;
	left: 539px;
	
	background: transparent url('../images/subscribe_to_our_newsletter.gif') no-repeat left top;
}

div.vacatureoverzicht_top {
	background: #000 url(../images/vacatureoverzicht_top.gif) no-repeat top;
	width: 575px;
	height: 10px;
	overflow: hidden;
	position: relative;
	padding: 0 15px 0 15px;
}

div.vacatureoverzicht_bottom {
	background: #000 url(../images/vacatureoverzicht_bottom.gif) no-repeat bottom;
	height: 10px;
	width: 605px;
	font-size: 0;
}

div.vacatureoverzicht {
	position: relative;
	width: 575px;
	padding: 0 15px 12px 15px;
	background: #000;
	font-size: 11px;
	color: #fff;
	line-height: 1.1em;
}

div.vacatureoverzicht .item {
	border-top: 1px solid #fff;

	width: 575px;
	height: 104px;
	overflow: hidden;
	cursor: pointer;
	background: #000;
}

div.vacatureoverzicht .item .specs {
	overflow: auto;
	width: 100%;
}

div.vacatureoverzicht .item .specs div {
	float: left;
	overflow: auto;
	padding: 2px 0 8px 0;
}

div.vacatureoverzicht .item .specs div.werkgever {
	width: 220px;
}

div.vacatureoverzicht .item .specs div.plaats {
	width: 150px;
}

div.vacatureoverzicht .item .specs div.niveau {
	width: 135px;
}

div.vacatureoverzicht .item .specs div.uren {
	width: 70px;
}

div.vacatureoverzicht .item .specs span.label {
	font-weight: bold;
}
div.vacatureoverzicht .item .specs span {
	display: block;
	float: left;
	padding: 0 5px 0 0;
}

div.pager {
	width: 100%;
	overflow: auto;
	margin: 20px 0 0 0;
}

div.pager div.prev {
	float: left;
	width: 120px;
}

div.pager div.pages {
	float: left;
	width: 350px;
	text-align: center;
	padding: 2px 0;
}

div.pager div.pages a {
	font-weight: bold;
	text-decoration: none;
	padding: 0 3px;
	color: #000;
}

div.pager div.pages a.active, div.pager div.pages a:hover {
	color: #f0267c;
}


div.pager div.next {
	text-align: right;
	float: right;
	width: 135px;
}

div.nieuws  {
	border-bottom: 1px solid #cccccc;
	position: relative;
	height: 23px;
	overflow: hidden;
}

div.nieuws div.item {
	border-top: 1px solid #cccccc;
	position: absolute;
	height: 80px;
	width: 605px;
	background: #fff;
	overflow:hidden;
	cursor: pointer;	
}

div.nieuws div.item h3 {
	overflow:auto;
	width: 100%;
}

div.nieuws div.item h3 span.title {
	float: left;
	width: 485px;
}

div.nieuws div.item h3 span.date {
	float: right;
	font-weight: normal;
	text-align: right;
	width: 110px;
	color: #f0267c;
	font-size: 11px;
	margin: 5px 0 0 0;
}

div.nieuws div.item div.text {
	font-size: 11px;
	line-height: 1.1em;
	padding: 2px 0 0 0;
	
}

.vacature_table td {
	padding-right: 40px !important;
}

.bold_text {
	font-weight: bold;
}

.buttons_container {
	position: relative;
}

.buttons_left {
	position:absolute;
	left: 0px;
}

.buttons_right {
	position:absolute;
	right: 0px;
}

.buttons_right a {
	margin-left: 5px;
}

.buttons_left a {
	margin-right: 5px;
}

#aanmelden_nieuwsbrief_header input.tekst {
	border: 0;
	font-size: 11px;
	background: transparent;
	width: 126px;
	padding: 3px 0 3px 0;
}

#aanmelden_nieuwsbrief_header input.button {
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: transparent;
	padding: 1px 0 2px 0;
	width: 30px;
}

#footer {
	background: #000 url(../images/footer_bg.gif) repeat-x top;
	padding: 11px 0 5px 0;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}
#footer address {
	display: inline;
	font-style: normal;
}
#footer a, #footer a:visited {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #f0267c;
}

#footer_bottom {
	background: url(../images/footer_bottom_bg.png) no-repeat;
	margin: 0 auto;
	width: 934px;
	height: 15px;
	padding: 0 0 10px 0;
}

#zoekresultaat_map {
	border: #2d2d2d 1px solid;
}

.google_job_table {
	background: #333399;
	padding: 10px;
}

.google_job_table td {
	height: 30px;
	padding: 5px 0px;
}

.google_job_table {
	background: #2d2d2d;
}

.google_job_link {
	color: #FFFFFF;
}

.google_job_link:hover {
	color: #e13088;
}

.google_job_row {
	color: #FFFFFF;
}
.google_job_row_over {
	background: #454545;
	color: #FFFFFF;
	cursor:pointer;
}

.text_onderdeel ul, #sitemap ul {
	list-style-type: disc;
	margin-bottom: 15px;
}

.text_onderdeel li, #sitemap li {
	margin-left: 20px;
} 

.language_selected {
	color: #f0267c !important;
}

#login_back {
	display: none;
	position: absolute;
	z-index: 2998;
	width: 100%;
	
	left: 0px;
	top: 0px;
	
	background-color: #000;
	
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
}

#login_container {
	display: none;
	position: absolute;
	z-index: 2999;
	
	width: 243px;
	height: 188px;
	
	margin: -94px 0 0 -121px;
	
	top: 50%;
	left: 50%;
	
	padding: 10px;
	
	background: transparent url(../images/login_back.gif) no-repeat left top;
}

#login_form_container {
	position: relative;
}

#login_form_content {
	position: absolute;
	
	top: 40px;
	left: 4px;
	
	color: #FFF;
	line-height: 22px;
	
	font-size: 12px;
}

.deel_button {
	display: block;
	float: left;
	width: 191px !important;
	height: 20px;
	
	margin: 1px 5px 0 0;
	
	background: #FFF url(../images/button_deel_vacature.jpg) no-repeat left top;
}

.deel_button span {
	display: none;
}