/* 
    Author     : F Goumans - Webflo
    Description: Stylesheet voor Machinefabriek Kusters Goumans B.V.
*/

* {
	margin: 0 auto;
	padding: 0;
}
html {
	overflow: -moz-scrollbars-vertical;
}
body {
	background: #d0eafa;
	height: 100%;
	text-align: center;
}
img a { border-style: none;}
	#top {
		background: #344246;
		height: 30px;
	}
	#container {
		width: 886px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		text-align: left;
	}
		#header {
			background: url("../images/header.png") no-repeat;
			width: 886px;
			height: 176px;
		}
			#menu {
				width: 886px;
				height: 41px;
				float: left;
				margin: 136px 0 0 0;
			}

				#menu ul li {
					list-style-type:none;
					margin: 0;
					padding: 0;
					float: left;
					position: relative;
				}
				#menu ul li a {
					color: #fff;
					font-size: 13px;
					font-family: tahoma;
					text-decoration: none;
					padding: 12px 25px;
					float:left;
					display: block;
				}
				#menu ul li a:hover {

					color: #344246;

					background-color: #fff;
				}
					#menu ul li ul{
						width:185px;
						float: left;
						margin: 40px 0 0 0;
						padding: 0;
						position: absolute;
						visibility: hidden;
						left: 0;
						background-color: #344246;
					}

					#menu ul li ul li{
						margin: 0 0 0 0;
						padding:0 0 0 0;
						float: left;
						width:185px;
					}

					#menu ul li ul li a{
						width:180px;
						background-color:#344246;
					}
					#menu ul li ul li a:hover{
						margin: 0;
						width:180px;
						background-color:#ffffff;
					}
					.bold {
						font-weight: bold;
					}
					.hover{
						color: #344246;
						background-color:#ffffff;
					}

				#menu span {
					float: right;
					margin: 11px 15px 13px 25px;
				}
					#menu span img {
						padding: 0 0 0 5px;
					}
		#content {
			width: 630px;
			height: 100%;
			float: left;
			padding: 0;
			margin: 10px 0 20px 0;
			font-family: "Arial";
		}
			#content h1 {
				width: 630px;
				color: #344246;
				font-size: 18px;
				margin: 0 0 10px 0;
				padding: 0;
			}
			#content p {
				width: 630px;
				color: #344246;
				font-size: 12px;
				padding: 0;
			}
			#content a {
				text-decoration: none;
				color: #344246;
			}
			#content a:hover {
				text-decoration: underline;
			}
			#content ul {
				margin: 0 0 0 10px;
				padding: 0;
				color: #344246;
				font-size: 12px;
			}
				#content li {
					list-style-type: disc;
					margin: 0;
					padding: 0;
				}
		#sub {
			margin: 15px 0 20px 0;
			width: 246px;
			border: 1px solid #d8d8d8;
			background: #fff;
			float: right;
			font-family: "Arial";
		}
			#sub h2 {
				color: #8cbad8;
				text-align: right;
				font-size: 22px;
				font-weight: normal;
				padding: 10px;
			}
			#sub p {
				color: #8cbad8;
				font-size: 12px;
				padding: 0 10px 10px 10px;
			}
			#sub span {
				color: #344246;
				font-size: 10px;
				padding: 0 10px 0 10px;
			}
	#footercontainer {
		margin: 20px 0 0 0;
		clear: both;
		background: #344246;
		width: 100%;
		height: 160px;
		text-align: left;
	}
		#footer {
			width: 886px;
			clear: both;
			margin: 0 auto;
		}
			.block {
				float: left;
				width: 211px;
				height: 150px;
				font-family: "Tahoma";
				font-size: 12px;
				background: url("../images/footer.png") no-repeat;
				background-position: 170px 20px;
			}
				.block ul {
					margin: 25px 0 0 15px;
					list-style-type: none;
				}
					.block li {
						height: 30px;
						color: #fff;
					}
						.block li a {
							color: #fff;
							text-decoration: none;
						}
						.block li a:hover {
							color: #8cbad8;
						}
				.third {
					width: 251px;
					background: url("../images/footer.png") no-repeat;
					background-position: 240px 20px;
				}
				.last ul {
					margin: 25px 0 0 35px;
				}


* {
	margin: 0;
}
html, body {
	height: 100%;
}
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
}
#footercontainer, .push {
	height: 160px; /* .push must be the same height as .footer */
}

.push
{
	clear: both;
}