body
{
	background-color: #bac3c6;
	background-image: url(bg.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	font-family: Verdana, Arial, Sans-Serif;
	margin: 0;
}

h1 
{
	position: relative;
	color: #666666;
	font-size: 13px;
}

input
{
	font-family: Verdana, Arial, Sans-Serif;
	color: #666666;
}

h1 span 
{
  position: absolute;
  top: 0px;
  left: 0px;
}

h2
{
	font-size: 12px;
	font-weight: bold;
}

/* begin pagina */
.container
{
	margin: 20px auto;
	height: 550px;
	width: 900px;
}

.frameMain /* content */
{
	position: relative;
	float: left;
	background: #ffffff;
	height: 550px;
	width: 646px;
	font-size: 13px;
	z-index: 1;
}	
	
	.content
	{
		position: absolute;
		top: 110px;
		width: 370px;
		height: 387px;
		right: 0;
		padding: 0px 40px;
		color: #666666;
	}

.logo /* digi logo */
{
	position: absolute;
	top: 10px;
	right: 70px;
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	height: 103px;
	width: 345px;
}

.frameLeft /* sidebar */
{
	position: relative;
	float: left;
	background-image: url(frameLeft.jpg);
	background-position: top;
	height: 550px;
	width: 220px;
	
	/*  border-left: solid 1px #4d4e4e; */
}

	#menu
	{
		position: absolute;
		top: 170px;
		/* border-top: solid 1px #465a61; */
		font-size: 12px;
		font-family: Verdana, Arial, Sans-Serif;
		width: 223px;
	}

	#menu ul
	{
		margin: 0;
		padding: 0;
	}
	
	#menu li
	{
		list-style-type: none;
		margin: 0;
	}
	
	#menu li a
	{
		text-decoration: none;
		color: #ffffff;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		background-image: url(sb_knop.jpg);
		background-repeat: no-repeat;
		background-position: 20px;
		background-color:#607278;
		margin: 0px 0px 1px 0px;
		padding: 1px 1px 1px 40px;
		display: block; /* een geheel maken */
	}
		
	#menu li a:hover,menu .activeMainMenuItem
	{
		color: #ffffff;
		background-color:#56a000;
		background-image: url(sb_knop_hover.jpg);
		background-repeat: no-repeat;
		background-position: 20px;
	}
		
	.subMenu
	{
		visibility: hidden;
		position: absolute;
		overflow: hidden;
		background-color: #56a000;
		font-size: 11px;
		font-family: Verdana, Arial, Sans-Serif;
		text-align: left;
		padding: 0;
		z-index: 2; /* subMenu valt over content vlak */
	}
	
	.subMenu ul
	{
		margin:0px;
		padding:0px;
	}
	
	.subMenu ul li
	{
		list-style-type:none;
		margin: 0px;
		padding: 0px;
	}
	
	.subMenu ul li a
	{
		white-space: nowrap;
		text-decoration: none;
		color: #ffffff;
		background-image: url(sb_knop2.jpg);
		background-repeat: no-repeat;
		background-position: 3px;
		height:18px;
		line-height:18px;
		padding: 1px 3px 1px 12px;
		display: block;
	}
	
	.subMenu ul li a:hover
	{
		color:#fff;
		background-color:#607278;
		background-image: url(sb_knop2.jpg);
		background-repeat: no-repeat;
		background-position: 3px;
	}
		
.frameRight /* balk */
{
	float: left;
	background-image: url(frameRight.jpg);
	height: 550px;
	width: 26px;
}

.frameBottom 
{
	position: relative;
	background-image: url(frameBottom.gif);
	background-position: top;
	height: 2px;
	width:892px;
	clear: both;
}

	.frameTekst 
	{
		position: absolute;
		top: 5px;
		left: 250px;
		width: 500px;
		font-size: 11px;
		color: #465a61;
	}
	
		.frameTekst a
		{
			text-decoration: none;
			color: #465a61;
		}
		
		.frameTekst a:hover
		{
			text-decoration: none;
			color: #fff;
		}