html, body {
	height:100%;
}
BODY {
	TEXT-ALIGN: center;
	MARGIN: 0;
	FONT-FAMILY: arial, verdana, tahoma;
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	BORDER: 0;
	PADDING:0;
    background: url("back-header.gif") repeat-x scroll left top transparent;
}
a {
color: #007EB6;
text-decoration :none;
}
a:hover {
text-decoration :underline;
}
UL {
				PADDING: 0px;
				MARGIN: 0px;
}
.container {
    	position:relative;
    	margin: 0 auto -170px;
   	min-height: 100%;
	height: auto !important;
	height: 100%;
    	position: relative;
    	width: 912px;
}
.header {
	HEIGHT:160px;
	WIDTH: 912px;
	left:0;
}
.logo {
	BORDER-BOTTOM: #cccccc 0px dotted;
	BORDER-LEFT: #cccccc 0px dotted;
	PADDING-BOTTOM: 0px;
	MARGIN: 35px 12px 0px 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FLOAT: left;
	COLOR: #666666;
	BORDER-TOP: #cccccc 0px dotted;
	BORDER-RIGHT: #cccccc 0px dotted;
	PADDING-TOP: 0px
}
.languagecontainer {
position:absolute;
right:30px;
top:13px;
}
.languagecontainer ul {
margin:0;
padding:0;
}
.languagecontainer ul li {
margin:0 0 0 10px;
padding:0;
float:left;
}
.languagecontainer ul li a {
display:block;
margin:0;
padding:0;
}
/*********************/
/*****zoeken******/
.zoekenwrap {
	right:27px;
	top:45px;
	position:absolute;	
}
.zoeken1 {
	float:left;
	position:relative;
	margin:0;
	padding:0;
}
.zoeken2 {
	cursor:pointer;
	float:left;
	margin-left:4px;
	position:relative;
}
.zoeken2 img {
	height:20px;
}
.zoeken1 input {
	border:1px solid #CDCDCD;
	font-size:12px;
	width:130px;
	padding-left:15px;
	color:#454545;
}
/*********************/
/*******menu*******/
.menu {
	color:#FFFFFF;
	float:left;
	font-size:12px;
	height:32px;
	left:0;
	position:absolute;
	text-align:left;
	top:128px;
	width:902px;
	z-index:999;
}
.menu UL {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	LIST-STYLE-IMAGE: none;
	PADDING-TOP: 0px;
}
.menu UL LI {
	POSITION: relative;	
	MARGIN: 0px 19px 0px 0px;
	PADDING: 7px 7px 12px 7px;
	FLOAT: left;
}
.menu UL LI A {
	COLOR: #333333;
	TEXT-DECORATION: none;
    font-family: arial,verdana,tahoma;
    font-size: 13px;
    font-weight: normal;
}
.menu ul li.sfhover  {
				POSITION: relative;
				TOP: 0px;
				margin:0 12px 0 -7px;
				z-index:500;
}
.menu li.sfhover a {
	DISPLAY: block;
	BACKGROUND: url(button-right.jpg) no-repeat right top;
	FLOAT: left;
	width:100%;
    margin-top:-7px;
	color:#fff;
}
.menu UL LI.sfhover A SPAN {
	PADDING: 7px 7px 12px 7px;
	DISPLAY: block;
	BACKGROUND: url(button-left.jpg) no-repeat;
}
.menu ul li ul {
display:none;
}
.menu ul li.sfhover ul {
display:block;
position:absolute;
top:32px;
left:7px;
background:#00A1E0;
z-index:200;
width:220px;
max-width:220px;
border-left:1px solid #55B7DD;
border-right:1px solid #55B7DD;
}
.menu ul li ul li {
margin:0;
padding:0;
border-bottom: 1px solid #55B7DD;
width:100%;
background:#00A1E0;
top:0;
position:relative;
}
.menu ul li ul li a {
background:none !important;
padding-right:10px !important;
color:#FFF;
}
.menu ul li ul li a span {
background:none !important;
padding:8px !important;
}
.menu ul li ul li {
margin:7px 0 0 0 !important;
top:0 !important;
position:relative !important;
}
.menu ul li ul li ul {
display:none !important;
}
/*****************/
/** Content-Top **/
.contenttop {
position:relative;
width:912px;
height:171px;
}
.mainimage {
width:640px;
height:171px;
top:0;
left:0;
position: absolute;
z-index:100;
}
.homeblocks {
    position: absolute;
    left: 646px;
    top: 0;
    width:272px;
}
.callme {
background:url(homeblock.jpg) no-repeat;
height:19px;
margin-bottom:7px;
padding:18px;
}
.callme h6 {
color:#FFF;
font-size:18px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
}
#FormBelmij {
position:relative;
}
.callme .inputwrap {
    left: 75px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -8px;
top /*\**/:-10px\9;
}
.callme .inputwrap input {
	border:0;
	margin-bottom:5px;
	height:16px;
    	color: #454545;
    	font-size: 12px;
	width:145px;
	 width /*\**/:139px\9;
	padding-left:15px;
}
.callme .callme-button {
    background: url("callme.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    position: absolute;
    right: 5px;
    top: -5px;
    width: 29px;
 	top /*\**/:0px\9;
 	right /*\**/:10px\9;
}
.callme .submitaction {
display:block;
text-decoration:none;
 width: 29px;
 height: 29px;
}
.webshop {
position:relative;
background:url(homeblock.jpg) no-repeat;
height:89px;
padding:20px 0 0 20px;
}
.webshop h3 {
color:#FFF;
font-size:18px;
font-weight:normal;
text-align:left;
width:100%;
}
.webshop p {
color:#FFF;
margin:5px 20px 0 2px;
text-align:left;
}
.webshop img {
position:absolute;
bottom:0;
right:5px;
}
/*****************/
/** Content-Middle **/
.contentmiddle {
	text-align:left;
	width:912px;
}
.contentmiddle .contentmiddle-left {
	width: 270px;
	padding:0 20px 0 10px;
	margin-top:40px;
	float:left;
}
#content {
	padding:0 0 20px 0;
	margin:0;
	border-bottom:1px solid #E6E6E6;
	position:relative;
}
p, #contentvervolg td {
    	color:#6A6A6A;
    	font-family: Arial,Verdana,Tahoma;
    	font-size: 11px;
    	line-height: 150%;
	margin:8px 0;
	padding:2px;
}
#contentvervolg {
	width:612px;
	padding:40px 10px;
	margin:0;
	min-height:180px;
	position:relative;
	float:right;
}
/***nieuwe veiligheidsopleidingen***/
body.agendaveiligheidsopleidingen .products {
display:none;
}
body.agendaveiligheidsopleidingen #contentvervolg
{
	width:892px;
	padding:40px 10px;
}
/****extra pagina's*****/
body.nieuws #contentvervolg, 
body.sitemap #contentvervolg, 
body.algemenevoorwaarden #contentvervolg, 
body.contact #contentvervolg, 
body.disclaimer #contentvervolg, 
body.thanks #contentvervolg, 
body.privacy #contentvervolg
{
	width:892px;
	padding:40px 10px;
}
input.readonly {
	background-color:transparent;
	border:0;
	width:230px;
}
/***over kros bv***/
body.overkrosbv #contentvervolg 
{
	width:892px;
	padding:40px 10px;
}
/***vacatures****/
body.vacatures.brandwacht #contentvervolg, 
body.vacatures.riggers #contentvervolg, 
body.vacatures.middelbaarveiligheidskundige #contentvervolg, 
body.vacatures.veiligheidspersoneel #contentvervolg
{
	width:892px;
	padding:40px 10px;
}
/*****detachering****/
body.detachering.veiligheidspersoneel  #contentvervolg, 
body.detachering.brandwacht #contentvervolg, 
body.detachering.kok #contentvervolg,
body.detachering.brandmeester #contentvervolg, 
body.detachering.middelbaarveiligheidskundige #contentvervolg,
body.detachering.roustabout  #contentvervolg, 
body.detachering.constructieschilder #contentvervolg, 
body.detachering.instructeurs #contentvervolg, 
body.detachering.deckhand #contentvervolg,
body.detachering.constructiestraler  #contentvervolg, 
body.detachering.hlo-ers #contentvervolg, 
body.detachering.stralingsdeskundigen #contentvervolg, 
body.detachering.craneoperator #contentvervolg,
body.detachering.gasmeetkundige #contentvervolg,
body.detachering.safetyofficer #contentvervolg
 {
	width:892px;
	padding:40px 10px;
}
#contentvervolg h1 {
	color: #007EB6;
	font-size: 17px;
	font-weight:normal;
	margin:0;
	padding:0;
	width:500px;
	max-width:500px;
}
#contentvervolg .socialaddcode {
	position:absolute;
	right:10px;
	bottom:-58px;
}
.contentmiddle-menu-hidden {
display:none;
}
.contentmiddle-menu, .contentmiddle .products, .extra-menu {
margin:40px 0 20px 0;
padding:0 10px 0 20px;
width:250px;
float:left;
}
.contentmiddle-menu .extramenu ul, .contentmiddle .products ul, .extra-menu ul {
margin:0 0 20px 0;
padding:0;
}
.extramenu-hidden {
display:none;
}
.contentmiddle-menu .extramenu ul li, .contentmiddle .products ul li, .extra-menu ul li {
margin:0 40px 0 0;
padding:0;
border-bottom:1px solid #CCCCCC;
list-style:none !important;
}
.contentmiddle-menu .extramenu ul li a, .contentmiddle .products ul li a, .extra-menu ul li a  {
padding:5px 0 5px 10px;
margin:0;
text-decoration:none;
font-size:12px;
font-family:arial, verdana, tahoma;
font-weight:normal;
color:#666666;
display:block;
}
.contentmiddle-menu .extramenu ul li a:hover, .contentmiddle .products ul li a:hover, .extra-menu ul li a:hover {
color:#007EB6;
}
.contentmiddle .products h6 {
display:none;
}
#content h1, h3 {
	color: #007EB6;
	max-width: 240px;
	width: 240px;
	font-size: 17px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
}
.socialaddcode {
	padding:8px 0;
}
.socialaddcode a {
	float:right !important;
}
.calendar {
	padding:20px 0;
	margin:0;
                position:relative;
}
.calendar .calendar-text {
width:215px;
max-width:215px;
}
.calendar .calendar-text h3 {
margin:0;
padding:0;
}
.calendar .calendar-text p {
margin:15px 0 0 0;
padding:0;
}
.calendar .calendar-date {
    background: url("back-calender.gif") repeat scroll 0 0 transparent;
    height: 54px;
    position: relative;
    width: 55px;
   margin-right:20px;
}
.calendar .calendar-date .month {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 55px;
    position: absolute;
     top:6px;
     left:17px;
}
.calendar .calendar-date .day {
    position: absolute;
     top:26px;
     left:-2px;
    color: #666666;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 55px;
}
.posting {
	width: 270px;
				 border-left:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	padding:0px 20px 0 20px;
	margin-bottom:20px;
	margin-top:40px;
	float:left;
	min-height:380px;
}
.contentmiddle-right {
	width: 260px;
	padding:40px 10px 0 20px;
	float:left;
}
.for-who {
	margin:0;
	padding:0 0 20px 0;
	border-bottom:1px solid #E6E6E6;
}
.our-locations {
	padding:20px 0;
	margin:0;
}
.meerinfowrapper {
background:url("meerinfo.jpg") repeat-y;
width:620px;
margin-top:30px;
height:100% !important;
float:left;
}
.locatiewrap {
width:270px;
float:left;
}
.regiowrap {
width:180px;
float:left;
}
.doelgroepwrap {
width:140px;
float:left;
}
.doelgroepwrap h5, .regiowrap h5, .locatiewrap h5 {
margin:0;
padding:0 0 15px;
color:#343434;
font-weight:bold;
font-size:11px;
}
.meerlocatie {
width:100%;
padding:15px;
}
.meerregio {
width:100%;
padding:15px;
}
.meerdoelgroep {
width:100%;
padding:15px;
}
.meerinfowrapper .opleidingen {
width:100%;
padding:15px;
background:none repeat scroll 0 0 #F5F5F5;
}
.regiowrap ul, .locatiewrap ul {
margin:0;
padding:0;
}
.regiowrap ul li, .locatiewrap ul li {
margin:0;
padding:0;
color:#6A6A6A;
font-size:11px;
width:200px;
}
.doelgroepwrap a {
margin:0;
padding:0;
text-decoration:none;
color:#6A6A6A;
font-size:11px;
width:100%;
line-height:150%;
}
.regiowrap ul li span, .locatiewrap ul li a, .opleidingen .opleiding a {
margin:0;
padding:0;
text-decoration:none;
color:#6A6A6A;
font-size:11px;
line-height:150%;
}
.doelgroepwrap a, .locatiewrap ul li a {
background:url("arrow-small.jpg") no-repeat scroll 130px 0px transparent;
display:block;
}
.opleidingen .opleiding a {
background:url("arrow-small.jpg") no-repeat scroll 260px 0px transparent;
display:block;
}
.doelgroepwrap a:hover, .locatiewrap ul li a:hover, .opleidingen .opleiding a:hover {
text-decoration:underline;
}
.contentbottom {
	border-top:1px solid #E6E6E6;
	height:250px;
	position:relative;
	width:912px;
	clear:both;
}
.contentbottom-logos {
	position:absolute;
	top:20px;
	left:0;
}
.contentbottom-menu{
	position:absolute;
	top:5px;
	right:15px;
}
.contentbottom-menu a {
	display:block;
	margin-left:10px;
	color:#656565;
	text-decoration:none;
	font-size:11px;
	float:left;
}
.contentbottom-menu a:hover {
	text-decoration:underline;
}
.footerwrap {
    background: none repeat scroll 0 0 #727272;
    height: 170px;
    width:100%;
    POSITION:RELATIVE;
}
.footerwrap, .push {
	height: 170px; 
}
.footer {
    	width: 912px;
    	padding:0;
	margin: 0 auto;
	height:170px;
	position:relative;
}
.footer h3 {
	font-size:13px;
	margin:0 0 8px 0;
	padding:0;
	width:100%;
	text-align:left;
	color:#FFF;
	font-weight:bold;
}
.footer .OverKros, .footer .Veiligheidsopleidingen, .footer .MeestGezocht, .footer .Locatie {
	margin-right:55px;
	text-align:left;
	width:150px;
	float:left;
	margin-top:20px;
}
.footer .Contact {
	margin-right:0px;
	text-align:left;
	margin-top:0;
   	float:left;
	margin-top:20px;
}
.footer a {
	text-align:left;
	display:block;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	margin-top:4px;
}
.footer a:hover {
	text-decoration:underline;
}
/** Sitemap **/
#contentvervolg .sitemap {
	margin:20px 0 ;
}
#contentvervolg .sitemap ul {
	margin:0;
	padding:0;
}
#contentvervolg .sitemap ul li {
	margin:0;
	padding:0;	
}
#contentvervolg .sitemap ul li ul li {
	margin:0;
	padding:0 0 0 15px;	
}
#contentvervolg .sitemap ul li ul li ul li {
	margin:0;
	padding:0 0 0 15px;	
}
#contentvervolg .sitemap a {
    	color: #6A6A6A;
    	font-family: Arial,Verdana,Tahoma;
    	font-size: 11px;
    	line-height: 150%;
    	margin: 15px 0 0;
    	padding: 0;
	text-decoration:none;
}
#contentvervolg .sitemap a:hover {
text-decoration:underline;
}
/*****************/
/** CSS reset **/
html, body, div, span, applet, object, iframe,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/** Einde CSS reset **/
/* ******* Login - Onderhoud ********* */
div.jqmAlert { /* contains + positions the alert window */
  display: none;
  position: fixed;
  top: 17%;
  width: 100%;
}
* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
div.jqmAlertWindow {
  height:auto;
  width: auto;
  margin: auto;
  max-width:400px;
  background:#DEDEDE;
  border:1px dotted #000;
}
.jqmAlertTitle{
  padding:5px;
  height:20px;
  color:#FFF;
  background:#AAA;
}
.jqmAlert .header{
  margin:0;
  padding:2px 5px;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#FFF;
  float:left;
  height:20px;
}
div.jqmAlert .jqmClose em{display:none;}
div.jqmAlert .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(jqModal_close_icon.png) 0 0 no-repeat;
}
div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 0 -20px; }
div.jqmAlertContent{
  border-top:px;
  color:#777;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  letter-spacing:0px;
  background:#DEDEDE url(alert/darkgrid.png);
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body.voorwiewerkenwij .subview, body.whowework .subview {
	/* display:none; */
}
body.voorwiewerkenwij .extra-menu ul li ul {
display:none;
}
body.thanks #contentvervolg h1 {
margin-bottom:15px;
}
body.voorwiewerkenwij .meerinfowrapper {
background:none!important;
}
body.locatie .meerinfowrapper {
background:none!important;
}
.contentmiddle ul {
	margin:0;
	padding:0;
}
.contentmiddle ul li {
	margin:4px 0 0 20px;
	padding:0;
	list-style:disc outside none;
	font-size:11px;
}