html, body, h2, h3, h4, h5, h6, ol, pre, p, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

body {
  xbackground-color: yellow;
  xborder: 3px solid #f9d028;

  margin: 0px;

  font-family: arial, helvetica, sans-serif;
  padding: 0px;
  text-align: center;
  
  	/* hover bdfLogo op site3/includes/top.php: fu?"!· explorer 6 !!! */
	behavior:url("csshover3.htc");
	/* fu?"!· explorer 6 !!! */
}

#boxOpmaak2 {
  position: absolute;
  background: url('../images2/driehoek-bruin.png') no-repeat;
  top: 0px;
  right:0px;
  width: 794px;
  height: 800px;
  z-index: -100;
  margin: 0px;
  padding: 0px;
}

#boxOpmaak2-flip {
  position: absolute;
  background: url('../images2/driehoek-bruin-flip.png') no-repeat;
  top: 785px;
  right: 0px;
  z-index: -100;
  width: 790px;
  height: 800px;
}

#boxOpmaak3 {
  position: absolute;
  background: url('../images2/bar-right.png') no-repeat;
  top: 55.5px;
  right: 0px;
  width: 20px;
  height: 100px;
  z-index: 200;
}

/* stijlen voor ZonZee hover logo op site3/includes/top.php */
/* stijlen " MANY THANKS TO YENSDESIGN " van yensdesign: http://yensdesign.com/2009/01/mastering-css-background-position/*/



.content.bdfLogo .section{
    position: absolute;
  background: url('') no-repeat;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 160px;
  z-index: 250;

}
.content.bdfLogo .section .icons{
	height: 160px;
	background: transparent url(../images2/BDFLogoZonZee.png) no-repeat scroll -150px 0;
}
.content.bdfLogo .section.one:hover .icons{
	background: transparent url(../images2/BDFLogoZonZee.png) no-repeat scroll -5px 0px;
}

#dragLogo {

}


#container {

  xbackground: blue;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  xborder: 1px solid red;
  width: 1040px;
  z-index: 100;
}

#header {
  margin-top: 0em;
  height: 90px;
  xbackground: pink;
  padding: 0px 0px 0px 0px;
  width: 1040px;
  position: relative;
}

#headerLeft {
  xwidth: 160px;
  height: 90px;
  float: left;
  background: #fff;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 200;
}


#headerTekst a, a:hover{
  text-decoration: none;
  border: none;
}

#headerRight {
  margin-bottom: 0px;
  margin-right: 0px;
  float: left;
}



#content {
  position: relative;
  xbackground: pink;
  margin-right: 0.5em;
}


#sidebarLinks {
  position: relative;
  float: left;
  margin-left: 0px;
  background: yellow;

  height: 500px;
}

#midden {
  float: right;
  height: red;
  width: 710px;
  margin-top: 1em;
  margin-right: 1.5em;
  color: #003366;
	font-size: 13px;
	line-height:20px;

}

#midden h1, #midden h2 {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

#midden h1 {
  font-weight: bold;
}


#midden h2 {
  margin-bottom: 14px;
}

#midden h3 {
  margin-bottom: 0;
  font-weight: bolder;
  font-size: 12px;
  color: #a06225;
}

#midden h4 {
  font-weight: bold;
  color: #003366;
}

#midden p, #midden ul, #midden li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#midden p {
  margin-top: 14px;
  margin-bottom: 14px;
}


#midden a {
  color: #a06225;
  text-decoration: none;
  font-weight: 500;
}

#midden a:hover {
  color: #fff;
  background: #a06225;
}

#midden ul {

  margin-left: 1.4em;
}

.transparent_class  {
	filter:alpha(opacity=50);
	-moz-opacity:1;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



td.left {
  padding-left: 0.5em;
}

table#zebraPublicaties td {
  width: 250px;
  text-align: top;
  line-height: 0.8em;
  font-size: 75%;
}

.tabPub {
  margin-top: 0em;
}

#publicaties ul li {
  line-height: 1.8em;
}

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

#footer li {
  display: inline;
  margin: 0;
  padding: 5;
}

#footer {
  clear: both;
  background: #e6e6fa;
  padding: 5px 10px;
  border-top: 1px solid #f9d028;
  color: #5b8a9a;
}

#footer p {
  margin: 0;
}

* html #footer {
  height: 1px;
}


/* drop-down menu stijlen */


#nav {
  xwidth: 880px;
  float: left;
  height:66px;
  position:relative; 
  xbackground: red;
  xborder-right:1px solid #5b8a9a;
  xborder-left:1px solid #5b8a9a;
  font-family:arial, helvetica, sans-serif;
  font-size: 100%;
  margin-left: 0px;
  xfloat: left;
  margin-bottom: 0px;
  margin-top: 23px;
  z-index: 300;
  }
/* hack to correct IE5.5 faulty box model */
* html #nav {
  width:746px; 
  w\idth:745px;
}
/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
  padding:0;
  margin:0;
  margin-top: 35px;
  list-style:none;
  visibility: visible;
  }
#nav ul ul {
  width:106px;
  }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
  float:left;
  xwidth:125px;
  position:relative;
  xpadding-left: 5px;
  }
/* style the links for the top level */
#nav a, #nav a:visited {
  display:block;
  xfont-size:12px;
  text-decoration:none; 
  color:#003366;
  xwidth:125px;
  height:17px;
  xborder:1px solid #5b8a9a;
  xborder-width:1px 0 1px 0px;
  background:#e6e6fa;
  padding-left:9.6px;
  padding-right: 9.5px;
  padding-top: 10px;
  padding-bottom: 5px;
  line-height:1.3em;
  xfont-weight:bold;
  font-size: 75%;
  margin-right: 0px;
  }

#nav a.active {
  background: #003366;
  color: #fff;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #nav a, * html #nav a:visited {
  width:125px;
  w\idth:125px;
  }

/* style the second level background */
#nav ul ul a.drop, #nav ul ul a.drop:visited, #nav ul ul ul a.drop, #nav ul ul ul a.drop:visited {
  background:#e6e6fa url('../images2/grey-arrow.gif') no-repeat 150px center;
  }
/* style the second level hover */
#nav ul ul a.drop:hover, #nav ul ul ul a.drop:hover{
  background:#cc9966 url('../images2/blue-arrow.gif') no-repeat 150px center;
  }
#nav ul ul :hover > a.drop, #nav ul ul ul :hover > a.drop {
  background:#cc9966 url('../images2/blue-arrow.gif') no-repeat 150px center;
  }
/* style the third level background */
#nav ul ul ul a, #nav ul ul ul a:visited, #nav ul ul ul ul a, #nav ul ul ul ul a:visited  {
  background:#e6e6fa;
  }
/* style the third level hover */
#nav ul ul ul a:hover, #nav ul ul ul ul a:hover {
  background:#5b8a9a;
  }

#nav ul ul ul ul {
  left: -999em;
}

#nav ul :hover ul :hover ul :hover ul {
  left: 170px;
  width: 175px;
  visibility: visible;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:-3px;
  left:0;
  width:175px;
  xborder-top:1px solid #5b8a9a;
  }
/* another hack for IE5.5 */
* html #nav ul ul {
  top:30px;
  t\op:31px;
  }

/* position the third level flyout menu */
#nav ul ul ul{
  left:171px;
  top:-35px;
  width:172px;
  }

/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {
  left:-169px;
  }
#nav ul ul.left {
  left: -77px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {
  position:absolute; 
  top:0; 
  left:0; 
  border-collapse:collapse;;
  }

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {
  background:#f9d028;
  color:#003366;
  height:auto; 
  line-height:1em; 
  padding:5px 10px; 
  width:150px;
  border-width:0 1px 1px 1px;
  border-color: #5b8a9a;
  }
/* yet another hack for IE5.5 */
* html #nav ul ul a, * html #nav ul ul a:visited {
  width:150px;
  w\idth:128px;
  }

/* style the top level hover */
#nav a:hover, #nav ul ul a:hover{
  color:#fff;
  background:#5b8a9a;
  }
#nav :hover > a, #nav ul ul :hover > a {
  color:#fff;
  background:#5b8a9a;
  }

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{
  visibility:visible;
  }
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul{
  visibility:hidden;
  }
/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul{
  visibility:visible;
  }

/* einde nav stijlen */

#sidebarRechts {
  position: relative;
  width: 257px;
  background: #fff;
  margin-right: 0em;
  float: right;
  min-height: 300px;
  padding: 15px 0;
  z-index: 200;
  font-size: 75%;
}

#boxRechts1 {
  position: relative;
  text-align: left;
  padding-left: 27px;
  border: 1px solid #e6e6fa;
  color: #003366;
  background: #fff;
  xwidth: 247px;
  min-height: 270px;
  margin-right: 0em;
  margin-bottom: 0.5em;
  z-index: 500;
}



#boxRechtsInloggen {
  position: relative;
  text-align: left;
  padding-left: 27px;
  border: 1px solid #e6e6fa;
  color: #003366;
  background: #fff;
  xwidth: 247px;
  min-height: 103px;
  margin-right: 0em;
  margin-bottom: 0.5em;
  z-index: 500;
}

#boxRechtsIngelogd {
  position: relative;
  text-align: left;
  padding-left: 27px;
  border: 1px solid #e6e6fa;
  color: #003366;
  background: #fff;
  xwidth: 247px;
  min-height: 91px;
  margin-right: 0em;
  margin-bottom: 0.5em;
  z-index: 500;
}

#inlogTitel1 {
  position: relative;
  background:#e6e6fa;
  width: 250px;
  float: left;
  margin-left: -27px;
  margin-top: 0px;
  padding-left: 28px;
  height: 135px;
  padding-top: 0px;
  padding-left: 0.5em;
  line-height: 1.8em;
  xborder: 1px solid #5b8a9a;
  color: #003366;
}

#inlogTitelInloggen {
  position: relative;
  background:#e6e6fa;
  width: 250px;
  float: left;
  margin-left: -27px;
  margin-top: 0px;
  padding-left: 28px;
  height: 103px;
  padding-top: 0px;
  padding-left: 0.5em;
  line-height: 1.8em;
  xborder: 1px solid #5b8a9a;
  color: #003366;
}

#inlogTitelIngelogd {
  position: relative;
  background:#e6e6fa;
  width: 250px;
  float: left;
  margin-left: -27px;
  margin-top: 0px;
  padding-left: 28px;
  height: 91px;
  padding-top: 0px;
  padding-left: 0.5em;
  line-height: 1.8em;
  xborder: 1px solid #5b8a9a;
  color: #003366;
}

table#tabInloggen td.registratie {
  background: #a06255;
  color: white;
  padding-left: 10px;
}

table#tabInloggen td.registratie a {
  text-decoration: none;
  color: white;
}

table#tabInloggen td.registratie a:hover {
  background: white;
  color: #a06255;
}

table#tabInloggen td.admin a{
  text-decoration: none;
  color: red;
}

table#tabInloggen td.admin a:hover{
  background: red;
  color: white;
}


#kolInloggen1, #kolInloggen2 {
  width: 150px;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



table#tabInloggen td.welkom {
  padding-left: 3px;
}



.submit {

  margin-left: 0.5em;

}


#inlogTitel {
  background:#e6e6fa;
  width: 227px;
  float: left;
  margin-left: -27px;
  margin-top: 0px;
  padding-left: 28px;
  height: 35px;
  padding-top: 7.5px;
  line-height: 1.8em;
  xborder: 1px solid #5b8a9a;
  color: #003366;
}

#inlogBox {
  position: relative;
  padding: 10px;
  width: 200px;
  float: right;
  background: #fff;
  height: 250px;
  margin-right: 13.5px;
  margin-top: 5.5em;
  line-height: 1.5em;
  border: 5px solid #e6e6fa;
}

#boxRechtsNieuws {
  position: relative;
  text-align: left;
  padding-left: 27px;
  border: 1px solid #e6e6fa;
  color: #003366;
  background: #fff;
  xwidth: 247px;
  height: 240px;
  margin-right: 0em;
  margin-bottom: 0.5em;
  z-index: 500;
}

#inlogBoxNieuws {
  position: relative;
  padding: 10px;
  width: 200px;
  float: right;
  background: #fff;
  height: 150px;
  margin-right: 13.5px;
  margin-top: 0.5em;
  line-height: 1.5em;
  border: 5px solid #e6e6fa;
}

#inlogBoxNieuws a {
  color: #003366;
  text-decoration: none;
  font-weight: bold;
}
#boxRechtsAgenda {
  position: relative;
  text-align: left;
  padding-left: 27px;
  border: 1px solid #e6e6fa;
  color: #003366;
  background: #fff;
  xwidth: 247px;
  height: 240px;
  margin-right: 0em;
  margin-bottom: 0.5em;
  z-index: 500;
}

#inlogBoxAgenda {
  position: relative;
  padding: 10px;
  width: 200px;
  float: right;
  background: #fff;
  height: 150px;
  margin-right: 13.5px;
  margin-top: 0.5em;
  line-height: 1.5em;
  border: 5px solid #e6e6fa;
}

#inlogBoxAgenda a {
  color: #003366;
  text-decoration: none;
  font-weight: bold;
}
#inlogBox a {
  color: #003366;
  text-decoration: none;
  font-weight: bold;
}

.bruin {
  color: #a06225;
}

#boxNieuws {
  font-size: 85%;
  line-height: 10px;
  font-weight: 100;

}

/* stijlen voor bureau/wat-wij-voor-u-doen.php */

table#wat td {

  vertical-align: baseline;
  border-bottom: 1px solid #a06225;
  border-top: 1px solid #a06225;
}

tr.thema {
  border: 1px solid a06225;
}

#thema {
  width: 200px;
}
#product {
  width: 300px;
}

/* stijlen bureau/good-practices.php */

table#zebra td {
  padding: 10px;
}

table#zebra th {
  text-align: center;
  color:#a06225;
}

.hogescholen {
  width: 200px;
}
.mbo{
  width: 200px;
}
.vo{
  width: 200px;
}
.diversen{
  width: 200px;
}

table#presentatie td {
  padding: 10px;
}

.tijdPresentatie {
  width: 150px;
}

.inhoudPresentatie {
  width: 500px;
}

/* stijlen leerlijnen/leerlijnenmodel */

table#leerlijnen th {
  color: #a06225;
  text-align: center;
  font-weight: bolder;
}

table#leerlijnen li, table#leerlijnen ul  {
  margin-left: 0px;
}

#term {
  width: 95px;
}

#sector1{
  width: 150px;
}

#sector2 {
  width: 150px;
}

#sector3 {
  width: 150px;
  }

#sector4 {
  width: 150px;
}

table#leerlijnen td {
  padding: 10px 5px 5px 5px;
  vertical-align: baseline;
}

table#nieuwsbrief td {
  padding: 10px;
}

table#nieuwsbrief td a {
  color: #a06225;
  font-weight: bolder;
  text-decoration: none;
}

table#nieuwsbrief td a:hover {
  background: #a06225;
  color: #fff;
}

/* BEGIN stijlen voor boekengallerie op publicaties/publicaties.php en boekengala + columnsgala */


ul#gallery {
  float:left; font: "arial narrow", helvetica,sans-serif; font-size: 120%;}

ul#gallery, ul#gallery li{
  margin-top: 5px;
  list-style:none;margin: 2.5em 0;padding:0}

ul#gallery li{float:left;display:inline;margin: 5px 0 25px 20px;width:150px;text-align: left; height: 190px;}

cul#gallery img{display:block;width:100px;height:70px;border:0px solid;margin:0 auto 5px}

ul#gallery a {
  display:block;height:190px;padding: 5px 5px 0 5px;background: #e6e6fa;color: #003366;border:1px solid #003366;text-decoration: none; position: relative;}

ul#gallery a:hover{background: #a06225;color: #FFF;border-color:#000}

#Titel {
  font-family: "arial narrow", sans-serif;
  font-size: 15px;
  margin-bottom: 0.5em;
  margin-top: 0em;
  xbackground: #fff;
  height: 80px;

}

#TitelColumn {
  font-family: "arial narrow", sans-serif;
  font-size: 15px;
  margin-bottom: 0.5em;
  margin-top: 0em;
  xbackground: #fff;
  height: 50px;

}

.subTitel {
  font-size: 12px;
}

#TitelNieuw {
  font-family: "arial narrow", sans-serif;
  font-size: 15px;
  margin-bottom: 8px;
  margin-top: 5px;
  xbackground: #fff;
  height: 30px;


}


.Auteur {
  font-weight: bold;
  font-family: "arial narrow", sans-serif;
  xbackground: yellow;
  height: 50px;
}

.AuteurColumn {

  font-family: "arial narrow", sans-serif;
  xbackground: yellow;
  height: 20px;
}

.AuteurNieuw {
  font-weight: bold;
  font-family: "arial narrow", sans-serif;
  xbackground: yellow;
  height: 50px;
  xcolor: #fff;
}

.datumColumn {
  margin-top: 5px;
  font-family: "arial narrow", sans-serif;
  height: 20px;
  xbackground: #fff;
}

ul#gallery li.nieuwBoek a {
  background:  orange;
  color: #fff;
}

ul#gallery li.nieuwBoek a:hover {
  background: #e6e6fa;
  xfont-size: 25px;
  color: #003366;
}

#meldingNieuw {
  xbackground: pink;
  height: 25px;
  letter-spacing: 5px;
  text-align: center;
  margin-top: 0px;
  font-weight: bolder;
  padding-top: 5px;
}

#meldingMeer {
  xbackground: #fff;
  height: 15px;
  position: absolute;
  text-align: left;
  top: 170px;
  font-size: 75%;
  xcolor: #003366;
  padding-top: 5px;
  margin-bottom: 0px;
}

#meldingMeerColumn {
  xbackground: #fff;
  height: 15px;
  position: absolute;
  text-align: left;
  top: 102px;
  font-size: 75%;
  xcolor: #003366;
  padding-top: 5px;
  margin-bottom: 0px;
}

#meldingMeerNieuw {
  xbackground: #fff;
  height: 15px;
  position: absolute;
  text-align: left;
  top: 170px;
  font-size: 75%;

  padding-top: 5px;
  margin-bottom: 0px;
}

ul#galleryColumns {
  float:left; 
  font: "arial narrow", helvetica,sans-serif; 
  font-size: 120%;
  margin-top: 0px;
  }

ul#galleryColumns, ul#galleryColumns li{
  margin-top: 5px;
  list-style:none;margin: 2.5em 0;padding:0}

ul#galleryColumns li{float:left;display:inline;margin: 5px 0 25px 20px;width:150px;text-align: left; height: 120px;}

cul#galleryColumns img{display:block;width:100px;height:70px;border:0px solid;margin:0 auto 5px}

ul#galleryColumns a {
  display:block;height: 120px;padding: 5px 5px 0 5px;background: #e6e6fa;color: #003366;border:1px solid #003366;text-decoration: none; position: relative;}

ul#galleryColumns a:hover{background: #a06225;color: #FFF;border-color:#000}

/* EINDE stijlen voor boekengallerie op publicaties/publicaties.php en boekengala + columnsgala */

table#downloadBoeken td.paddingLinks{
  padding-left: 10px;
}

/* stijlen login */

table#tabRegister {
  margin-top: 14px;
  border: 1px solid #003366;
}  

table#tabRegister td {
  padding: 10px;
}

/* stijlen onderwijsvernieuwing en downloads*/

table#onderwijsvernieuwing td {
  vertical-align: baseline;
  padding: 10px;
}

#onderwijsvernieuwingKolom1, #onderwijsvernieuwingKolom2 {
  width: 350px;
  padding-left: 10px;
}

table#downloads td {
  vertical-align: baseline;
  padding: 10px;
}

table#downloads td.linksBoven, table#downloads td.rechtsOnder {
  background: #e6ffe6;
}

table#downloads td.linksOnder, table#downloads td.rechtsBoven {
  background: #e6e6fa;
}

#downloadsTabBlokje {
  position: relative;
  width: 30px;
  height: 30px;
  xborder: solid;
  top: -535px;
  left: 335px;
}

#downloadsLinksBoven {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#downloadsRechtsBoven {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 15px;
}

#downloadsLinksOnder {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  left: 0px;
}

#downloadsRechtsOnder {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  left: 15px;
}

#downloadsTabBlokje2 {
  position: relative;
  width: 30px;
  height: 30px;
  xborder: solid;
  top: -295px;
  left: 335px;
}

#downloadsLinksBoven2 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#downloadsRechtsBoven2 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 15px;
}

#downloadsLinksOnder2 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  left: 0px;
}

#downloadsRechtsOnder2 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  left: 15px;
}


#downloadsKolom1, #downloadsKolom2 {
  width: 350px;
  padding-left: 10px;
}

table#profiel {

}

table#profiel td {
  vertical-align: baseline;
  padding: 10px;
}

table#profiel td.profielLinksBoven {
  background: #e6ffe6;
}  

table#profiel td.profielRechtsBoven {
  background: #e6e6fa;
}

table#profiel td.profielLinksOnder {
  background: #e6e6fa; /* was #cce6ff*/
}

table#profiel td.profielRechtsOnder {
  background: #e6ffe6;
}

#profielKolom1, #profielKolom2 {
  width: 350px;
  padding-left: 10px;
}

#profielTabBlokje {
  position: relative;
  width: 50px;
  height: 50px;
  xborder: solid;
  top: -503px;
  left: 325px;
}

#linksBoven {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#rechtsBoven {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  left: 25px;
  xbackground: url('../images2/rechtsBoven.jpg');
  z-index: 100;
}

#linksOnder {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 25px;
  left: 0px;
}

#rechtsOnder {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 25px;
  left: 25px;
}

#profielTabBlokjeCvdB {
  position: relative;
  width: 50px;
  height: 50px;
  xborder: solid;
  top: -50px;
  left: 660px;
}

#profielTabBlokjeCN {
  position: relative;
  width: 50px;
  height: 50px;
  xborder: solid;
  top: -50px;
  left: 660px;
}

h2.bEnB {
  margin-left: 50px;
}

table#onderwijsvernieuwing {
  margin-top: 3px;
}

table#onderwijsvernieuwing td.ovLinksBoven, table#onderwijsvernieuwing td.ovRechtsOnder {
  background: #e6ffe6;
}

table#onderwijsvernieuwing td.ovRechtsBoven, table#onderwijsvernieuwing td.ovLinksOnder {
  background: #e6e6fa; /*was #cce6ff*/
}

#ovLinksBoven {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#ovRechtsBoven {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  left: 25px;
}

#ovLinksOnder {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 25px;
  left: 0px;
}

#ovRechtsOnder {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 25px;
  left: 25px;
}

#ovCenter {
  position: relative;
  width: 50px;
  height: 50px;
  xborder: solid;
  top: -367px;
  left: 325px;
}



table#leerlijnen {
  margin-top: 3px;
}

table#leerlijnen td.ovLinksBoven, table#leerlijnen td.ovRechtsOnder {
  background: #e6ffe6;
}

table#leerlijnen td.ovRechtsBoven, table#leerlijnen td.ovLinksOnder {
  background: #e6e6fa; /* was cce6ff */
}

#llCenter {
  position: relative;
  width: 30px;
  height: 30px;
  xborder: solid;
  top: -280px;
  left: 305px;
}
#llLinksBoven {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#llRechtsBoven {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 15px;
}

#llLinksOnder {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  left: 0px;
}

#llRechtsOnder {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  left: 15px;
}
/* stijlen voor customizing input fields */
input[type="text"], input[type="password"], input[type="file"] {
	border: solid 1px #336699;
	color: #336699;
	background-image: url('images/input-text-bg.png');
	padding-left: 5px;
}

/* stijlen voor customizing input fields this is for IE */
input {
	border: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "solid 1px #336699" : "this.border");
	color: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "#336699" : "this.color");
	_background-image: none;
	_background-image: expression(this.type=="text" || this.type=="password" || this.type=="file" ? "url('theme/default/images/input-text-bg.png')" : "this.background-image");
}

/*stijlen voor archief/archief.php */

#middenLinks {
  float: left;
  xbackground: yellow;
  width: 200px;
}

#archief {
  float: left;
  background: #e6e6fa; /*was #cce6ff; */
  width: 450px;
  xborder: 1px solid #a06255;
  padding: 14px;
}

table#partners td {
  padding: 10px;
}

#partnersNaam, #partnersMail {
  width: 175px;
}


table#ict-scholen td {
  padding: 10px;
}


  background: url('');
  z-index: 250;
}

#popPartner {
  position: absolute;
  top: 500px;
  right: 250px;
  background: red;
  font-size: 150%;
  color: red;
}

#tabNieuwsbrief td {
  padding: 10px;
}

#tabNieuwsbrief {
  border: 1px solid #003366;
}  


#profielIntroductie {
  width: 500px;
  height: 150px;
  xborder: 1px solid #e6e6fa;
}

#profielExpertise {
  width: 700px;
  height: 150px;
  xborder: 1px solid #e6e6fa;
  margin-bottom: 14px;
}

#profielContactgegevens {
  width: 700px;
  height: 150px;
  xborder: 1px solid #e6e6fa;
  margin-bottom: 14px;
}

#introductieCvdB {
  height: 75px;
  width: 150px;
}  

#expertiseCvdB {
  height: 150px;
  width: 690px;
}

#contactgegevensCvdB {
  height: 150px;
}

/* stijlen admin-gedeelte */

table#tabGebruikers {
  margin-top: 14px;
}

#tabGebruikers td {
  padding: 5px;
}

#tabGebruikers th {
  text-align: center;
}

#tabGebruikers, #tabGebruiker {
  border: 1px solid #003366;
}

#tabGebruiker td {
  padding: 5px;
}

#gebruikerVeld {
  width: 250px;
}

#gebruikerWaarde {
  width: 500px;
}

.tdGeel {
  background: yellow;
}

#gebruikerTitel {
  margin-top: 14px;
  margin-bottom: 14px;
}

#gebruikersNaam {
  width: 100px;
}
#gebruikersGebruikersnaam {
  width: 150px;
}
#gebruikersEmail {
  width: 150px;
}
#gebruikersId {
  width: 150px;
}
#gebruikersDatum {
  width: 100px;
}

table#tabAdmins {
  border: 1px solid #003366;
  margin-top: 14px;
}

table#tabAdmins td {
  padding: 5px;
}

table#tabAdmins th{
  text-align: center;
}

#tabAdminsId {
  width: 50px;
}
#tabAdminsName {
  width: 150px;
}
#tabAdminsUsername {
  width: 150px;
}
#tabAdminsAdmin {
  width: 50px;
}

table#tabScholing {
  border: 1px solid #003366;
}

table#tabScholing td{
  padding: 5px;
}

table#tabScholing th{
  text-align: center;
}

#tabScholingDeelnemer {
  width: 150px;
}
#tabScholingFuncties {
  width: 150px;
}
#tabScholingEmail {
  width: 100px;
}
#tabScholingSchool {
  width: 100px;
}
#tabScholingPlaats {
  width: 100px;
}
#tabScholingAanmelding {
  width: 50px;
}