/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#BCBCBC url(../gfx/body-gradient.gif) top left repeat-x;
	}
	
p {
	display:block;
	margin:0 0 0 0;
	padding:0 0 20px 0;
}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:12px;
	}
* {color:#585858;}
	
h1.red {color:#C1003C}
h1.orange {color:#DB9600}
h1.green {}
	
a:focus {outline:none;}
a:hover {}
h1 {
	visibility:hidden;
	font-size:19px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:normal;
	letter-spacing:-2px;
	} 
h2.red {float:right; width:400px; position:relative;}
h3 {}
h4 {}
h5 {}
h6 {}	

p {}
	
ol {}
ul {}
li {}
li li {}

.hr {
	border-top:1px solid #E0E0E0;
	font-size:1px;
	height:20px;
	overflow:hidden;
}

label {
	
	}
	
.shadow {
	width:1058px;
	height:100%;
	position:absolute;
	margin:0 auto;
	top:0px;
	left:0px;
	}
	
div.buttons {
	padding:0 0 0 0;
	right:54px;
	width:254px;
	position:absolute;
	top:159px;
	right:50px;
	}
	div.buttons img {
		display:block;
		}
	div.buttons a {
		display:block;
		overflow:hidden;
		padding:0 0 5px 0;
		}
		
.clear {
	line-height:1px;
	font-size:1px;
	height:1px;
	overflow:hidden;
	clear:both;
	}
	
/*contactTable*/
table.contactTable td {
	margin:0 0 0 0;
	}
table.contactTable th {
	text-align:left;
	font-weight:bold;
	padding:0 10px 0 0;
	}
table.contactTable td {
	border-bottom:1px solid #CCCCCC;
	padding:0 10px 0 0;
	}
/* ============================================================	*/
/* ========	GALLERY-LAYOUT	 	===============================	*/
/* ============================================================	*/
.thumb {
	width:117px;
	height:135px;
	float:left;
	}
.title {
	height:18px;
	clear:both;
	overflow:hidden;
	}
.image {
	width:110px;
	height:110px;
	background-color:#FEFEFE;
	overflow:hidden;
	text-align:center;
	}
	.image img {
		display:block;
			position:relative;
	
		margin:0 auto 0 auto;
		}
.gallery {
	width:468px;
	overflow:hidden;
	}

/* ============================================================	*/
/* ========	MERKEN-TABLE	 	===============================	*/
/* ============================================================	*/

table.merken {
	width:100%;
	border:0px solid #FFFFFF;
	}
table.merken td {
	text-align:center;
	vertical-align:middle;
	padding:10px 0 10px 0;
	}
table.merken td img {
	width:auto !important;
	height:auto !important;
	}

/* ============================================================	*/
/* ========	BEDRIJFSWAGENS	 	===============================	*/
/* ============================================================	*/
.wagen table {
	border:0px solid #FFFFFF;
	}
.wagen table td {
	padding:0 10px 0 0;
	}

.wagen {
	clear:both;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #D6D6D6;
	padding:15px 0 15px 0;
	
	font-size:11px;
	color:#8B8B8B;
	}
	.wagen img {
		float:left;
		}
	.wagen .meer {
		position:absolute;
		bottom:0px;
		right:0px;
		padding:2px 30px;
		display:block;
		overflow:hidden;
		background-color:#D6D6D6;
		}
.content {
	margin:0 0 0 172px;

	/*overrides*/
	font-size:12px;
	color:#585858;
	}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:1004px;
	min-height:100%;
	_height:100%;
	text-align:left;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	background:#FFFFFF url(../gfx/container-gradient.gif) bottom left repeat-x;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	height:220px;
	overflow:hidden;
	text-align:right;
	position:relative;
	}
	
div.header a.logo {
	width:254px;
	heigth:213px;
	position:absolute;
	top:7px;
	left:696px;
	}
div.header a.logo img {
	width:254px;
	height:213px;
	}
	
div.deco {
	position:absolute;
	top:128px;
	left:10px;
	z-index:50;
	width:153px;
	height:204px;
}

/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	width:495px;
	height:30px;
	position:absolute;
	left:181px;
	top:190px;
	background-color:#5A5A5A;
	line-height:30px;
	text-align:left;
	padding-left:20px;
	}
	
div.navigatie a {
	color:#BABABA;
	text-decoration:none;
	padding-left:5px;
	padding-right:4px;
	margin-right:2px;
	float:left;
	display:block;
	line-height:30px;
	/*font-size:10px;
	word-spacing:-1px;*/
	}
div.navigatie a:hover,
div.navigatie a.selected {
	background-color:#8B8B8B;
	color:#FFFFFF;
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

#footer {
	margin:0 54px 0 45px;
	line-height:20px;
	position:relative;
	}
	
#footer .colors {
	height:6px;
	line-height:6px;
	overflow:hidden;
	background:#FFFFFF url(../gfx/footer-colors.gif) top left no-repeat;
	}
	
#footer .nav {
	text-align:right;
	font-size:11px;
	line-height:12px;
	padding:52px 0 9px 0;
	}
	#footer .nav a {
		font-weight:bold;
		text-decoration:none;
		}
	#footer .nav a:hover {
		text-decoration:underline;
		}
#footer .copy {
	padding:7px 0 0 0;
	}
#footer .copy,
#footer .copy a {
	font-size:10px;
	color:#999999;
	}
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:1004px;
	overflow:hidden;
	position:relative;
	background:transparent url(../gfx/page-background.gif) 181px 0 repeat-y;
	}
	
div.mainContent {
	margin:0 308px 0 181px;
	padding:10px 25px 15px 25px;
	background-color:#FFFFFF;
	line-height:20px;
	overflow:hidden;
	_overflow:inherit;
	min-height:350px;
	_height:350px;
	}
div.mainContent strong.kop {
	/*color:#C1003C;*/
	}
div.imageBlock {
	clear:both;
	overflow:hidden;
	_width:100%;
	}

div.sidebar {
	width:254px;
	position:absolute;
	z-index:50;
	top:0px;
	right:54px;
	overflow:hidden;
	padding:10px 0 10px 0;
	background-color:#FFFFFF;
	}

div.sidebar a {
	display:block;
	line-height:21px;
	height:21px;
	margin-right:14px;
	margin-top:6px;
	position:relative;
	z-index:50;
	overflow:hidden;
	}
	div.sidebar img { /*VISUAL*/
		display:block;
		position:relative;
		bottom:-10px;
		}
	
	div.sidebar a.transport {background:#FFFFFF url(../gfx/menu-transport.jpg) top left no-repeat;}
	div.sidebar a.transport:hover {background:#FFFFFF url(../gfx/menu-transport.jpg) top right no-repeat;}

	div.sidebar a.opslag {background:#FFFFFF url(../gfx/menu-opslag.jpg) top left no-repeat;}
	div.sidebar a.opslag:hover {background:#FFFFFF url(../gfx/menu-opslag.jpg) top right no-repeat;}

	div.sidebar a.milieu {background:#FFFFFF url(../gfx/menu-milieu.jpg) top left no-repeat;}
	div.sidebar a.milieu:hover {background:#FFFFFF url(../gfx/menu-milieu.jpg) top right no-repeat;}
	
	div.sidebar a.verhuizingen {background:#FFFFFF url(../gfx/menu-verhuizingen.jpg) top left no-repeat;}
	div.sidebar a.verhuizingen:hover {background:#FFFFFF url(../gfx/menu-verhuizingen.jpg) top right no-repeat;}

	div.sidebar a.bedrijfswagen {background:#FFFFFF url(../gfx/menu-bedrijfswagen.jpg) top left no-repeat;}
	div.sidebar a.bedrijfswagen:hover {background:#FFFFFF url(../gfx/menu-bedrijfswagen.jpg) top right no-repeat;}
	
	div.sidebar a.selected {background-position:right top;}
	
.backImage {
	width:502px;
	height:376px;
	background:transparent url(../gfx/back-image.gif) top left no-repeat;
	position:absolute;
	bottom:0px;
	right:0px;
}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}


/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

.formGenerator,
.errorsummary *,
.formSentMessage li {
	color:#004A8D;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	}
.errorsummary * {color:Red;}

.formGenerator td {
	vertical-align:top;
	padding:0 5px 0 0;
	line-height:22px;
	}

.formGenerator input,
.formGenerator label,
.formGenerator textarea,
.formGenerator select {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator td label {font-weight:normal;}
.formGenerator td td input {}
.formGenerator td td {
	background-color:#d0d2cd;
	}

.formGenerator td td label {
	padding:2px;
	}
.RadioButtonList td {
	padding:3px 3px 0 3px;
	}
.RadioButtonList * {
	text-align:center;
	margin:0 auto;
	}
.CheckBoxList td {
	border:0px solid #000000;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
.CheckBoxList input {
	clear:none;
	float:left;
	margin:8px 0 0 5px;
	#margin:5px 0 0 5px;
	}
.CheckBoxList label {
	margin:0 0 0 20px;
	clear:none;
	}

/* ============================================================	*/ 
/* ========	HOME			  	===============================	*/
/* ============================================================	*/

div.home div.contentBlock {background:transparent url(../gfx/group-background.gif) 71px 0px repeat-y;}
div.home div.pageVisual {
	position:absolute;
	left:71px;
	top:60px;
	padding:5px;
	z-index:50;
	background-color:#FFFFFF;
	}
div.home div.mainContent {
	margin:0 308px 0 71px;
	padding-top:150px;
	}
div.home div.mainContent p {
	display:block;
	margin:0 0 0 0;
	}
	
/* ============================================================	*/ 
/* ========	CATEGORIE		  	===============================	*/
/* ============================================================	*/

div.categorie div.pageVisual {
	position:absolute;
	left:181px;
	top:60px;
	padding:5px;
	z-index:50;
	background-color:#FFFFFF;
	}
div.categorie div.mainContent {
	padding-top:50px;
	}

/*###################*/	
ul,
ul li {
	display:block;
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
ul li {
	padding-left:23px;
	_height:20px;/*IE6 background fix*/
	}
ul a {text-decoration:none;}
ul a:hover {text-decoration:underline;}
/*###################*/

ul.submenu,
ul.submenu li {
	display:none;/**/
	/*list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;*/
	}
.transport ul.submenu,
.transport ul.submenu li,
.bedrijfswagen ul.submenu,
.bedrijfswagen ul.submenu li,
.opslag ul.submenu,
.opslag ul.submenu li {
	display:block;/*
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;*/
	}

ul.submenu li {
	padding-left:23px;
	_height:20px;/*IE6 background fix*/
	}
ul.submenu a {text-decoration:none;}
ul.submenu a:hover {text-decoration:underline;}

/* ============================================================	*/ 
/* ========	GALLERY			  	===============================	*/
/* ============================================================	*/

.thumb {
	width:117px;
	height:135px;
	float:left;
	}
.title {
	height:18px;
	clear:both;
	overflow:hidden;
	}
.image {
	width:110px;
	height:110px;
	background-color:#EFEFEF;
	overflow:hidden;
	text-align:center;
	}
	.image img {
		display:block;
		position:relative;
		top:14px;
		margin:auto;
		#margin:0 auto 0 auto;
		}
.gallery {
	width:468px;
	overflow:hidden;
	}


/* ============================================================	*/ 
/* ========	KLEURENSCHEMA'S	  	===============================	*/
/* ============================================================	*/

div.transport div.deco {background:transparent url(../gfx/deco-rood.png) top left no-repeat;}
div.transport a.transport {background-position:right top;}
div.transport strong.kop, div.transport ul.submenu a, div.wagen strong {color:#be013b;}
div.transport ul.submenu li, div.transport ul li {background:transparent url(../gfx/li-rood.gif) center left no-repeat;}
div.transport ul.submenu a {color:#be013b;}

div.opslag div.deco {background:transparent url(../gfx/deco-orange.png) top left no-repeat;}
div.opslag a.opslag {background-position:right top;}
div.opslag strong.kop, div.opslag ul.submenu a, div.wagen strong {color:#df9403;}
div.opslag ul.submenu li, div.opslag ul li {background:transparent url(../gfx/li-orange.gif) center left no-repeat;}

div.milieu div.deco {background:transparent url(../gfx/deco-groen.png) top left no-repeat;}
div.milieu a.milieu {background-position:right top;}
div.milieu strong.kop, div.milieu ul.submenu a, div.wagen strong {color:#9abd05;}
div.milieu ul.submenu li, div.milieu ul li {background:transparent url(../gfx/li-groen.gif) center left no-repeat;}

div.verhuizingen div.deco {background:transparent url(../gfx/deco-groen-blauw.png) top left no-repeat;}
div.verhuizingen a.verhuizingen {background-position:right top;}
div.verhuizingen strong.kop, div.verhuizingen ul.submenu a, div.wagen strong {color:#00968d;}
div.verhuizingen ul.submenu li, div.verhuizingen ul li {background:transparent url(../gfx/li-groen-blauw.gif) center left no-repeat;}

div.bedrijfswagen div.deco {background:transparent url(../gfx/deco-blauw.png) top left no-repeat;}
div.bedrijfswagen a.bedrijfswagen {background-position:right top;}
div.bedrijfswagen strong.kop, div.bedrijfswagen ul.submenu a, div.wagen strong {color:#009ee0;}
div.bedrijfswagen ul.submenu li, div.bedrijfswagen ul li {background:transparent url(../gfx/li-blauw.gif) center left no-repeat;}

/*QUICK*/
/*#ctl00_ContentPlaceHolder1_imgVisual {display:none;}*/
.home #ctl00_ContentPlaceHolder1_imgVisual {display:block;}

.categorie .btnWagenpark {display:none;}
.transport .btnWagenpark {display:block;}
.categorie .btnLease {display:none;}
.bedrijfswagen .btnLease {display:block;}
.categorie .btnOfferte {display:none;}
.verhuizingen .btnOfferte {display:block;}

a.tmLogo {display:none;}
.verhuizingen a.tmLogo {display:block; position:absolute; bottom:20px; right:120px;}
.verhuizingen .mainContent {
    min-height:400px;
    _height:400px;
    }

a.htLogo {display:none;}
.milieu a.htLogo {display:block; position:absolute; bottom:20px; right:80px;}