body {
	font-size:62.5%;
	line-height:1.6em;
	margin: 0em auto;
	padding:0em;
	font-family:Verdana, Tahoma, Arial, sans-serif;
}

.wrap {
	width:960px;
	margin: 0em auto;
	padding:0 30px;
}

img { 
    margin: 3px 3px 3px 3px; 
}

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

a:hover {
text-decoration:underline;
}

form {
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}


li { 
    margin-left: 0;
}

h1 {
  color: #ffcc00;
  font-size:1.1em;
  margin:0 0 -1em 0em;
  padding:0em 0 0em 0em;
  }

h2 {
  color: #000033;
  font-size:1.1em;
margin:0 0 -1em 0em;
padding:0em 0 0em 0em;
  }

h3 {
  color: #000000;
  font-size:1.5em;
  margin:0 0 -1em 0em;
padding:0em 0 0em 0em;
  }

h4 {
  color: #C0C0C0;
  font-size:0.8em;
  margin:0 0 -1em 0em;
padding:0em 0 0em 0em;
  text-align: right;
  }

.lay-header {
width:960px;
height:90px;
background-image:url(../img/header_top.jpg);
background-repeat: no-repeat;
margin:0 0 1em;
padding:0 0 9px;
border-bottom: 1px solid #cccccc;
}

.header_pagetitle {
font-weight:700;
color:#000033;
font-size:1.8em;
width:941px;
height:35px;
/*background-image:url(../img/header_green.gif);*/
position:absolute;
top:185px;
}

.lay3-left {
width:20%;
float:left;
vertical-align:top;
background:none;
font-size:1.1em;
}

.lay3-middle {
float:left;
width:57%;
background:none;
font-size:1.1em;
padding:0 .6em 0 .7em;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin-bottom: 9px;
}

.lay3-right {
float:right;
width:20%;
background:none;
font-size:1.1em;
visibility: hidden;
}

.lay3b-left {
width:20%;
float:left;
vertical-align:top;
background:none;
font-size:1.1em;
}

/*wijzig deze, dit is het cursusmenu origineel 35%*/
.lay3b-middle {
float:left;
width:27%;
background:none;
border-left: 1px solid #cccccc;
font-size:1.1em;
}
/*wijzig deze, de rechterkolom origineel 42%*/
.lay3b-right {
float:right;
width:50%;
background:none;
font-size:1.1em;
padding:0 .6em 0 .7em;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin-bottom: 9px;
}

.row {
clear:both;
padding:0;
margin:0;
}

.lay-mid1 {
float:left;
width:100%;
padding:0 0 0 0;
margin:0;
}

.lay-mid1-left {
float:left;
width:48.5%;
padding:0 0 0 0;
margin:0;
}

.lay-mid1-right {
float:right;
width:50%;
padding:0 0 0 0;
margin:0 0 0 0;
}

.lay-mid2-left {
float:left;
width:48.5%;
padding:0 0 0 0;
margin:0;
}

.lay-mid2-right {
float:right;
width:50%;
padding:0 0 0 0;
margin:0 0 0 0;
}

.box {
clear:both;
width:100%;
margin:0 0 1.5em;
padding:0;
}

.box-header-top {
font-weight:500;
color:#ffcc00;
font-size:2.3em;
clear:both;
display:block;
background:#ffffff;
margin:0 0 6px .0em;
padding:0em 0 .3em 0em;
}

.box-header-top-titel {
font-weight:500;
color:#ffcc00;
font-size:2.1em;
clear:both;
display:block;
background:#ffffff;
margin:3px 0 4px 0;
padding:0 0 0 0;
line-height: 18pt;
}
/*door annemarie aangepast*/
.menubutton geel a{
	background:#03C;
}

.box-header-beige {
clear:both;
display:block;
font-weight:700;
color:#000000;
background:#EAE1D8;
font-size:1.3em;
margin:0 0 .5em;
padding:.3em 0 .3em .3em;
}

.box-header-blauw {
clear:both;
display:block;
font-weight:700;
color:#ffffff;
background:#03587e;
font-size:1.3em;
margin:0 0 .5em;
padding:.3em 0 .3em .3em;
}

.box-headerright1 {
clear:both;
display:block;
font-weight:700;
color:#000033;
background: #ffffff;
font-size:1.3em;
margin:0 0 0em;
padding:.3em 0 .3em .3em;
}

.box-headerright2 {
clear:both;
display:block;
font-weight:700;
color:#333366;
background: #ffffff;
font-size:1.3em;
margin:0 0 0em;
padding:.3em 0 .3em .3em;
}

.box-body {
float:left;
margin:0px 0px 2px 1px;
padding:0;
width:99%;
}

.box-body-widget1 {
background:#f0f2cc url(../img/leeraanbod.gif) no-repeat bottom right;
}
.box-body-widget1t {
margin: 2pt 0 0 3pt;
width:95%;
}
.box-body-widget2 {
background:#ffeddd url(../img/widget2.gif) no-repeat bottom right;
}
.box-body-widget2t {
margin: 2pt 0 0 3pt;
width:95%;
}
.box-body-widget3 {
background:#f0f2cc url(../img/widget3.gif) no-repeat bottom right;
}
.box-body-widget3t {
margin: 2pt 0 0 3pt;
width:95%;
}

.box-bodytop-top-titel {
}

.box-bodytop-long {
margin:0;
padding:0;
margin:0pt 0pt 0.6em 0.2em;
width:95%;
}

a.menubutton {
display:block;
width:89%;
background:#ffffff;
color:#000033;
text-decoration: none;
font-weight: normal;
margin:1px 0 0 0;
padding:.3em .3em .3em .7em;
border: 1px solid #cccccc;
}

a.menubutton:hover {
background:#f2782d;
color:#000000;
text-decoration:none;
}

a.menubuttonselect {
display:block;
width:89%;
background:#f2782d;
color:#000000;
text-decoration: none;
font-weight: normal;
margin:0 0 0;
padding:.3em .3em .3em .7em;
border-bottom: 1px solid white;
}

a.coursebutton {
display:block;
width:95%;
background:#f2782d;
color:#000000;
text-decoration: none;
font-weight: normal;
margin:0 0 0 9px;
padding:.3em .3em .3em .7em;
border-bottom: 1px solid white;
}

a.coursebutton:hover {
background:#f2782d;
color:#FFF;
text-decoration:none;
}

a.coursebutton:selected {
}

a.subcoursebutton {
display:block;
width:91%;
background:#ffeddd;
color:#000000;
text-decoration: none;
font-weight: normal;
margin:0 0 0 19px;
padding:.3em .3em .3em .7em;
border-bottom: 1px solid white;
}

a.subcoursebutton:hover {
background:#ffb36f;
color:#FFF;
text-decoration:none;
}

a.subcoursebutton:selected {
}

a.readmore {
padding-right:15px;
background:url(../img/pijl-RM.gif) no-repeat right center;
}

/*** Footer ***/

.footer {
clear:both;
float:middle;
width:42%;
margin: 0em auto;
padding:0 0;
height:2.5em;
border-top: 1px solid #cccccc;
text-align:bottom;
}

.footer p {
/*font-family:Georgia, Times New Roman, Times, serif;*/
color:#333366;
font-size:1.1em;
}

.footer p a {
text-decoration:none;
color:#333366;
}

.footer p a:hover {
color:#333366;
text-decoration:underline;
}