@charset "utf-8";
/* CSS Document */


html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;	
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;	
	text-align: center;
	background-image: url(../img/bg_body.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div#container {
	text-align: left;	
	margin: 20px auto 0 auto;
	width: 976px;
	height: auto;	
}

div#top-top {
	width: 976px;
	height: 14px;
	background-image: url(../img/bg_top-top.png);
	background-repeat: no-repeat;
	font-size: 1px;
}

div#top-content {
	width: 976px;
	height: 370px;
	background-image: url(../img/bg_top-content.png);
	background-repeat: repeat-y;
}

	div#top-content-inside {
		width: 942px;
		height: 368px;
		margin: 1px 0 1px 17px;
		position: absolute;
		z-index: 20;
	}
	
	div#top-content div#image {
		width: 942px;
		height: 368px;
		position: absolute;
		z-index: 30;		
	}

	div#top-content div#topbar-bg {
		width: 942px;
		height: 119px;
		position: absolute;
		z-index: 40;
		background-image: url(../img/bg_topbar.png);
	}	
	
	div#top-content div#topbar {
		width: 942px;
		height: 119px;
		position: absolute;
		z-index: 40;
	}
	
		div#top-content div#topbar div#logo {
			width: 308px;
			height: 85px;
			position: absolute;
			z-index: 41;
			margin: 15px 0 0 30px
		}	
	
		div#top-content div#topbar div#slogan {
			width: 250px;
			height: 119px;
			position: absolute;
			z-index: 41;
			margin: 0 0 0 665px;
			color: #00509b;
			font-size: 25px;
			font-weight: bold;
		}	

		
	div#top-content div#menu-bg {
		width: 942px;
		height: 68px;
		position: absolute;
		z-index: 40;
		background-image: url(../img/bg_menu.png);
		margin: 300px 0 0 0;
	}			
		
	div#top-content div#menu {
		width: 942px;
		height: 68px;
		position: absolute;
		z-index: 50;
		margin: 300px 0 0 0;
	}	
	
		div#top-content div#menu ul {	
			margin: 0;
			padding: 0;
			list-style-type: none;		
		}
		
		div#top-content div#menu ul li.spacer {
			width: 1px;
			height: 68px;
			font-size: 1px;
			background-color: #ffffff;
			float: left;
			filter:alpha(opacity=20);
			-moz-opacity:0.2;
			-khtml-opacity: 0.2;
			opacity: 0.2;
		}
		
			div#top-content div#menu ul li.link-normal {	
				width: auto !important;
				width: 0;
				height: 68px;
				float: left;
				line-height: 68px;
			}		
			
				div#top-content div#menu ul li.link-normal a {
					height: 68px;
					width: auto;
					display: block;
					padding: 0 12px 0 11px;
					color: #ffffff;
					text-decoration: none;
					font-size: 11px;
					font-weight: bold;
				}
				
					div#top-content div#menu ul li.link-normal a:hover {	
						height: 68px;
						width: auto;					
						background-image: url(../img/bg_li-hover.png);
					}

					* html div#top-content div#menu ul li.link-normal a:hover {	
						height: 68px;
						width: auto;					
						background: none;
					}		
				
			div#top-content div#menu ul li.link-active {	
				width: auto !important;
				width: 0;
				height: 68px;
				float: left;
				line-height: 68px;
				padding: 0 12px 0 12px;
				color: #ffffff;
				text-decoration: none;
				font-size: 11px;
				font-weight: bold;		
				background-image: url(../img/bg_li-active.png);
			}	
			
				div#top-content div#menu ul li.link-active a {	
					color: #ffffff;
					text-decoration: none;
				}	
			
			
			

div#top-bottom {
	width: 976px;
	height: 14px;
	background-image: url(../img/bg_top-bottom.png);
	background-repeat: no-repeat;
	font-size: 1px;
}


div#container-content {
	width: 976px;
	height: auto;
	display: table;	
}

/* BLOCK BIG */

div#container-content div#block-big-top {
	width: 976px;
	height: 14px;
	background-image: url(../img/bg_content-big-top.png);
	background-repeat: no-repeat;	
	font-size: 1px;
}

div#container-content div#block-big-content {
	width: 976px;
	height: auto;
	background-image: url(../img/bg_content-big.png);
	background-repeat: repeat-y;
	font-size: 11px;
	color: #515151;
}

	div#container-content div#block-big-content div#block-big-content-inside {
		width: 932px;
		height: auto;
		padding: 6px 0 6px 22px;
	}
	
div#container-content div#block-big-foot {
	width: 976px;
	height: 14px;
	background-image: url(../img/bg_content-big-foot.png);
	background-repeat: no-repeat;
	font-size: 1px;
}


/* BLOCK MEDIUM */

div#container-content div#block-medium-top {
	width: 676px;
	height: 14px;
	background-image: url(../img/bg_content-medium-top.png);
	background-repeat: no-repeat;	
	font-size: 1px;
}

div#container-content div#block-medium-content {
	width: 676px;
	height: auto;
	background-image: url(../img/bg_content-medium.png);
	background-repeat: repeat-y;
	font-size: 11px;
	color: #515151;
}

	div#container-content div#block-medium-content div#block-medium-content-inside {
		width: 632px;
		height: auto;
		padding: 6px 0 6px 22px;
	}
	
div#container-content div#block-medium-foot {
	width: 676px;
	height: 14px;
	background-image: url(../img/bg_content-medium-foot.png);
	background-repeat: no-repeat;
	font-size: 1px;
}

/* BLOCK SMALL */

div#container-content div#block-small-top {
	width: 300px;
	height: 14px;
	background-image: url(../img/bg_content-small-top.png);
	background-repeat: no-repeat;	
	font-size: 1px;
}

div#container-content div#block-small-content {
	width: 300px;
	height: auto;
	background-image: url(../img/bg_content-small.png);
	background-repeat: repeat-y;
	font-size: 11px;
	color: #515151;
}

	div#container-content div#block-small-content div#block-small-content-inside {
		width: 246px;
		height: auto;
		padding: 6px 0 6px 22px;
	}
	
div#container-content div#block-small-foot {
	width: 300px;
	height: 14px;
	background-image: url(../img/bg_content-small-foot.png);
	background-repeat: no-repeat;
	font-size: 1px;
}





div#footer {
	width: 976px;
	height: auto;
	margin: 10px 0 0 0;
	font-size: 11px;
	color: #6d6d6d;
}

	div#footer div#footer-inside {
		width: 952px;
		height: auto;
		margin: 10px 0 0 12px;
	}



div#container-content h1 {
	color: #00509b;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
}




div.img-center  {
	text-align: center;
	width: 100%;
	margin: 5px 0 5px 0;
}

	div.img-center  img {
		border: 0;
	}
	
	
table tr.odd  td{
	background-color: #efefef;
	padding: 4px;
}

table tr.even  td{
	padding: 4px;
}

div#container-content a {
	color: #00509b;
}

	div#container-content a:hover {
		color: #003363;
	}

	
table#prices {
	border-top: 1px solid #c8c8c8;
}

		table#prices tr td {
			padding: 2px;
		}

		table#prices tr td.title {
			width: 100px;
			font-weight: bold;
			border-bottom: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;
			border-left: 1px solid #c8c8c8;
		}	
		
		table#prices tr td.content {
			width: 500px;
			border-bottom: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;	
		}
		
		table#prices tr td.price {
			width: 80px;
			border-bottom: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;			
		}	
		
		
		
table#installatie {
	border-top: 1px solid #c8c8c8;
}

		table#installatie tr td {
			padding: 2px;
		}
		
		table#installatie tr td.content {
			width: 600px;
			border-bottom: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;	
			border-left: 1px solid #c8c8c8;
		}
		
		table#installatie tr td.price {
			width: 80px;
			border-bottom: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;			
		}			
		
		table#installatie tr.gemiddeld td.price {
			font-style: italic;		
		}		
		
		
div#home div#logo {
	width: 932px;
	height: 120px;
	background-image: url(../img/logo-home.png);
	background-repeat: no-repeat;
	background-position: center;
}

div#home div#address {
	width: 932px;
	height: auto;
	color: #00b1e6;
	text-align: center;
	font-size: 16px;
	margin: 10px 0 0 0;
}

	div#home div#address a {
		color: #00b1e6;
		text-decoration: none;
	}
	
input.maps_input {
	width: 250px;
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 11px;
	padding: 2px;
	border: 1px solid #8d8d8d;
	color: #434343;
}


input.maps_submit {
	width: auto;
	font-family: Verdana, Geneva, sans-serif;	
	font-size: 11px;
	padding: 2px;
	border: 1px solid #003668;
	color: #ffffff;
	background-color: #00509b;
}

	input.maps_submit:hover,
	input:hover .maps_submit{
		border: 1px solid #002445;
		background-color: #003f7a;
		cursor: pointer;
	}

	
	
	
	
div#whiteblock {
	width: 600px;
	height: 15px;
	background-color: blue;
	position: absolute;
}