/* Stylesheet voor www.noten-leren-lezen.nl */
*
{
	margin: 0em;
	padding: 0em;
}

body
{
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	font-family: "Courier New", Arial, Helvetica, sans-serif;
	background-color: #006699;
	color: #fff;
	letter-spacing: normal;
}



#wrapper
{
    position: relative;
    margin: 0 auto;
	 background-color: transparent;
	 color: #006699;
    text-align: center;
    width: 100%;
    height: 100%;
	 z-index: 1;
}


h1.pagetitle
{
	margin: 0.3em 5.6em;
	font-weight : normal;
	font-size   : 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	letter-spacing: 0.03em;
}


img
{
	border: none;
}


a:link, a:visited
{
	font-weight: bold;
	color: #a52a2a;
}

a:hover, a:focus
{
	background-color: #fff;
	color: #191970;
	text-decoration: underline overline;
}


#bladspiegel
{
    margin: 0.5em auto; /*3.6em */
	 width: 90%;
    height: 87em; /* 80 52 48 38 39.5 60em;*/
    min-width: 40em;
	 background-color: #fff;
	 color: #006699;
    text-align: left;
	 /*border: 1px solid #00002d;*/
    z-index: 2;
}


#contentleft
{
	float: left;
	width: 26%; /*20% */
	height: 100%;
	/*background-color: #ccc;*/
	color: #a52a2a;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	/*border: 1px solid #ccc;*/
}

#contentleft img
{
	margin-top: 1em;
	width: 290px;
	height: 390px;
	overflow: hidden;
}


#contentmiddle
{
	float: left;
	width: 50%; /* 48 54%*/
	height: auto;
	margin: 0em 0em 0em 0.5em;
	background-color: #fff; /* ffebcd  #F5F5F5;*/
	text-align: left;
	/*border: 1px dotted #ccc;*/
}

img.voorbeeld
{
	padding: 0.5em 0em 0.5em 0.3em;
}

#contentmiddle ul
{
	font-size: 0.9em;
	list-style: outside;
	margin-bottom: 0.5em;
	margin-left: 1.2em;
}

#contentmiddle table
{
	width: 100%;
	font-size: 0.9em;
}

table.interval
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

table.interval th, table.interval td
{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}



ol.outside
{
	list-style: decimal outside;
	width: 120%;
}

hr.separate
{
	width: 100%;
	height: 3px;
	background-color: #ccc;
	border: none;
	margin: 0.9em 0em;
}

#previous
{
	float: left;
	width: 7em;
}

#next
{
	float: right;
}


#contentright
{
	float: right;
	width: 22%; /* 24% */
	height: 39em; /* 39 47.5 37.5 em */
	background-color: transparent;
}


/* navigatiemenu */

#nav
{
	float: right;
	top: 0em; /* 0 1.57 3.95 */
	right: 0em; /* 0 6.25 */
	margin: 0em 0em 0em 0em; /* margin-top -4.55em */
	width: 210px;
	height: 204px;
	background-image: url(../images/nav-bg.png);
	background-repeat: no-repeat;
	z-index: 3;
}


ul.navlinks
{
	margin: 0.5em 0em 0em 0em;
	font-size: 1.0em;
	list-style: none;
	width: 100%;
	text-align : right;
}


ul.navlinks li
{
	margin: 0em 0em 0.4em 0em;
}


a.hoofdopties:link, a.hoofdopties:visited
{
	font-weight: bold;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #006699;
	color: #fff; /*#3366cc;*/
	letter-spacing: 0em;
	text-decoration: underline;
	text-align: right;
	/*background: transparent;*/
}


a.hoofdopties:hover, a.hoofdopties:focus
{
	color: #c4c400; /*#029be0;*/
	font-size: 0.9em;
	letter-spacing: 0.05em;
}

/* einde navigatiemenu */


img.margintop
{
	margin-top: 3em;
	border: 1px solid #ccc;
}


p
{
	margin: 0em 0em 0.3em 0em;
	padding: 0em 0em 0em 0.3em;
	font-size: 0.9em;
}

h2
{
	margin: 0.3em 0em 0.6em 0em;
	padding: 0em 0em 0em 0.3em;
	font-size: 1.2em;
	text-align: left;
	text-decoration: underline;
	letter-spacing: 0.04em;
	/*border-right: 5px solid #c4c400;*/
}


h3, h4, h5
{
	margin: 0.8em 0em 0.6em 0em;
	padding: 0em 0em 0em 0.3em;
	font-size: 1.0em;
	text-align: left;
	text-decoration: underline;
	letter-spacing: 0.04em;	
}


#comments
{
	position: relative;
	left: 0;
	width: 100%;
	margin: -0.5em 0em 0em 0em; /* margin-top 0.8em */
}

p.white
{
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

a.white
{
	color: #fff;
}

a.white:hover
{
	color: #006699;
	text-decoration: none;
}

.border 
{
	border: 1px solid #006699;
	font-weight: bold;
	margin-top: 0.5em;
	padding: 0.5em;
}

.bottomborder
{
	padding-bottom: 0.8em;
	border-bottom: 1px solid #ccc;
}

p.update
{
	/*margin-top: 2.2em;*/
	font-size: 0.7em;
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #9b9b9b;
	letter-spacing: normal;
}

p.links a
{
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

#deco1
{
	position: fixed;
	top: 15em; /*1.57 3.95 */
	left: 0.1em;
	margin: 0em 0em 0em 0em;
	width: auto; /* 118px */
	height: auto; /*163px */
	z-index: 1;
}


#deco2
{
	position: fixed;
	top: 15em; /*8 1.57 3.95 */
	left: 0.1em;
	margin: 0em 0em 0em 0em;
	width: auto;
	height: auto;
	z-index: 1;
}


ol
{
	margin: 0.5em 0em 0.3em 0em;
	list-style: decimal inside;
	font-size: 0.9em;
	width: 100%
}

ol li
{
	width: 100%;
	padding-left: 0.3em;
}

span.leftmargin
{
	margin-left: 1.5em;
}

span.bigbold
{
	font-weight: bold;
	margin-left: 1.5em;
}


#cursusnav
{
	margin: 1.9em 0em 0em 4.5em; /* marg-leftt 4.5 4.1 6em */
	background-color: #fff;
	color: maroon;
	z-index: 5;
}


#cursusnav ul
{
	margin-top: 0.9em;
	width: 80%; /* 73% */
	height: auto; /* 30em */
	/*overflow: scroll;*/
	/*border-top: 1px solid #ccc;*/
	border-right: 1px solid #ccc;
	padding-left: 0.5em;
}

hr.cover
{
	margin-top: 0em;
	height: 20px;
	width: 73%;
	background-color: #ccc; 
	color: #ccc;
	z-index: 7;
}


#cursusnav ul li
{
	margin: 0.9em 0em 0.5em 0em;
	list-style: none;
	/*list-style-image: url(../images/li-1.png);*/
	padding-left: 0em;
	/*background-color: #DC143C;*/
}


#cursusnav p
{
	margin: 1.9em 0em 0.3em 0em;
	padding: 0em 0em 0em 0em;
	font-weight: bold;
	font-size: 0.9em;
	color: #006699;
	text-decoration: underline;
}

a.paragraaf:link, a.paragraaf:visited
{
	font-weight: normal;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #993366;
	text-decoration: none;
	margin-left: 0.3em;
}

a.paragraaf:hover, a.paragraaf:focus
{
	color: maroon;
	text-decoration: underline;
}

a.paragraafact:link, a.paragraafact:visited
{
	color: Maroon;
	margin-left: 0.3em;	
}

a.paragraafact:hover, a.paragraafact:focus
{
	color: #d9dbbb;
}

a.paragraafnvt
{
	text-decoration: line-through;
}

.margin-top
{
	margin-top: 6.5em;
}

a.next, a.previous
{
	font-weight: bold;
	font-size: 1.0em;
	color: maroon;
	text-decoration: none;
	text-transform: uppercase;
}

a.next:hover, a.previous:hover
{
	text-decoration: underline;
	color: #006699;
}


.opm
{
	font-weight: bold;
	font-size: 0.8em;
	letter-spacing: normal;
	color: #654770;
}

ul.inline
{
	margin-bottom: 1em;
	padding-bottom: 0.7em;
	border-bottom: 1px solid #ccc;
}

ul.inline li
{
	font-weight: bold;
	font-size: 0.8em;
	/*display: inline;*/
	/*border: 1px solid #ccc;*/
	list-style: none;
	padding: 0.1em;
	letter-spacing: normal;
	
}

ul.inline li a
{
	color: #993366;
}

ul.inline li a:hover
{
	color: maroon;
	text-decoration: underline;
}

#googlead1
{
	/*position: relative;*/
	margin-top: 4em;
	padding: 0.3em 0.5em;
	background-color: #cecfd7;
	width: 33%;
	border-top: 1px solid #4e4c5a;
	border-bottom: 1px solid #4e4c5a;
	border-left: 1px solid #4e4c5a;
}

#googlead2
{
	/*position: relative;*/
	margin-top: 1em;
	padding: 0.3em 0.5em;
	background-color: #d2da9a;
	width: 33%;
	border-top: 1px solid #4e4c5a;
	border-bottom: 1px solid #4e4c5a;
	border-left: 1px solid #4e4c5a;
}


#googlezoekveld
{
	position: absolute;
	top: 2em;
	right: 19em;
}

.big
{
	font-weight: bold;
	margin-top: 0.8em;
}


div#announce {
	position: absolute;
	top: 240px;
	right: 30px;
}

h5.ant
{
	font-weight: bold;
	font-size: 0.8em;
	color: olive;
	text-decoration: none;
	margin-bottom: 0.6em;
}

div#announce a:hover {
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
}