/* general stuff */



body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
}

a {
text-decoration:  none;
font-weight: normal;
border: none;
color:#00245f;
 }
a:hover {
text-decoration:  underline; 
border: none;
 }
 
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#page{
position: relative;
width:829px;
margin:auto;
}


#header{
width:829px;
height:68px;
top:7px;
background-color:#FFffff;
position:relative;
}

/* LOGO */
#logo {
position:absolute;
width:167px;
height:43px;
background-color:#ffffff;
left:0px;
top:0px;
}

#top-bottom {
height: 80px;
width: 200px;
background: transparent;
float: left;
}

#hoofdnav {
position:absolute;
width:829px;
height:20px;
left:0px;
bottom:0px;
background-color:#00245f; /* 1 */
text-align:right;
}
/* HOOFDNAV */
#topmenu{
height: 20px;
padding-top:1px;
}
#topmenu td{
	text-align:right;
}

#topmenu a {
color:#ccd3df; /* 2 */
margin-left:5px;
margin-right:5px;
font-weight:bold;
}

#topmenu a:hover {
color:#ccd3df; /* 2 */
}


#zoeken {
position:absolute;
width:250px;
right:0px;
top:20px;
text-align:right;
}
#search .inputbox-zoek {
height:20px;
width:200px;
padding-left:10px;
}

#search .button-zoek { 
background-image:url(../images/search.gif);
border:none; 
background-repeat: no-repeat; 
background-position:center; 
background-color:#FFFFFF; 
width:20px; 
height:25px;
margin-left: 10px;}

#tekstgroote {
position:absolute;
width:250px;
height:24px;
right:0px;
background-color: #ffffFF;
}

#left{
position:absolute;
width:172px;
background-color:#ffffff;
left:0px;
top:85px;
}

#afbeelding1{
width:172px;
position:relative;
background-color:#ffffff;
height:196px;
}

/* SUBNAV */
#subnav{
width:172px;
position:relative;
background-color: #00FFFF;
margin-left:0px;
}

#navcontainer
{
width: 172px !important;
padding: 0 0 0 0;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
/*background-color: #00245f;*/
color: #333;
text-align:left;
font-size:12px;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-top: 1px solid #ffffff;
margin: 0;
}

#navcontainer li a:hover
{
border-left: 1px solid #00245f; 		/* 1 */
border-right: 1px solid #00245f;		/* 1 */
background-color: #ccd3df;				/* 2 */
color: #000;
}

#navcontainer li a:hover
{
border-left: 1px solid #00245f; 		/* 1 */
border-right: 1px solid #00245f;		/* 1 */
background-color: #ccd3df;				/* 2 */
color: #000;
}
#navcontainer li a 
{
display: block;
padding: 5px 5px 5px 0.5em;				
border-left: 1px solid #00245f;			/* 1 */
border-right: 1px solid #00245f;		/* 1 */
/*background-color: #2175bc;*/
text-decoration: none;
width:100%;
}


#navcontainer li li
{
border-top: 1px solid #ffffff;
margin: 0;
}

#navcontainer li li a:hover
{
border-left: 5px solid #00245f; 		/* 1 */
border-right: 1px solid #00245f;		/* 1 */
background-color: #ccd3df;				/* 2 */
color: #000;
}

#navcontainer li li a:hover
{
border-left: 5px solid #00245f; 		/* 1 */
border-right: 1px solid #00245f;		/* 1 */
background-color: #ccd3df;				/* 2 */
color: #000;
}
#navcontainer li li a 
{
display: block;
padding: 5px 5px 5px 0.5em;				
border-left: 5px solid #00245f;			/* 1 */
border-right: 1px solid #00245f;		/* 1 */
/*background-color: #2175bc;*/
text-decoration: none;
width:100%;
}



#navcontainer li li
{
border-top: 1px solid #ffffff;
margin: 0;
}

#navcontainer li li a:hover
{
border-left: 5px solid #00245f; 		/* 1 */
border-right: 1px solid #00245f;		/* 1 */
background-color: #ccd3df;				/* 2 */
color: #000;
}

#navcontainer li li a:hover
{
border-left: 5px solid #00245f; 		/* 1 */
border-right: 1px solid #00245f;		/* 1 */
background-color: #ccd3df;				/* 2 */
color: #000;
}
#navcontainer li li a 
{
display: block;
padding: 5px 5px 5px 0.5em;				
border-left: 5px solid #00245f;			/* 1 */
border-right: 1px solid #00245f;		/* 1 */
/*background-color: #2175bc;*/
text-decoration: none;
width:100%;
}

.mainlevel { 
background-color:#00245f; 				/* 1 */
color:#FFFFFF;
}
/* nadat je er op klikt */
.mainlevel_current { 
background-color:#aab2c5; 				/* 1 */
color:black;}
/* als je op een sub klikt */
.mainlevel_active { 
background-color: #00245f; 				/* 1 */
color:#FFFFFF;}


.sublevel { 
background-color: #0048a0; 				/* 3 */
color:#FFFFFF;} 
/* nadat je er op klikt */
.sublevel_current { 
background-color: #002f73;				/*4*/
color:#FFFFFF;}
/* als je op een sub klikt */
.sublevel_active { 
background-color: #0048a0;				/* 3*/
color:#FFFFFF;}

li li li .sublevel { 
background-color: #001840;				/* 5*/
color:#FFFFFF;

}
li li li .sublevel_current { 
background-color: #001f13;				/* 6*/
color:#FFFFFF;}
li li .sublevel_active { 
background-color: #0048a0;				/* 3*/
color:#FFFFFF;

}




html>body #navcontainer li a { width: auto; }

/* LOGIN */
#mod_login_username { 
	width:138px; 
	background-color:#ccd3df; 				/* 2 */
	border:none;	
	margin-bottom:10px;
	}
#mod_login_password {
	width:138px; 
	background-color:#ccd3df; 				/* 2 */
	border:none;
	margin-bottom:10px;
	}
#login .button {
	background-color:#00245f; 				/* 1 */
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	margin-bottom:10px;
}
#login table { 
	color:#00245f; 							/* 1 */
	padding-left:13px; 
	text-align:left;
	}
#login a, a:hover { 
	color:#00245f; 							/* 1 */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}



/* CONTENT */
#mid{
position:absolute;
width:657px;
background-image:url(../images/blauw.jpg);
background-position:right;
background-repeat:repeat-y;
left:172px;
top:75px;
}

#rechts { 
	position: absolute;
	background-image:url(../images/back_rechts_ca.jpg); 
	background-position:bottom right; 
	background-repeat:no-repeat;
	bottom:0px;
	right:0px;
	height:200px;
	width:245px;
	z-index:0;
}

.content {
position: relative;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 16px;
text-align:left;
height:100%;
z-index:10;}

.contentheading {
width: 98%;
font-weight: bold;
font-size: 12px;
height: 23px;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00245f;
}

.componentheading {
width: 98%;
font-weight: bold;
font-size: 12px;
height: 23px;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00245f;
padding-top:5px;
}
.kleur{
	color: #00245f;
}
.componentheading_cursus {
width: 98%;
font-weight: bold;
font-size: 12px;
height: 23px;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00245f;
padding-top:5px;
}

.sectiontableentry1_cursus a { 
position:relative;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
}

.sectiontableentry1_cursus a:hover { 
position:relative;
background-color:#ccd3df;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
}
.sectiontableentry2_cursus a { 
position:relative;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
}

.sectiontableentry2_cursus a:hover { 
position:relative;
background-color:#ccd3df;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.5;
}
.contentpaneopen  li { 
	list-style:square;
}

.sectiontableentry1 { 
position:relative;
background-color:#00245f;
color:#FFFFFF;
}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 12px;
height: 23px;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 12px;
}

/* UIT TINYWYSIWYG */

.categorytitle {
font-weight: bold;
font-size: 12px;
height: 25px;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.moduletablenieuws{ position:absolute; top:20px; left:400px; width:250px;}

#right{
position:absolute;
width:250px;
background-color: #FFCC99;
left:579px;
top:75px;
}

#afbeelding2{
width:250px;
position:relative;
background-color:#99CC00;
height:196px;
padding-top:20px;
}

#snellinks{
width:250px;
position:relative;
background-color: #CC3399;
height:196px;
}

#medusa{
width:250px;
position:relative;
background-color: #990099;
height:20px;
bottom:0px;
}
.rechterblok{
	padding-left:30px;
}
.rechterblok img{
	margin-bottom:10px;
}
.linkerblok{
	width: 370px;
	padding-top:2px;
	padding-left:7px;
	padding-right:10px;
	padding-bottom:25px;
	position:relative;
	display: block;
}

.cursusblok1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 160px;
	padding-top:2px;
	padding-left:7px;
	padding-right:10px;
	padding-bottom:10px;
	position:relative;
	display: block;
	border:#ccd3df solid 1px; 
	}
.cursuskader{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:#ccd3df solid 1px; 
	padding-top:2px;
	padding-left:7px;
	padding-right:10px;
	padding-bottom:10px;
	background-color:#fff;
}
	
.cursuscontent {
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 16px;
text-align:left;
}

.cursustekst2 {
	color:red;
	font-weight:bold;
	font-size:12px;
	}
	
.cursusnaam { color:#00245f; font-size:12px; font-weight:bold;padding-bottom:10px;}
.cursusblok1 img { border:0px; margin-left:0px; margin-right:5px; position:relative;}
.cursustekst { color:#000000; font-size:12px;}
.cursusblok1 a { position:absolute; bottom:2px; color:#00245f; padding-left:2px; padding-bottom:2px; padding-right:2px;}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#00245f; border-bottom:#00245f solid 1px; width:100%; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0048a0;}

.mainlevel_links { 
font-size:	12px;
font-weight: bold;
				/* 1 */
color:#FFFFFF;
float:left;
line-height:15px;
margin-left:5px;
}
/* nadat je er op klikt */
.mainlevel_links_current { 
				/* 1 */
color:#FFFFFF;
float:left;
line-height:15px;
margin-left:5px;
}
/* als je op een sub klikt */
.mainlevel_links_active { 
 				/* 1 */
color:#FFFFFF;
float:left;
line-height:15px;
margin-left:5px;
}