/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #e8e8e8;
	margin				: 0;
	padding				: 0;
	font				: 0.7em Tahoma;
	text-align			: center; /* #container centreren voor IE5 */
}

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* schaduw						 	*/
/* --------------------------------	*/
#schaduw	{
	background			: url(../img/schaduw_bg.gif) repeat-y center center;
}

#schaduw_header	{
	background			: url(../img/schaduw_header.gif) no-repeat center center;
	height				: 32px;
	position			: absolute;
	top					: 0;
	left				: 0;
	width				: 100%;
	z-index				: 10;
}


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


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 113px;
	background			: url(../img/header_bg.gif) repeat-x;
}


#header h1	{
	margin				: 0;
	position			: absolute;
	top					: 128px;
	right				: 30px;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 50px;
	width				: 150px;
}


/* --------------------------------	*/
/* topmenu						 	*/
/* --------------------------------	*/
#topmenu	{
	position			: absolute;
	right				: 18px;
	top					: 36px;
	list-style			: none;
	margin				: 0;
	padding				: 0;	
	font-size			: 0.9em;
	z-index				: 10;
}

#topmenu li	{
	display				: block;
	float				: left;
	padding				: 0 0 0 7px;
}

#topmenu li a	{
	color				: #A6C9DF;
}

#topmenu li a:hover	{
	color				: #FFF;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	background			: url(../img/menu_bg.gif) no-repeat left bottom;
	height				: 113px;
}

#menu ul	{
	position			: absolute;
	left				: 51px;
	top					: 41px;
	height				: 50px;
	width				: 932px;
	list-style			: none;
	margin				: 0;
	padding				: 0;	
	background			: url(../img/menu_lijst_bg.gif) no-repeat right top;
}

#menu li	{
	display				: block;
	float				: left;
	position			: relative;
}

#menu li a	{
	display				: block;
	height				: 50px;
	text-indent			: -900em;
	overflow			: hidden;
}

#menu li a.motorrijtuig			{ width: 128px; background: url(../img/menu_motorrijtuig.gif) no-repeat left top; }
#menu li a.leven				{ width: 52px; background: url(../img/menu_leven.gif) no-repeat left top; }
#menu li a.woonhuis				{ width: 83px; background: url(../img/menu_woonhuis.gif) no-repeat left top; }
#menu li a.aansprakelijkheid	{ width: 140px; background: url(../img/menu_aansprakelijkheid.gif) no-repeat left top; }
#menu li a.rechtshulp			{ width: 93px; background: url(../img/menu_rechtshulp.gif) no-repeat left top; }
#menu li a.reis					{ width: 40px; background: url(../img/menu_reis.gif) no-repeat left top; }
#menu li a.pakket				{ width: 60px; background: url(../img/menu_pakket.gif) no-repeat left top; }
#menu li a.vrijetijd			{ width: 88px; background: url(../img/menu_vrijetijd.gif) no-repeat left top; }

#menu li a:hover, #menu li:hover a, #menu li.sfhover a, #menu li.actief a	{ 
	background-position	: left bottom; 
}

/* submenu */
#menu li ul	{
	position			: absolute;
	top					: 50px;
	left				: -999em;
	width				: 163px;
	height				: auto;
}

#menu li:hover ul, #menu li.sfhover ul	{
	left				: auto;
}

#menu li ul a	{
	height				: auto;
	padding				: 5px 10px;
	width				: 143px;
	background			: url(../img/submenu_item_bg.gif) no-repeat left top    !important;
	text-indent			: 0;
	overflow			: visible;
	color				: #fff;
	text-decoration		: none;
	border-bottom		: solid 1px #818181;
}

#menu li ul a:hover, #menu li ul li.actief a	{
	background			: url(../img/submenu_item_bg.gif) no-repeat left -150px    !important;
	color				: #333;
	border-bottom		: solid 1px #bebebe;
}

#menu li li	{
	border-bottom		: solid 1px #6c6c6c;
}

#menu li li:hover, #menu li li.sfhover, #menu li li.actief	{
	border-bottom		: solid 1px #9e9e9e;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: #fff url(../img/main_bg.gif) no-repeat 201px top;
	zoom				: 1;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	background			: url(../img/zijbalk_bg.jpg) no-repeat 10px top;
	padding				: 310px 0 0 10px;
	width				: 205px;
	float				: left;
}


/* --------------------------------	*/
/* ga direct naar box			 	*/
/* --------------------------------	*/
#gadirect	{
	background			: url(../img/gadirect_bg.gif) no-repeat left bottom;
	margin-bottom		: 10px;
}

#gadirect h3	{
	background			: url(../img/gadirect_kop.gif) no-repeat left top;
	height				: 50px;
	text-indent			: -900em;
	overflow			: hidden;
	margin				: 0;
}

#gadirect ul	{
	list-style			: none;
	margin				: 0;
	padding				: 0 20px 15px 19px;	
	line-height			: 1.5em;
}

#gadirect ul li	{
	color				: #d77f7f;
}

#gadirect ul li a	{
	color				: #fff;
	text-decoration		: none;
}

#gadirect ul li a:hover	{
	text-decoration		: underline;
}


/* --------------------------------	*/
/* banner						 	*/
/* --------------------------------	*/
#banner	{
	background			: url(../img/banner.gif) no-repeat left top;
	width				: 190px;
	height				: 79px;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 730px;
	padding				: 30px 17px 0 32px;
	color				: #333;
}

#content h1	{
	margin				: 0 0 42px 0;
	width				: 510px;
	font-size			: 1.6em;
	font-weight			: normal;
}

#content h2	{
	margin				: 0 0 42px 0;
	width				: 510px;
	font-size			: 1.2em;
	font-weight			: bold;
}

#content a	{
	color				: #0A7AC2;
}

#content a:hover	{
	text-decoration		:	none;
}


#content .inhoud	{
	line-height			: 1.5em;
	min-height			: 400px;
	_height				: 400px;
}

/* formulier */
#content input, #content select, #content textarea	{
	border				: solid 1px #0A7BC2;
	font				: 1em Tahoma;
	color				: #333;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #0A7BC2;
	color				: #fff;
	font-weight			: bold;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	width				: 684px;
	height				: 26px;
	background			: url(../img/footer_bg.gif) no-repeat;
	padding				: 12px 23px 0 23px;
}

#footer address	{
	font-style			: normal;
	color				: #5D5D5F;
}

#footer address .adres	{
	float				: left;
}

#footer address .contact	{
	float				: right;
}

#footer address a	{
	font-weight			: bold;
	color				: #0A7AC2;
}


/* --------------------------------	*/
/* copyright					 	*/
/* --------------------------------	*/
#copyright	{
	background			: #E8E8E8 url(../img/copyright_bg.gif) no-repeat center top;
	text-align			: center;
	color				: #919191;
	font-size			: 0.9em;
}

#copyright .content	{
	width				: 948px;
	padding				: 20px 23px 10px 23px;
	text-align			: right;
	margin				: 0 auto;
}


/* -------------------------------- */
/* sIFR								*/
/* -------------------------------- */
.sIFR-flash {
	visibility			: visible !important;
	margin				: 0;
}

.sIFR-replaced {
	visibility			: visible !important;
}

span.sIFR-alternate {
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 0;
	height				: 0;
	display				: block;
	overflow			: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display				: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #content h2 {
	visibility			: hidden;
	font-size			: 11px; 
	line-height			: 2.5em;
}
.verzekering {
	font-size: large;
}