/* ----  Body / HTML  ---- */
html, body {
	height: 100%;
}

* {
	padding: 0;
	margin: 0;
}

body {
	margin: 0px;
	padding: 0px;
	background: url('/img/layout/background_html.jpg');
	background-repeat: repeat-x;
	background-color: #60c466;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

img {
	border: 0px;
}

h1 {
	font-size: 18px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
}

h2 {
	font-size: 14px;
	font-style: italic;
}

p {
	margin-bottom: 9px;
}

ul {
	margin: 15px;
}

.inputtext {
	width: 350px;
}

.inputtextarea {
	width: 350px;
	height: 100px;
}

/* ----  Layout  en Menu ---- */
div.canvas {
	width: 990px;
	height: 100%;
	margin: 0px auto;
	background-color: #ffffff;
}

div.header {
	width: 990px;
	height: 210px;
	float: left;
	margin: 0px;
	padding: 0px;
	/* background-color: #FF0000; */
}

ul.menu {
	width: 990px;
	line-height: 35px;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url('/img/layout/background_mainmenu.jpg');
	background-repeat: repeat-x;
	background-color: #1fc729;
	list-style: none;
}

.menu li {
	float: left;
	line-height: 35px;
	padding: 0 10px;
	font-size: 17px;
}

.menu li a {
	color: white;
	text-decoration: none;
	line-height: 35px;
}

.menu li a:hover {
	color: white;
	text-decoration: underline;
}

.menu li.current {
	background: url('/img/layout/mainmenu_selected.gif') 50% 0 no-repeat;
	background-repeat: no-repeat;
}

ul#submenu {
	background: url('/img/layout/background_submenu.jpg');
	line-height: 30px;
}

ul#submenu  li a,
ul#submenu li {
	line-height: 30px;
	font-size: 14px;
}

ul#submenu li.current {
	background: url('/img/layout/submenu_selected.gif') 50% 0 no-repeat;
}

div.bluescreen {
	width: 990px;
	height: 265px;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url('/img/layout/background_bluescreen.jpg');
	background-repeat: no-repeat;
	/* background-color: #3d7de2; */
	color: #000000;
	font-size: 11px;
}

div#content {
	width: 990px;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
}

div.content {
	width: 990px;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
}

	/* deze classes zijn de content blokken verdeelt over 1/3, 2/3 en 1/2 blok en 1 heel blok */
	div.content_one_third {
		width: 365px;
		margin-left: 10px;
		margin-top: 1px;
		/* background-color: #FF0000; */
		float: left;
	}

	div.content_two_third {
		width: 590px;
		margin-left: 10px;
		margin-top: 1px;
		/* background-color: #FF0000; */
		float: left;
	}

	div.content_half {
		width: 480px;
		margin-left: 10px;
		margin-top: 3px;
		/* background-color: #FF0000; */
		float: left;
	}

	div.content_whole {
		width: 970px;
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 3px;
		/* background-color: #FF0000; */
		float: left;
	}

.banner {
	width: 234px;
	margin: 3px;
}

/* ----  Layout specifiek : Index  ---- */
div.bluescreen_index_item {
	width: 237px;
	height: 255px;
	float: left;
	margin: 0px;
	padding: 5px;
	/*background-color: #FF0000;*/
}

	div.bluescreen_index_item h1 {
		width: 215px;
		margin-top: 10px;
		margin-left: 10px;
		/* background-color: #8f0303; */
		font-size: 17px;
	}

	div.bluescreen_index_item_content {
		width: 215px;
		height: 190px;
		margin-top: 4px;
		margin-left: 10px;
		/*background-color: #8f0303;*/
	}

	div.bluescreen_index_item_link {
		width: 215px;
		margin-top: 4px;
		margin-left: 10px;
		/*background-color: #8f0303;*/
		text-align: right;
	}

	.bluescreen_index_item_link a {
		text-decoration: none;
		color: #000000;
	}
	.bluescreen_index_item_link a:link {
		text-decoration: none;
		color: #000000;
	}
	.bluescreen_index_item_link a:visited {
		text-decoration: none;
		color: #000000;
	}
	.bluescreen_index_item_link a:active {
		text-decoration: none;
		color: #000000;
	}
	.bluescreen_index_item_link a:hover {
		text-decoration: underline;
		color: #000000;
	}

div.news_container {
	width: 721px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0px;
	/* background-color: #FF0000; */
}

	div.news_block {
		float: left;
		height: 150px;
		margin-bottom: 5px;
		margin-right: 10px;
		width: 350px;
		/* background-color: #FFFF00; */
	}

	div.news_block h1 {
		display: block;
		margin: 1px;
		width: 345px;
		height: 20px;
		float: left;
		/* background-color: #FFFFCC; */
		font-size: 15px;
		font-weight: bold;
		color: #000000;
	}

	div.news_block p {
		display: block;
		width: 345px;
		/*height: 110px;*/
		float: left;
		/* background-color: #FFFFBB; */
		margin-top: 1px;
		margin: 0 0 15px 0;
		color: #000000;
	}

	div.news_block_link {
		width: 345px;
		height: 15px;
		float: left;
		/* background-color: #FFFFAA; */
		margin-top: 1px;
		text-align: right;
	}

	.news_block_link a {
		text-decoration: none;
		color: #000000;
	}
	.news_block_link a:link {
		text-decoration: none;
		color: #000000;
	}
	.news_block_link a:visited {
		text-decoration: none;
		color: #000000;
	}
	.news_block_link a:active {
		text-decoration: none;
		color: #000000;
	}
	.news_block_link a:hover {
		text-decoration: underline;
		color: #000000;
	}

	div.news_block p a {
		color: #000000;
		text-decoration: none;
	}

	div.news_block p a:hover {
		color: #000000;
		text-decoration: underline;
	}

	.news_block p img {
		float: left;
		margin-right: 5px;
		margin-bottom: 3px;
	}

div#divider_news-banners {
	width: 8px;
	height: 315px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0px;
	background: url('/img/layout/divider_news-banners.jpg');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

div#banner_container {
	width: 240px;
	float: left;
	margin: 5px;
	padding: 0px;
	/* background-color: #FF0000; */
}

div.banners {
	width: 247px;
	float: left;
	text-align: center;
}

/* ---- Netwerk ---- */
form.networksearch {
	width: 445px;
	margin: 10px 5px;
}

span.networkButton {
	display: block;
	width: 445px;
	margin: 0px;
	text-align: right;
}

input.networksearch {
	width: 442px;
}

div.firmNAW {
	width: 215px;
	height: 100px;
	float: left;
	margin: 3px;
}

div#netwerkReclameblock {
	width: 470px;
	/* height: 125px; */
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 5px;
	background: url('/img/layout/background_reclameblock.jpg');
	background-repeat: repeat-x;
	background-color: #49c13d;
	color: #FFFFFF;
}

div#netwerkReclameblock h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 4px;
}

div#netwerkReclameblock p {
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 6px;
}

div#netwerkReclameblock p a,
div#netwerkReclameblock p a:link,
div#netwerkReclameblock p a:active,
div#netwerkReclameblock p a:hover {
	color: #FFFFFF;
}

div#netwerkReclameblock span.leesmeer {
	display: block;
	width: 460px;
	text-align: right;
	color: #FFFFFF;
	margin: 5px;
}

div#netwerkReclameblock span.leesmeer a,
div#netwerkReclameblock span.leesmeer a:link,
div#netwerkReclameblock span.leesmeer a:active,
div#netwerkReclameblock span.leesmeer a:hover {
	color: #FFFFFF;
	font-style: italic;
}

/* ---- Aandachtblock ---- */
div.aandachtBlock {
	width: 470px;
	float: left;
	margin-left: 0px;
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 5px;
	background: url('/img/layout/background_reclameblock.jpg');
	background-repeat: repeat-x;
	background-color: #49c13d;
	color: #FFFFFF;
}

div.aandachtBlock h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 4px;
}

div.aandachtBlock p {
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 6px;
}

div.aandachtBlock p a,
div.aandachtBlock p a:link,
div.aandachtBlock p a:active,
div.aandachtBlock p a:hover {
	color: #FFFFFF;
}

div.aandachtBlock span.leesmeer {
	display: block;
	width: 460px;
	text-align: right;
	color: #FFFFFF;
	margin: 5px;
}

div.aandachtBlock span.leesmeer a,
div.aandachtBlock span.leesmeer a:link,
div.aandachtBlock span.leesmeer a:active,
div.aandachtBlock span.leesmeer a:hover {
	color: #FFFFFF;
	font-style: italic;
}


/* ---- Verzekeringen ---- */
form.insuranceSearch {
	width: 445px;
	margin: 10px 5px;
}

div.insuranceSearch {
	display: block;
	float: left;
	width: 130px;
	margin: 0px;
	text-align: right;
	height: 22px;
}

div.postcodeInput {
	float: left;
	display: block;
	width: 120px;
	height: 22px;
	margin-left: 70px;
}

input.insuranceSearch {
	width: 100px;
}

div#verzekeringPostcodecheck {
	width: 470px;
	height: 100px;
	float: left;
	margin-bottom: 15px;
	padding: 5px;
	background: url('/img/layout/background_reclameblock.jpg');
	background-repeat: repeat-x;
	background-color: #49c13d;
	color: #FFFFFF;
}

div#verzekeringPostcodecheck h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 4px;
}

div#verzekeringPostcodecheck p {
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 6px;
	color: #FFFFFF;
}

div#verzekeringPostcodecheck p a,
div#verzekeringPostcodecheck p a:link,
div#verzekeringPostcodecheck p a:active,
div#verzekeringPostcodecheck p a:hover {
	color: #FFFFFF;
}

div.content_half ul.voorwaarden {
	display: block;
	margin: 25px;
	width: 450px;
	list-style: disc;
}

span.leesmeer {
	display: block;
	text-align: right;
	color: #000000;
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

span.leesmeer a,
span.leesmeer a:link,
span.leesmeer a:active,
span.leesmeer a:hover {
	color: #000000;
	font-style: italic;
}

img.img_ervaringen {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
	text-align: left;
}

.googlemap {
	float: left;
	margin-top: 5px;
}

#elo_tarieven {
	margin-left: 5px;
	border-collapse: collapse;
}
#elo_tarieven td,
#elo_tarieven th {
	width: 90px;
	text-align: left;
}