{ font-family: Arial, Helvetica, sans-serif;
              font-size: 10pt; color: #FFFFFF; letter-spacing: 10; 
               font-style: italic; font-weight: bold }
a            { font-family: Arial, Helvetica, sans-serif;
               font-size: 10pt; text-decoration: none;
              }
a:active       { color: #000030; }
a:visited       { color: #000030; }
a:link       { color: #000030; }
a:hover      { color: black; }
    .m:active       { color: black; }
    .m:visited       { color: black; }
    .m:link       { color: black; }
    .m:hover      { color: white; }
    .mhead:active       { color: white; }
    .mhead:visited       { color: black; }
    .mhead:link       { color: black; }
    .mhead:hover      { color: white; }
.topmenutxt:active       { color: #a6a6a6; }
.topmenutxt:visited       { color: #a6a6a6; }
.topmenutxt:link       { color: #a6a6a6; }
.topmenutxt:hover      { color: black; }
.largepic {
       margin: 4px;              /* 4 openingsfoto's en tekst */
       border-width: 1px;
       border-color: white;
       font-size: 15px;  
     }
 .largepic:active      { color: black; }
 .largepic:visited      { color: black; }
 .largepic:link      { color: black; }
 .largepic:hover      { color: black; }

#selected {
  color: white;                 /* op verzoek van Anita */
}

.rightpict {
       margin-bottom: 20px;margin-right: 20px;
       border: 2px solid white;
 }
.pfpict {
       width: 99px;
       height: 99px;
       border: 1px solid white;
       margin-top: 9px;
       margin-bottom: 9px;
       margin-right: 5px;
 }
.pfa {

 }
.righttext { 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8px;
       margin-top: 0;
        margin-left: 22px;
       margin-right: 22px;
       margin-bottom: 20px;
    text-align: center;
 }
.rightcol {
   width: 2px;
   text-align: right;
 }
.copyrightcol {
   width: 2px;
 }
body {
   margin: 0px; padding:0px; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
   background-color: #c0c0c0;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
}
p,.bodytext {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px; 
   text-align: justify;
}
.inputlabel {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
.cmsinput,.inputcontent {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px; 
}
.bodypage {
   padding: 1.4em;
}
table {
 border-collapse: collapse;
}
ul {
   list-style: none;
   text-indent: 0px;
   margin-left: 0.5em;
   padding-left: 0.5em;
 }
.masteritem {
   list-style: disc;    /* menu linkerkant */
}
.bodypos {
   max-width: 950px;
   width: 100%;
   width: expression(document.body.clientWidth > 950? "950px" : "100%" );
   max-height: 900px;
   height: 100%;
   height: expression(document.body.clientHeight > 900? "900px" : "100%" );
   border: 1px solid #b0b0b0;
   background: #c0c0c0 url(/images/raster.gif) no-repeat top left;
   text-align: center;
 }
.bodyposcontent {
   max-width: 950px;
   width: 100%;
   width: expression(document.body.clientWidth > 950? "950px" : "100%" );
   max-height: 900px;
   height: 100%;
   height: expression(document.body.clientHeight > 900? "900px" : "100%" );
   border: 1px solid #b0b0b0;
   background: #c0c0c0;
   text-align: center;
 }
.bodypospf {
   max-width: 650px;
   width: 100%;
   width: expression(document.body.clientWidth > 650? "650px" : "100%" );
   max-height: 420px;
   height: 100%;
   height: expression(document.body.clientHeight > 420? "420px" : "100%" );
   border: 1px solid #b0b0b0;
   background: #6e6e6e;
   text-align: center;
 }
.topmenu {
    background-color: #ffffff; color: #c0c0c0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    width: 100%;
    height: 3.8em;
 }
.topmenutxt {
    background-color: #ffffff; color: #a6a6a6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;    
 }
.mainmenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    width: 100%;
    height: 2px;
 }
.mainmenuc {
    height: 2px;
    padding-top: 0.5em;
    padding-left: 2em;padding-right: 2em;
    padding-bottom: 0.5em;
    text-align: left;
 }
.mainmenufill {
    height: 128;
 }
.mhead {
    font-family: Arial, Helvetica, sans-serif;  /* 4 menu-items op vervolgpagina's */
    font-size: 16px;
 }
.m {
    font-family: Arial, Helvetica, sans-serif;  /* menu-items linkerkant */
    font-size: 12px;
 }
#s {
   color: white;
 }
.leftmenu {
   width: 23%;
   background: #6e6e6e url(/images/rasterin) no-repeat top left;
   text-align: left;
 }
.leftmenupf {
   width: 160;
   background: #c0c0c0 url(/images/rasterpf) no-repeat top left;
   text-align: left;
 }
.leftmenuinpf {
   margin: 16px;
   text-align: left;
   color: #505050;
   font-size: 0.8em;
 }
.leftmenuin {
   margin: 16px;
   text-align: left;
 }
.outerbody {
    width: 100%;
    height: 100%;
 }

.txts {
   width: 100%;
   display: block;
   font-size: 1em;
   position: absolute;
   left: 0; top: 0;
   text-align: center;
}
.txtshidden {
   width: 100%;
   display: block;
   font-size: 0.8em;
   visibility: hidden;
   position: absolute;
   left: 0; top: 0;
   text-align: center;
}
.fixblock80 {
   width: 80%;
   display: block;
   position: relative;
   top: 0;
}
.fixblock {
   position: relative;
}
.copyright {
  position: absolute;
  bottom: 2;
  right: 2;
  white-space: nowrap;
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
}
.reactinput {
  border: 1px solid #b0b0b0;
}
.reactform {
  font-size: 0.8em;
}
.portfoliolist {
  line-height: 1.3em;
  margin-left: 0.5em;
}
.buttons {
  border: 0;
}