/* 	mni-> menuitem
	lex-> leftextra
	rex-> rightextra
	tex->topextra
	bex->bottomextra
	mnei->menuitemextrainfo
*/

html {
width : 100%;
height : 100%;
margin : 0px;
padding : 0px;
overflow : hidden;
background-color : #f4f4f;
background-image : url('/images/bg.png');
background-position : bottom;
background-repeat : repeat-x;
}

body {
width : 100%;
height : 100%;
margin : 0px;
padding : 0px;
behavior : url(../csshover.htc);
font-family : tahoma, arial;
overflow : hidden;
}

a {
text-decoration : none;
color : #000000;
}

img {
border : 0;
}

#title {
text-align : center;
font-size : 2em;
height : 49px;
overflow : hidden;
background-color : #ffffff;
border-bottom : 1px solid #666666;
overflow : hidden;
}

#mainwindow {
width : 100%;
height :90%;
margin : 0 0 0 0;
padding : 0px;
overflow-y : auto;
overflow-x : hidden;
}

#content {
height : 100%;
margin-left : 160px;
margin-right : 160px;
position : relative;
z-index : 2;
}

#scrollbox {
height : 100%;
width : 100%;  
overflow-y : auto; 
overflow-x : auto;
}
#hoofdmenu {
height : auto;
}

#hoofdmenu .mnititle{
padding-left : 3px;
}

/* hovering code for menu divs */
#menulayer {
position : absolute;
z-index : 5;
width : 100%;
top : 3.1em;
background-color : transparent;
}

.menurow {
width : 150px;
position : absolute;

}

.mni {
display : block;
width : 150px;
}

.mni ul, .mni ul li {
display : block;
list-style-type : none;
padding : 0;
margin : 0;
}

div.mni {
position : relative;
background-color : #dfdfdf;
border-right : 1px solid #666666;
border-bottom : 1px solid #666666;
font-size : 0.8em;
}

div.mni h4, .mnuhdr {
display : block;
font-weight : bold; 
background-color : #bfbfbf;
border : 0;
border-bottom : 2px solid #666666;
padding : 0;
margin : 0;
font-size : 1.1em;
text-indent : 0.2em;
}
.mni a  {
text-decoration : underline;
margin-left : 5px;

}
.mni strong {
margin-left : 5px;
}
div.mni li a {
display : block;
border-top : 1px solid #666666;
border-bottom : 1px solid #efefef;
color : #000000;
padding : 2px 0 2px 0;
text-indent : 8px;
font-size : 1em;
text-decoration : none;
margin : 0;
}
div.mni li a:hover {
background-color : #efefef;
}
div.mni span.mnei {
display : none;
}
div.mni:hover span.mnei {
width : auto;
height : auto;
display : inline;
z-index : 1800;
position : relative;
}

div.mni-fixed:hover{
position: absolute;
top : 0;
left : 15px;
z-index : 1800;
width : 400px;
height : 400px;
}

div.bmnu {
width: 150px;
overflow:hidden;
}

div.bmnu:hover {
min-width : 150px;
width : auto;
overflow: visible;
}

/* end hovering code for divs*/

/* hovering extra info for links */
a.helpedlink {
	position: relative;
	display: block;
}

.helpedlink span.linkhelp {
	display:none;
}
a.helpedlink span.linkhelp {
	display:none;
}

a.helpedlink span.linkhelp div {
}


.helpedlink:hover span.linkhelp , a.helpedlink:focus span.linkhelp, a.helpedlink:active span.linkhelp{
	position: absolute;
	z-index: 1000;
	display: inline;
	width: 15em;
	padding: 4px;
	height: 200px;
	overflow: auto;
}


/* end hovering extra info for links */



.r {
float: right;
}
.l {
float: left;
}

.l0 {
left: 0px;
}

.r0 {
right: 0px;
}

.r14 {
right: 18px;
}

.t14 {
top: -50px;
}

.lex {
left: 70px;
}

.rex {
right: 70px;
}

.tex {
top: 0;
}

.bex {
bottom: 0px;
}

.rtex {
text-align: right;
}

.ltex {
text-align: left;
}

.menutitle {
display: block;

}

/* entries voor fr */

div.fr {
margin-right : 26px;
margin-top: 4px;
border : 1px solid #666666;
padding : 5px;
}

div.frt {
background-color : #ffffff;
padding-left : 15px;
}

span.hfrt {
float: left;
clear: left;
margin-left: 3px;

}
span.hfr {
float: right;
clear: right;
margin-right: 4px;
}
span.frt {
float: left;
clear: left;
margin-left: 3px;

}
span.fr {
float: right;
clear: right;
margin-right: 4px;
}

div.frh {
margin-bottom: 5px;
}

h1.frh {
width: 99%;
height: 1.2em;
}

div.fri {
margin-left: 3px;
}
.tri {
background-color : #dfdfdf;
border: 1px solid #666666;
margin : 5px 0 5px 0;
padding : 5px;
}

.trt {
height : 3.6em;
width: 200px;
float: left;
overflow: hidden;
}

.trc {
height : 3.6em;
overflow: hidden;
border : 1px solid #666666;
background-color : #efefef;
padding : 5px;
}
.cli span.clei {
display : none;
}

.cli:hover span.clei, .cli:active span.clei, .cli:focus span.clei {
position : absolute;
z-index : 500;
width:  12em;
height : auto;
display : block;
border : 1px solid #666666;
background-color : #bfbfbf;
}
.cli:hover{
background-color : #efefef;
}
.clt {
padding-left:4px;
}
.clt a {
display : inline;
text-decoration : none;
font-size : 1em;
font-weight : normal;
}
.clti {
display: block;
float: left;
text-align: center;
width: 17px;
margin-right : 1px;
margin-bottom : 1px;
border: 1px solid #666666;
font-weight : bold;
background-color : #bfbfbf;
}
.clr {
margin-left:4px;
}
.cli {
position: relative;
display: block;
float:left;
text-decoration: none;
z-index: 400;
text-align : right;
width: 17px;
margin-right : 1px;
margin-bottom : 1px;
border : 1px solid #666666;
}
.clr span a {
text-decoration : none;
margin : 0;
padding : 0;
}
.clf {
position: relative;
display: block;
float:left;
text-decoration: none;
z-index: 400;
text-align: right;
width: 18px;
border: 1px solid #dfdfdf;
}
h1, h2, h3, h4 {
margin : 5px 0 5px 0;
padding : 3px 0 3px 0;
text-indent : 5px;
font-size : 1em;
border : 1px solid #666666;
background-color : #bfbfbf;
}
input, textarea {
margin : 3px 0 3px 5px;
font-size : 0.8em;
padding : 2px;
border : 1px solid #666666;
}
#calendar {
background-color : #dfdfdf;
border-left : 1px solid #666;
border-bottom : 1px solid #666;
padding-bottom : 5px;
}
form {
margin : 0;
}
table {
margin-top : 5px;
background-color : #ffffff;
border : 1px solid #666666;
padding : 5px 3px 5px 3px;
}
#trtop td {
font-weight : bold;
border-bottom : 3px solid #666666;
font-size : 1em;
}
td {
border-bottom : 1px dotted #8f8f8f;
font-size : 0.8em;
}