@import "reset.css";


body {
	background: url('../images/background.jpg') repeat-x top center #fff;
	font-family: 'Tahoma';
	font-size: 11px;
	line-height: 25px;
	text-align: center;
}

/*
body {
	background: url('../temp/home.jpg') no-repeat top center #fff;
}
*/


div#doc  {
	margin: 0px auto;
	width: 900px;
	text-align: left;
}

div#headercontainer {
	background: url('../images/header.jpg') no-repeat top center;
	margin: 15px auto 0 auto;
	height: 115px;
}

div#header {
	margin: 0px auto;
	width: 900px;
	text-align: left;
}

	div#header div#logo {
		list-style: none;
		float: left;
		margin: 40px 0 0 10px;
	}


	div#header ul {
		list-style: none;
		float: right;
		top: 0px;
		right: 0px;
	}
	
	div#header ul li {
		text-align: right;
		float: left;
		color: #fff;
		font-weight: bold;
		margin: 0 0 0 10px;
	}

	div#header ul ul {
		display: none;
		float: none;
	}

	div#header ul li:hover {
		border-left: 1px solid #fff;
	}

	div#header ul li:hover ul {
		display: block;
	}

	div#header ul li ul li {
		text-align: left;
		float: none;
	}

	div#header ul li ul li:hover {
		border: 0;
	}

	div#header ul li ul li a {
		color: #fff;
	}

div#mainmenu {
	height: 45px;
}
	div#mainmenu ul {
		list-style: none;
	}

	div#mainmenu ul li {
		float: left;
	}

	div#mainmenu ul li a {
		display: block;
		height: 25px;
		width: 129px;
		border-left: 1px solid #323232;
		font-size: 12px;
		color: #323232;
		font-weight: bold;
		padding: 10px 10px;
		line-height: 14px;
	}

	div#mainmenu ul li a span.menusmall {
		font-size: 9px;
		font-weight: normal;
	}

	div#mainmenu ul li a.home {
		background: url('../images/home.gif') repeat-x top left;
	}
	div#mainmenu ul li a.corporate {
		background: url('../images/corporate.gif') repeat-x top left;
	}
	div#mainmenu ul li a.business {
		background: url('../images/business.gif') repeat-x top left;
	}
	div#mainmenu ul li a.consumer {
		background: url('../images/consumer.gif') repeat-x top left;
	}
	div#mainmenu ul li a.news {
		background: url('../images/news.gif') repeat-x top left;
	}
	div#mainmenu ul li a.contact {
		background: url('../images/contact.gif') repeat-x top left;
	}

	div#mainmenu ul li a:hover {
		background-color: #eaeaea;
	}

	div#mainmenu ul li a.active,
	div#mainmenu ul li a.active:hover {
		background-color: #4c4c4c;
		color: #fff;
	}



div#homevisual {
	height: 200px;
	margin: 15px 0 25px 0;
}

div#visual {
	height: 130px;
	margin: 15px 0 25px 0;
}



div#content {

}

	div#content h1.slogan {
		color: #003d76;
		font-size: 20px;
		line-height: 25px;
		font-style: italic;
		margin: 0 10px 25px 10px;
	}



	div#content div.homeblock {
		float: left;
		width: 270px;
		margin: 0 25px 0 10px;
		border-bottom: 1px dotted #7f7f7f;

	}
	div#content div.homeblocklast {
		float: left;
		width: 270px;
		margin: 0 10px 0 10px;
		border-bottom: 1px dotted #7f7f7f;
	}

	div#content div#sidebar-left {
		float: left;
		padding: 0 20px 0 0;
		width: 190px;
	}
		div#content div#sidebar-left ul {
			padding: 0 0 25px 0;
		}

		div#content div#sidebar-left h2 {
			padding: 0 0 0 10px;
		}
		
		div#content div#sidebar-left p {
			padding: 0 0 0 10px;
		}

		div#content div#sidebar-left ul label {
			color: #323232;
			font-size: 20px;
			line-height: 50px;
			padding: 0 0 0 10px;
		}

		div#content div#sidebar-left ul li a {
			display: block;
			height: 29px;
			width: 180px;
			border-bottom: 1px dotted;
			padding: 0 0 0 10px;
			color: #323232;
		}
		
		div#content div#sidebar-left ul li a.active {
			background-color: #4c4c4c;
			color: #fff;
		}

		div#content div#sidebar-left ul.corporate li a {
			background: url('../images/submenu_corporate.gif') no-repeat top right;
			border-color: #bae201;
		}

		div#content div#sidebar-left ul.corporate li a.active {
			background: url('../images/submenu_corporate_active.gif') no-repeat top right #4c4c4c;
		}

		div#content div#sidebar-left ul.news li a {
			background: url('../images/submenu_news.gif') no-repeat top right;
			border-color: #003d76;
		}

		div#content div#sidebar-left ul.news li a.active {
			background: url('../images/submenu_news_active.gif') no-repeat top right #4c4c4c;
		}

		div#content div#sidebar-left ul.consumer li a {
			background: url('../images/submenu_consumer.gif') no-repeat top right;
			border-color: #0076e4;
		}

		div#content div#sidebar-left ul.consumer li a.active {
			background: url('../images/submenu_consumer_active.gif') no-repeat top right #4c4c4c;
		}

		div#content div#sidebar-left ul.consumer li a.activesub {
			background: url('../images/submenu_consumer_active_sub.gif') no-repeat top right;
		}


		div#content div#sidebar-left ul.business li a {
			background: url('../images/submenu_business.gif') no-repeat top right;
			border-color: #78c900;
		}

		div#content div#sidebar-left ul.business li a.active {
			background: url('../images/submenu_business_active.gif') no-repeat top right #4c4c4c;
		}

		div#content div#sidebar-left ul.business li a.activesub {
			background: url('../images/submenu_business_active_sub.gif') no-repeat top right;
		}

		div#content div#sidebar-left ul.contact li a {
			background: url('../images/submenu_contact.gif') no-repeat top right;
			border-color: #ec008c;
		}

		div#content div#sidebar-left ul.contact li a.active {
			background: url('../images/submenu_contact_active.gif') no-repeat top right #4c4c4c;
		}

		div#content div#sidebar-left ul li a:hover {
			background-color: #eaeaea;
		}

		div#content div#sidebar-left ul ul li a {
			padding: 0 0 0 20px;
			width: 170px;
		}




	div#content div#main-content {
		float: left;
		padding: 0 10px 0 20px;
		width: 660px;
	}

	div#content div#main-content.fullwidth {
		padding: 0 10px 0 10px;
		width: auto;
	}

	div#content div#main-content > div {
		margin: 0 0 25px 0;
		border-bottom: 1px dotted #7f7f7f;
	}

	div#content div#main-content div.itemleft {
		margin: 0 15px 25px 0;
		width: 315px;
		float: left;
	}
	div#content div#main-content div.itemright {
		margin: 0 0 25px 15px;
		width: 315px;
		float: left;
	}



	div#content div#main-content p {
		margin: 0 0 25px 0;
	}

	div#content div#main-content ul {
		list-style-type: disc;
		margin: 0 0 25px 0;
		padding: 0 0 0 20px;

	}

	div#content div#main-content div.error p {
		margin: 0;
	}

	div#content div#main-content div.product {
		float: left;
		width: 470px;
		margin: 0 20px 0 0;
	}

	div#content div#main-content div.product-sidebar {
		float: left;
		width: 150px;
		margin: 25px 0 0 20px;
	}

	div#content div#main-content div.product-sidebar h2 {
		margin: 25px 0 0 0;
	}




	div#content div#quote {
		margin: 50px 0 50px 0;
		border: 1px solid #c9c9c9;
		padding: 20px 50px;
	}

	.quote {
		font-family: 'georgia';
		font-size: 18px;
		font-style: italic;
		color: #003d76;
	}

	.quoter {
		text-align: right;
		font-family: 'Georgia';
		font-size: 14px;
		font-style: italic;
		color: #323232;

	}


	
		
h1 {
	color: #323232;
	font-size: 20px;
	line-height: 50px;
}

h2 {
	color: #003d76;
	font-size: 14px;
	font-weight: bold;
}

img.floatleft {
	float: left;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 8px 15px 15px 0;
}

img.floatright {
	float: right;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 8px 0 15px  15px;
}

img.box {
	border: 1px solid #ccc;
	padding: 4px;
	margin: 8px 0 15px 0;
}

img.left {
	float: left;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 8px 0 15px 0;
}


img.spaceleft {
	float: left;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 8px 0 15px 10px;
}



.border {
	border: 1px solid #ccc;
	padding: 4px;
}
	
.clear {
	clear: both;
	float: none;
	display: inline-block;
}

.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

a,
a:link,
a:hover,
a:visited,
a:active {
	text-decoration: none;
	color: #0076e4;
}

a.readmore,
a.back,
a.link,
a.back,
a.print,
a.pdf,
a.pdflink,
a.email,
a.file {
	display: block;
	color: #0076e4;
	background: url('../images/readmore.gif') no-repeat 0px 0px;
	padding: 0 0 0 15px;
}

a.back {
	background: url('../images/back.gif') no-repeat 0px 0px;
}

a.link {
	border-bottom: 1px dotted #7f7f7f;
}


a.print {
	background: url('../images/print.gif') no-repeat 0px 5px;
}


a.pdf {
	background: url('../images/pdf.gif') no-repeat 0px 5px;
}


a.pdflink {
	clear: both;
	float: none;
	background: url('../images/pdf.gif') no-repeat 5px 5px #d5dee7;
	padding: 0 0 0 20px;
}



a.email {
	display: block;
	background: url('../images/email.gif') no-repeat 0px 5px;
}


span.call {
	display: block;
	background: url('../images/call.gif') no-repeat 0px 5px;
	padding: 0 0 0 15px;
}


div.error {
	background: #FFFFDD;
	border: 1px solid #F0C020 !important;
	color: #222200;
	padding: 10px;
	margin: 10px 0px;
}



/* Formulieren -- */

textarea {
  font-size: 100%;
}


form.form {
	width: 520px;
}

/*
form.form fieldset {
	border: 0;
	padding: 10px 0px;
	margin: 0px;
	border-top: 1px solid #ec008c;
}


form.form legend {
	margin: 0 20px;

}
*/

form.form span {
	display: block;
	clear: both;
	float: none;
	padding: 5px 10px;
}

form.form span.error {
	background: #feefef;
}

form.form span.error label {
	color: #ae0101;
}

form.form span.error input,
form.form span.error select,
form.form span.error textarea {
	border: 1px solid #e70d0d;
}


form.form span:hover,
form.form span.active {
   background: #eaeaea;
}


form.form span:hover input,
form.form span.active input, 
form.form span:hover input.text,
form.form span.active input.text, 
form.form span:hover select,
form.form span.active select, 
form.form span:hover textarea,
form.form span.active textarea {
	border: 1px solid #0080ff;
}


form.form  fieldset span label {
	display: block;
	width: 240px;
	float: left;
}

form.form fieldset span input.text, 
form.form fieldset span select, 
form.form fieldset span textarea {
	font-family: Verdana;
	width: 250px;
	float: left;
}

form.form fieldset span select {
	width: 255px;
}

form.form fieldset span input.checkbox {
	float: left;
}

form.form fieldset span select.maand,
form.form fieldset span select.jaar {
	width: 120px;
}


form.form fieldset span input.text {
	display: block;
	border: 1px solid #ccc;
	float: left;
	padding: 2px;

}

form.form fieldset span select {
	display: block;
	border: 1px solid #ccc;
	float: left;
	padding: 2px;
}

select + select {
	margin: 0 0 0 10px;
}

form.form fieldset span textarea {
	display: block;
	border: 1px solid #ccc;
	height: 100px;
	float: left;
	padding: 2px;
}


form.form fieldset span textarea.fullwidth {
	clear: both;
	display: block;
	width: 500px;
	height: 150px;
	border: 1px solid #ccc;
	padding: 2px;
}

form.form fieldset span input.error, 
form.form fieldset span select.error, 
form.form fieldset span textarea.error {
	border: 1px solid #ffb5b5;
}

form.form input.button {
	clear: both;
	float: none;
	background: url('../images/send.jpg') no-repeat;
	width: 150px;
	height: 30px;
	border: 0px;
}





div#footer {
	margin: 20px 0 0 0;
	border-top: 5px solid #323232;
}
	div#footer div#footercontent {
		width: 900px;
		margin: 0 auto;
		padding: 10px 50px;
		text-align: right;
		background: url('../images/footer.jpg') no-repeat top center;
	}