/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%; /* Required */
}
	
body {
	background: #FFF;
	padding: 0px;
	margin: 0px;
	color: #333333;
	font: 10px Verdana, Arial;

}

#container {
	width: 778px;
	margin-left:100px;
	padding: 0px;
}

#header {
	height:66px;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;	
}


a.submenu {
	color: #000;
	font-weight:normal;
	text-decoration:none;
	font: 11px verdana;
}

a.submenu:hover, a.submenu-actief, a.submenu-actief:hover  {
	color: #000;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}

.submenu:active {
	color: #000;
	font-weight:bold;
	text-decoration:none;
}

A {
	font-family:  Verdana, Arial;
	color:#000000;
	font-style:normal;
	font-weight:normal;
}

A:hover {
	font-family:  Verdana, Arial;
	color:#0B73D4 ;
	font-style:normal;
}

A:visited {
	font-family:  Verdana, Arial;
	font-style:normal;
}

#menubalk{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	background-image:url(../images/plaat01_home.jpg);

}
#menubalk ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}

/* default */

#menubalk2{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	background: #66CCFF;
}
#menubalk2 ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}

/* default */

#menubalk3{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	background-image:url(../images/plaat02_ianame.jpg);
}

#menubalk3 ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}

/* 4 */

#menubalk4{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	background: #003366;
}
#menubalk4 ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}

/* 5 */

#menubalk5{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
}

#menubalk5 {
	background-image:url(../images/plaat02_onswerk.jpg);
}

#menubalk5-static {
	background-image:url(../images/plaat02_onswerk.jpg);
}

#menubalk5 ul, #menubalk5-static {
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}

/* 6 */

#menubalk6{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;

	background: #993300;
}
#menubalk6 ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}

/* THE FUSE. ASP -- 7 */

#menubalk7, #menubalk7-static {
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	z-index:50;
}

#menubalk7 {
	background-image:url(../images/plaat02_thefuse.gif);
}

#menubalk7-static {
	background-image:url(../images/plaat02_thefuse.jpg);
}

#menubalk7 ul, #menubalk7-static ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
	z-index:50;
}

/* 8 */

#menubalk8{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;

	background: #610D07;
}
#menubalk8 ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}

/* 9 */

#menubalk9{
	height: 164px;
	width: 448px;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	background-image:url(../images/plaat02_contact.jpg);

}
#menubalk9 ul{
	width: 430px;
	margin-left: 18px;
	color: #FFFFFF;
}



#tekst{
	margin-top: 15px;
	margin-left: 20px;
}

#foto{
	float: right;
	width: 330px;
	height: 330px;
}

* html #blok  {
 	height: 167px;
}


#contents {
	background: #FFFFFF;
	margin: 0px;
	margin-right: 0px;
	line-height: 18px;
	clear: none;
	float: left;
	overflow: visible;
	z-index:50;
}

/* ----------------------------------------------
	CONTENT FOOTER                             
	____________________________________________ */

.clearer {
	clear: both; 
	line-height:0; 
	height: 0; 
	float: none;
}

/* ----------------------------------------------
	TOPMENU                               
	____________________________________________ */

#logo{
	position:absolute;
	float: left;
	margin-left: -39px; 
	width:130px;
	height: 66px;
}
	
#logo2{
	position:absolute;
	float: left;
	margin-top: 0px;
	margin-left: -39px; 
	background-image:url(../images/bg.gif);
	width: 39px;
	height: 66px;
}
	
*html #logo2{
	margin-left: -169px; 
}

/* ----------------------------------------------
	DOORLOPEN VAN ACHTERGROND KLEUR IN HEADER                            
	____________________________________________ */
#submenu_doorloop {
	display:none;
	position:absolute;
	margin-top:66px;
	margin-left:-50px;
	width: 150px;
	height: 164px;
	z-index:2;
}

*html #submenu_doorloop{
	margin-top: 66px; 
	height: 165px;
	margin-left:-28%;
	width: 28%;
}

	
#menu {
	display:none;
	float: right;
	width: 329px;
}
	
#menu ul {
  display: inline;
  height:100px;
  width: 154px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#menu li{
  float: left;

}

#menu li.wian a {
  width:164px;
  height:20px;
  background-image:url(../images/wian.gif);
  float: left;
}

#menu li.wian a:hover, #menu li.wian-over a {
  width:164px;
  height:20px;
  background-image:url(../images/wian_over.gif);
  float: left;
}


/* ------------------------ */
#menu li.tfe a {
  width:165px;
  height:20px;
  background-image:url(../images/tfe.gif);
  float: left;
}

#menu li.tfe a:hover, #menu li.tfe-over a {
  width:165px;
  height:20px;
  background-image:url(../images/tfe_over.gif);
  float: left;
}




#menu li.ow a {
  width:164px;
  height:20px;
  background-image:url(../images/ow.gif);
  float: left;
}

#menu li.ow a:hover, #menu li.ow-over a {
  width:164px;
  height:20px;
  background-image:url(../images/ow_over.gif);
  float: left;
}


/* ------------------------ */
#menu li.ic a {
  width:165px;
  height:20px;
  background-image:url(../images/ic.gif);
  float: left;
}

#menu li.ic a:hover, #menu li.ic-over a {
  width:165px;
  height:20px;
  background-image:url(../images/ic_over.gif);
  float: left;
}




/* ----------------------------------------------
	LEFT MENU                               
	____________________________________________ */

#leftmenu ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

/* ----------------------------------------------
	CONTENT SETTINGS                               
	____________________________________________ */
h1 {
	font-family: Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

h2{
	font-family: Verdana, Arial;
	font-size: 10px;
	margin: 0px;
	font-weight: bold;
	color: #333333;
}
