/* Site-breed */
/* --------------- */
/*    reset css    */
/* --------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
/*  vertical-align: baseline; geeft problemen met plaatjes in IE */
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}


/* ----------- */
/* general css */
/* ----------- */

img.img_south      { margin:  0px 10px  4px  4px; }
img.img_south_west { margin:  0px  0px  4px  4px; }
img.img_west       { margin: 10px  0px  4px  4px; }
img.img_north_west { margin: 10px  0px  0px  4px; }
img.img_north      { margin: 10px 10px  0px  4px; }
img.img_north_east { margin: 10px 10px  0px  0px; }
img.img_east       { margin: 10px 10px  4px  0px; }
img.img_south_east { margin:  0px 10px  4px  0px; }
img.img_all        { margin: 10px 10px  4px  4px; }

body{
  background-color: #000;
  /* background-image: url('');*/
  font-family: Arial, sans-serif;
  font-size: 62.5%; /* 0.9 em = 9px, 1 em = 10px, 1.2 em = 12 px etc. */
  color: #000;
  line-height: 1.2;

}

h2 {
  margin-bottom: 4px;
}

#wrapper {
  margin: 0pt auto;
  width: 776px;
  background-color: #FFF;
}

#top {
  background-color: #000;
  margin: 0px 18px;
  position: relative;
}

#logged {
  padding: 1px; /* ie knipt anders onderkant letters eraf */
  top: 40px;
  left: 192px;
  position: absolute;
  
  font-size: 1.3em;
  color: #444;
}

#contentbody {
  background-color: #FFF;
  clear: both;
  height:1%;
  margin: 10px 18px;
}

#contentbody small
{
  font-size: 0.9em;
}

.static .standardtextFlv {
  display: none;
}

#player {
  border-width: 2px;
  border-style: dotted;
  border-color: #454545;
  margin-bottom: 6px;
}

.plaatje, .standardtext {
  border: 2px dotted #454545;;
  margin-bottom: 6px;
  overflow: hidden;
}

.standardtext {
  padding: 4px;
}

.intern, .contentbodypane .intern {
  border-color: #E02421;
}

.headfoto {
  width: 740px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  
}

#right {
  width: 240px;
  float: right;
}


#right h1 {
  padding-left: 12px;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  background-color: #000;
  font-size: 1em;
  margin-bottom: 6px;
}

h1.fingelogd {
  background-color: #E02421;
}

#sidebar h1 {
  padding-left: 12px;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  background-color: #000;
  font-size: 1em;
  margin-bottom: 6px;
}

#sidebar h1.intern {
  background-color: #E02421;
}

#right .standardtext .tekst {
  background-color: #F2EFEA;
}

.crumble {
  line-height: 20px;
  /* height: 20px; */
  color: #fff;
  background-color: #000;
  margin: 0px;
  padding: 0px;
  padding-left: 12px;
  margin-bottom: 6px;
}

.crumble a {
  color: #FFF;
  line-height: 20px;
}

a {
  color: #0084bc;
  text-decoration: none;
}

#module {
  float: left;
  width: 490px;
  min-height: 575px; overflow: hidden;
}

#module h1 {
  display: none;
}

/* module afhankelijk */

.clear {
  clear: both;
  width: 1px;
  height: 1px;
  line-height: 1px;
  margin-top: -1px;
}

div#contentbody a.versionicon, div#contentbody a.versionicon:hover
{
  padding: 2px;
  background: none;
}

div#contentbody a.versionicon img, div#contentbody a.versionicon:hover img
{
  border: 0px;
  margin: 0px;
}


ul.leftnav a.versionicon, ul.leftnav a.versionicon:hover
{
  float: left;
}


ul.leftnav li
{
  clear: both;
  float: left;
  width: 190px;

}

#vestialogo {
  float: right;
}

/* Vormgeving zoals door de ISE opgegeven */

.ISE-header
{
  background-color: #000;
  color: #FFF;
  font-weight: bold;
}

.ISE-header2,
.ISE-header2 td
{
  background-color: white;
  color: black;
  font-weight: bold;
}

tr.ISE-footer
{
  background-color: #CCC;
}

table.ISE-border
{
  border: 1px solid black;
  border-collapse: collapse;
}

table.ISE-border td
 {
 padding:4px;
}

table.ISE-boxborder
{
  border: 1px solid black;
  border-collapse: collapse;
}

table.ISE-boxborder td {
 border: 1px solid black;
 padding:4px;
}

table.ISE-tablet td {
  background-color: #E9E6E5;
  padding: 0px 4px 0px 4px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #EEE8E2 #a5aCa5 #a5aCa5 #EEE8E2
}

table.ISE-tablet tr.ISE-header td, table.ISE-tablet td.ISE-header {
  background-color: #000;
}

.ISE-align-left,
tr.ISE-align-left td
{
  text-align: left;
}

.ISE-align-right,
tr.ISE-align-right td
{
  text-align:right;
}

/* OFF (dropdown styles in ISE) 
span.ISESTY-rood
{
  color: red;
  font-style: normal;
}

span.ISESTY-blauw
{
  color:blue;
  font-style: normal;
}

span.ISESTY-groter
{
  font-style: normal;
  font-size: 2.0em;
}

span.ISESTY-green
{
  color:green;
  font-style: normal;
}


*/
h1.ISESTYH
{
  font-size: 2em;
  color: green;
}

h2.ISESTYH
{
  font-size: 1.5em;
  color: red;
}

h3.ISESTYH
{
  font-size:1.4em;
}


.static input.text, .static input.hidden
{
  color: #999;
  border: 1px solid #4DBCEB;
  padding-left: 4px;
  font-size: 100%;
  width: 160px;
  margin: 2px 0px;
  float: left;
}

.static input.login
{
  background: URL(/vestia.nl/gfx1/ZkjpauyHwC.gif) no-repeat;
}

.static input.pwd
{
  background: URL(/vestia.nl/gfx1/ZkjpauyHyC.gif) no-repeat;
}

#login a {
  float: left;
  clear: both;
  width: 100%;
}

.static input.hidden
{
  display: none;
}

.static input.black
{
  color: black;
}

.static input.button
{
  color: white;
  border: none;
  background-color: #4DBCEB;
  width: 64px;
  font-size: 100%;
  border: 1px solid #4DBCEB;
  float: right;
  margin-top:2px;
}

.static .standardtextFlv
{
  border: 2px dotted #454545;
  margin-bottom: 6px;
}

.static .ingelogd
{
  margin-left: 2px;
  margin-bottom: 6px;
}

.static form
{
  margin-bottom: 4px;
}

#wachtwoordvergeten form {
  margin-top: 6px;
}

/* Top-navigatie */
#fotolink {
  position: absolute;
  left: 700px;
  top: 40px;
}

#container {
  width: 100%;
  border-top: 1px solid white;
  overflow: hidden;
}

#container #middlenav {
  line-height:20px;
  /*height: 20px;*/
  margin-right: 3px;
  overflow: hidden;
  color: #FFF;
  font-family: Arial;
  text-align: right;
}

#container #middlenav .verticaldivider {
  /*float: left;*/
  /* float: right; */
  margin-right: 7px;
}

#container #middlenav .menuitem {
  /*float: left;*/
  /*float: right;*/
  /*margin: 0px 3px;*/
  margin-right: 7px;
}

#container #middlenav a {
  color: #FFF;
  text-decoration:none;
}
#container #middlenav a.selected {
 color:#4DBCEB;

}
#container #middlenav a:hover {
 color:#4DBCEB;
}
#container #middlenav a:active {}
#container #middlenav a:visited {}
#container #middlenav a:link {}


/* Linker-navigatie */
#submenu {
  margin-bottom: 6px;
}

#submenu div.submenulink {
  background-color: #4DBCEB;
  padding-left: 12px;
  margin-bottom: 1px;
}

#submenu div.submenulink a {
  /*height: 20px;*/
  line-height: 20px;
  color: #FFF;
  /*display: block;*/
}

#submenu div.submenulink a.selected, #submenu div.submenulink a:hover {
  color: #000;
}
#submenu {
  margin-bottom: 6px;
}

#submenu div.submenulink {
  background-color: #4DBCEB;
  padding-left: 12px;
  margin-bottom: 1px;
}

#submenu div.submenulink a {
  /*height: 20px;*/
  line-height: 20px;
  color: #FFF;
  /*display: block;*/
}

#submenu div.submenulink a.selected, #submenu div.submenulink a:hover {
  color: #000;
}


/* Module Homepage*/
#leftcol, #midcol, #rightcol {
  float: left;
  width: 240px;
  overflow-x: hidden;
}

#leftcol, #midcol {
  margin-right: 10px;
}

#leftcol .contentbodypane, #midcol .contentbodypane, #rightcol .contentbodypane {
  min-height: 0px;
  margin: 0px;
}

#leftcol h1, #midcol h1, #rightcol h1 {
  padding-left: 12px;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  background-color: #000;
  font-size: 1em;
  margin-bottom: 6px;
}

#leftcol h2, #midcol h2, #rightcol h2 {
  font-size: 1em;
  font-weight: normal;
  display: inline;
}

.standardtext {
  border-width: 2px;
  border-style: dotted;
  border-color: #454545;
  padding: 4px;
  margin-bottom: 6px;
}

#intern h1 {
  background-color: #E02421;
}

.intern, #intern .standardtext {
  border-color: #E02421;
}

.agendaitem {
  border-width: 2px;
  border-style: dotted;
  border-color: #454545;
  margin-bottom: 6px;
}
.agendaitem .standardtext {
  border: none;  
}

.agendaitem .vandaag {
  color: white;
  padding-left: 20px;
  background-image: url('/vestia.nl/gfx1/ZwakrwyHO.gif');
  background-repeat: no-repeat;
  background-color: #4DBCEB;
  font-size: 1em;
  line-height: 20px;
  height: 20px;
}

.agendaitem .datum {
  line-height: 1.2;
}

.standardtext .tekst {
  background-color: #F2EFEA;
  padding: 4px;
}