* {
	margin: 0;
	padding: 0;
}

body {
	behavior:url('/assets/templates/dgp/css/csshover.htc');
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:8pt;
	color: #7c7c7c;
	background: #b1afa3 url('../img/pagebg.jpg') repeat-x;
}

.clear {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	font-size: 1px;
}

#maincontainer {
	width:824px;
	margin: 0 auto;
	padding:0 9px 9px 9px;
	background-color:#edece7;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

#page {
	width:822px;
	height:100%;
	text-align: left;
	padding:0 1px 0 1px;
	background-color:#FFFFFF;
}

/* Header 
------------------------------------------------------------------------- */
#header {
	background:#FFFFFF url('../img/logos/udenhoutgroep.jpg') no-repeat top left;
	height:68px;
	margin-left:25px;
}

/* Video
------------------------------------------------------------------------- */
#video {
	width:822px;
	height:331px;
	padding:1px 0 1px 0;
	background-color:#FFFFFF;
	text-align:center;
}

/* Menu
------------------------------------------------------------------------- */
#menu {
	background:#666666 url('../img/homepageButtonsBig.jpg') no-repeat;
	height:150px;
	width:822px;
}



/* Content
------------------------------------------------------------------------------ */
#infos {
	height:85px;
	width:822px;
	background-color:#FFFFFF;
	overflow:hidden;
	position:relative;
}

#infos .info {
	padding:18px 0 0px 143px;
	font-size:8pt;
	line-height:12pt;
	width:683px;
	height:66px;
	display:block;
	position:absolute;
	margin-top:95px;
	overflow:hidden;
}

#infos .info h1 {
	font-size:8pt;
	line-height:12pt;
	color:#FF6600;
}

#infos .info .point {
	color:#FF6600;
	font-weight:bold;
	font-size:8pt;
}

#infos .info .address {
	float:left;
	width:260px;
}

#infos .audi{
	background:#FFFFFF url('../img/logos/audi_groot.jpg') no-repeat;
}
#infos .vw{
	background:#FFFFFF url('../img/logos/vw_groot.jpg') no-repeat;
}
#infos .lease{
	background:#FFFFFF url('../img/logos/lease_groot.jpg') no-repeat;
}
#infos .carlux{
	background:#FFFFFF url('../img/logos/schade_groot.jpg') no-repeat;
}
#infos .verhuur{
	background:#FFFFFF url('../img/logos/verhuur_groot.jpg') no-repeat;
}
#infos .bedrijfswagens{
	background:#FFFFFF url('../img/logos/bedrijfswagens_groot.jpg') no-repeat;
}
#infos .occasions{
	background:#FFFFFF url('../img/logos/udenhoutgroep_groot.jpg') no-repeat;
}
#infos .shop{
	background:#FFFFFF url('../img/logos/udenhoutgroep_groot.jpg') no-repeat;
}
#infos .vacatures{
	background:#FFFFFF url('../img/logos/udenhoutgroep_groot.jpg') no-repeat;
}
#infos .fleetsales{
	background:#FFFFFF url('../img/logos/udenhoutgroep_groot.jpg') no-repeat;
}
#infos .onderhoud{
	background:#FFFFFF url('../img/logos/udenhoutgroep_groot.jpg') no-repeat;
}
#hidder {
	position:absolute;
	z-index:100;
	background:url('../img/sheetshidderbg.jpg') repeat-x;
	width:826px;
	height:200px;
	border-top:9px solid #edece7;
}

/* CELLS
------------------------------------------------------------------------------ */
#logo_ct{float:left;width:674px;}
.logo {cursor:pointer;  background: transparent url('../img/homepageButtonsBig.jpg') no-repeat ;}

/*ROW 1*/
.cell_1_1 {float:left;	background-position: 0px 0px; 		width:223px; 	height:42px;}
.cell_1_1:hover {		background-position: 0px -150px;}

.cell_1_2 {float:left; 	background-position: -223px 0px; 	width:225px;	height:42px;}
.cell_1_2:hover {		background-position: -223px -150px;}

.cell_1_3 {float:left; 	background-position: -448px 0px; 	width:225px; 	height:42px;}
.cell_1_3:hover {		background-position: -448px -150px;}

/*ROW 2*/
.cell_2_1 {float:left; 	background-position: 0px -42px; 	width:223px; 	height:42px;}
.cell_2_1:hover {		background-position: 0px -192px;}

.cell_2_2 {float:left; 	background-position: -223px -42px; 	width:225px; 	height:42px;}
.cell_2_2:hover {		background-position: -223px -192px;}

.cell_2_3 {float:left; 	background-position: -448px -42px; 	width:225px; 	height:42px;}
.cell_2_3:hover {		background-position: -448px -192px;}

/*ROW 3*/
.cell_3_1 {float:left;	background-position: 0px -84px; 	width:223px; 	height:41px;}
.cell_3_1:hover {		background-position: 0px -234px;}

.cell_3_2 {float:left;	background-position: -223px -84px; 	width:225px; 	height:41px;}
.cell_3_2:hover {		background-position: -223px -234px;}

.cell_3_3 {float:left; 	background-position: -448px -84px; 	width:225px; 	height:41px;}
.cell_3_3:hover {		background-position: -448px -234px;}

/*LAST COLUMN*/
.logolast {width:148px;height:150px;float:left;clear:right;}

.cell_1_4 {			background-position: -673px 0px; 	height:42px;}
.cell_1_4:hover {	background-position: -673px -150px;}

.cell_2_4 {			background-position: -673px -42px; 	height:42px;}
.cell_2_4:hover {	background-position: -673px -192px;}

.cell_3_4 {			background-position: -673px -84px; 	height:41px;}
.cell_3_4:hover {	background-position: -673px -234px;}

.logopon {			background-position: -673px -125px; height:25px;}
.logopon:hover {	background-position: -673px -275px;}