body {
	text-align			: center;
	font-family			: Arial, verdana, sans-serif;
	background			: #1c3166 url(../img/body-bg.jpg) no-repeat center bottom;
}

/* de hoek van de cabine die over de pagina heen ligt */
.cabinehoek {
	position			: absolute;
	left				: 50%;
	bottom				: 315px;
	z-index				: 1000;
	width				: 88px;
	height				: 53px;
	margin-left			: -498px;
	background			: url(../img/cabine-hoek.png) no-repeat left top;
}

#container {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	text-align			: left;
}

#container .kraantop {
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 100;
	width				: 575px;
	height				: 50px;
	background			: url(../img/kraan-top.png) no-repeat left top;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/	
.clearfix:after,
#projecten li:after {
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

* html>body .clearfix,
* html #projecten li {
	display				: inline-block; 
	width				: 100%;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #projecten li{
	height				: 1%;
}	
/* End hide from IE-mac */


/* --------------------------------	*/
/* topmenu						 	*/
/* --------------------------------	*/
#topmenu {
	float				: right;	
	position			: relative;
	z-index				: 20;
	height				: 32px;
	font-size			: 0.8em;
}

#topmenu li {
	float				: left;	
	position			: relative;
	padding				: 7px 0;
}

#topmenu li a {
	float				: left;
	padding				: 1px 10px;
	border-left			: 1px solid #FFF;
	text-decoration		: none;
	color				: #FFF;
}

#topmenu li:first-child a {
	border-left			: none;
}

#topmenu li.actief a {
	font-weight			: bold;
	color				: #CF3;
}

#topmenu li:hover a,
#topmenu li.hover a {
	text-decoration		: underline;
	color				: #CF3;
}

#topmenu li.flag {
	display				: block;
	width				: 19px;
	height				: 19px;

	background			: url(../img/talen.png) no-repeat;
}

#topmenu li.flag.nl {
	background-position	: left 2px;
	margin-right		: 10px;
}

#topmenu li.flag.en {
	background-position	: 	-45px 2px;
}

#topmenu li.flag.nl:hover,
#topmenu li.flag.nl.actief {
	background-position	: left -38px;	
}

#topmenu li.flag.en:hover,
#topmenu li.flag.en.actief {
	background-position	: -45px -38px;	
}

#topmenu li.flag a {
	display				: block;
	width				: 100%;
	height				: 100%;
	text-indent			: -900em;	
	border:none;
}


/* Submenu */
#topmenu li ul {
	position			: absolute;
	right				: 900em;
	top					: 25px;
	width				: 160px;
	padding				: 10px 5px;
	background			: url(../img/submenu-bg.png) repeat left top;
}

#topmenu li:hover ul,
#topmenu li.hover ul {
	right				: 0;
}

#topmenu li ul li {
	width				: 160px;
	padding				: 0;
}

#topmenu li ul li a,
#topmenu li:hover ul li a,
#topmenu li.hover ul li a {
	width				: 135px;
	padding				: 5px 5px 5px 20px;
	border-left			: 0;
	text-decoration		: none;
	color				: #FFF;
}

#topmenu li ul li a:hover {
	color				: #000;
	background			: #CF3 url(../img/submenu-item-bg.png) no-repeat 5px 4px;
}

#topmenu li.actief li a {
	font-weight			: normal;
}

#topmenu li.actief li.actief a {
	font-weight			: bold;
	color				: #000;
	background			: #CF3 url(../img/submenu-item-bg.png) no-repeat 5px 4px;
}


/* --------------------------------	*/
/* wrapper						 	*/
/* --------------------------------	*/
#wrapper {
	clear				: both;
	position			: relative;
	z-index				: 10;
	background			: #FFF;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header {
	position			: relative;
	height				: 208px;
}

#header a.logo	{
	position			: absolute;
	top					: 27px;
	left				: 859px;
	z-index				: 30;
}

/* Fotos */
#header ul.fotos {
	position			: absolute;
	left				: 10px;
	top					: 11px;
	width				: 974px;
	height				: 197px;
	overflow			: hidden;
}

/* Titel (q) */
#header q {
	display				: block;
	position			: absolute;
	left				: 10px;
	top					: 152px;
	z-index				: 20;
	width				: 974px;
	height				: 56px;
	text-indent			: -900em;
	background			: url(../img/lammertsgroep.png) no-repeat left top;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu {
	position			: relative;
	z-index				: 30;
	width				: 972px;
	height				: 68px;
	margin				: 0 10px;
	padding				: 0 0 0 2px;
	font-size			: 0.8em;
	background			: url(../img/menu-bg.png) repeat-x left top;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li a {
	float				: left;
	height				: 68px;
	text-indent			: -900em;
/*_background: url(../img/menu.gif) no-repeat;*/
}

.nl #menu li a {
	background			: url(../img/nl/menu.png) no-repeat;
}

.en #menu li a {
	background			: url(../img/en/menu.png) no-repeat;
}

.nl #menu li a.historie 			{ width: 78px; 	background-position: left top; }
.nl #menu li a.kraanverhuur 		{ width: 124px; background-position: -78px top; }
.nl #menu li a.speciaaltransport 	{ width: 156px; background-position: -202px top; }
.nl #menu li a.interntransport 		{ width: 141px; background-position: -358px top; }
.nl #menu li a.projecten 			{ width: 89px; 	background-position: -499px top; }
.nl #menu li a.verhuur 				{ width: 81px; 	background-position: -588px top; }
.nl #menu li a.trading 				{ width: 77px; 	background-position: -669px top; }
.nl #menu li a.montage 				{ width: 83px; 	background-position: -746px top; }
.nl #menu li a.downloads 			{ width: 104px;	background-position: -829px top; }

.nl #menu li:hover a.historie,
.nl #menu li.hover a.historie,
.nl #menu li.actief a.historie 			{ background-position: left bottom; }
.nl #menu li:hover a.kraanverhuur,
.nl #menu li.hover a.kraanverhuur,
.nl #menu li.actief a.kraanverhuur 		{ background-position: -78px bottom; }
.nl #menu li:hover a.speciaaltransport,
.nl #menu li.hover a.speciaaltransport,
.nl #menu li.actief a.speciaaltransport { background-position: -202px bottom; }
.nl #menu li:hover a.interntransport,
.nl #menu li.hover a.interntransport,
.nl #menu li.actief a.interntransport 	{ background-position: -358px bottom; }
.nl #menu li:hover a.projecten,
.nl #menu li.hover a.projecten,
.nl #menu li.actief a.projecten 		{ background-position: -499px bottom; }
.nl #menu li:hover a.verhuur,
.nl #menu li.hover a.verhuur,
.nl #menu li.actief a.verhuur 			{ background-position: -588px bottom; }
.nl #menu li:hover a.trading,
.nl #menu li.hover a.trading,
.nl #menu li.actief a.trading 			{ background-position: -669px bottom; }
.nl #menu li:hover a.montage,
.nl #menu li.hover a.montage,
.nl #menu li.actief a.montage 			{ background-position: -746px bottom; }
.nl #menu li:hover a.downloads,
.nl #menu li.hover a.downloads,
.nl #menu li.actief a.downloads 		{ background-position: -829px bottom; }

/*engels */
.en #menu li a.historie 			{ width: 84px; 	background-position: left top; }
.en #menu li a.kraanverhuur 		{ width: 95px; background-position: -83px top; }
.en #menu li a.speciaaltransport 	{ width: 154px; background-position: -176px top; }
.en #menu li a.interntransport 		{ width: 165px; background-position: -332px top; }
.en #menu li a.projecten 			{ width: 88px; 	background-position: -494px top; }
.en #menu li a.verhuur 				{ width: 62px; 	background-position: -583px top; }
.en #menu li a.trading 				{ width: 82px; 	background-position: -643px top; }
.en #menu li a.montage 				{ width: 88px; 	background-position: -724px top; }
.en #menu li a.downloads 			{ width: 118px;	background-position: -812px top; }

.en #menu li:hover a.historie,
.en #menu li.hover a.historie,
.en #menu li.actief a.historie 			{ background-position: left -74px; }
.en #menu li:hover a.kraanverhuur,
.en #menu li.hover a.kraanverhuur,
.en #menu li.actief a.kraanverhuur 		{ background-position: -83px  -74px; }
.en #menu li:hover a.speciaaltransport,
.en #menu li.hover a.speciaaltransport,
.en #menu li.actief a.speciaaltransport { background-position: -176px  -74px; }
.en #menu li:hover a.interntransport,
.en #menu li.hover a.interntransport,
.en #menu li.actief a.interntransport 	{ background-position: -332px  -74px; }
.en #menu li:hover a.projecten,
.en #menu li.hover a.projecten,
.en #menu li.actief a.projecten 		{ background-position: -494px  -74px; }
.en #menu li:hover a.verhuur,
.en #menu li.hover a.verhuur,
.en #menu li.actief a.verhuur 			{ background-position: -583px  -74px; }
.en #menu li:hover a.trading,
.en #menu li.hover a.trading,
.en #menu li.actief a.trading 			{ background-position: -643px  -74px; }
.en #menu li:hover a.montage,
.en #menu li.hover a.montage,
.en #menu li.actief a.montage 			{ background-position: -724px  -74px; }
.en #menu li:hover a.downloads,
.en #menu li.hover a.downloads,
.en #menu li.actief a.downloads 		{ background-position: -812px  -74px; }

/* Submenu */
#menu li ul {
	position			: absolute;	
	left				: -900em;
	top					: 66px;
	width				: 180px;
	padding				: 10px 5px;
	background			: url(../img/submenu-bg.png) repeat left top;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: 4px;
}

#menu li:hover ul.sub-downloads,
#menu li.hover ul.sub-downloads {
	left				: -90px;
}

#menu li li {
	width				: 180px;
}

#menu li li a {
	width				: 155px;
	height				: auto;
	padding				: 5px 5px 5px 20px;
	text-decoration		: none;
	text-indent			: 0;
	color				: #FFF;
	background			: none;
}

#menu li li a:hover {
	color				: #000;
	background			: #CF3 url(../img/submenu-item-bg.png) no-repeat 5px 4px;
}

#menu li li.actief a {
	font-weight			: bold;
	color				: #000;
	background			: #CF3 url(../img/submenu-item-bg.png) no-repeat 5px 4px;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main {
	clear				: both;
	position			: relative;
	z-index				: 20;
	padding				: 0 10px 10px 10px;
	overflow			: hidden;
	background			: #FFF;
	zoom				: 1;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content {
	display				: inline;
	float				: left;
	width				: 742px;
	min-height			: 233px;
	margin-right		: 10px;
	padding				: 10px;
	border				: 1px solid #cecece;
	font				: 0.8em/1.4em arial, verdana, sans-serif;
	color				: #333;
	background			: #e9e9e9;
}

* html #content { height: 236px; }

#content h1 {
	padding-bottom		: 10px;
	font				: 1.4em arial, verdana, sans-serif;
	background			: url(../img/hr.gif) repeat-x bottom left;
}

#content a {
	color				: #8dbb01;
}

#content a:hover {
	text-decoration		: none;
	color				: #acd729;
}

/* als er aan de linkerkant een menu moet, deze meegeven aan de DIV #content */
.linksbalk	{
	width				: 570px !important;
	margin-right		: 0 !important;
}

#content p, 
#content table {
	margin				: 1.2em 0 0 0;
}

#content.fotoboek {
	width				: 742px;
}

/* pagina navigatie*/
#content .pagina_navigatie {
	padding				: 10px 0;
	clear				: both;
}

#content .pagina_navigatie li {
	float				: left;
	margin				: 0 3px 0 0;
}

#content .pagina_navigatie li {
	padding				: 0;
	clear				: none;
	width				: auto;
}

.pagina_navigatie li.navigatie_item {
	padding				: 0;
}

#content .pagina_navigatie li.navigatie_huidige_pagina {
	padding				: 1px 5px;
	font-weight			: bold;
	color				: #fff;
	background			: #000;
	border				: 1px solid #000;
}

#content .pagina_navigatie a {
	float				: left;
	background			: #CCFF33;
	color				: #000;
	text-decoration		: none;
	padding				: 2px 6px;
}

#content .pagina_navigatie a:hover {
	background			: #CCFF33;
	color				: #000;
}

/* --------------------------------	*/
/* projecten					 	*/
/* --------------------------------	*/
#projecten li {
	width				: 722px;
	clear				: both;
	margin-bottom		: 15px;
	padding				: 10px;
	background			: #E9E9E9 url(../img/project-overzicht-bg.jpg) repeat-x;
}

#projecten li:hover {
	background			: none;
	background			: #F3FFCF;
}

#projecten .image {
	float				: left;	
	width				: 220px;
}

#projecten img {
	width				: 200px;
	height				: 100px;
	border				: solid 3px #E7FF9F;
}

#projecten .info {
	float				: left;	
	width				: 500px;
}

#thumbs img {
	width				: 100px;
	height				: 100px;
}

#projecten h3 a {
	font-size			: 1.3em;
	text-decoration		: none;
}


/* --------------------------------	*/
/* project-info					 	*/
/* --------------------------------	*/
#project-info {
	float				: left;
	width				: 350px;
}

#project-info .terug {
	display				: block;
	margin-top			: 40px;
}

/* --------------------------------	*/
/* fotoboek						 	*/
/* --------------------------------	*/
#fotoboek {
	float				: right;
	width				: 345px;	
	position			: relative;
	right				: 5px;
	overflow			: hidden;
	z-index				: 30;
	min-height			: 700px;
}

#fotoboek .foto-groot {
	width				: 332px;
	height				: 250px;
	border				: solid 5px #E7FF9F;
	margin-bottom		: 15px;
}

#fotoboek .foto-groot p {
	margin				: 0;
}

#fotoboek div.thumbs {
	width				: 351px;
	overflow			: hidden;
}

#fotoboek ul.fotos li {
	float				: left;
	width				: 115px;
	height				: 115px;
}

#fotoboek ul.fotos li img {
	padding				: 0px;
	border				: solid 5px #E7FF9F;
}

#fotoboek .foto-navigatie {
	clear				: both;
	margin-left			: 7px;
}

#fotoboek .foto-navigatie li {
	float				: left;
	margin				: 0 2px 0 0;
	color				: #000;
	text-decoration		: none;
	padding				: 1px 1px;	
}

#fotoboek .foto-navigatie a {
	float				: left;
	background			: #CCFF33;
	color				: #000;
	text-decoration		: none;
	padding				: 0 5px;
}

#fotoboek .foto-navigatie a.actief {
	background			: #000;
	color				: #fff;
}


/* --------------------------------	*/
/* thumbnails					 	*/
/* --------------------------------	*/
.thumbnail	{
	float				: left;
	width				: 33%; /* de breedte van de thumbnail */
	margin-bottom		: 10px;
	text-align			: center; /* try to center image ie=ok */
}

.thumbnail img	{
	display				: block;
	margin				: 0 auto; /* center that image! moz=ok */
	border				: 1px solid black;
}

.pagenav {
	clear				: left;
	text-align			: left;
}


/* --------------------------------	*/
/* links						 	*/
/* --------------------------------	*/
#links {
	float				: left;
	width				: 370px;
	margin-right		: 10px;
	font				: 0.7em/1.25em arial, verdana, sans-serif;
	color				: #333;
}

#links h2 {
	padding				: 5px 10px;
	border-bottom		: 1px solid #cecece;
	font				: bold 1em arial, verdana, sans-serif;
	background			: #cf3;
}

#links .fotos	{
	margin-bottom		: 10px;
	border				: 1px solid #cecece;
	background			: #e9e9e9;
}

#links .fotos a	{
	color				: #333;
	text-decoration		: none;									
}

#links .fotos a:hover {
	text-decoration		: underline;									
}

#links .fotos .active a {
	font-weight			: bold;
}

#links .fotos ul {
	margin				: 10px;
	padding				: 0 0 0 1em;
	list-style			: square;
}


/* --------------------------------	*/
/* rechts						 	*/
/* --------------------------------	*/
#rechts {
	float				: right;
	width				: 200px;
	font				: 0.7em/1.25em arial, verdana, sans-serif;
	color				: #333;
}

#rechts h2 {
	padding				: 5px 10px;
	border-bottom		: 1px solid #cecece;
	font				: bold 1em arial, verdana, sans-serif;
	background			: #CF3;
}

#rechts .nieuws	{
	margin-bottom		: 10px;
}

#rechts .nieuws ul {
	margin				: 10px;
}

#rechts .nieuws h3 {
	padding-left		: 15px;
	font				: bold 1em arial, verdana, sans-serif;
	background			: url(../img/nieuws_list.gif) no-repeat;
}

#rechts .nieuws p {
	margin				: 0 0 10px 0;
}

#rechts .nieuws a {
	text-decoration		: none;	
	color				: #333;
}

#rechts .nieuws a:hover	{
	text-decoration		: underline;									
}

#rechts .nieuws, 
#rechts .certificaten {
	border				: 1px solid #cecece;
	background			: #e9e9e9;
}

#rechts .certificaten {
	margin-bottom		: 10px;
	padding				: 10px;
	text-align			: center;
}

#rechts .certificaten ul {
	overflow			: hidden;	
}

#rechts .certificaten li {
	float				: left;
	height				: 76px;
	width				: 89px;
	background			: url(../img/certificaten.jpg) no-repeat left top;
		text-indent			: -900em;
}

#rechts .certificaten li a {
	display				: block;
	width				: 100%;
	height				: 100%;
	text-indent			: -900em;
}

#rechts .certificaten li.vca {
	width				:102px;
	height				: 60px;
}

#rechts .certificaten li.cert-vca {
	width				:74px;
	height				: 60px;	
	background-position	: right top;
}

#rechts .certificaten li.vvt {
	background-position	: left -61px;	
	height				: 75px;
}

#rechts .certificaten li.vvt-2 {
	background-position	: right -61px;	
	height				: 75px;	
}

#rechts .certificaten li.cert-scc {
	background-position	: left -139px;	
}

#rechts .certificaten li.cert-iso {
	background-position	: right -139px;	
}

#rechts .certificaten li.cert-btr {
	background-position	: left -216px;	
}

/* --------------------------------	*/
/* lightbox						 	*/
/* --------------------------------	*/
#lightbox {
	position			: absolute;
	top					: 40px;
	left				: 0;
	z-index				: 100;
	width				: 100%;
	text-align			: center;
	line-height			: 0;
}

#lightbox a img { 
	border				: none; 
}

#outerImageContainer {
	position			: relative;
	width				: 250px;
	height				: 250px;
	margin				: 0 auto;
	background			: #FFF;
}

#imageContainer {
	padding				: 10px;
	cursor				: pointer;
}

#loading {
	position			: absolute;
	top					: 40%;
	left				: 0%;
	height				: 25%;
	width				: 100%;
	text-align			: center;
	line-height			: 0;
}

#imageContainer>#imageNav { 
	left				: 0;
}

#imageNav a  {
	outline				: none;
	text-decoration		: none;
	color				: #000;
	background-color	: #e9e9e9;
}

#imageNav a:hover  {
	text-decoration		: underline;
	background			: #d3d3d3; 
}

#prevLink, 
#nextLink {
	display				: block;
	width				: 49%;
	height				: 100%;
	padding				: 3px;
	margin				: 0 0 3px 0;	
}

#prevLink { 
	float				: left; 
	left				: 0; 
	text-align			: center;
}

#nextLink  { 
	float				: right; 
	right				: 0; 	
	text-align			: center; 
}

#imageDataContainer  {
	margin				: 0 auto;
	line-height			: 1.4em;
	font				: 10px Verdana, Helvetica, sans-serif;
	background			: #FFF;
}

#imageData {
	padding				: 0 10px;
}

#imageData #imageDetails	{ width: 70%; float: left; text-align: left; }	
#imageData #caption			{ font-weight: bold;	}
#imageData #numberDisplay	{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose	{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

a#bottomNavClose { color: #9f9f9f; }
		
#overlay {
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 90;
	width				: 100%;
	height				: 500px;
	background-color	: #000;
	filter				: alpha(opacity=60);
	-moz-opacity		: 0.6;
	opacity				: 0.6;
}


/* --------------------------------	*/
/* formulier					 	*/
/* --------------------------------	*/
#contactformulier  {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 0.9em;
	color				: #333;
}

#contactformulier label {
	font-weight			: bold;
}

#contactformulier .button {
	margin				: 5px 0 0 0;
}

.input, 
.veld, 
.veldFout {
	padding				: 2px;
	border				: 1px solid #000;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1em;
	color				: #000;
	background			: #FFF;
}

.veldFout {
	border				: 1px solid red;
}

.button {
	padding				: 1px;
	border				: 1px solid #333;
	font-weight			: bold;
	font-size			: 1em;
	color				: #FFF;
	background			: #9f9f9f;
	cursor				: pointer;
}

#melding {
	margin				: 10px 0;
	color				: red;
	font-weight			: bold;
}


/* --------------------------------	*/
/* nieuwsbriefformulier			 	*/
/* --------------------------------	*/
.nieuwsbriefformulier table	{ margin: 0 !important; }


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps	{
	height				: 500px;
	width				: 100%;
	border				: 0;
	font				: 0.8em Arial;
	text-align			: left;
	color				: #333;
	background			: #EEE;
}

#googlemaps a	{
	color				: #8DBB01;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	 {
	clear				: both;
	padding				: 10px 0 20px 0;
	text-align			: center;
	font				: 0.75em arial, verdana, sans-serif;
	color				: #000;
}

#footer strong {
	color				: #7ca501;	
}

#footer	a {
	text-decoration		: none;
	color				: #000;
}

#footer	a:hover {
	text-decoration		: underline;
	color				: #7ca501;
}


/* --------------------------------	*/
/* A&M ImpacT link				 	*/
/* --------------------------------	*/
#amimpact {
	height				: 295px;
	padding				: 10px;
	text-align			: right;
	font				: 0.7em arial, verdana, sans-serif;
}

#amimpact a {
	text-decoration		: none;
	color				: #000;
}

#amimpact a:hover {
	text-decoration		: underline;
}

	
/* --------------------------------	*/
/* sIFR							 	*/
/* --------------------------------	*/
.sIFR-flash {
	visibility			: visible !important;
	margin				: 0;
}

.sIFR-replaced {
	visibility			: visible !important;
}

span.sIFR-alternate {
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 0;
	height				: 0;
	display				: block;
	overflow			: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  	display				: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #content h1 {
	visibility			: hidden;
	font-size			: 10px; 
}