* {margin: 0; padding: 0;}
body,html {
	height: 100%;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(../images/achtergrond.jpg);
	background-color: #FFFFFF;
	background-position: top;
}

/* container */
#container {
	width: 990px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

/* header */
#header {
	width: 100%;
	height: 204px;
	background: url(../images/header.png) top left no-repeat;
}
#header h1 {
	display: block;
	width: 329px;
	height: 48px;
	margin: 85px 0 0 110px;
	text-indent: -9999px;
	float: left;
	position: absolute;
	z-index: 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/logo.png);
}
#header img.zak1 {position: absolute; z-index: 1; margin: 42px 0 0 704px;}
#header img.zak3 {position: absolute; z-index: 3; margin: 31px 0 0 758px;}
#header img.zak2 {position: absolute; z-index: 2; margin: 50px 0 0 854px;}

/* infobar */
#infobalk {width: 100%; height: 26px;}
#infobalk ul {height: 26px; margin-left: 60px;}
#infobalk ul li {
	list-style: none;
	color: #02576e;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 15px;
	margin-top: 5px;
}
#infobalk ul li a {color: #02576e;}
#infobalk ul li a:hover {text-decoration: underline;}
#infobalk ul li a.active {text-decoration: underline;}
#headermenu/* hoofdmenu */
 {
	height: 50px;
	float: left;
	padding-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-image: url(../images/menu_lijn.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
/* header nav */
ul#headermenu_nav {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
ul#headermenu_nav li {
	background-image: url(../images/menu_lijn.jpg);
	background-repeat: repeat-y;
	float: left;
	background-position: left;
	height: 50px;
}
#headermenu_nav li a {
	float: left;
	text-decoration: none;
	color: #03729b;
	height: 50px;
	line-height: 50px;
	padding-right: 10px;
	padding-left: 10px;
}
#headermenu_nav li a:hover {
	text-decoration: none;
	background-image: url(../images/menu_over.jpg);
	background-repeat: repeat-x;
	height: 50px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A9D4DD;
	border-left-color: #A9D4DD;
	padding-right: 9px;
	padding-left: 9px;
}
#headermenu_nav li a.headermenu_active {
	text-decoration: none;
	background-image: url(../images/menu_over.jpg);
	background-repeat: repeat-x;
	height: 50px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A9D4DD;
	border-left-color: #A9D4DD;
	padding-right: 9px;
	padding-left: 9px;
}

#hoofdmenu ul {width: 874px; height: 50px; margin-left: 62px; background: url(../images/lijn.png) top left no-repeat;}
#hoofdmenu ul li {height: 50px; float: left; list-style: none; background: url(../images/lijn.png) top right no-repeat; text-align: center; line-height: 50px;}
#hoofdmenu ul li a {display: block; font: normal 14px Arial; color: #03729b; width: 100%;}
#hoofdmenu ul li a:hover {font-weight: bold; color: #026a7f; background: url(../images/menuhvr.png) top left repeat-x;}
#hoofdmenu ul li a.active {font-weight: bold; color: #026a7f; background: url(../images/menuhvr.png) top left repeat-x;}

#top_text {width: 100%; height: 70px; float: left; background: url(../images/info.jpg) top left no-repeat; margin-top: 2px;}
#top_text p {display: block; font: normal 11px Arial; color: #fff; width: 480px; float: left; margin: 6px 0 0 70px; line-height: 18px;}
#top_text a {color: #fff; font-weight: bold;}
#top_text a:hover {text-decoration: underline;}
#top_text h1 {float: right; font: bold 32px Arial; color: #fff; text-transform: uppercase; margin: 16px 47px 0 0;}

#content {width: 615px; height: auto; float: left; margin-left: 70px; margin-top: 10px;}
#content h1 {display: block; font: bold 17px Arial; color: #035e83; text-transform: uppercase; margin-bottom: 5px; height: 24px; width: 100%; border-bottom: 1px dotted #b09f70;}
#content img {padding: 5px}


#bestellen {background: url(../images/bestel.jpg) top left no-repeat; min-height: 513px; height: auto; width: 236px; float: right; margin-right: 47px;}
#bestellen h1 {display: block; font: bold 14px Arial; color: #035e83; text-transform: uppercase; margin: 30px 0 0 10px; height: 24px; width: 210px; border-bottom: 1px dotted #b09f70;}
#bestellen a.bestellen {display: block; margin: 10px 0 0 24px; width: 170px; height: 41px;}
#bestellen p {display: block; width: 210px; margin: 10px 0 0 24px; font: bold 11px Arial; color: #035e83;}
#bestellen p a {display: block; font: bold 12px Arial; color: #035e83; width: 100%;}
#bestellen p span {color: #e92324;}

#footer {width: 100%; height: 72px; background: url(../images/footer.jpg) top left repeat-x; clear: both;}
#foot {width: 990px; margin: 0 auto;}
#foot h2 {font: normal 12px Arial; color: #fff; float: left; margin: 25px 0 0 50px;}
#foot h3 {font: normal 12px Arial; color: #fff; float: right; margin: 25px 50px 0 0;}