* {
	margin: 0; font: 12px Trebuchet MS;
}

body {
	background: #c70e35;
}

h1 { color: #c70e35; font-size: 36px; height: 36px; line-height: 36px; margin-bottom: 10px; }
h2 { color: #000; font-size: 18px; height: 18px; line-height: 18px; margin-bottom: 10px; }
a { text-decoration: none; color: #c70e35; }
img { border: 0; }
p, form { margin-bottom: 18px; }
ul { margin-bottom: 18px; list-style: none; padding: 0; }
strong { font-weight: bold; }
td
{
	vertical-align:top;
}
#wrapper {
	background: url(img/bg/wrapper.gif) 0 120px repeat-x #fff;
	overflow: hidden;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

#header {
	width: 960px;
	height: 120px;
	background: url(img/bg/header.jpg) no-repeat 480px 0;
}
.logo { margin: 24px 0 0 31px; }

#mainmenu {
	width: 960px;
	height: 112px;
	background: url(img/bg/menu-bottom.gif) repeat-x bottom;
	
}
#mainmenu ul { list-style: none; padding: 0; margin: 0; }
#mainmenu li { display: inline; float: left; }
#mainmenu .link { width: 192px; height: 60px; display: block;
	background-image: url(img/menu-up.gif); }
#mainmenu li a:hover { 
	background-image: url(img/menu-over.gif); }
	.mnuMainTitle
	{
		color:Black;
		font-weight:bold;
		font-size:120%;
		display:block;
		padding-top: 5px ;
		padding-left:5px;
	}
	.mnuSubTitle
	{
		color:#BCC3B4;
		
		display:block;
		padding-top: 5px ;
		padding-left:5px;
	}
	#mainmenu li a:hover .mnuMainTitle
	{
		color: #c70e35;
	}
	#mainmenu li a:hover .mnuSubTitle
	{
		color: #666;
	}
/*
.headhuntersteam a { background-image: url(../img/menu/headhuntersteam-up.gif); }
.headhuntersteam a:hover { background-image: url(../img/menu/headhuntersteam-over.gif); }
.kandidaten a { background-image: url(../img/menu/kandidaten-up.gif); }
.kandidaten a:hover { background-image: url(../img/menu/kandidaten-over.gif); }
.werkgevers a { background-image: url(../img/menu/werkgevers-up.gif); }
.werkgevers a:hover { background-image: url(../img/menu/werkgevers-over.gif); }
.inschrijven a { background-image: url(../img/menu/inschrijven-up.gif); }
.inschrijven a:hover { background-image: url(../img/menu/inschrijven-over.gif); }
.contact a { background-image: url(../img/menu/contact-up.gif); }
.contact a:hover { background-image: url(../img/menu/contact-over.gif); }
*/
#content {
	width: 960px;
	overflow: hidden;
	line-height: 20px;
	margin-bottom: 20px;
	min-height:300px;
}
#content p a:hover { border-bottom: 1px dotted #000; }

#headhunters {
	width: 440px;
	height: 275px;
	float: left;
	padding: 0 20px;
	background: url(img/content/headhuntersteam-team.jpg) no-repeat bottom right;
}

#werkgever {
	width: 440px;
	height: 275px;
	float: left;
	padding: 0 20px;
	background: url(img/bg/corner-left-bottom.jpg) bottom left no-repeat;
}

#kandidaten {
	width: 460px;
	float: left;
	padding: 20px 0 20px 20px;
	clear: both;
}

#vestigingen {
	width: 440px;
	float: left;
	padding: 20px 0 20px 20px;
}

#footer {
	width: 100%;
	background: url(img/bg/footer.gif) repeat-x;
	padding-top: 10px;
	color: #000;
	overflow: hidden;
}
#footer a { color: #000; }
#footer a:hover { color: #c70e35; }
#footerspan { width: 960px; margin: 0 auto; text-align: center; }
#footerbottom { color: #fff; }
#footerbottom a { color: #eb9faf; border-bottom: 1px dotted #fff; }
#footerbottom a:hover { color: #fff; }

.bulletlisthor { padding: 0; list-style: none; }
.bulletlisthor li { display: block; float: left; background: url(img/icons/list-roze.gif) no-repeat 0 7px; padding-left: 12px; margin-left: 5px; }
.bulletlisthor li a { color: #000; display: block; width: 183px; }
.bulletlisthor li a:hover { color: #c70e35; }

.bulletlistvert li {  background: url(img/icons/list-roze.gif) no-repeat 0 7px; padding-left: 12px; margin-left: 5px; }
.bulletlistvert li a { color: #000; }
.bulletlistvert li a:hover { color: #c70e35; }

 a.contentbutton { display: block; background: url(img/icons/content-btn.gif); color: #fff; width: 120px; height: 29px; text-align: center; margin-right: 1px; padding-top: 8px; margin-top:12px; float:left; }
 a.contentbutton:hover { color: #000; background: url(img/icons/content-btn-hover.gif); }

.vestiging { padding: 0; list-style: none; overflow: hidden; }
.vestiging li { display: inline; width: 96px; }
.vestiging li a { display: block; padding: 0 5px; color: #6a6f64; float: left; text-align: center; margin-left:20px; }
.vestiging li a:hover { color: #000; }
.vestiging img { border: 2px solid #bcc3b4; }
/*was:
.vestiging { padding: 0; list-style: none; overflow: hidden; }
.vestiging li { display: inline; width: 76px; }
.vestiging li a { display: block; padding: 0 5px; color: #6a6f64; float: left; text-align: center; }
.vestiging li a:hover { color: #000; }
.vestiging img { border: 2px solid #bcc3b4; }
*/
.checklist { padding: 0; list-style: none; overflow: hidden; }
.checklist li a { color: #c70e35; background: url(img/icons/cheklist.gif) no-repeat 0 2px; padding-left: 25px; }
.checklist li a:hover { color: #000; }

.toplist { padding-left: 30px; margin: 0; width: 400px; }
.largelist { overflow: hidden; list-style-type: decimal; padding-left: 30px; }
.largelist li a { display: block; width: 400px; cursor: pointer; color: #000; }
.largelist li a:hover { background: #f1f2ef; color: #c70e35; }

.optie { float: right; width: 70px; }
.info { width: 140px; float: left; }

.kolom12 { float: left; width: 440px; padding: 0 20px; overflow: hidden; }
.kolom13 { float: left;	width: 33%; overflow: hidden; }

.cornerrighttop { background: url(img/bg/corner-right-top.jpg) no-repeat top right; padding: 20px 20px 0 0; }
.cornerleftbottom { background: url(img/bg/corner-left-bottom.jpg) no-repeat bottom left; padding: 0 0 0 20px; margin-left: -20px; overflow: hidden; }

.bedrijfimg { border: 2px solid #bcc3b4; float: right; margin-left: 10px; }

.break { height: 0; border-bottom: 1px dashed #bcc3b4; font-size: 0; width: 100%; margin-bottom: 18px; }

.mr20 { margin-right: 20px; }
.nm { margin: 0; }
.floatleft { float: left; }
.floatright { float: right; }
.bold { font-weight: bold; }
.roze { color: #c70e35; }
.cb { clear: both; }

/* FORM */

label {
	/*float: left;*/
	width: 80px;
}

input { 
	/*width: 150px;*/
	margin-bottom: 5px;
}

.submitbutton {
	margin-left: 177px;
	background: url(img/icons/submit-btn.jpg) right;
	color: #fff;
	width: 60px;
	height: 23px;
	border: 0;
}

.formborder { border: 1px solid #899081; background: #f5f6f4 ; padding: 3px;}
.formborder:focus { border: 2px solid #c70e35; padding: 2px; }

#topLeft
{
	min-height:150px;
}
#topRight{
	min-height:150px;}
#bottomLeft{
	min-height:100px;}
#bottomRight{
	min-height:50px;}
	
	span.NaamEnLogo
	{float:left;
		text-align:center;
		display:block;
		margin:5px;
		height:160px;
		width:130px;
		vertical-align:middle;
		border:0px solid purple;
	}
	.ZoekResultaat
	{
		display:block;
		margin-bottom: 12px;
	}
	.frontPage
	{
		min-height:250px;
	}
	.subMenuPanel
	{
		display:block;
		margin-left:15px;
	}
	.vacDetails td
	{
		vertical-align:top;
	}
	.DetailBlok
	{
		margin-bottom:16px;
	}
	.DetailNaam
	{
		font-weight:bold;
	}
	.gridHeader th, .gridHeader td
	{
		font-weight:bold;
		text-align:left;
		 font-size: 14px; height: 14px; line-height: 14px;
	}
	img.vacLogo
	{
		float:right;
	}
	@media print
	{
		body
		{
			width:960px;
		}
		#wrapper , #container{
	overflow:visible;
}
	#mainmenu, #topLeft, #bottomLeft, #footer, a.contentbutton
	{
		display:none;
	}
		#topRight
		{
			position:absolute;
			top:15px;
			left:25px;
			width:800px;
		}
		tabel.vacDetails
		{
			width:800px;
			border: solid 3px silver;
		}
	}