/** BODY ELEMENTS **/

html {												/* .x removes any inherent styling to elements below */
	margin: 0;
	padding: 0;
	color: #999a9c;
	background: transparent;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 101%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.60em;
	text-decoration: none;
	text-align: left;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	}

body {
	color: #999a9c;
	font-size: .75em;
	text-align: center;
	background-image: url(../images/lucht_bg.jpg);
	}


/** MAIN CONTAINERS **/
div#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}
	
/*body.fullwidth div#container { width: 100%; }*/

div#header {
	color: inherit;
	background-color: #d7e3eb;/* achtergrondkleur van de imageflow */	
	padding: 0;
	margin: 0;
	}
	
div#header-in {
	padding: 0;
	margin: 0;
	}	

/* ------------ START CONTENT CENTER ----------- */

#content-wrap{
	background-color:#fff;
	float:left;
	width:562px;/*492*/
	border-left:184px solid #fff; /*254*/
	border-right:254px solid #fff;
	padding: 5px 0 0 0;
}
#leftRail{
	float:left;
	width:184px;/*254*/
	margin-left:-184px;/*254*/
	padding: 18px 0 18px 0;
	position:relative;
}
#center{
	float:left;
	height:285px;/*215*/
	width:562px;/*492*/
	margin-right:-562px;/*492*/
	margin-top:15px;
	margin-bottom:18px;
	border-left:1px solid #999A9C; 
	border-right:1px solid #999A9C; 
}
#rightRail{
	float:right;
	width:254px;/*254*/
	margin-right:-254px;/*254*/
	padding: 18px 0 18px 0;
	position:relative;
}			

/* ------------ END CONTENT CENTER ----------- */

div#footer {
	color: inherit;
	background: url(../images/footer.png) no-repeat left top;
	}
div#footer-in {
	padding: 10px 0 10px 0;
	}
div#footer-in ul {
	width:50%;
	margin: 0 auto;	
	}	
div#footer-in ul li {
	display: inline;
	}	
div#footer-in ul li a {
	width: 200px;
	padding: 5px 0px;
	color: #666;
	background-color: inherit;
	text-decoration: none;
	}
div#footer-in ul li a:hover {
	color: #ccc;
	}	


/** SUB CONTAINERS **/
* { }




/* ---------- TOPMENU --------- */
* { }

/*div#menu {
	height: 100px;
	background: url(../images/logo.png) no-repeat left top;
	position: relative;
	}*/
div#menu {
	height: 79px;
	background: url(../images/logo02.png) no-repeat left top;
	position: relative;
	}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 45px;
	height: 20px;
	background: url(../images/home.png) no-repeat;
	left: 34px;
	top: 27px;
}
#menu .home span {
	width: 45px;
	height: 20px;
	background: url(../images/home_up.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .werk {
	width: 41px;
	height: 20px;
	background: url(../images/werk.png) no-repeat;
	left: 102px;
	top: 27px;
}
#menu .werk span {
	width: 41px;
	height: 20px;
	background: url(../images/werk_up.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .referenties {
	width: 84px;
	height: 20px;
	background: url(../images/referenties.png) no-repeat;
	left: 166px;
	top: 27px;
}
#menu .referenties span {
	width: 84px;
	height: 20px;
	background: url(../images/referenties_up.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .contact {
	width: 58px;
	height: 20px;
	background: url(../images/contact.png) no-repeat;
	left: 273px;
	top: 27px;
}
#menu .contact span {
	width: 58px;
	height: 20px;
	background: url(../images/contact_up.png) no-repeat;
	left: 0px;
	top: 0px;
}

/* --------- SUBMENU LINKERKOLOM --------- */

ul.submenu {
	text-align: right;
	margin: 0;
	padding: 0 30px 0 0;
	}
	
ul.submenu li {
	}
	
	
ul.submenu ul {
	margin: 0;
	padding: 0 0px 0 0;
	}
	
ul.submenu ul li {
	}	


/** TYPOGRAPHY **/
* { }

h1, h3, 
h4, h5, h6 { font-weight: bold; }
h1 {  
	font-size: 12.50em;
	display: none;
	}
h2 {
	font-size: 1em;
	color: #000;
	font-weight: normal;
	padding: 0 0 0 30px;
	margin: 0;
}
h3 {  font-size: 2.00em; 	}
h4 {  font-size: 1.60em; 	}
h5 {  font-size: 1.20em; 	}
h6 {  font-size: 1.00em; 	}

#center p {
	font-color: #999a9c;
	margin: 0.50em 0 1.00em 0;
	line-height: 1.50em;
	padding: 0 30px 0 30px;
	}
#rightRail p {
	margin: 0 30px 0 30px;
	line-height: 1.50em;
	}
a {
	color: #999a9c;
	background-color: inherit;
	text-decoration: underline;
	}
	a:visited 	{ color: #999a9c; background: inherit; }
	a:hover 	{ color: #c4241b; background: inherit; }
	a:active 	{ color: #999a9c; background: inherit; }
	
ul.submenu li a {
	color: #999a9c;
	background-color: inherit;
	text-decoration: none;
	letter-spacing: 0.1em;
	}
	ul.submenu li a:visited 	{ color: #999a9c; background: inherit; }
	ul.submenu li a:hover 	{ color: #c4241b; background: inherit; }
	ul.submenu li a:active 	{ color: #999a9c; background: inherit; }
	
ul.submenu li a span {
	font-color: #c4241b;
	font-weight: bold;
	}
	ul.submenu li a:visited span	{ color: #c4241b; background: inherit; }
	ul.submenu li a:hover span	{ color: #c4241b; background: inherit; }
	ul.submenu li a:active span	{ color: #c4241b; background: inherit; }
	
ul.submenu li ul li a span {
	font-color: #c4241b;
	font-weight: normal;
	}
	ul.submenu li a:visited span	{ color: #c4241b; background: inherit; }
	ul.submenu li a:hover span	{ color: #c4241b; background: inherit; }
	ul.submenu li a:active span	{ color: #c4241b; background: inherit; }	


/** IMGAGES **/

.image {
		/*visibility:hidden;*/
		position:relative; 
		text-align:left;
		width:100%;
		height:287px;/*307*/
		overflow:hidden;
	}
	.image img {
		/*visibility:hidden;*/
		position:absolute; 
		top:0px;
		border:none;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}

/** ANIMATED GIF **/

img.anim {
	text-align: left;
	}

/** FORMS **/
* { }






															/** END **/