html, body{
	margin:0;
	padding: 0;
	width: 100%;
}
body {
	background: #E6E7E8 url(../images/background.jpg) top center repeat-y ;
	font-family: Arial, Helvetica, sans-serif;
}
ul, li {
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
#container{
	width: 960px;
	margin: 0 auto;
}

#home #ballon  {
	width: 242px;
	height: 182px;
	margin: 250px 0 0 55px;
	position: absolute;
	z-index: 999;
}

#text #ballon {
	width: 242px;
	height: 182px;
	margin: 140px 0 0 55px;
	position: absolute;
	z-index: 999;
}

#ballon img{
	width: 242px;
	height: 182px;
	behavior: url("iepngfix.htc");
}

#vacatures #ballon {
	width: 275px;
	height: 207px;
	behavior: url("iepngfix.htc");

	margin: 153px 0 0 55px;
	position: absolute;
	z-index: 999;
}
#vacatures #ballon img{
	behavior: url("iepngfix.htc");
	width: 275px;
	height: 207px;
}

#header {
	height: 351px;
	background: url(../images/header_bg.jpg) repeat-y;
}

#header-top {		
	border-bottom: 1px solid #fff;
	height: 100px;
}

#logo {
	position:absolute;
	padding: 11px 0 0 24px;
	z-index: 2;
}

#header .title {
	height: 75px;
}

#h-title{
	display: block;
	position:absolute;
	width: 960px;
	text-align: right;
}
#h-title h1{
	padding: 15px 40px 0 0;
	margin: 0;
	color: #FFFFFF;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
}

#menu {
	position: absolute;
	overflow: hidden;
	margin: 53px 0 0 250px;
	background: url(../images/menu_top_bg.jpg) no-repeat top left;
	text-transform: uppercase;
}
#menu ul {
	padding: 1px 0 0 0;
	list-style: none;
}
#menu li {	
	float: left;
	margin: 0;
	padding: 0;	
	text-align: center;
}

#menu a {
	display: block;
	margin:0;
	padding: 15px 6px 0 6px;
	width: 50px;
	_width: 50px;
	height: 31px;	
	background: url(../images/menu_bg.jpg) repeat-x;	
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
}
#menu a.home {
	width: 34px;
}

#menu a.arbeidsontwikkeling {
	width: 134px;
}
#menu a.zakelijke_diensten {
	width: 114px;
}
#menu a.industriele_toelevering {
	width: 144px;
}
#menu a.fietsenwinkel {
	width: 80px;
}
#menu a.vacatures {
	width: 66px;
	_width: 67px;
}
#menu a.contact{
	width: 54px;
}
#menu a:hover, #menu a.active {
	background: url(../images/menu_bg_active.jpg) repeat-x;
}

#text #header-bottom, #vacatures #header-bottom {
	height: 250px;
}
#home #header-bottom{
	width: 960px;
	height: 250px;
	overflow: hidden;
}

#text #header-bottom-left {
	background: url(../images/h_bottom_left_bg.jpg) repeat-y;
	float: left;
	width: 250px;
	height: 250px;
}

#vacatures #header-bottom-left {
	background: url(../images/h_bottom_left_bg_vac.jpg) repeat-y;
	float: left;
	width: 250px;
	height: 250px;
	overflow: hidden;
}

#text #header-bottom-right, #vacatures #header-bottom-right {
	float: left;
	height: 250px;
	width: 710px;
	overflow: hidden;
}

#home #content, #text #content {
	background: url(../images/content_bg.jpg) repeat-y;
	width: 960px;
}

#home #content-left {
	padding: 120px 0 0 0;
	background: url(../images/submenu_bg.jpg) no-repeat top #D7E5EE;
	width: 250px;
	float: left;
	min-height: 260px;
	_height: 260px;
}

#text #content-left {
	background: #D7E5EE url(../images/submenu_bg_text.jpg) top no-repeat;
	border-top: 1px solid #fff;
	width: 250px;
	min-height: 355px;
	_height: 355px;
	float: left;
}

#vacatures #content {
	background: url(../images/content_bg_vac.jpg) repeat-y;
	width: 960px;
}

#vacatures #content-left {
	background: #FFF45E url(../images/submenu_bg_vac.jpg) top no-repeat;
	border-top: 1px solid #FFF48D;
	width: 250px;
	min-height: 355px;
	_height: 355px;
	float: left;
}

#submenu {
	padding: 0 0 45px 0;
}

#text #submenu li {
	list-style: none;
}

#text #submenu li a {
	color: #fff;
	padding: 9px 0 0 20px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	width: 230px;
	height: 26px;
	background: #81B2CC url(../images/lijn_submenu_text.jpg) bottom left no-repeat;
}

#text #submenu li a:hover {
	background: #9AC1D6 url(../images/lijn_submenu_text.jpg) bottom left no-repeat;
}
#text #submenu .header{
	padding: 9px 0 0 20px;
	width: 230px;
	height: 26px;
	font-size: 16px;
	color: #D7E5EE;
	background: #069 url(../images/lijn_submenu_text.jpg) bottom left no-repeat;
	cursor: default;
}

#vacatures #submenu li {
	list-style: none;
}

#vacatures #submenu li a {
	color: #000;
	padding: 9px 0 0 20px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	width: 230px;
	height: 26px;
	background: #FFEC3E url(../images/lijn_submenu_vac.jpg) bottom left no-repeat;
}
#vacatures #submenu li a:hover {
	background: #FFF48E url(../images/lijn_submenu_vac.jpg) bottom left no-repeat;
}
#vacatures #submenu .header{
	padding: 9px 0 0 20px;
	width: 230px;
	height: 26px;
	font-size: 16px;
	color: #000;

	background: #FFE600 url(../images/lijn_submenu_vac.jpg) bottom left no-repeat;
	cursor: default;
}

#diensten {
	margin: 0 0 40px 0;
	padding: 10px 10px 5px 18px;
	background: #81B2CC;
	font-size: 12px;
	line-height: normal;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#vacatures #diensten {
	background: #FFEC33;
}
#home #diensten{
	margin-top: -40px;
}

#diensten h1{
	margin: 0;
	padding: 0 0 10px 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}

#vacatures #diensten h1{
	color: #000;
}

#diensten ul, #diensten li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#diensten ul{
	margin-bottom: 10px;
}
#diensten li a{
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	color: #000;
	text-decoration: none;
}

#diensten li a:hover{
	color: #006699;
}

#vacatures #diensten li a:hover{
	color: #666666;
}

#content-right {
	width: 710px;
	float: left;
	background: #FFF;
	min-height: 500px;
	_heigth: 500px;
}

#content-right .text {
	padding: 50px 40px;
	font-size: 12px;
	line-height: 150%;
}
#content-right ul,  #content-right li{
	margin: 5px 10px;
	padding: 0px;
}
#content-right .text h1 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

#content-right .text p {
	padding: 8px 0;
	margin: 0;
	font-size: 12px;
}

#content-right .text a {
	color: #006699;
	text-decoration: none;
}

#content-right .text a:hover {
	color: #333333;
	text-decoration: none;
}

#footer {
	border-top: 1px solid #fff;
	backgrond: #006699;
	height: 45px;
}

#footer ul {
	padding: 16px 0 0 343px;
}

#footer li {
	background: url(../images/footer_link_bg.jpg) no-repeat;
	padding: 0 10px;
	float: left;
	list-style: none;
	color: #FFFFFF;
	font-size: 12px;
}

#footer li.first {
	background: none;
	padding: 0 10px;
	float: left;
	list-style: none;
	color: #FFFFFF;
	font-size: 12px;
}

#footer li a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer li a:hover {
	color: #CCCCCC;
}