/* --- Main opmaak --- */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F6F7F7;
}

.container, .container2 {
	width: 800px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #FFF;
	text-align: left;
}

.container {
	margin-left: auto; 
	margin-right: auto;
	height: 595px;
}

.container2 {
	height: 1970px;
	margin-left: auto; 
	margin-right: auto;
}

/* --- Verloop en logo --- */

.head {
	width: 800px; 
	height: 119px;
	background-image: url("images/skytrain_gradient.gif");
	background-repeat: repeat-x;
	margin: -5px 0px 0px 0px;
}

.logo {
	width: 342px;
	height: 119px;
	margin: 0px 0px 0px 10px;
	background-image: url("images/skytrain_logo.gif");
	background-repeat: no-repeat;
}

/* --- Navigatie --- */

.navigatie {
	background-image: url("images/menu_empty.gif");
	background-repeat: repeat-x;
	height: 38px;
	width: 800px;
}

/* Padding-top van deze div kan hoogte van tekst doen veranderen */

.navigatie ul {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
}

/* Padding-right kan knoppen dichter bij elkaar zetten dmv negatief */

.navigatie li {
	display: inline;
}

/* padding-top bepaald begin bg voor knoppen
   padding-bottom bepaald hoogte knoppen 
   Negatieve top margin zorgt voor juiste IE uitlijning */

.navigatie a {
	margin: -12px -2px 0px -2px;
	padding: 12px 5px 12px 5px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background-repeat: no-repeat;
}

.navigatie a:hover {
	background-position: 0px -38px;
	color: #024694;
}

/* Margin-left zorgt voor de 10 pixel rand link */

.home_open a {
	margin-right: -4px;
	margin-left: 10px;
	padding-left: 3px;
	width: 46px;
	background-image: url("images/menu_home_open.gif");
}

.verhuuroverzicht a {
	width: 153px;
	background-image: url("images/menu_verhuur.gif");
}

.info a {
	width: 43px;
	background-image: url("images/menu_info.gif");
}

.klantenservice a {
	margin-left: -4px;
 	width: 128px;
	background-image: url("images/menu_klantenservice.gif");
}

.vacatures a {
	margin-left: -4px;
 	width: 128px;
	background-image: url("menu_vacatures.gif");
}

.home a {
	margin-right: -4px;
	margin-left: 10px;
	padding-left: 3px;
	width: 43px;
	background-image: url("images/menu_home.gif");
}

.verhuuroverzicht_open a {
	margin-left: -2px;
	width: 153px;
	background-image: url("images/menu_verhuur_open.gif");
}

.info_open a {
	margin-left: -2px;
	width: 43px;
	background-image: url("images/menu_info_open.gif");
}

.vacatures_open a {
	margin-left: -4px;
	width: 128px;
	background-image: url("menu_vacatures_open.gif");
}

.klantenservice_open a {
	margin-left: -4px;
	width: 128px;
	background-image: url("images/menu_klantenservice_open.gif");
}

/* --- Inhoud en rode links */

.content {
	margin: 10px 0px 0px 10px;
	width: 780px;
}

.content a {
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}


/* ------ Nieuws en Home */

.nieuws, .links {
	width: 373px;
	height: 296px;
	}

.nieuws {
	float: left;
}

.links {
	float: right;
}

.titel {
	border: 1px solid #000;
	width: 373px;
	height: 15px;
	background-color: #024694;
	text-align: center;
	color: #FFF;
	font-weight: bold;
} 

.kop {
	margin: 10px 0px 0px 0px;
	text-align: center;
	color: #285B9A;
	font-weight: bold;
	background-position: center center;
	background-image: url("images/content_kopbg.gif");
	background-repeat: no-repeat;
}

.nieuws_inhoud {
	margin: 5px 0px 0px 0px;
	height: 100px;
	width: 260px;
}

.nieuws_groot {
	padding: 0px 2px 0px 0px;
	overflow: auto;
	height: 265px;
	width: 373px;
}

html>body .nieuws_groot_tekst {
	min-height: 120px;
	}
 /* Verbergt de code alleen in Internet Explorer */


 * html .nieuws_groot_tekst {
	height: 120px;
	}
 /* Dit bovenste alleen voor Internet Explorer (PC) */

.nieuws_groot img {
	margin: 5px 5px 0px 5px;
	height: 100px;
	border: 1px solid #000;
	float: right;
}

.links_nieuwsbrief {
	text-align: left;
	overflow: hidden;
	height: 75px;
	}

.links_nieuwsbrief form {
		margin-top: 5px;
}

.links_nieuwsbrief_input {
		margin-top: -5px;
}

.links_inhoud {
	text-align: center;
	margin: 5px 0px 0px 0px;
}

.links_inhoud img {
	margin: 10px 0px 0px 0px;
	border: 0px;
}

.info1, .info2 {
	width: 373px;
	height: 140px;
}

.info1 {
	float: left;
}

.info2 {
	float: right;
}

.info1_inhoud {
	margin: 5px 0px 0px 0px;
	width: 263px;
	height: 110px;
 	line-height: 10pt;
}

.info2_inhoud {
	margin: 5px 0px 0px 0px;
	width: 213px;
	height: 110px;
 	line-height: 10pt;
}

.foto100, .foto150 {
	margin: 5px 0px 0px 5px;
	height: 100px;
	border: 1px solid #000;
	float: right;
} 

.foto100 {
	width: 100px;
}

.foto100 img {
	width: 100px;
	height: 100px;
}

.foto150 {
	width: 150px;
}

/* ---- Directe kopie van verhuurcss */

.vlaklinks {
	margin: 10px 0px 10px 0px;
	width: 286px;
	height: 400px;
	float: left;
	}

.vlakrechts {
	margin: 10px 0px 10px 0px;
	width: 483px;
	height: 400px;
	float: right;
}

.titelbalk, .koplinks, .koprechts {
	height: 15px;
	background-color: #DDDDDD;
	border: 1px solid #BFBFBF;
	font-weight: bold;
	color: #000000;
	}
	
.titelbalk {
	width: 780px;
}

.koplinks {
	width: 286px;
	}

.koprechts {
	width: 483px;
	}
	
.koprechts_info {
	width: 483px;
}

.zoekvlak {
	margin: 10px 0px -10px 0px;
	height: 40px;
	width: 286px;
	}

.zoeken {
	height: 75px;
}

.hoek {
	float: right;
	text-align: right;
	margin: 0px -2px 0px 0px;
}

.categorien {
	margin: 10px 0px -10px 0px;
}

.categorievlak {
	margin: 4px 0px 4px 0px;
	height: 78px;
	width: 286px;
	}

.categorievlak_image {
	width: 110px;
	text-align: left;
	float: left;
}

.categorievlak img {
	border: 0;
}

.categorievlak_content {
	margin: 30px 0px 0px 0px;
	width: 165px;
	text-align: left;
	float: right;
}

.resultaat {
	height: 375px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
}

.resultaat_content {
	padding-bottom: 5px;
	border-bottom: 2px ridge #DDDDDD;
	font-size: 10px;
	line-height: 12px;
}

.resultaat_content h5 {
	margin: 5px 0px 5px 0px;
	color: #024694;
	font-size: 11px;
}

.resultaat_afbeelding, .resultaat_afbeelding_fout {
	margin: 10px 10px 0px 0px;
	height: 170px;
	line-height: 20px;
	text-align: center;
	float: right;
}

.resultaat_afbeelding img {
	border: 1px solid #000000;
	width: 150px;
	height: 150px;
}

.resultaat_afbeelding_fout img {
	border: 1px solid #000000;
	width: 150px;
	height: 100px;
}

.categorievlak {
	margin: 10px 0px 10px 0px;
	height: 55px;
	width: 286px;
}

.categorievlak_image {
	width: 110px;
	text-align: left;
	float: left;
}

.categorievlak img {
	border: 0;
}

.categorievlak_content {
	margin: 20px 0px 0px 0px;
	width: 165px;
	text-align: left;
	float: right;
}

/* --- Aanpassing voor info --- */

.koplinks_info, .koprechts_info {
	height: 15px;
	background-color: #024694;
	border: 1px solid #000000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	}

.koplinks_info {
	width: 286px;
	}

.koprechts_info {
	width: 483px;
	}
	
.resultaat_info, .resultaat_info_bedrijf {
	height: 395px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	}
	
.resultaat_info_bedrijf {
	background-image: url("images/info_bg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

.resultaat_content_info {
	padding-bottom: 10px;
	font-size: 12px;
}

.resultaat_content_info_bedrijf {
	margin-top: 100px;
	font-size: 12px;
}

.adres {
	width: 475px;
	height: 140px;
	border: 1px solid #000;
	position: relative;
	overflow: hidden;
}
.adres_afbeelding {
	height: 150px;
	width: 200px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	float: left;
}
.adres_tekst {
	width: 255px;
	height: 145px;
	position: relative;
	margin: 5px 0px 0px 0px;
	overflow: hidden;
	float: right;
	line-height: 13px;
}

/* --- Vacatures --- */


.tekst {
	padding-top: 4px;
	}

.tekst_overige {
	padding-top: 4px;
 	word-spacing: 60px;
	}

.tekst_overige1 {
	padding-top: 7px;
 	word-spacing: 60px;
	}

.tekst_radio {
	padding-top: 2px;
	}

.tekst_drop {
	padding-top: 4px;
	}

.links_vacatures {
	text-align: left;
	float: left;	
	width: 125px;
	margin-right: 1px;
	font-weight: bold;
	}

.rechts {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 452px;
	}

.links_vacatures .vlak_input {
	height: 33px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

form .vlak_input {
	height: 33px;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

.vlak_input_opleiding {
	height: 33px;
	margin: -10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

.vlak_textarea1_tekst {
	height: 84px;
	width: 300px;
	}

.vlak_textarea1 {
	padding: 0px 0px 0px 0px;
	height: 90px;
	width: 300px;
	}

.vlak_radio {
	height: 30px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.vlak_radio_burgelijk {
	height: 50px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.vlak_drop {
	height: 30px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.fout {
	width: 500px;
	height: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	color: #f00;
	margin: 10px 0px -10px 0px;
	}

hr {
      border: 0;
      color: #FFF;
      background-color: #FFF;
      height: 1px;
}

.contact_vlak {
	width: 290px;
	height: 25px;
}
.contact_tekst {
	height: 20px;
	width: 120px;
	float: left;
	text-align: right;
	padding: 5px 5px 0px 0px;
	font-weight: bold;
}
.contact_input {
	height: 25px;
	width: 150px;
	float: right;
}