@charset "utf-8";

/* CSS Document */
html,body {
	width: 100%;
	height: 100%;
	background: #e3e4e5;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

#container {
	width: 860px;
	height: inherit;
	background: url(../images/bg-content.gif) repeat-y left;
	margin: auto;
}

#home #container {
	background: none;
}

#left {
	width: 26px;
	height: 176px;
	float: left;
	margin: 101px 0 0 0;
}

.werknemers {
	background: url(../images/tab-werknemers.jpg) no-repeat;
}

.werkgevers {
	background: url(../images/tab-werkgevers.jpg) no-repeat;
}

#right {
	width: 834px;
	float: left;
}

.topmenu {
	text-align: right;
	padding: 26px 0 8px 0;
	background: #e3e4e5;
}

.topmenu a {
	margin: 0 7px;
}

.home {
	background: url(../images/topteaser-img-01.jpg) no-repeat right bottom
		#FFFFFF;
	border-bottom: 10px solid #e3e4e5;
	height:
}

.home1 {
	background: url(../images/topteaser-img-01.jpg) no-repeat right bottom
		#FFFFFF;
	border-bottom: 10px solid #e3e4e5;
}

.home2 {
	background: url(../images/topteaser-img-02.jpg) no-repeat right bottom
		#FFFFFF;
	border-bottom: 10px solid #e3e4e5;
}

.home3 {
	background: url(../images/topteaser-img-03.jpg) no-repeat right bottom
		#FFFFFF;
	border-bottom: 10px solid #e3e4e5;
}

.home4 {
	background: url(../images/topteaser-img-04.jpg) no-repeat right bottom
		#FFFFFF;
	border-bottom: 10px solid #e3e4e5;
}

.content {
	width: 800px !important;
	background: #FFFFFF;
	margin: 10px 0 0 26px;
	padding: 10px 17px;
}

#top {
	height: 38px;
	background: url(../images/top-tekst.jpg) right center no-repeat #1a171b;
}

#top2 {
	height: 38px;
	background: url(../images/top-tekst2.jpg) right center no-repeat #1a171b
		;
}

#menu {
	padding: 12px;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	position: relative;
	z-index: 1000;
}

#menu li ul {
	display: none;
	position: absolute;
	background: #FFFFFF;
	padding: 0 0 7px 0;
	border: 1px solid #F78F1E;
}

#menu li:hover ul,li.over ul {
	display: block;
	top: 20px;
	left: 0px;
}

#menu a.menuitem {
	padding: 0 15px;
}

#menu li.subitem {
	display: block;
	float: none;
	margin: -3px 15px 0 15px;
}

#menu li.subitem a {
	font-size: 11px;
	color: #f18e00;
	text-decoration: none;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	white-space: nowrap;
}

#menu li.subitem a:hover {
	color: #000000;
}

a {
	color: #f18e00;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

#topTeasers {
	width: 756px;
	height: 101px;
	padding: 35px 38px;
}

#topTeasers h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin: 0 0 2px 0;
	color: #f18e00;
	font-style: italic;
}

#topTeasers h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 0 0 2px 0;
	color: #f18e00;
	font-weight: normal;
	font-style: italic;
}

#topTeasers h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 0 0 2px 0;
	color: #9c9e9f;
	font-weight: normal;
	font-style: italic;
}

#topTeasers h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 50px 0 2px 0;
	color: #9c9e9f;
	font-weight: normal;
	font-style: italic;
}

#topTeasers h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 0px 0 2px 0;
	color: #9c9e9f;
	font-style: italic;
}

#topTeasers h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin: 25px 0 2px 0;
	color: #9c9e9f;
	font-weight: normal;
	font-style: italic;
}

#topTeasers h1 a {
	color: #f18e00;
	text-decoration: none;
}

#topTeasers h2 a {
	color: #f18e00;
	text-decoration: none;
}

#topTeasers h3 a {
	color: #9c9e9f;
	text-decoration: none;
}

#topTeasers h4 a {
	color: #9c9e9f;
	text-decoration: none;
}

#topTeasers h5 a {
	color: #9c9e9f;
	text-decoration: none;
}

#topTeasers h6 a {
	color: #9c9e9f;
	text-decoration: none;
}

#topTeasers h1 a:hover {
	color: #9c9e9f;
}

#topTeasers h2 a:hover {
	color: #9c9e9f;
}

#topTeasers h3 a:hover {
	color: #f18e00;
}

#topTeasers h4 a:hover {
	color: #f18e00;
}

#topTeasers h5 a:hover {
	color: #f18e00;
}

#topTeasers h6 a:hover {
	color: #f18e00;
}

.running-guy-big {
	position: absolute;
	margin: 13px 0 0 388px;
}

.running-guy-small {
	position: absolute;
	margin: -35px 0 0 300px;
}

.running-guy-small2 {
	position: absolute;
	margin: 80px 0 0 0;
}

.stempel {
	position: absolute;
	margin: 50px 0 0 350px;
}

.running-horeca {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-horeca2 {
	position: absolute;
	margin: -35px 0 0 250px;
}

.running-kantoor {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-kantoor2 {
	position: absolute;
	margin: -35px 0 0 400px;
}

.running-techniek {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-techniek2 {
	position: absolute;
	margin: -35px 0 0 365px;
}

.running-industrie {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-industrie2 {
	position: absolute;
	margin: -35px 0 0 340px;
}

.running-bouw {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-bouw2 {
	position: absolute;
	margin: -35px 0 0 325px;
}

.running-transport {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-transport2 {
	position: absolute;
	margin: -35px 0 0 350px;
}

.running-automatisering {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-automatisering2 {
	position: absolute;
	margin: -35px 0 0 325px;
}

.running-gezondheidszorg {
	position: absolute;
	margin: 80px 0 0 0;
}

.running-gezondheidszorg2 {
	position: absolute;
	margin: -35px 0 0 250px;
}

.running-praatjesmakers {
	position: absolute;
	margin: -35px 0 0 330px;
}

.running-shopcart {
	position: absolute;
	margin: -35px 0 0 200px;
}

#breadcrumb {
	font-size: 11px;
	margin: 0 0 20px 0;
}

.content h1 {
	font-size: 15px;
	margin: 0 0 15px 0;
}

.content p {
	font-size: 12px;
	margin: 0 0 10px 0;
	width: 640px;
}

.content ul {
	font-size: 12px;
}

.content li {
	
}

.content li a {
	color: #f18e00;
}

.content li a:hover {
	color: #000000;
}

p.question {
	font-weight: bold;
	margin: 0;
}

p.answer {
	font-style: italic;
}

h1.vestiging {
	margin: 0;
}

#googlemaps {
	width: 425px;
	height: 425px;
	float: right;
	margin: 0 0 0 20px;
	font-size: 10px;
}

#vestigingen {
	font-size: 12px;
}

#partners {
	width: 120px;
	margin: 0 0 0 26px;
}

.vacatures .vestiging {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	background-color: black;
}

.vacatures .functie {
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	background-color: #EFEFEF;
	padding-right: 10px;
}

.vacatures .vacature {
	padding-left: 0;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #DFDFDF;
	padding-left: 5px;
}

.vacatures .vacature span {
	font-size: 11px;
}