@media screen,handheld,projection {
body {
	color:        black;
	font-style:   normal;
	font-weight:  normal;
	font-variant: normal;
	font-size:    10pt;
	line-height:  15pt; /* 10->15 */
	font-family:  Helvetica,sans-serif;
	background-color: #DCDCDC; 
}
/* Toggle tussen screen pagina's en printed pagina's,
   maar alleen gebruiken voor "inline" type elementen! */
.screenonly {
        display: inline;
}
.printonly {
        display: none;
}

/* De hoofddelen van de pagina */

#menukop {
	width: 990px;
	font-size:     80%;
	line-height:   1.25em; /* 8->10 */
	text-indent:   1em;
	margin: 0 auto 0 auto;
}
#menukop a {
	color: black;
	text-decoration: none;
}
#menukop a:hover {
	background-color: #FAFAFA;
}

#pagekader {
	width: 990px;
	position: relative;
	margin: 0 auto 0 auto;
	/* border-style: solid solid none solid; */ 
	border-width: 1px 1px 1px 1px;
	padding-top: 0px;
	background-color: #E8E6E8; 
}

#pagebody {
	position: relative;
	width: 100%;
}

#rechterdeel {
	/* de 20% schept de ruimte voor de sidebar: */
	margin: auto 0px auto 20%;
	padding: 2px 2% 2px 2%;
}

#tekstblok1 {
	font-size:    100%;
	line-height:  1.2em; /* 10->12 */
	margin-left:  2em;
}

ol#top5 {
	padding-left: 0;  /* suppress indentation of the list */
	list-style-position: outside;
	font-size:    120%;
	line-height:  1.5em; /* 12->18 */
}
#top5 li {
	color: red; /* show the counter in red */
}

#tekstblok2 {
	font-size:    100%;
	line-height:  1.5em; /* 10->15 */
	margin-left:  2em;
}
/* Font-eigenschappen relatief t.o.v. de body-font keuze */
h1 {
	font-weight:  bold;
	font-size:    120%;
}
h2 {
	font-size:    110%;
}
h1.cursushdr1 {
	font-size:    160%;
	font-weight:  bold;
	color: #007FFF;
}
h2.cursushdr2 {
	font-size:    140%;
	font-weight:  bold;
	color: black;
}
h3.cursushdr3 {
	font-size:    120%;
	font-weight:  600;
	color: #007FFF;
}
h3, h4, h5, h6 {
}

#sidebar {
	position: absolute; 
	width: 20%; /* voor IE6 */
	top:  0px;
	left: 0px;
	margin: 1px auto auto 1px;
	padding: 0px 0px 0px .3%;
        /* list-style-image: url("/images/hyphen.gif");  */
	list-style-type: none;
	font-size:    100%;
	/* line-height:  1.25em; */ /* 12->15 */
}
/* ronde hoekjes, geinspireerd op www.html.it/articoli/nifty/ */
.r0bottom {
	margin: 0 1px;
	display: block;
	height: 10px;
	background-color: #E8E8E8;
}
.r1top, .r1bottom {
	margin: 0 5px;
	display: block;
	height: 1px;
	overflow: hidden;
}
.r2top, .r2bottom {
	margin: 0 3px;
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #BFDCF1;
}
.r3top, .r3bottom {
	margin: 0 2px;
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #BFDCF1;
}
.r4top, .r4bottom {
	margin: 0 1px;
	display: block;
	height: 2px;
	overflow: hidden;
	background-color: #BFDCF1;
}
.r1top, .r2top, .r3top, .r4top {
	background-color: #BFDCF1;
}
.r1bottom, .r2bottom, .r3bottom, .r4bottom {
	background-color: #EEF0FF;
}
.sidebarkop {
	background-color: #BFDCF1;
	/* font-weight:  bold; */
	padding: 0px 0px 3px 8px;
	font-size:    100%;
	line-height:  120%; 
	color: #0007FF;
}
.sidebarprimary {
	background-color: #EEF0FF;
}
/* ronde hoekjes einde */

#sidebar ul {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
	background-color: #EEF0FF;
}
#sidebar li {
	margin: 0 0 0 1em;
	padding: 0;
	line-height: 250%;
}
#sidebar li.second {
	margin: 0 0 0 2em;
	padding: 0;
}
#sidebar_naw {
	font-size:    70%;
	line-height:  1.6em; /* 7->11 */
        letter-spacing: .07em;
} 
#sidebar_lpi, #sidebar_osslo {
	position: relative;
	left: 0;
}
.cursustoepassing {
	color: #0077FF;
	border-style: solid;
	border-width: 1px;
	border-color: #0077FF;
	padding: 0 4px 0 4px;
}
div.cursusbeschr {
	color: #007FFF;
}

.kleinelettertjes {
	font-size:    80%;
	line-height:  1.6em; /* 7->13 */
        letter-spacing:.07em;
} 
#news_old {
	display:block;
	max-height:400px;
	border-width:10px;	
	padding-left:0;
	padding-right:15px;
	overflow:auto;
}
.newslist     {
	margin-left:10px;
	margin-top:0;
	padding-top:0;
}
.newslist a:link    { 
	color:#007FFF;
	font-weight:bold;
}
.newslist a:visited {
	color:#007FFF;
	font-weight:bold;
}

/* Searchbox support */
#searchbox {
	margin:		0px;
	border:		none;
	padding:	0px;
}
#searchbox_zoekbutton {
	font-style:   normal;
	font-weight:  normal;
	font-variant: normal;
	font-size:    100%;
	/* line-height:  1.2em; /* 10->12 */
	font-family:  Helvetica,sans-serif;
	border-style: none; /**/
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}
#searchbox_zoekbutton:hover {
	background-color: #FAFAFA;
}
#search_box_txt {
	font-style:   normal;
	font-weight:  normal;
	font-variant: normal;
	font-size:    100%;
	line-height:  0.8em; /* 10->8 */
	font-family:  Helvetica,sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	background-color: transparent;
	margin-bottom: 2px;
}
/* For the search result page: */
#searchbox_select {
	font-style:   normal;
	font-weight:  normal;
	font-variant: normal;
	font-size:    100%;
	line-height:  0.8em; /* 10->8 */
	font-family:  Helvetica,sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	background-color: transparent;
	margin-bottom: 2px;
}
#searchbox_select option {
	background-color: white;
}
/* De link-anker styles: */
a {
	text-decoration: none;
}
a:link {
	color: #007FFF;
	text-decoration: none;
	background-color: transparent;
}
a:visited {
	color: #007FFF;
	background-color: transparent;
}
a:hover {
	text-decoration: underline;
}
#sidebar a:link {
	color: black;
	text-decoration: none;
	background-color: transparent;
}
#sidebar a:visited {
	color: black;
	text-decoration: none;
	background-color: transparent;
}
#sidebar a:hover {
	color: #007FFF;
	text-decoration: none;
	background-color: #FAFAFA;
}
/* Span rondom onopvallende links in pagina: */
.hlink {
	color: black;
	text-decoration: none;
	background-color: transparent;
}
.hlink a:link {
	color: black;
	text-decoration: none;
	background-color: transparent;
}
.hlink a:visited {
	color: black;
	text-decoration: none;
	background-color: transparent;
}
.hlink a:hover {
	color: black;
	text-decoration: none;
	background-color: transparent;
}
/* Images indien binnen een anker (href, name): */
a img {
	border-width: 0 0 0 0;
}
/* persoonlijk-oproep op home page */
#persoonlijk {
	color: red;
	text-decoration: none;
}
#persoonlijk #kern {
	text-decoration: underline;
}
#persoonlijk a:link {
	color: red;
} 
#persoonlijk a:hover {
	color: red;
	text-decoration: underline;
} 
/* Speciaal voor formulieren */
.rood	{
	color: red;
}
/* De files met cursusaanbod: */
.cursustabel td {
	padding: 0 1em 0 1em;
}
/* Onderkant pagina, met de w3c en css logo's */
#w3c {
        /* width: 100%; */
	width: 990px;
	clear: both;
}
#w3c p {
        text-align: right;
        padding: 6px 0 0 0;
}
#w3c a {
        border-width: 0 0 0 0;
}

#datumupdate {
	float: left;
}

/* blog */
.strike {
	text-decoration: line-through; 
}
} /* end of @media screen */

