/* css knipper bug oplossing */
html 					{ 
	filter				: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body					{
	background			: url(../img/background.jpg) bottom left repeat-x fixed #ffffdc;
	font				: 0.7em Verdana, Arial, Helvetica, sans-serif;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container				{
	position			: relative;
	margin				: 0 auto;
	width				: 970px;
}

#container .clear		{
	clear				: both;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header					{
	position			: relative;
	height				: 72px;
	background			: url(../img/header_bg.gif) no-repeat;
}

#header h1 				{
	position			: absolute;
	left				: -999em;
	top					: 0;
}

#header p 				{
	position			: absolute;
	left				: -999em;
	top					: 0;
	width				: 40px;
}


/* --------------------------------	*/
/* menu						 		*/
/* --------------------------------	*/
#menu					{
	background			: #BE3E11 url(../img/menu_bg.gif) no-repeat;
	height				: 31px;
}

#menu ul				{
	margin-left			: 155px;
}

#menu li 				{
	margin-top			: 8px;
	float				: left;
	padding				: 0 15px;
	border-right		: solid 1px #DFA269;
}

#menu li a				{
	text-decoration		: none;
	color				: #fff;
	font-weight			: bold;
}

#menu li a:hover, #menu li.actief a		{
	text-decoration		: underline;
	color				: #fff;
}


/* --------------------------------	*/
/* main								*/
/* --------------------------------	*/
#main					{
	background			: url(../img/zijkant.jpg) #fff repeat-y;
}


/* --------------------------------	*/
/* submenu							*/
/* --------------------------------	*/
#submenu				{
	background			: url(../img/submenu.jpg) no-repeat;
	width				: 149px;
	height				: 216px;
	float				: left;
}


/* --------------------------------	*/
/* content							*/
/* --------------------------------	*/
#content				{
	float				: right;
	width				: 780px;
	padding				: 20px;
	line-height			: 1.6em;
}

#content h1				{
	color				: #333367;
	font				: italic 2.2em Georgia, "Times New Roman", Times, serif;
	margin				: 0 0 15px 0;
}

#content h2				{
	color				: #333367;
	font-size			: 1.8em;
	margin				: 0 0 15px 0;
}

#content h3				{
	color				: #333367;
	font-size			: 1.5em;
	font-weight			: normal;
	margin				: 0 0 15px 0;
}

#content p				{
	margin				: 0 0 15px 0;
}

#content ul	{
	margin				: 0 0 10px 30px;
	list-style			: disc;
}

#content ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}


/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
#content .formmodule h4	{
	display				: none;
}

#content .formmodule ul.error {
	color				: #c00;
	list-style			: square;
}

#content .formmodule fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

#content .formmodule input.fout,
#content .formmodule select.fout,
#content .formmodule textarea.fout	{
	border				: solid 1px #f00;
}

#content .formmodule label.fout	{
	color				: #f00;
}

#content .formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #f00;
} 

#content .formmodule ul.formulier {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

#content .formmodule ul.formulier li	{
	padding				: 1px 0;
} 

#content .formmodule label	{
	cursor				: pointer;
} 

#content .formmodule li.melding	{
	color				: #f00;
}

#content .formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: solid 1px dotted;
} 

/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   .formmodule li.kolomNaam div.label */
#content .formmodule li.fm_form1_postcode	{
	float				: left;
	width				: 70px;
}

#content .formmodule li.fm_form1_plaats	{
	float				: left;
	width				: 230px;
}

#content .formmodule li.fm_form1_telefoonnummer	{
	clear				: both;
}


/* --------------------------------	*/
/* index							*/
/* --------------------------------	*/
#index	{
}

#index .info	{
	float				: left;
	width				: 75%;
}

#index .info ul li	{
	margin				: 0 0 10px 0;
}

#index .info a {
	color				: #BE3E11;
}

#index .info a:hover {
	color				: #C00;
}

#index .fotos	{
	float				: right;
	width				: 25%;
	text-align			: center;
}

#index .fotos img	{
	margin				: 0 0 20px 0;
}


/* --------------------------------	*/
/* automaten overzicht			 	*/
/* --------------------------------	*/
#automaten ul	{
	list-style			: none;
	margin				: 0;
}

#automaten li	{
	padding				: 0 0 15px 0;
}

#automaten li div.foto	{
	float				: left;
	width				: 90px;
	text-align			: center;
}

#automaten li div.info	{
	float				: right;
	width				: 655px;
	background			: #F9E8BA;
	padding				: 3px 6px;
}

#automaten li div.info p	{
	margin				: 0;
}

#automaten li div.info h4 a	{
	text-decoration		: none;
	color				: #000;
}


/* --------------------------------	*/
/* automaat						 	*/
/* --------------------------------	*/
#automaat	{
}

#automaat div.foto	{
	float				: left;
	width				: 300px;
}

#automaat div.info	{
	float				: right;
	width				: 460px;
}

#automaat div.info p	{
	margin-bottom		: 15px;
}

#automaat div.info p.informatie	{
	font-weight			: bold;
}

#automaat div.info p.extra_informatie	{
	background			: #F9E8BA;
	padding				: 5px 8px;
}

#automaat div.info p a.terug,
#automaat div.info p a.specificaties,
#automaat div.info p a.info_aanvragen {
	background			: #BE3E0F;
	border				: solid 1px #BE3E0F;
	color				: #fff;
	padding				: 5px;
	text-decoration		: none;	
	font-weight			: bold;
}

#automaat div.info p a.specificaties,
#automaat div.info p a.info_aanvragen {
	margin				: 0 0 0 5px;
}


/* --------------------------------	*/
/* footer							*/
/* --------------------------------	*/
#footer					{
	background			: #333367;
	width				: 970px;
	height				: 27px;
	line-height			: 27px;
	clear				: both;
	text-align			: center;
	color				: #fff;
}

#footer address 		{
	font-style			: normal;
	color				: white;
}

#footer a:link			{
	color				: #fff;
	text-decoration		: none;
}

#footer a:hover			{
	color				: #fff;
	text-decoration		: underline;
}

#footer a:visited		{
	color				: #fff;
	text-decoration		: none;
}
