/* Start of CMSMS style sheet 'general' */
/* MAIN LAY-OUT ELEMENTS ////////////////////////////////////////////////*/

* {margin:0;padding:0}

body {
	background:#dfddde no-repeat;
}

body {
	text-align:center;
	font:normal 70% Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
}

h1 {
	text-align: left;
	font-size: 14px;
	color: #3B7DAD;
	font-family: verdana;
}
h2 {
	font-size: 11px;
	font-weight: bold;
	color: #3B7DAD;
	font-style: normal;
	font-family: Verdana;
}

h3 {
	text-align: left;
	font-size: 11px;
	color: #FF9900;
	font-family: verdana;
}

p {
	line-height: 1.64em;
	padding-bottom: 12px;
	text-align: left;
	color: #3B7DAD;
	font-family: verdana;
}

a{
	text-decoration: none;
}

select {
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
	color:#E01865;
}

input {
	font:normal 100% Verdana, Arial, Helvetica, sans-serif;
	color:#E01865;
}


/* CENTER DIV ////////////////////////////////////////////////*/

div.center {
	width: 797px;
	margin: 10px auto 0 auto;
	text-align: left;
	position: relative;
	background: #FFFFFF;
	height: 586px;
}

html { 
height: 100%; 
} 

/* CONTENT SECTION ////////////////////////////////////////////////*/

div#content{
	top: 0px;
	width: 480px;
	overflow: hidden;
	float: left;
	position: relative;
   	left: 310px; /* all browsers including Mac IE */
	top: 90px;
	padding: 0px;
	position: absolute;
	width: 450px;
	float: left;
}

div#content ul{
	list-style: none;
	padding-bottom: 18px;
	color: #3B7DAD;
}
div#content ul li{
	margin-left: 13px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 1.5em;
	background-image: url('images/bullet.gif');
	background-repeat: no-repeat;
}
div#content a{
	text-decoration: underline;
	color: #3B7DAD;
}




/* TOPMENU ////////////////////////////////////////////////*/
div#topmenu{
	height: 34px;
	width: 450px;
	float: left;
	left: 310px;
	position: absolute;
	padding-bottom: 0px;
	margin-top: 26px;
	z-index: 20;
	top: 0px;
	border-bottom-style: solid;
	border-bottom-width: 0.1mm;
	border-bottom-color: #3B7DAD;
}
div#topmenu_breadcrumb{
	float: left;
	padding: 10px 20px 0 0;
	height: 20px;
	position: absolute;
	left: 0px;
}

div#topmenu_content{
	float: right;
	padding: 3px 0px 0 0;
	height: 20px;
	right: 0px;
	position: absolute;
}
div#topmenu_content ul{
	padding-top: 1em;
}
div#topmenu_content ul li{
	display: inline;
	padding: 2em 0 .6em 1.3em;
}
div#topmenu_content ul li a{
	color: #FF9900;
	font-weight: bold;
}
div#topmenu_content ul li a:hover{
	color: #3B7DAD;
}

div#topmenu_content .selected{
	color: #3B7DAD ! important; 
}




/* NAVCONTAINER ////////////////////////////////////////////////*/

#navcontainer {
	height: 140px;
	width: 510px;
	left: 287px;
	top: 446px;
	position: absolute;
	bottom: 0px;
	z-index: 40;
}
#navcontainer .nav1 {
	width: 82px;
	height: 120px;
	position: absolute;
	background-color: #0078C1;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 20px;
	padding-top: 20px;
}
#navcontainer .nav1:hover {
	background-color: #008BDF;
}
#navcontainer .nav2 {
	width: 82px;
	height: 120px;
	position: absolute;
	left: 102px;
	background-color: #336699;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 20px;
	padding-top: 20px;
}
#navcontainer .nav2:hover {
	background-color: #3E7CBB;
}
#navcontainer .nav3 {
	width: 82px;
	height: 120px;
	position: absolute;
	left: 204px;
	background-color: #06395B;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 20px;
	padding-top: 20px;
}
#navcontainer .nav3:hover {
	background-color: #0B5B91;
}


#navcontainer .nav4 {
	width: 82px;
	height: 120px;
	position: absolute;
	left: 306px;
	background-color: #e37500;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 20px;
	padding-top: 20px;
}

#navcontainer .nav4:hover {
	background-color: #FF8600;
}
#navcontainer .nav5 {
	width: 82px;
	height: 120px;
	position: absolute;
	left: 408px;
	background-color: #F8972C;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 20px;
	padding-top: 20px;
}
#navcontainer .nav5:hover {
	background-color: #FBB160;
}

div#navcontainer .selected{
	 ! important;
}

/* TABLE ////////////////////////////////////////////////*/

table td{
	color: #3B7DAD;
}

/* SIDEBAR ////////////////////////////////////////////////*/
div#sidebar{
	float: left;
	width: 287px;
	margin: 0px 0px 0 0px;
	height: 586px;
	z-index: 10;
	position: relative;
}

div#sidebar_table {
background-color:transparent;
	width: 287px;
	position: absolute;
	left: 0px;
	top: 30px;
}

div#sidebar_table a {
	color: #3B7DAD;
	font-weight: bold;
}

div#sidebar_table a:hover {
	color: #FF9900;
	font-weight: bold;
}

div#sidebar_table td {
	width:96px;
	height:96px;
		text-align: center;

}
#sidebar_table .blauw2 {
	background-color: #336699;
}
#sidebar_table .blauw3 {
	background-color: #06395B;
}
#sidebar_table .oranje1 {
	background-color: #e37500;
}
#sidebar_table .oranje2 {
	background-color: #F8972C;

}
#sidebar_table .none  {
	background-color:transparent;
}


/* SCROLLBAR ////////////////////////////////////////////////*/

#dhtmlgoodies_scrolldiv{
	position: absolute;
	top: 0px;
}
#scrolldiv_parentContainer{
	width: 480px; /* Width of the scrolling text */;
	overflow: hidden;
	float: left;
	position: relative;
   	left: 310px; /* all browsers including Mac IE */
   	*left: 24px; /* IE 7 and below */
    _left: 24px; /* IE 6 and below */	
	top: 90px;
}
/*
CSS for the scrolling content 
*/
#scrolldiv_content{
	padding: 0px;
	position: absolute;
	width: 450px;
	float: left;
}
div#scrolldiv_content ul{
	list-style: none;
	padding-bottom: 18px;
	color: #3B7DAD;
}
div#scrolldiv_content ul li{
	margin-left: 13px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 1.5em;
	background-image: url('images/bullet.gif');
	background-repeat: no-repeat;
}
div#scrolldiv_content a{
	text-decoration: underline;
	color: #3B7DAD;
}

div#scrolldiv_content a:hover{
	text-decoration:underline;
}

/*
The scrollbar slider 
*/
#scrolldiv_slider{
	width: 10px;
	margin-left: 0px;
	float: right;
	position: absolute;
	top: 85px;
   	left: 780px; /* all browsers including Mac IE */
   	*left: 480px; /* IE 7 and below */
    _left: 480px; /* IE 6 and below */	
}
/*
The scrollbar (The bar between the up and down arrow )
*/
#scrolldiv_scrollbar{
	margin-left: 1px !important;
   	margin-left: 1px; /* all browsers including Mac IE */
   	*margin-left: 3.5px; /* IE 7 and below */
    _margin-left: 2.5px; /* IE 6 and below */	
	margin-top:0px;
	margin-bottom:5px;
	width: 8px;
	height::360px;
	position: relative;
	background-color: #fff;
}
/*
The scrollbar handle
*/
#scrolldiv_theScroll{
	width: 7px;
	height: 8px;
	background-color: #3B7DAD;
	position: absolute;
	top: 0px;
	left: 0.2px;
	cursor: pointer;
}
/*
Scroll buttons(The up and down arrows)
*/
#scrolldiv_scrollDown{
width:11px;
height:9px;
color: #FFF;
cursor:pointer;
}
#scrolldiv_scrollUp{
width:11px;
height:9px;
color: #FFF;
cursor:pointer;
}
#scrolldiv_scrollUp{
margin-bottom:4px;
background: url(images/up.gif) no-repeat;
}
#scrolldiv_scrollDown{
margin-top:0px;
background: url(images/down.gif) no-repeat;
}
#scrolldiv_scrollUp span{
font-family: Symbol;
}
#scrolldiv_scrollDown span{
font-family: Symbol;
}

/* End of 'general' */