body {
	background: url('/public/img/site/body_background.gif') repeat-x #cacaca;
	font: 12px Arial;
	line-height: 20px;
}

#main-container {
	width: 990px;
	margin: 0 auto;
	min-height: 500px;
}

#header-container {
	width: 990px;
	height: 433px;
	float: left;
	background: url('/public/img/site/header_background.jpg') no-repeat;
}

#logo {
	width: 245px;
	height: 54px;
	margin: 35px 30px;
	float: left;
}


/*******************************************
MENU
*******************************************/

#menu-container {
	height: 35px;
	float:right;
	margin: 75px 30px 0 0;
	font: 16px Arial;
}

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

#menu-content {
	background: #fff;
	float: left;
	height: 35px;
}

#menu-content ul li{
	float: left;
	margin: 6px 5px;
	padding: 2px 5px;
}

.menu-active {
	background: #005dab;
}

.menu-active a {
	color: #fff !important;
}

#menu-left {
	background: url('/public/img/site/main_menu_left.gif') no-repeat;
	width: 3px;
	height: 35px;
	float: left;
}

#menu-right{
	background: url('/public/img/site/main_menu_right.gif') no-repeat;
	width: 3px;
	height: 35px;
	float: left;
}


/*******************************************
BANNER
*******************************************/

#banner-container {
	width: 920px;
	height: 282px;
	float: left;
	margin: 12px  35px;
}


/*******************************************
CONTENT 
*******************************************/

#content-container {
	float: left;
	width:989px;
	min-height: 500px;
	background: #f6f6f6;
	padding: 0 0 50px 0;
}

#content-holder {
	width: 920px;
	float: left;
	margin: 0 35px;
}

#content-container a {
	text-decoration: none;
	font-weight: bold;
	color: #005dab;
	font-style: italic;
}

#content-left {
	padding: 0 20px 0 0;
	float: left;
	width: 600px;
	border-right: 1px solid #ccc;
}

h1 {
	color: #005dab;
	font: 20px Arial;
	margin: 10px 13px;
}

#content-left p, #content-left h2{
	text-align: justify;
	margin: 10px 13px;
}

.heading-container {
	height: 35px;
	float: left;
	font: 16px Arial;
	color: #fff;
	margin: 10px 0 20px 0;
}

.heading-left {
	width: 3px;
	height: 35px;
	float: left;
	background: url('/public/img/site/bar_left.gif') no-repeat;
}

#content-left .heading-content {
	width: 574px;
}

.heading-content {
	float: left;
	padding: 9px 10px;
	background: url('/public/img/site/bar_background.gif') repeat-x;
	height: 35px;
}

.heading-right {
	width: 3px;
	height: 35px;
	float: left;
	background: url('/public/img/site/bar_right.gif') no-repeat;
}


#content-right {
	padding: 0 0 0 19px;
	float: left;
	width: 280px;
	min-height: 200px;
}

#content-right h2 {
	color: #005dab;
	margin: 0 0 5px 0;

}

#content-right .heading-content {
	width: 250px;
}

.list{
	float: left;
}

.list li{
	color: #005dab;
	width: 250px;
	font-size: 18px;
	margin: 0 10px;
}

/*******************************************
NIEUWS
*******************************************/

.news-item {
	float: left;
	margin: 10px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0
}

.news-date {
	font-weight: bold;
	font-style: italic;
}

/*******************************************
DEALER
*******************************************/

.merk-block {
	float: left;
	width: 200px;
	margin: 0 0 10px 0;
}

.merk-title {
	font-size: 13px;
	font-weight: bold;
	color: #005dab;
}

.merk-block ul li a {
	color: #000 !important;
	font-style: normal !important;
	font-weight: normal !important;
}


/*******************************************
BUTTON
*******************************************/

.button-container {
	height: 35px;
	float: left;
	font: 16px Arial;
	color: #fff;
	margin: 10px 12px 5px 12px;
	cursor: pointer;
}

.button-left {
	width: 3px;
	height: 35px;
	float: left;
	background: url('/public/img/site/button_left.gif') no-repeat;
}

#content-left .button-content {
	width: 250px;
}

.button-content {
	float: left;
	padding: 6px 10px;
	background: url('/public/img/site/button_background.gif') repeat-x;
	height: 35px;
}

.button-right {
	width: 3px;
	height: 35px;
	float: left;
	background: url('/public/img/site/button_right.gif') no-repeat;
}

/*******************************************
DEALERDAG IMAGES
*******************************************/
#dealerdag-images {
	float: left;
	width: 270px;
	margin: 0 0 0 10px;
}

#dealerdag-images img{
	margin: 0 12px 12px 0;
	border: 1px solid #ccc;
}

#dealers {
	width: 270px;
	line-height: 25px;
	margin: 0 0 0 10px;
	font-weight: bold;
	float: left;
}

.city-dealers {
	float: left;
	width: 300px;
	min-height: 150px;
}

.city-dealers .button-container {
	cursor: default;
	margin: 0 ;
}

.dealers {
	float: left;
	width: 250px;
	margin: 0;
}

.dealers ul{
	float: left;
	display: block;
}

.dealers ul li {
	float: left;
	width: 250px;
}

.dealers ul li a{
	font-style: normal !important;
	color: #000 !important;
	font-weight: normal !important;
}


/*******************************************
FOOTER
*******************************************/

#footer-container {
	float: left;
	height: 150px;
	width: 100%;
	background: url('/public/img/site/footer_background.gif') repeat-x;
}

#footer-holder {
	width: 990px;
	margin: 0 auto;
}

#footer-logo {
	float: right;
	margin: 30px 5px 0 0;
}

/*************************************
FORM
*************************************/

.hidden {
	display: none;
}

form {
	margin: 20px 0;
	float: left;
}

form label {
	display: block;
	width: 150px;
	float: left;
	padding: 3px 0;
}

form p {
	float: left;
	margin: 0 0 0 0;
	width: 550px;
}

.form-field {
	border: 1px solid #CCC;
	padding: 5px;
	font: 11px Arial;
}

.large-field {
	float: left;
	width: 300px;
	float: left;
}

.textarea {
	float: left;
	width: 300px;
	height: 90px;
}

.small-button {
	margin: 0 15px;
	cursor: pointer;
	float: left;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 4px 5px !important;
	width: 84px;
	height: 21px;
	border: none;
	background: #005dab;
}

.form-output {
	font-weight: bold;
}