/*
 * $Id: main.css,v 1.1 2008-12-02 16:03:28 hilmar Exp $ 
 */
div.mainFrame {
	display:block;
	width:768px;
	min-height:100%;
	border-left:1px solid #869F10;
	border-right:1px solid #869F10;
	margin:0 auto;
	background: url(/images/framework/gradientMain.jpg) left top repeat-y;
}
div.languages {
	display:block;
	height:32px;
	padding-top:10px;
	padding-left:160px;
}
div.welcome {
	display:block;
	width:100%;
	height:32px;
	padding-top:10px;
	border-top:1px solid #839E0F;
	padding-left:145px;
}
div.welcome span {
	display:block;
	float:left;
	color:#BE0843;
	font-size:15px;
}
div.welcome span.item {
	width:102px;
	text-align:center;
}
div.welcome span.minus {
	width:10px;
}

/* Start frameworkTop table markup */
	table.frameworkMain,
	table.frameworkTop {
		width:768px;
		margin:0 auto;
	}
	table.frameworkTop td.top {
		background:#F3F5E8;
		border-bottom:1px solid #859D13;
	}
	table.frameworkTop td.logoTop img {
		float:left;
	}
	table.frameworkTop td.menu {
		background:#004506;
	}
	table.frameworkTop td.languages {
		border-top:1px solid #81A110;
		border-bottom:1px solid #81A110;
		background:#fff;
	}
	table.frameworkTop td.languages a {
		color:#12531B;
		font-weight:800;
		display:block;
		float:left;
		width:130px;
	}
	table.frameworkTop td.languages a img {
		vertical-align:middle;
		margin-right:4px;
	}
/* End frameworkTop table markup */


/* Start frameworkMain table markup */
	table.frameworkMain td.strokeLeft {
		width:295px;
		border-right:2px solid #fff;
	}
	table.frameworkMain td.strokeMain {
		width:471px;
	}
/* End frameworkMain table markup */

/* Start (top)menu style */
	div.menuMainFrame {
		display:block;
		width:100%;
		height:33px;
		background:#004506;
		z-index:50;
	}
	ul#menuMain {
		z-index: 100;
		font-size: 11px;
		list-style-type: none;
		padding: 0;
		margin:0;
		height:32px;
	}
	ul#menuMain li {
		display:block;
		position: relative;
		float: left;
		clear: right;
		z-index:100;
		padding:0;
		width:24%;
		margin:3px;
		margin-top:7px;
		text-align:center;
	}
	ul#menuMain a.rootItem {
		display:block;
		height:16px;
		width:165px;
		background:#004404;
		border:1px solid #81A110;
		line-height:16px;
		text-align:center;
	}
	ul#menuMain li ul {
		top:18px;
		margin:0;
	}
	ul#menuMain a, ul#menuMain a:link, ul#menuMain a:active, ul#menuMain a:visited {
		color: #fff;
		font-weight:800;
		display: block;
	}
	ul#menuMain a:hover {
		color: #FDB800;
		text-decoration: none;
	}
	ul#menuMain li ul { 
		list-style-type: inherit;
		padding: 0;
		margin: 0;
		position: absolute;
		display: none;
		z-index: 101;
	}
	ul#menuMain li ul li {
		margin:0;
		float: none;
		color:#fff;
		z-index:101;
	}
	ul#menuMain li ul li a {
		width:161px;
		padding:2px;
		padding-left:4px;
		background:#7EA181;
		text-align:left;
		font-weight:normal!important;
	}
	ul#menuMain li ul li a:hover {
		color:#000;
	}
	ul#menuMain li ul li ul {
		position:absolute;
		left: 100%;
		top: 0;
		margin:0!important;
		padding:0!important;
	}
	
	ul#menuMain a.itemOn, ul#menuMain a.itemOn:link,ul#menuMain a.itemOn:active,ul#menuMain a.itemOn:visited {
		color: #FDB800!important;
	}
/* End (top)menu style */
	div.homeHeader {
		display:block;
		width:100%;
		padding-left:100px;
		text-align:center;
	}
	div.homeHeader span {
		line-height:32px;
		display:block;
		float:left;
	}
	span.vertaalBureau {
		display:block;
		text-align:left;
		font-size:11px;
		font-weight:800;
	}
	span.minus {
		width:10px;
		padding-left:10px; 
		padding-right:10px;
	}
