body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #566b7a;

	margin: 0;

	padding-top: 30px;

	text-align: center;

	color:#333333;

	background: #566b7a url(../images/layout/strepen.jpg) left top repeat-x;

}



h1{

	text-indent: -5000px;

}



h2, h3{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color:#000000;

	text-transform: uppercase;

}



h2 {

	font-size: 16px;

}



h3 {

	font-size: 14px;

}



h4 {

	font-size: 13px;

}



#mainContent ul{

	padding-left: 0;

}



#mainContent h2{

	border-bottom: 1px solid #000000;

}



.lang_nl #wrapper #sidebar #langNavigation .pg_nl{

	color:#feed01;

}

.lang_fr #wrapper #sidebar #langNavigation .pg_fr{

	color:#feed01;

}

.lang_en #wrapper #sidebar #langNavigation .pg_en{

	color:#feed01;

}



#wrapper { 

	width: 1020px;

	margin: 0 auto;

	text-align: left;

	background:#AD8A7D url(../images/layout/wrappersidebar.gif) left repeat-y;

	position: relative;

} 

#wrapper #header { 

	height:138px;

	background:url(../images/layout/header.jpg);

} 



#wrapper #header h1 {

	margin: 0;

}



#wrapper #sidebar {

	float: left;

	width: 187px;

	background: #748390;

}



#wrapper #sidebar #langNavigation{

	list-style-type:none;

	text-transform:uppercase;

	margin: 5px 0 0 -20px;

}



#wrapper #sidebar #langNavigation li{

	float:left;

	padding-right: 10px;

}



#wrapper #sidebar #langNavigation .active a{

	color:#fff;

}



#wrapper #sidebar #langNavigation li a{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:11px;

	color: #ecdbce;

	text-decoration:none;

}



#wrapper #sidebar #langNavigation li a:hover{

	color:#fff;

}





#wrapper #sidebar #sidebarNavigation{

	list-style-type:none;

}



#wrapper #sidebar #sidebarNavigation li{

	padding:0 15px 10px 0;

	text-align:right;

}



#wrapper #sidebar #sidebarNavigation li a{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:11px;

	color: #ecdbce;

	text-decoration:none;

}



#wrapper #sidebar #sidebarNavigation li a:hover{

	color:#feed01;

}





#wrapper #sidebar #sidebarNavigation li .page_active,

#wrapper #mainPage #primaryNavigation li .page_active{

	color:#feed01;

}

#wrapper #mainPage #primaryNavigation li li .page_active{

	color: #566B7A;

}



#wrapper #mainPage { 

	margin: 0 0 0 187px;

	font-size:12px;

	line-height:18px;

	background: #AD8A7D url(../images/layout/truck_trans.gif) right bottom no-repeat;

}



#wrapper #mainPage #primaryNavigation{

	height:25px;

	width:680px;

	margin-left: 80px;

}



#wrapper #mainPage #primaryNavigation li a{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:11px;

	text-decoration:none;

	text-transform:uppercase;

}



 

#wrapper #mainPage #mainContent{

	width:590px;

	padding:10px 20px 20px 20px;

	margin-top:10px;

	background:url(../images/layout/bgtransp_main.png) repeat;

	min-height: 400px;

	height:auto !important;

  	height:400px;

}	



#wrapper #mainPage #latestNews{

	list-style-type:none;

	background:url(../images/layout/bgtransp.png) repeat-y;

	width:150px;

	padding:10px;

	position: absolute;

	top: 170px;

	left: 833px;

}



#wrapper #mainPage #latestNews #newsFooter{

	text-align: center;

	margin: 50px 0 0 0;

}



#wrapper #mainPage #latestNews #newsFooter a{

	color: #ecdbce;

	text-decoration:none;

}



#wrapper #mainPage #latestNews ul{

	margin:0px;

	padding:0px;							

}



#wrapper #mainPage #latestNews li{

	padding:0 15px 5px 20px;

	list-style-type:none;

	background:url(../images/layout/vierkant.gif) 0px 6px  no-repeat;

	margin:0px;	

}



#wrapper #mainPage #latestNews li a{

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:11px;

	color: #ecdbce;

	text-decoration:none;			

}



#wrapper #mainPage #latestNews li a:hover{

	color:#FFFFFF;

}



#wrapper #mainPage #projects img{

	border:none;

	margin-right:20px;

}



#wrapper #mainPage #projects #projectInfo{

	width:180px;

	position:relative;

	float:left;

	margin-right:20px;

}



#wrapper #mainPage #projects #projectInfo .projectAlign{

	position:absolute;

	right:0

}



#wrapper #mainPage #mainContent .archive, #wrapper #mainPage #mainContent .prev a, #wrapper #mainPage #mainContent .next a{

	color: #ecdbce;

	text-decoration:none;

}

 

#wrapper #sidebarInfo{

	width:160px;

	background-color: #85919d;

	font-size:11px;

	padding:10px 10px 0 10px;

}

 

#wrapper #footer { 

	background:#566B7A;

	width: 1020px;

	height:200px;

	background:url(../images/layout/footer.jpg) no-repeat;

	position:relative;

} 

#wrapper #footer p {

	text-align:center;

	margin: 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFFFFF;

	padding:10px 100px;

}



.FooterLogo {

	height:40px;

	left:47px;

	position:absolute;

	top:28px;

	width:130px;

	}
.FooterLogo2 {

	height:15px;

	right:69px;

	position:absolute;

	top:4px;

	width:178px;

	}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/* TWEEDEHANDS TABLE */



#wrapper #mainPage #mainContent table.tweedehands{

	margin-bottom: 5px;

	border: 1px solid #AD8A7D;

	width: 600px;

}



#wrapper #mainPage #mainContent table.tweedehands th{

	border: 1px solid #AD8A7D;

	padding: 5px;

}



#wrapper #mainPage #mainContent table.tweedehands td{

	border: 1px solid #AD8A7D;

	padding: 5px;

	text-align: center;

}



#wrapper #mainPage #mainContent table.tweedehands td.machineInfo{

	text-align: center;

}



#wrapper #mainPage #mainContent table.tweedehands thead{

	background-color: #335766;

	color: #feed01;

	font-weight: bold;

}



/* FORM */



form {

	margin: 10px 0 0 0;

}



input, textarea, select {

 	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	font-weight: normal;

	margin-top: 5px;

	margin-left: 150px;

	border: 1px solid #fff;

}



textarea {

	width: 320px;

	height: 120px;

}



.width {

  width: 320px;

}







div.row {

  padding: 4px 10px 4px 0;

}







div.margin {

	margin-left: 10px;

}







label {

  position: absolute;

  margin-top: 5px;

}



div.buttons {

  margin: 10px 0 0 150px;

  padding-bottom: 10px;

}



div.buttons input {

  margin: 0 20px 0 0;

  width: 7em;

}



#contactForm_submit {

	width: 7em;

}



/* PROMOMATERIAAL TABLE */



#promoTable {

	width: 600px;

}



#promoTable td{

	text-align: center;

}



/* BRAND PAGES */



.contentJCB {

	background-color: #ffffff;

	background: #FFFFFF url(../images/layout/jcb-bg.jpg) top repeat-x;

	height: 400px;

	padding: 5px;

}
