html, body, blockquote, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, address, del, em, img, ins, small, strong, tt, ul, ol, li, dl, dt, dd, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {
	margin: 0; padding: 0; border: 0; outline: 0;
	background: transparent;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #B4B4B8;
}
input, textarea {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
}
ul {
	list-style: none;
}
ol li {
	list-style: inside;
}
:focus {
	outline: none;
}
p {
	margin-bottom: 16px;
	line-height: 22px;
	font-style: normal;
}
a {
	color: #006db9;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
html, body {
	height: 100%;
}
body {
	background: #14141b url(../images/template/bg_body.jpg) top center no-repeat;
}
header, section, footer, aside, nav, article, figure {
	display: block;
}

#container {
	min-height: 100%;
	height: auto !important; 
	height: 100%; 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1;
}
#site {
	width: 1000px; height: auto;
	position: relative;
	margin: 0 auto;
	padding-bottom: 335px;
	z-index: 10;
}
#site header {
	width: 1000px; height: 311px;
	position: relative;
	z-index: 5000;
}
header a#logo {
	width: 334px; height: 150px;
	position: absolute;
	top: 30px; left: 0;
	display: block;
	background: url(../images/template/cor-melissant-auto-logo.png) 0px 0px no-repeat;
}
header #menu {
	width: 1000px;
	height: 51px;
	position: absolute;
	top: 220px;
	background:url(../images/template/bg_menu.png) 0px 0px no-repeat;
}
header #menu nav {
	width: 542px;
	height: 45px;
	position: absolute;
	top: 6px;
	left: 11px;
}
header #menu nav .item {
	height: 45px;
	width: auto;
	position: relative;
	float: left;
}
header #menu nav .item a {
	height: 45px;
	position: relative;
	float: left;
	overflow: hidden;
	text-indent: -2000px;
}
header #menu nav .item .submenu {
	width: 194px;
	height: auto;
	position: absolute;
	top: 45px;
	left: 0px;
	display: none;
}
header #menu nav .item .submenu .top {
	width: 194px;
	height: 10px;
	position: relative;
	background: url(../images/template/submenu_top.png) 0px 0px no-repeat;
}
header #menu nav .item .submenu .middle {
	width: 194px;
	height: auto;
	position: relative;
	padding: 10px 0px;
	background: url(../images/template/submenu_middle.png) 0px 0px repeat-y;
}
header #menu nav .item .submenu .middle:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
header #menu nav .item .submenu .middle a.sublink {
	width: 154px;
	height: 30px;
	position: relative;
	background: url(../images/template/bg_sublink.png) bottom center no-repeat;
	margin-left: 20px;
	color: #fff;
	text-indent: 19px;
	text-decoration: none;
	line-height: 30px;
	overflow: hidden;
}
header #menu nav .item .submenu .middle a.sublink:hover {
	color: #000;
}
header #menu nav .item .submenu .bottom {
	width: 194px;
	height: 10px;
	position: relative;
	background: url(../images/template/submenu_bottom.png) 0px 0px no-repeat;
}
header #menu nav .item a#home  {
	width: 65px;
	background: url(../images/template/menu-sprite.png) 0px 0px no-repeat;
}
header #menu nav .item a#home:hover {
	background: url(../images/template/menu-sprite.png) 0px -45px no-repeat;
}
header #menu nav .item a#overons {
	width: 115px;
	background: url(../images/template/menu-sprite.png) -65px 0px no-repeat;
}
header #menu nav .item a#overons:hover,
header #menu nav .item a#overons.show {
	background: url(../images/template/menu-sprite.png) -65px -90px no-repeat;
}
header #menu nav .item a#werkplaats {
	width: 143px;
	background: url(../images/template/menu-sprite.png) -180px 0px no-repeat;
}
header #menu nav .item a#werkplaats:hover,
header #menu nav .item a#werkplaats.show {
	background: url(../images/template/menu-sprite.png) -180px -90px no-repeat;
}
header #menu nav .item a#occasions {
	width: 129px;
	background: url(../images/template/menu-sprite.png) -323px 0px no-repeat;
}
header #menu nav .item a#occasions:hover,
header #menu nav .item a#occasions.show {
	background: url(../images/template/menu-sprite.png) -323px -90px no-repeat;
}
header #menu nav .item a#contact  {
	width: 90px;
	background: url(../images/template/menu-sprite.png) -452px 0px no-repeat;
}
header #menu nav .item a#contact:hover {
	background: url(../images/template/menu-sprite.png) -452px -45px no-repeat;
}
header #autos {
	width: 445px;
	height: 311px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	background: none;
	z-index: 50;
}
header #autos img {
	width: 445px;
	height: 311px;
	background: none;
}
#site article {
	width: 1000px;
	min-height: 335px;
	position: relative;
	z-index: 20;
}
#site article:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
article .content_home {
	width: 466px;
	height: 335px;
	position: relative;
	float: left;
	color: #b4b4b8;
}
article .content_home h1 {
	width: 415px;
	height: 0px;
	position: relative;
	padding-top: 58px;
	background: url(../images/template/title_home.png) 0px 0px no-repeat;
	overflow: hidden;
	margin-bottom: 15px;
}
article .content_home span {
	font-size: 16px;
	color: #525e66;
}
article .content_home .facebook {
	position: absolute;
	top: 270px;
	right: 0px;
	width: 300px;
	height: 28px;
}
article .video {
	position: relative;
	float: left;
	width: 510px;
	height: 295px;
	margin-left: 24px;
}
article .video object {
	z-index: 40;
}
.blokken {
	width: 1000px;
	height: 241px;
	position: relative;
	z-index: 20;
}
.blokken .blok {
	width: 194px;
	height: 199px;
	position: relative;
	float: left;
	background: url(../images/template/bg_blok.png) 0px 0px no-repeat;
	padding: 21px 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 21px;
	margin-right: 26px;
}
.blokken .blok.last {
	margin-right: 0px;
	/* background: url(../images/template/bg_blok_black.png) 0px 0px no-repeat; */
	color: #b4b4b8;
	font-size: 12px;
}
.blokken .blok.last h2 {
	font-size: 16px;
	color: #525e66;
}
.blokken .blok span.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 52px;
	color: #fff;
	line-height: 52px;
	font-weight: bold;
}
.blokken .blok span.price small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 29px;
	color: #fff;
	line-height: 52px;
	vertical-align: text-top;
}
.blokken .blok .buttons {
	width: 156px;
	height: 76px;
	position: absolute;
	bottom: 18px;
	right: 21px;
}
.blokken .blok .buttons a {
	width: 156px;
	height: 38px;
	position: relative;
	display: block;
}
.blokken .blok .buttons a.fabriek_info {
	background: url(../images/template/buttons_fabrieksonderhoud.png) 0px 0px no-repeat;
}
.blokken .blok .buttons a.fabriek_afspraak {
	background: url(../images/template/buttons_fabrieksonderhoud.png) 0px -38px no-repeat;
}
.blokken .blok .buttons a.kostdat_info {
	background: url(../images/template/buttons_kostdat.png) 0px 0px no-repeat;
}
.blokken .blok .buttons a.kostdat_afspraak {
	background: url(../images/template/buttons_kostdat.png) 0px -38px no-repeat;
}
#banner_kostdat {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/template/banner_kostdat.png) 0px 0px no-repeat;
}
#banner_superactie {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/template/banner_superactie.png) 0px 0px no-repeat;
}
#merken {
	width: 1000px;
	height: 178px;
	position: relative;
	background: url(../images/template/merken.png) 0px 0px no-repeat;
}
#site:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
footer {
	width: 100%;
	height: 335px;
	position: absolute;
	bottom: 0px !important;
	bottom: -1px;
	left: 0;
	background: url(../images/template/bg_footer.jpg) top center repeat-x;
	z-index: 60;
}
footer #footer_content {
	width: 1000px;
	height: 335px;
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	z-index: 40;
}
footer #footer_content .footer_top {
	width: 970px;
	height: 145px;
	position: relative;
	background: url(../images/template/bg_footer_top.gif) bottom center no-repeat;
	padding: 48px 0px 0px 30px;
}
footer #footer_content .footer_top #twitter {
	width: 257px;
	height: 135px;
	position: relative;
	float: left;
	margin-right: 53px;
}
footer #footer_content .footer_top #twitter .tweet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #292930;
}
footer #footer_content .footer_top #twitter .tweet a,
footer #footer_content .footer_top #twitter .tweet span.date {
	color: #fff;
}
footer #footer_content .footer_top #nieuwsbrief {
	width: 293px;
	height: 135px;
	position: relative;
	float: left;
	margin-right: 41px;
}
footer #footer_content .footer_top #nieuwsbrief #inschrijfform {
	width: 292px;
	height: 35px;
	position: relative;
	background: url(../images/template/bg_inschrijfform.jpg) 0px 0px no-repeat;
}
footer #footer_content .footer_top #nieuwsbrief #inschrijfform form {
	width: 143px;
	height: 20px;
	position: relative;
	float: left;
}
footer #footer_content .footer_top #nieuwsbrief #inschrijfform label.input {
	width: 143px;
	height: 20px;
	position: relative;
	float: left;
	margin-left: 10px;
	color: #787882;
	margin-top: 5px;
}
footer #footer_content .footer_top #nieuwsbrief #inschrijfform label.input input {
	width: 143px;
	height: 20px;
	top: 0px;
	left: 0px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-style: italic;
	font-size: 11px;
}
footer #footer_content .footer_top #nieuwsbrief #inschrijfform label.input em {
	width: 143px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	line-height: 20px;
}
footer #footer_content .footer_top #nieuwsbrief #inschrijfform form input.verzend {
	width: 132px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 156px;
	background: url(../x.gif) repeat;
	display: block;
	cursor: pointer;
}
footer #footer_content .footer_top #openingstijden {
	width: 320px;
	height: 135px;
	position: relative;
	float: left;
}
footer #footer_content .footer_top #openingstijden span {
	color: #fff;
}
footer #footer_content .footer_top #openingstijden span.ie {
	color: #b4b4b8;
}
footer #footer_content .footer_top #openingstijden span.grijs {
	position: relative;
	float: right;
	margin-right: 10px;
	color: #b4b4b8;
}
footer #footer_content #copy {
	width: 361px;
	height: 32px;
	position: absolute;
	top: 208px;
	left: 20px;
}
footer #footer_content #copy a {
	color: #82828c;
	text-decoration: none;
}
footer #footer_content #social {
	width: 240px;
	height: 32px;
	position: absolute;
	top: 208px;
	right: 0px;
	line-height: 32px;
	text-align: left;
}
footer #footer_content #social span {
	width: 89px;
	height: 24px;
	position: relative;
	float: left;
}
footer #footer_content #social a.twitter {
	width: 33px;
	height: 24px;
	position: relative;
	float: left;
	background: url(../images/template/btn_twitter.jpg) 0px 0px no-repeat;
}
footer #footer_content #social a.facebook {
	width: 25px;
	height: 24px;
	position: relative;
	float: left;
	margin-left: 8px;
	background: url(../images/template/btn_facebook.jpg) 0px 0px no-repeat;
}
footer #footer_content #social a.youtube {
	width: 59px;
	height: 24px;
	position: relative;
	float: left;
	margin-left: 8px;
	background: url(../images/template/btn_youtube.jpg) 0px 0px no-repeat;
}
#footer-content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}