html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	color: #474747;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
}

/* algemene container */
#container
{
	background: url(images/background.jpg) top left no-repeat;
	height: auto;
	left: 50%;
	margin: 0 0 0 -450px;
	padding: 0;
	position: absolute;
	width: 900px;
}

/* header, links & rechts */
#header
{
	color: #ac1717;
	height: 25px;
	width: 900px;
}

#header-left
{
	float: left;
	padding: 9px 0 0 12px;
	text-transform: uppercase;
	width: 350px;
}

#header-right
{
	float: right;
	padding: 9px 12px 0 0;
	text-align: right;
	width: 350px;
}

#header-right a:link, #header-right a:active, #header-right a:visited
{
	color: #ac1717;
	text-decoration: none;
}

#header-right a:hover
{
	color: #ac1717;
	text-decoration: underline;
}

/* banner (helemaal in flash op termijn) */
#banner
{
	/*background: url(images/banner.jpg) no-repeat;*/
	height: 151px;
	width: 900px;
}

.toplink
{
	color:#fff;
}

/* horizontale navigatie */
#navigation
{
	background-color: #ccc;
	height: 23px;
	margin: 0 0 1px 0;
	width: 900px;
}

#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul li a
{
	background-color: #ccc;
	color: #ac1717;
	float: left;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	text-align: center;
}

#navigation ul li a:hover, #navigation ul li a.selected
{
	background-color: #999;
	color: #fff;
	text-decoration: none;
}

/* left container (subnavigatie, nieuwsbrief, eyecathcers) */
#container-left
{
	background-color: #ccc;
	float: left;
	height: 100%;
	width: 241px;
}

#subnavigation
{
	margin: 12px 0 17px 13px;
	width: 208px;
}

#subnavigation ul, #subnavigation ul li ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnavigation ul li
{
	margin: 0;
	padding: 0;
}

#subnavigation ul li ul li
{
	margin: 0 0 0 15px;
	padding: 0;
}

#subnavigation ul li a
{
	background: url(images/list_black.gif) center left no-repeat;
	border-bottom: 1px solid #b2b2b2;
	color: #ac1717;
	display: block;
	height: 19px;
	line-height: 19px;
	margin: 0;
	padding: 0 0 0 8px;
	text-decoration: none;
	width: 100%;
}

#subnavigation ul li ul li a
{
	background-image: none;
	border: 0px;
	display: block;
	height: auto;
	line-height: 15px;
	padding: 0;
	text-decoration: none;
}

#subnavigation ul li a:hover, #subnavigation ul li a.selected
{
	background: #b2b2b2 url(images/list_white.gif) center left no-repeat;
	border-bottom: 1px solid #b2b2b2;
	color: #fff;
	text-decoration: none;
}

#subnavigation ul li ul li a:hover, #subnavigation ul li ul li a.selected
{
	background-color: #ccc;
	background-image: none;
	border: 0px;
	color: #ac1717;
	text-decoration: underline;
}

#subnavigation ul li a.no-line
{
	border: 0px solid #b2b2b2;
}

#subnavigation ul li a.no-line:hover, #subnavigation ul li a.no-line-selected
{
	background: #b2b2b2 url(images/list_white.gif) center left no-repeat;
	border: 0px solid #b2b2b2;
	color: #fff;
	text-decoration: none;
}

/* subnavigation collapse menu's by default */
#voertuigen, #rechtsbijstand, #brandverzekering, #aansprakelijkheidsverzekeringen, #zorg_en_gezondheid, #sparen_en_beleggen, #alle_risicos, #pleziervaartuigen
{
	display: none;
}

#newsletter
{
	background-color: #fff;
	border: 1px solid #b2b2b2;
	margin: 13px 0 0 13px;
	padding: 13px 0 13px 0;
	text-align: center;
	width: 214px;
}

#newsletter img
{
	margin: 0 0 10px 0;
}

#newsletter form
{
	margin: 0;
	padding: 0;
}

#newsletter input
{
	background-color: #ededed;
	border: 1px solid #333;
	color: #474747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#newsletter input.text
{
	margin: 0 0 12px 0;
	padding: 1px 3px 1px 3px;
	width: 180px;
}

#newsletter input.button
{
	text-transform: uppercase;
}

#eyecatcher
{
	background-color: #fff;
	border: 1px solid #b2b2b2;
	height: 175px;
	margin: 10px 0 10px 13px;
	width: 214px;
}

/* right container (content, nieuws-enquete-interactief) */
#container-right
{
	float: right;
	width: 658px;
}

#content
{
	color: #474747;
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	height: auto;
	line-height: 16px;
	margin: 13px 20px 15px 18px;
	/*padding: 13px 20px 15px 18px;*/
}

#content h1
{
	background: url(images/list_black.gif) center left no-repeat;
	color: #ac1717;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
}

#content p
{
	line-height: 16px;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: justify;
}

#content a
{
	color: #ac1717;
	text-decoration: underline;
}

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

#content strong
{
	font-weight: bold;
}

#content img
{
	border: 1px solid #5d5d5d;
	padding: 0;
	margin: 2px 0 5px 7px;
	float: right;
}

#content dl
{
	margin: 0px;
	padding: 0px;
}

#content dt
{
	float: left;
	margin: 0;
	padding: 0px;
	width: 200px;
}

#content dd
{
	margin: 0 0 2px 0;
	padding: 0 0 0 10px;
}

#content form
{
	margin: 0px;
	padding: 0px;
}

#content input, select
{
	color: #474747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#content input:hover
{
	background-color: #ddd;
	border: 1px solid #000;
}

#content input.text_small
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	padding: 0 3px 0 3px;
	width: 100px;
}

#content input.text_medium
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	padding: 0 3px 0 3px;
	width: 150px;
}

#content input.text_large
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	padding: 0 3px 0 3px;
	width: 200px;
}



#content select.text_large
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	padding: 0 3px 0 3px;
	width: 100px;
}

#content input.button_small
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	line-height: 12px;
	padding: 0;
	width: 100px;
}

#content input.button_medium
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	line-height: 12px;
	padding: 0;
	width: 150px;
}

#content input.button_large
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	line-height: 12px;
	padding: 0;
	width: 200px;
}

#content textarea
{
	background-color: #f2f2f2;
	border: 1px solid #333;
	color: #474747;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 100px;
	padding: 3px;
	width: 300px;
}

#content textarea:hover
{
	background-color: #ddd;
	border: 1px solid #000;
}

#content span.star
{
	color: #ff000;
}

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

#content ul li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* bottom container, contains (nieuws, enquete, interactief) */
#container-bottom
{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 0 3px;
	width: 639px;
}

#news
{
	display: inline;
	float: left;
	width: 316px;
}

#news-header, #enquete-header, #interactive-header
{
	background-color: #ccc;
	color: #ac1717;
	display: block;
	height: 23px;
}

#news-header h2, #enquete-header h2, #interactive-header h2
{
	background: url(images/list_black.gif) center left no-repeat;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	margin: 0 0 0 10px;
	padding: 5px 0 0 8px;
}

#news-content, #enquete-content, #interactive-content
{
	padding: 5px 3px 0 15px;
}

#news-content a, #enquete-content a, #interactive-content ul li a
{
	color: #ac1717;
	text-decoration: underline;
}

#news-content a:hover, #enquete-content a:hover, #interactive-content ul li a:hover
{
	color: #ac1717;
	text-decoration: none;
}

#news-content p, #enquete-content p
{
	margin: 0;
	padding: 0 0 10px 0;
}

#news-content-date
{
	display: block;
	text-align: right;
}


#news-content-info, #enquete-content-info
{
	display: block;
	text-align: right;
}

#enquete
{
	display: inline;
	float: left;
	margin: 0 0 0 3px;
	width: 316px;
}

#interactive
{
	float: right;
	width: 211px;
}

#interactive ul
{
	margin: 0 0 0 10px;
	padding: 0;
}

#interactive li
{
	list-style-image: url(images/list_black.gif);
	margin: 0;
	padding: 0 0 13px 0;
}

.points_border
{
	border: 1px solid #777;
}