/* Layout ================================================== */

body {
	margin: 0; 
	padding: 0; 
	background: #5D6572 url(images/layout/background.jpg) top center fixed repeat-y; 
	text-align: center;
}
#wrapper {
	margin: 0px auto; 
	padding: 0; 
	border: 1px solid #FFFFFF;
}
#logo {
	margin: 0; 
	padding: 0;
	background-color: #FFFFFF;
}
#container {
	margin: 0; 
	padding: 0;
}
#content {
	margin: 0; 
	padding: 20px; 
	background-color: #FFFFFF;
}
#sidebar {
	margin: 0; 
	padding: 20px 15px 20px 20px; 
	border-left: 1px solid #FFFFFF;
	background-color: #9BA3AF;
}
#footer {
	margin: 0; 
	padding: 3px 8px 4px 0px; 
	border-top: 1px solid #FFFFFF; 
	background-color: #434A55;
}
/* ================================================== Layout */

/* Menu ================================================== */

.menu {
	margin: 0; 
	padding: 0;
}
.menu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
.menu ul li {
	margin: 0; 
	padding: 0; 
	float: left; 
	display: block;
}
.menu ul li a {
	margin: 0; 
	padding: 3px 0px 4px 0px; 
	width: 119px; 
	display: block; 
	border-top: 1px solid #FFFFFF; 
	border-right: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF; 
	background-color: #018BC4; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF; 
	line-height: 18px;
}
html>body .menu ul li a {
	width: 118px;
}
.menu ul li.line a {
	width: 118px; 
	border-right: 0;
}
html>body .menu ul li.line a {
	width: 118px; 
	border-right: 0;
}
.menu ul li a:hover {
	background-color: #434A55; 
	color: #9BA3AF;
}
/* ================================================== Menu */

/* Sub-Menu ================================================== */

.submenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
.submenu ul li a {
	margin: 0; 
	padding: 0px 0px 0px 9px; 
	background: transparent url(images/layout/bullet_gray.jpg) left center no-repeat; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none;
	color: #000000; 
	line-height: 18px;
}
.submenu ul li a:hover {
	background: transparent url(images/layout/bullet_white.jpg) left center no-repeat; 
	color: #FFFFFF;
}
/* ================================================== Sub-Menu */

/* Text-Block ================================================== */

.text_block {
	margin: 0; 
	padding: 10px 0px 10px 0px; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	line-height: 18px;
}
/* ================================================== Text-Block */

/* Border ================================================== */

.border_top {
	border-top: 1px solid #000000;
}
.border_bottom {
	border-bottom: 1px solid #000000;
}
/* ================================================== Border */

/* Menu-Producten ================================================== */

.menu_producten {
	margin: 0; 
	padding: 20px 0px 10px 0px;
}
.menu_producten ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
.menu_producten ul li {
	margin: 0; 
	padding: 0px 0px 5px 0px; 
	display: block;
}
.menu_producten ul li a {
	margin: 0; 
	padding: 1px 5px 2px 5px;
	width: 400px;
	display: block; 
	border: 1px solid #000000; 
	background-color: #E5E9EF;
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none; 
	color: #000000;
	line-height: 18px;
}
html>body .menu_producten ul li a {
	padding: 2px 5px 1px 5px;
	width: 388px;
}
.menu_producten ul li a:hover {
	background-color: #9BA3AF;
}
/* ================================================== Menu-Producten */

/* Producten ================================================== */

.producten_block {
	margin: 0; 
	padding: 15px 0px 15px 0px;
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	line-height: 18px;
}
/* ================================================== Producten */

/* Informatie ================================================== */

.block_informatie {
	margin: 0; 
	padding: 20px 0px 20px 0px; 
}
.block_textfield {
	margin: 0; 
	padding: 10px; 
	border: 1px solid #000000;
	background-color: #E5E9EF; 
}
.block_checkbox {
	margin: 0; 
	padding: 0; 
	border: 1px solid #000000;
	background-color: #E5E9EF;  
}
.text_checkbox {
	margin: 0; 
	padding: 10px; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	line-height: 18px;
}
.text_textfield {
	margin: 0; 
	padding: 0; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	line-height: 18px;
}
td.off_informatie {
	margin: 0; 
	padding: 1px 5px 2px 5px;
	border: 1px solid #000000; 
	background-color: #E5E9EF; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 18px;
}
td.on_informatie {
	margin: 0; 
	padding: 1px 5px 2px 5px;
	border: 1px solid #000000; 
	background-color: #9BA3AF; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 18px;
}                                                                                       
/* ================================================== Informatie */

/* Form ================================================== */

.textbox {
	background-color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
}
.button_submit {
	margin: 0; 
	padding: 2px 15px 1px 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
} 
/* ================================================== Form */

/* Presentatie ================================================== */

.presentatie_block {
	margin: 0px; 
	padding: 10px 0px 10px 0px;
}
.text_presentatie {
	text-align: left; 
	font-family: arial; 
	font-size: 12px; 
	color: #000000; 
	line-height: 18px;
}
/* ================================================== Presentatie */

/* Block ================================================== */

.block {
	background-color: #000000; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	text-decoration: none;
}
.block_padding {
	margin: 0px; 
	padding: 20px 0px 0px 0px; 
}
.row_1 {
	background-color: #9BA3AF;
}
.row_2 {
	background-color: #CCD2DB;
}
.row_3 {
	background-color: #E5E9EF;
}
.row_4 {
	background-color: #FFFFFF;
}
/* ================================================== Block */

/* Sitemap ================================================== */

.sitemap {
	margin: 0;
	padding: 0px 0px 15px 0px;
	width: 400px;
	text-align: left;
}
.sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sitemap li { 
	border-left: 1px solid black; 
}
.sitemap ul ul {
	margin: 0;
	padding-left: 15px;
}
.sitemap ul li {
	margin: 0;
	padding-left: 5px;
}
.sitemap a {
	margin: 0;
	padding: 1px 3px 1px 3px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 18px;
}
.sitemap a:hover {
	margin: 0;
	padding: 1px 3px 1px 3px;
	background-color: #018BC4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #FFFFFF; 
	text-decoration: none; 
	line-height: 18px;
}
/* ================================================== Sitemap */

/* Buttons ================================================== */

.block_button {
	margin: 0; 
	padding: 20px 0px 3px 0px;
}
html>body .block_button {
	padding: 20px 0px 0px 0px;
}
.button a {
	margin: 0; 
	padding: 3px 20px;
	border: 1px solid #000000;
	background-color: #E5E9EF;
	text-align: center;
	font-family: arial; 
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 18px;
}
.button a:hover {
	background-color: #9BA3AF; 
}
/* ================================================== Buttons */

/* Popups ================================================== */

.block_popups {
	margin: 0;
	padding: 20px 0px 20px 0px;
} 
/* ================================================== Popups */

/* Text ================================================== */

.note {
	margin: 0;
	padding: 0px 20px 0px 20px;
	font-style: italic;
}
.text {
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: none; 
	color: #000000; 
	line-height: 18px;
}
.text_image {
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: none; 
	color: #000000; 
	line-height: 18px;
}
h1 { 
	margin: 0; 
	padding: 0px 0px 10px 0px; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 16px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 18px;
}
h2 { 
	margin: 0; 
	padding: 0px 0px 10px 0px; 
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 18px;
}
.h2_link {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px; 
	font-weight: bold; 
	color: #018BC4; 
	text-decoration: underline; 
	line-height: 18px;
}
.h2_link:hover {
	background-color: #018BC4;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 14px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none; 
	line-height: 18px;
}
.text_link {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;  
	text-decoration: underline;
	color: #000000; 
	line-height: 18px;
}
.text_link:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-decoration: underline;
	color: #018BC4; 
	line-height: 18px;
}
.copyright {
	text-align: right; 
	font-family: Arial, Helvetica, sans-serif;  
	font-size: 10px; 
	color: #9BA3AF; 
	text-decoration: none; 
	line-height: 18px;
}

.image_link_text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;  
	text-decoration: none;
	color: #000000; 
}
.image_link_text:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: underline;
	color: #018BC4;
}
/* ================================================== Text */