html
{
  height:100%;
}

body  
{
  font-family: Tahoma, Verdana;
  font-size: 0.7em;
  line-height: 1.3em;
  background:#fff url(../img/stippellijn.png) 200px 0px repeat-y;
  margin: 0px;
  padding: 0px;
}

img {
  border:none;
}
p {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  border:0px;
}

.kop {
 font-weight: bold;
 padding-top: 10px;
}

#flash{
  margin: 0 0 0 15px;
}

form{
    margin: 0px;
    padding: 0px;
    border:0px;}

#content-area-home,
#content-area
{      
  width: 777px;
  height: 115%;
  margin: 0 0 0 225px;
  padding-top: 70px;
  position:relative;
}

#content-area-home
{
  padding-top: 40px;
}
#content-area
{    
  background: url(/img/graphic.jpg) top right no-repeat;
  background-color: #F0EEEB;
  padding-bottom: 40px;
}
      
#content-area.document
    { background-image: none;
      background-color: #FFFFFF;        
      width:777px;}

.adresgegevens {      
      padding: 20px 0 20px 20px;
      font-size:1em;
      color: #026C8B;
}

.gecko #WitVlak
{
  width: 777px;
}

#WitVlak
    { background-color: #FFFFFF;
      width: 757px;
      height: 70px;
      position: absolute;
      z-index: 102;
      top: 0px;
      left: 225px;
      text-align: right;
      padding-right: 20px;}
      
#moreInfo
    { height: 20px;
      position: absolute;
      z-index: 200;
      top: 100px;
      left: 555px;
      font-size: 0.9em;
      padding-right: 20px;
      }

.rechts{
      border-top-style: dotted;
      border-top-color: #0B479D;
      border-top-width: 1px;
      padding-top: 10px;
      padding-bottom: 10px;      }

.rechtsbold{
      border-top-style: dotted;
      border-top-color: #0B479D;
      border-top-width: 1px;
      padding-top: 10px;
      background-image: url(../img/vlakje-rood.png);
      background-repeat:no-repeat;
      background-position : 0px 13px;
      font-size: 1.0em;
      font-weight: bold;
      padding-left: 15px;}
      
.rechtsbold2{
      border-top-style: dotted;
      border-top-color: #0B479D;
      border-top-width: 1px;
      padding-top: 10px;
      background-image: url(../img/vlakje-blauw.png);
      background-repeat:no-repeat;
      background-position : 0px 13px;
      font-size: 1.0em;
      font-weight: bold;
      padding-left: 15px;}

.titel
    { font-weight: bold;
      text-transform : uppercase;
      margin-bottom: 10px;
      letter-spacing: 1px;
      padding-left: 15px;
      font-size: 1em;
      }

.titel a
    { text-decoration: none;
      color: #026C8B;      }

h1
{
 color: #3E8AA0;
 font-size: 180%;
 margin: 0 0 15px 0;
}

h3
{
  color: #026C8B;
  font-size: 125%;
}

h4
{
  color: #026C8B;
  font-size: 120%;
  margin: 10px 0 5px 0;
}


a
{ 
  color: #026C8B;      
  text-decoration: none;
}

dl  
{
  padding: 0px;
  margin-left: 0px;
  margin:0px;
}

.basic .alinea
{ color: #026C8B; }

.basic .blauw .alina
{ color: #0B479D; }

.alinea
{ 
  margin-bottom: 10px;
  font-size: 1em;
  padding-left: 15px;
}

.alinea ul
{
  clear:left;
}

.alinea img
{
  margin-right: 0px 3px;
}

.tabel-inhoud {
      font-size:1em;
      font-family: Arial;
      color: #026C8B;
    }

.tabel-inhoud td
{
 padding-bottom: 10px;
}

.inleiding
    { font-weight: bold;
      margin-bottom: 10px;
      padding-left: 15px}
      
.basic .inleiding
{
    color: #026C8B;
}




/** logo, beeld en stippellijn **/

#logo.document
    { background-image: url(../img/logo-klein.png);
      background-repeat:no-repeat;
      margin-top: 0px;      
      }

#beeldLogo  
    { 
      background-image: url(/img/illustratie-vervolgp.jpg);
      position: absolute;
      width: 70px;
      height: 145px;      
      z-index: 202;
      top: 150px;
      left: 195px;
    }

#bronvermelding
    { width: 60px;
      height: 30px;
      position: absolute;
      z-index: 200;
      top: 365px;
      left: 205px;
      color: #026C8B;
      font-size: 1em;
      }

#logo 
    { background-image: url(../img/logogroot.png);
      width: 198px;
      height: 180px;
      position: absolute;
      top:0;
      margin-top: 20px;
      cursor: pointer;
      }


/** groene navigatiebalk bovenin **/

#groenbalk { 
      background-color: #0093A7;
      width: 757px;
      height: 19px;
      position: absolute;
      z-index: 200;
      top: 0px;
      left: 225px;
      text-align: right;
      padding-right: 20px;
      padding-top:7px;
      }
.gecko #groenbalk
{
  width: 777px;
  height: 20px;
}      

.ie #groenbalk
{
  height: 13px;
}

.ie6 #groenbalk
{
  height: 12px;
  line-height: 12px;
}

#homeknopje a
    { color: #FFFFFF;
      position: absolute;
      z-index: 202;
      top: 3px;
      left: 235px;
      text-transform : uppercase;
      font-weight: bold;      
      font-size: 1em;
      text-decoration: none;
      letter-spacing: 1px;}


.groenknop {
  background-color: #E7E3E0;
  text-transform : uppercase;
  font-size: 0.8em;
  padding: 2px 6px 0px 6px;
  margin-left: 3px;  
}

.groenknop a  
{ 
  color: #026C8B;
  font-weight: bold;      
  text-decoration: none;
  letter-spacing: 0.1em;
}

#groenbalk .actief
{
  background-image:none;
  background-color: #FFFFFF;
}
#groenbalk .actief a
    { background-color: #FFFFFF;}


/** zoekveld **/

#zoekveldContainer 
{ 
  background-color: #E7E3E0;
  width: 200px;
  height: 50px;
  position: absolute;
  z-index: 200;
  top: 231px;
  left: 0px;
  border-bottom-style: solid;
  border-bottom-color: #E7E3E0;
  border-bottom-width: 15px;}

.zoekv
    { color: #0B479D;
      padding-bottom: 1px;
      padding-top: 1px;
      float:left;
      }


.linkerForm{
  background-color:#0093A7;
  height:23px;
  padding-top:1px;
  width:200px;
  }

#linker-kolom
{
  height: 100%;
}

#zoekknop {
/*  z-index:503;
  position: absolute;
  top: 2px;
  right: 5px;*/
      float:left;
}

#zoekknop1 {
      z-index:503;
      position:absolute;
      left: 111px;
      top: 71px;
}

.zoekvk
    { 
      height:15px; width:55px;
      color: white;
      background-color: #0093A7;
      border: 0 px;
      margin:0px;    
      width: 65px;
      border:outset 0px;
      z-index: 305;
      cursor:pointer;
      font-weight: bold;
}
.ie .zoekvk
{
  margin: 2px 0px 0px 15px;
}
.zoektabel{padding-left: 15px;}

.zoekform
    { color: #026C8B;
      font-size: 12px;
      font-weight:bold;
      }

      
.zoekresultaat
    {padding-left: 37px;}


#zoekveldContainer.document
    { top: 70px;}


/** navigatie linkerkolom **/

#english a
    { color: #cd0000;
      width: 100px;
      height: 20px;
      position: absolute;
      z-index: 200;
      top: 185px;
      left: 15;
      font-size: 1em;
      text-decoration: none;
      letter-spacing:0.1em; }

#hoofdnavigatie
    { background-color: #FFFFFF;
      width: 200px;
      position: absolute;
      z-index: 200;
      top: 266px;
      left: 0px;
      border-top: solid 2px #0A469D;
      }

#hoofdnavigatie.document
    { top: 96px;}

.pijler
    { background-color: #FFFFFF;
      color: #0A469D;
      text-transform : uppercase;
      font-weight: bold;
      font-size: 1em;
      letter-spacing: 1px;
      border-bottom: 2.5px;
      border-bottom-color: #0A469D;
      border-bottom-style : solid;
      padding-left: 20px;
      padding-top: 3px;
      padding-bottom: 3px;}

.pijler a
    { text-decoration: none;
      color: #0A469D;}

.pijler.donker
    { background-color: #F5F4F2;}
.sub
{
  padding-left:10px;
  margin-left: 20px;    
  font-size: 1em;
  line-height: 1em;
  background-image: url(../img/bullet.png);
  background-repeat:no-repeat;
  background-position : 0px 3px;
  color: #0A469D;
  margin-top: 6px;
  margin-bottom:6px;
}


.subsub
    { padding-left: 40px;
      font-size: 1em;
      line-height: 1em;
      background-image: url(../img/bullet.png);
      background-repeat:no-repeat;
      background-position : 30px 3px;
      color: #0A469D;
      margin-top: 6px;
      margin-bottom:6px;
}
      
#hoofdnavigatie .actief
    { font-weight: bold;
      background-image: url(../img/bullet-vol.png);}

.extra
    { background-color: #E7E3E0;
      padding-left: 20px;
      color: #0A469D;
      font-size: 1em;
      border-bottom-style: dotted;
      border-bottom-color: #0A469D;
      border-bottom-width: 1.5px;
      padding-top: 3px;
      padding-bottom: 3px;}

.laatste
    { border-bottom-style: solid;
      border-bottom-color: #0A469D;
      border-bottom-width: 2px;
      margin-bottom: 0px;
      margin-left:0px;
      padding-bottom: 6px;
      }

.extra label {
      color: #026C8B;
}

/* Nieuwsbrief gedeelte */

.newsletterForm
{
    padding: 0 0 0 15px;
}

#Nieuwsbrief .formLabel
{
  display: block;
  padding: 5px 0 0 0 ;
}

#Nieuwsbrief .invalid {background-color: #FFFCCC;}

.feedback {color: red;padding: 0 0 0 10px;}

.newsletterForm .inline { display:inline;}

.newsletterForm form
{
 margin: 0;
}

.long { width: 250px; }
.middle { width: 200px; }
.short { width: 50px; }

#Nieuwsbrief {
  xmargin-top: 10px;
}

#Nieuwsbrief input {
  color: #026C8B;
  font-size: 12px;
}

#NieuwsbriefLabel {
  cursor: pointer;
}
/** pagina betiteling **/

#naambeeld, #naambeeldvervolg 
    { width: 400px;
      height: 30px;
      position: absolute;
      z-index: 200;
      top: 47px;
      left: 225px;
      color: #0093A7;
      font-size: medium;
      font-weight: bold;
      letter-spacing: 0.05em;}

#naambeeldvervolg 
    { top: 28px;
      font-size: 1em;}

#bijgewerkt
    { width: 150px;
      height: 30px;
      position: absolute;
      z-index: 200;
      padding-left: 15px;
      top: -20px;
      left: 70%;
      color: #026C8B;
      font-size: 1em;
      letter-spacing:0.1em;}

#pagtitel
    { width: 400px;      
      position: absolute;
      z-index: 200;
      top: 42px;
      left: 225px;
      color: #0093A7;
      font-weight: bold;
      font-size: 1.6em;
      line-height: 22px;
      }

#pagtitel.document
    { color: #0B479D;
      left: 245px;}


/** inhoud alle pagina's **/

#grijsvlak  
    { background-color: #F0EEEB;
      background-image: url(../img/graphic.png);
      background-repeat:no-repeat;
      background-position: top right; 
      width: 800px;
      height: 100%;
      position: absolute;
      z-index: 200;
      top: 70px;
      left: 225px;
      padding-top: 20px;}

#grijsvlak.document
    { background-image: none;
      background-color: #FFFFFF;
      padding-top: 0px;}

.inhoud
{
      width: 510px;
      padding-left: 50px;      
      background: url(../img/stippellijn-wit.png) 50px 0px repeat-y;
}
.gecko .inhoud {
      padding-left: 50px;    
      width: 550px;
}

.artikelInhoud
{
  color: #026C8B;
  width: 550px;
  padding-left: 50px;
  padding-right: 20px;
  background-repeat:repeat-y;
  background-position: 50px 0px;
}

.artikelInhoud a
    { text-decoration: none;}


.inhoud.home
    { background-image: none;}

    
.inhoud.document1
    { padding-left: 0px;
      background-color: #FFFFFF;}    

.intro
    { 
      font-weight: bold;
      margin-bottom: 10px;
      padding-left: 15px;}
      
.basic .inhoud .intro
{
  color: #026C8B;
}


/** inhoud homepagina **/

.datum  
    { font-size: 0.8em;
      padding-left: 15px;}

.nieuwstitel  
{ 
      xbackground-image: url(../img/vlakje-rood.png);
      xbackground-repeat:no-repeat;
      xbackground-position: 0px 3px;
      font-size: 1.0em;
      font-weight: bold;
      padding-left: 15px;}

/** inhoud tussenpagina's **/

.blauw
    { color: #0B479D;}

.rood
    { color: #cd0000; }
    
.titel
    { font-weight: bold;
      text-transform : uppercase;
      margin-bottom: 10px;
      letter-spacing: 1px;
      padding-left: 15px;
      color: #026C8B;}

.kliktitel
    { background-image: url(../img/vlakje-blauw.png);
      background-repeat:no-repeat;
      background-position: 0px 3px;
      font-size: 1em;
      font-weight: bold;
      padding-left: 15px;}

.kliktitel.blauw a
    { text-decoration: none;
      color: #0B479D;}

.broodtekst
    { margin-bottom: 10px;
      font-size: 1em;
      padding-left: 15px;     
      }


/** marge (=rechterkolom op grijze vlak) **/

.marge      
    { width: 240px;
      height: 100%;
      position: absolute;
      z-index: 200;
      right: 0px;
      top: 50px;
      padding-right: 20px;
}

.marges 
    { width: 240px;
      height: 100%;
      position: absolute;
      z-index: 200;
      left: 570px;
      top: 100px;
      padding-right: 0px;
}

.editmode .marges
{
  top: 50px;
}

.marge.home
    { background-image: url(../img/stippellijn-wit.png);
      background-repeat:repeat-y;
      background-position: 0px 0px;}

.marge.document.notitie
    { color: #0B479D;
      font-weight: bold;
      text-transform : uppercase;
      font-size: 0.8em;
      line-height: 1.5em;
      padding-left: 15px;
      background-image: url(../img/vlakje-blauw.png);
      background-repeat:no-repeat;
      background-position : 0px 3px;}

.marge.document.notitie a
    { color: #0B479D;
      text-decoration: none;}

.special,
.specialkop a  
    { color: #cd0000;
      font-weight: bold;
      padding-left: 15px;}

.special a,
    { color: #cd0000;
      font-weight: bold;}

.specialkop a
    { background-image: url(../img/vlakje-rood.png);
      background-repeat:no-repeat;
      background-position: 0px 8px;
      font-size: 1.5em;
      line-height: 1.5em;}

.special
    { background-image: url(../img/stippellijn-wit-liggend.png);
      background-repeat:repeat-x;
      background-position: bottom;
      padding-bottom: 10px;}

.kopje
    { color: #0B479D;
      text-transform : uppercase;
      font-weight: bold;
      font-size: 1em;
      padding-left: 15px;
      margin-bottom: 10px;}

.toelichting
    { color: #0B479D;
      padding-left: 15px;
      margin-bottom: 10px;}
      
.doctitel
    { color: #0B479D;
      padding-left: 15px;
      font-weight: bold;
      background-image: url(../img/vlakje-blauw.png);
      background-repeat:no-repeat;
      background-position: 0px 3px;}

.doctoelichting
    { color: #0B479D;
      padding-left: 65px;}

.toelichting a,
.doctitel a
    { text-decoration: none;
      color: #0B479D;}

.navtekst a
    { color: #026C8B;
      text-transform : uppercase;
      font-weight: bold;
      /*width: 100px;*/
      font-size: 0.9em;
      text-decoration: none;      
      background-image: url(../img/vlakje-groen.png);
      background-repeat:no-repeat;
      background-position: 0px 2px;
      padding-left: 15px;}

/** documentpagina **/

.documenttitel
    { background-color: #0B479D;
      color: #FFFFFF;
      font-size: 1.5em;
      line-height: 1.1em;
      padding: 7px;
      padding-left: 20px;
      letter-spacing: 0.1em;}

.docinfo
    { background-color: #F5F4F2;
      border-bottom: 2px;
      border-bottom-color: #0A469D;
      border-bottom-style : solid;
      padding: 6px;
      padding-left: 20px;
      color: #0B479D;
      margin-bottom: 10px;}

.auteursnaam
    { padding-left: 10px;
      font-weight: bold;}

.tussenkop
    { font-size: 1.5em;
      font-weight: bold;
      border-top-style: dotted;
      border-top-color: #0B479D;
      border-top-width: 1px;
      padding-top: 10px;
      margin-bottom: 5px;
      margin-top: 5px;
      padding-left: 20px;}

#afsluiter
    { border-top-style: solid;
      border-top-color: #0B479D;
      border-top-width: 2px;
      padding-top: 5px;
      color: #0B479D;
      padding-left: 15px;
      background-image: url(../img/pijltje-omhoog.png);
      background-repeat:no-repeat;
      background-position : 0px 12px;}

#afsluiter a
    { text-decoration: none;}
    
.docintro
    { padding-left: 20px;
      font-weight: bold;
      margin-bottom: 10px;}

.doctekst
    { padding-left: 20px;
      margin-bottom: 10px;}

.sectie a:hover {
    text-decoration: underline;
    }
    
.sectie
  {

  }


.sectie a
    { color: #CD0000; }

.sectie a:visited
    { color: #960000;}


*{ -moz-box-sizing: border-box; }

.clear
{
 clear: both;
}

/* new homepage */

.homeContent
{
  position: relative;    
  min-height: 550px;  
}

.homeRightPanel
{ 
  color: #939393;
  position: absolute;
  width: 227px;
  left: 545px;
  top: -40px;
  background: url(/img/stippellijn-full.png) top left repeat-y;
  padding: 38px 15px 0px 0px;
  font-size: 112%;
  line-height: 18px;
}
.ie .homeRightPanel
{
  width: 215px;
}
.readMores
{
  margin-left: 15px;
}
.homeLeftPanel
{
  position: absolute;
  left: 0;
  width: 650px;
  min-height: 600px; /* voor blokken hrefs in editmode */
  overflow: hidden; /* in case somebody uploads a picture larger than this */
}

.homeElements
{
  margin: 15px 0 0 0;
  clear:both;
}

.editmode
{
 width: 800px;
}

.firstHomeElement,
.secondHomeElement,
.thirdHomeElement,
.firstHomePicture,
.secondHomePicture,
.thirdHomePicture
{
  height: 130px;
  width: 150px;
  float: left;
  overflow: hidden;
  margin: 0 13px 0 0;
  padding: 10px 10px 0px 10px;
  font-size: 150%;
  line-height: 22px;
  font-weight: bold;
}
.gecko .firstHomeElement,
.gecko .secondHomeElement,
.gecko .thirdHomeElement,
.gecko .firstHomePicture,
.gecko .secondHomePicture,
.gecko .thirdHomePicture
{
  height: 140px;
  width: 170px;
  padding-bottom: 10px;
}

.firstHomePicture,
.secondHomePicture,
.thirdHomePicture
{
  padding: 0;
}


.firstHomeElement,
.thirdHomeElement
{
  /* background: url(/plaatjes/element1.gif) bottom right no-repeat;*/
  background-color: #036C8A;
  color: #FFFFFF;
}

.secondHomeElement
{
  /* background: url(/plaatjes/element2.gif) bottom right no-repeat;*/
  background-color: #E7E3E0;
  color: #026C8B;
}

.thirdHomeElement
{
  /* background: url(/plaatjes/element3.gif) bottom right no-repeat;*/  
  background-color: #000000;
}

/* opsomming */
.opsomming
{
  margin: 0 0 0 15px;
  display: block;
  background: url("/img/vlakje-groen.png") 5px left no-repeat;
  padding: 0 0 0 15px;
  color: #026C8B;
  font-weight: bold;
}

.gecko .opsomming
{
  background-image: url("/img/vlakje-groen.png");
  background-repeat: no-repeat;
  background-position: left 5px;
}

.linkSummary
{
  padding: 0 0 0 15px;
}

.collectionContainer
{
  width: 600px;
}

.collectionContainer .nieuwstitel  
{ 
  background-image: url(../img/vlakje-rood.png);
  background-repeat:no-repeat;
  background-position: 0px 3px;
}

.collectionContainer .navtekst
{
  position: absolute;
  left: 645px;
  padding: 0 15px 0 0;  
}

.wegwijzer
{
  padding: 0 0 0 50px;
}

.documentsContainer
{
  padding: 25px 0 0 10px;
}

.homeElements img
{
  width: 170px;
  height: 140px;
}

.homeElements .intro
{
 display: block;
 padding: 0;
 font-weight: normal;
 font-size: 65%;
 line-height: 15px;
}

.homeLeftPanel h1
{
 margin: 0 0 15px -15px;
}

.homeRightPanel .alinea
{
  margin: 0 0 15px 0;
  font-size: 92%;
  color: #026C8B;
}

.homeRightPanel .datum
{
  font-size: 82%;
  color: #026C8B;
}

.homeRightPanel .nieuwstitel a
{
  color: #026C8B;
  font-size: 93%;
}

.rssHomeLink
{
  left: 2px;
  position: relative;
  bottom: 4px;
}

.rssLink
{
  left: 2px;
  position: relative;
  bottom: 4px;
  font-size: 112%;
}

.rss
{
 position: absolute;
 right: 150px;
 top:125px;
}
.ie .rss
{
  top: 115px;
}
.rssHome
{
 position: absolute;
 left: 180px;
 top: 30px;
}

.disabled
{
  color: silver!important;
}

.extraInfo
{ 
  position: absolute;
  z-index: 200;
  top: 99px;
  right: 0px;
  font-size: 0.9em;
  width: 200px;
  padding-right:15px;
}

.subnav
{
  margin: 0 0 0 15px;
  padding-right:15px;
}

.subnav a
{
  display: block;
}

#xopus-island
{
  position: relative;
}

.subnavigatie
{
  width: 800px;
  margin: 0 0 10px 0;
}

.editmode .subnav a
{
  display: inline;
  width: auto;
  margin: 0 20px 0 0;
}

.moreInfo
{
 display: block;
 padding: 0 0 0 15px;
}

a:hover
{
 text-decoration: underline;
}

.cursor
{
 cursor: pointer;
}

.searchResults
{
  padding-left: 70px;
}

#results
{
 padding: 0 0 0 60px;
}

.searchResultList
{
  list-style-type:square;
}

.xopusMetadata
{
  border: solid 1px #007DAD;
}

.aanmeldenError
{
    color: Red;
    padding: 5px;
}

.docSummary
{
    color: #026c8b;
}

.mainTitle
{
    padding-left:15px;
    text-transform:uppercase;
}

.italic
{
    font-style: italic;    
}

.bold
{
    font-weight: bold;
}

.nummering
{
    list-style-type:decimal;
}

.disc
{
    list-style-type:disc;
}

.circle
{
    list-style-type:circle;
}

.circle
{
    list-style-type:circle;
}

.square
{
    list-style-type:square;
}

.inspringen
{
    list-style-type: none;
}

.inspringen li
{
    margin-left: 5px;
}

.formAttribute
{
  font-weight: bold;  
}

.nieuwsrefSeperator
{
  margin-left: 20px;
}

.basic .homeElements #firstHomeElement .intro,
.basic .homeElements #thirdHomeElement .intro
{
  color:White;
}

thead { font-weight: bold; }