body	{
	font				: 0.75em Arial, sans-serif;
	background			: #334c68 url(../img/body-bg.png) repeat-x left top;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}

#background {
	background			: url(../img/background.jpg) no-repeat center top;	
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 402px;
	background			: url(../img/header-bg.jpg) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 0;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	left				: 29px;
	top					: 138px;
	width				: 211px;
}

#menu li {
	float				: left;
	position			: relative;
	width				: 211px;
	margin				: 0 0 2px 0;
}

#menu li a {
	float				: left;
	width				: 211px;
	height				: 30px;
	text-indent			: -900em;
	background			: url(../img/menu.png) no-repeat;
}

#menu li a.home 		{ background-position: left top; }
#menu li a.occasions 	{ background-position: left -30px; }
#menu li a.merken 		{ background-position: left -60px; }
#menu li a.service 		{ background-position: left -90px; }
#menu li a.onderdelen 	{ background-position: left -120px; }
#menu li a.wiezijnwij 	{ background-position: left -150px; }
#menu li a.contact 		{ background-position: left -180px; }

#menu li:hover a.home,
#menu li.hover a.home,
#menu li.actief a.home 			{ background-position: right top; }
#menu li:hover a.occasions,
#menu li.hover a.occasions,
#menu li.actief a.occasions 	{ background-position: right -30px; }
#menu li:hover a.merken,
#menu li.hover a.merken,
#menu li.actief a.merken 		{ background-position: right -60px; }
#menu li:hover a.service,
#menu li.hover a.service,
#menu li.actief a.service 		{ background-position: right -90px; }
#menu li:hover a.onderdelen,
#menu li.hover a.onderdelen,
#menu li.actief a.onderdelen 	{ background-position: right -120px; }
#menu li:hover a.wiezijnwij,
#menu li.hover a.wiezijnwij,
#menu li.actief a.wiezijnwij 	{ background-position: right -150px; }
#menu li:hover a.contact,
#menu li.hover a.contact,
#menu li.actief a.contact 		{ background-position: right -180px; }

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: -2px;
	width				: 200px;
	padding				: 2px;
	background			: #FFF;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: 211px;
}

#menu li li {
	width				: 186px;
	margin				: 0;
	padding				: 0 7px;
	background			: #334c68;
}

#menu li li a {
	width				: 166px;
	height				: auto;
	padding				: 5px 5px 5px 15px;
	border-top			: 1px solid #7d8d9e;
	font-weight			: bold;
	text-indent			: 0;
	text-decoration		: none;
	color				: #FFF;
	background			: none;
}

#menu li li:first-child a {
	border-top			: none;
}

#menu li li a:hover,
#menu li li.actief a {
	color				: #c81010;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	overflow			: hidden;
	background			: url(../img/main-bg.png) repeat-y left top;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk {
	float				: left;
	width				: 235px;
	padding				: 0 0 0 29px;
}

#zijbalk img {
	margin				: 0 10px 20px 0;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content {
	float				: right;
	width				: 700px;
	padding				: 0 30px 10px 0;
	line-height			: 1.6em;
	color				: #444;
}

#content h1 {
	margin				: 0 0 10px 0;
	font-size			: 2.6em;
	font-weight			: normal;
	line-height			: normal;
	color				: #f40303;
}

#content h1 span {
	color				: #334c68;
}

#content a 			{ color: #039; }
#content a:hover 	{ color: #f40303; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #444; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: 1px solid #CCC;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input:hover, 
#content textarea:hover	{
	border				: 1px solid #334C68;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #334C68;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #334C68;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

/* Pagina navigatie */
#content .navigatie	{
	float				: right;
	padding				: 10px 0;
}

#content .navigatie ul	{
	display				: inline;
}

#content .navigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 1px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .navigatie ul li.navigatie_huidige_pagina,
#content .navigatie ul li.huidige_pagina {
	margin				: 0 1px 0 0;
	padding				: 4px 7px;
	font-weight			: bold;
	color				: #FFF;
	background			: #cb1f1f;
}

#content .navigatie ul li a	{
	padding				: 4px 7px;
	text-decoration		: none;
	color				: #FFF;
	background			: #757575;
}

#content .navigatie ul li.actief a, 
#content .navigatie ul li a:hover	{
	color				: #FFF;
	background			: #334C68;
}


/* -------------------------------- */
/* Occasions					 	*/
/* -------------------------------- */
#occasions p.info {
	margin				: 1em 0;
}

/* Filter form */
#occasions form fieldset {
	overflow			: hidden;
	padding				: 0 0 10px 0;
}

#occasions form legend {
	display				: none;
}

#occasions form select {
	display				: inline;
	float				: left;
	height				: 24px;
	margin				: 0 10px 0 0;
	font-weight			: bold;
}

#occasions form option {
	font-weight			: normal;
}

#occasions form option.titel {
	padding				: 4px;
	border-bottom		: 1px solid #CCC;
	font-weight			: bold;
}

#occasions form .button {
	float				: left;
	position			: relative;
	top					: -10px;
}

#occasions form .button.reset {
	background			: #444444;
	margin-left			: 4px;
}

/* Overzicht */
#occasions #overzicht {
	padding				: 10px 0 0 0;
}

#occasions #overzicht li {
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 323px;
	margin				: 0 5px 5px 0;
	padding				: 10px;
	vertical-align		: top;
	background			: url(../img/occasion-overzicht-bg.png) no-repeat left top;
}

#occasions #overzicht li.hover {
	background			: url(../img/occasion-overzicht-bg.png) no-repeat right top;
}

#occasions #overzicht li img {
	float				: left;
	border				: 1px solid #FFF;
}

#occasions #overzicht li .info {
	float				: right;
	width				: 151px;
	padding				: 0 0 0 15px;
	line-height			: 1.3em;
	color				: #FFF;
}

#occasions #overzicht li .info dt {
	font-weight			: bold;
}

#occasions #overzicht li .info dd {
	margin				: 0 0 5px 0;
}

#occasions #overzicht li .info a {
	float				: right;
	padding				: 3px 5px;
	font-weight			: bold;
	text-decoration		: none;
	color				: #FFF;
	background			: #cb1f1f;
}

/**********/
/* Detail */
/**********/
#occasions #detail {
	overflow			: hidden;	
}

#occasions #detail #fotos {
	float				: left;
	width				: 297px;
}

#occasions #detail #fotos img {
	border				: 1px solid #DDD;
}

#occasions #detail #fotos a:hover img {
	border				: 1px solid #334C68;
}

#occasions #detail #fotos .thumbs {
	overflow			: hidden;
	padding				: 5px 0 10px 0;
}

#occasions #detail #fotos .thumbs li {
	float				: left;
	padding				: 0 1px;
}

/* Buttons */
#occasions #detail #fotos .buttons li {
	margin				: 0 0 5px 0;
}

#occasions #detail #fotos .buttons a {
	display				: block;
	width				: 297px;
	height				: 30px;
	text-indent			: -900em;
	background			: url(../img/detail-buttons.png) no-repeat;
}

#occasions #detail #fotos .buttons a.informatie 		{ background-position: left top; }
#occasions #detail #fotos .buttons a.informatie:hover 	{ background-position: right top; }
#occasions #detail #fotos .buttons a.overzicht 			{ background:none; text-indent:0; text-decoration:none;margin-top:30px; }
#occasions #detail #fotos .buttons a.overzicht:hover 	{ background-position: right bottom; }

/* Info */
#occasions #detail #info {
	float				: left;
	width				: 373px;
	padding				: 0 0 0 30px;
}

#occasions #detail #info h2 {
	font-weight			: normal;
	font-size			: 1.9em;
	color				: #cb1f1f;
}

#occasions #detail #info dl {
	overflow			: hidden;
	padding				: 10px 0 0 0;
}

#occasions #detail #info dt {
	float				: left;
	width				: 123px;
	padding				: 2px 0;
	font-weight			: bold;
	color				: #000;
}

#occasions #detail #info dd {
	float				: left;
	width				: 250px;
	padding				: 2px 0;
	word-wrap           : break-word;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 345px;
	height				: 400px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	width				: 960px;
	margin				: 0 17px;
	padding				: 20px 0;
	font-weight			: bold;
	text-align			: center;
	color				: #FFF;
	background			: #142339 url(../img/adres-bg.png) repeat-x left top;
}

#footer address	{
	font-style			: normal;
}

#footer address a	{
	text-decoration		: none;
	color				: #FFF;
}

#footer address a:hover	{
	text-decoration		: underline;
}

/* Tekst / links onderaan */
#amimpact {
	padding				: 20px 0;
	text-align			: center;
	color				: #FFF;
	background			: url(../img/bottom-bg.png) no-repeat left top;
}

#amimpact a {
	text-decoration		: none;
	color				: #FFF;
}

#amimpact a:hover {
	text-decoration		: underline;
}