html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 11px;
	behavior:url("/css/csshover.htc"); /* enable :hover in IE */
}

#mainLayout
{
	width: 100%;
	height: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: fixed;
}

#loLogo
{
	width: 175px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	color: #CCCCCC;	
	background-color: #99CC66;
	text-decoration: none;
}

#loBanner
{
	width: 600px;
	height: 100px;
	padding: 0px;
	text-align: center;	
	vertical-align: middle;
	color: #CCCCCC;	
	background-color: #99CC66;
	background-repeat: no-repeat;
	background-position: bottom left;
}

#loMenu
{
	width: 175px;
	height: 100%;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 0px;
	background-color: #99CC66;
}

#loContent
{
	width: 600px;
	height: 100%;
	padding: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	background-image: url("../images/gkbackground.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #CCFF99;
	font-size: 13px;
}

#loBoekContent
{
	width: 600px;
	height: 100%;
	padding: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	background-color: #CCFF99;
	font-size: 13px;
}

#loBoekContent td a:link, #loBoekContent td a:visited, #loBoekContent td a:active {
	text-decoration: none;
	color: black;
}

#menuLayout
{
	width: 100%;
	border-spacing: 5px;
	table-layout: fixed;
}

#menuLayout td
{
	width: 100%;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	color: #118811;	
	background-color: #BBCC66;
	font-size: 18px;
}

#menuLayout td a:link, #menuLayout td a:visited, #menuLayout td a:active {
	text-decoration: none;
	color: #118811;
}

#boekLayout
{
	width: 100%;
}

tr.oddrow, td.odd
{
	background-color: #DDFFAA;
}

tr.evenrow, td.even
{
	background-color: #AADD77;
}

tr.oddrow:hover, tr.evenrow:hover, td.even:hover, td.odd:hover
{
	background-color: orange;
}

#boekLayout td
{
	text-align: left;
	vertical-align: top;
}

#boekLayout td a:link, #boekLayout td a:visited, #boekLayout td a:active {
	text-decoration: none;
}

#formLayout td
{
	text-align: left;
	vertical-align: top;
}

.empty
{
	height: 100%;
	background-color: #777777;
	background-image: url("../images/empty.png");
	background-repeat: repeat;
}