@charset "utf-8";

/* CSS Document *
/* First M. Swart generated stuff */

.rounded-corners { -moz-border-radius: 20px; -webkit-border-radius: 20px;
                   -khtml-border-radius: 20px; border-radius: 20px; }
ul.mynone { list-style-type: none; list-style-position: outside; }
li{ margin-left: -15px; }
.classUL a:link    {text-decoration: none; color: #4A442A; font-weight: bold; font-size: 0.4em;
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}
.classUL a:visited {text-decoration: none; color: #4A442A; font-weight: bold; font-size: 0.4em;
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}
.classUL a:hover   {text-decoration: none; color: #e36c0a; font-weight: none;  
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}
.classUL a:active  {text-decoration: none; color: #000033; font-weight: bold; 
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}

/* bruingrijs is #948A55  oranje is #FF6600, donker-bruinsgrijs is #4A442A, (oud)blauw is #000b6c, oude link #0000cc */
/* donker-rood is #880c16 oranje e36c0a, ofwel 00619c ofwel cc8800 */
/* Gold	255-215-0	ffd700 of ffd300, zie http://en.wikipedia.org/wiki/Shades_of_yellow */
/* acca55 */

.backstyle {position: absolute; bottom: 1%; left: 0%; width: 100%; z-index: -1; height: 98%;
             opacity: 0.85; filter: alpha(opacity=85); overflow: hidden; text-align: center; padding: 0px;}

.myback {position: absolute; font-size: 1.0em; bottom: 1%; left: 1%; width: 98%; height: 98%;
     -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
background: #ffffff; opacity: 0.75; filter: alpha(opacity=75); padding: 0px; overflow: auto; z-index: -1;}
/* background: #ba851d; opacity: 0.80; filter: alpha(opacity=80); padding: 0px; overflow: auto; z-index: -1;} */

.myblock {position: absolute; font-size: 1.1em; top: 2%; left: 2%; width: 96%; height: 96%;
          padding: 0px; overflow: auto; z-index: 1;  text-align: justify;}
.myblockR {position: absolute; font-size: 1.1em; top: 2%; right: 2%; width: 96%; height: 96%;
          padding: 0px; overflow: auto; z-index: 1;  text-align: justify;}

.mybl_fl {position: absolute; font-size: 0.9em; top: 2%; height: 96%;
background: #ffffff; opacity: 0.71; filter: alpha(opacity=71); padding: 0px; overflow: auto; z-index: 2;}

.mypubltoc  {position: absolute; left: 2%; bottom: 2%; height: 25%; width: 96%; z-index: 2; font-size: 0.9em;
              overflow-x: auto; overflow-y: none; white-space: nowrap;}
.myoutreach {position: absolute; right: 2%; top: 2%; height: 96%; width: 15%; z-index: 2; font-size: 0.9em;
            overflow-y: auto; overflow-x: none; white-space: nowrap;}
.mypublcov  {position: absolute; right: 2%; bottom: 2%; height: 40%; width: 96%; z-index: 2; font-size: 0.9em;
              overflow-x: auto; overflow-y: none; white-space: nowrap;}
.mypubl {overflow: auto; font-size: 0.8em; font-family: Helvetica, Courier, Sans-Serif; padding-right: 5px; padding-left: 5px;}

.mypar  {padding-right: 5px; padding-left: 5px}
.myjust {padding-right: 5px; padding-left: 5px; text-align: justify;}
.mybig  {padding-right: 5px; padding-left: 5px; font-size: 2.0em; font-weight: bold;}

.link1l {text-align: left; position: absolute; overflow: hidden;
         z-index: 5; font-size: 1.0em; height: 90%; top: 5%;}
.link1r {text-align: right; position: absolute; overflow: hidden;
         z-index: 5; font-size: 1.0em; height: 90%; top: 5%;}
.link2l {text-align: left; position: absolute; overflow: hidden; width: 8%;
         z-index: 4; font-size: 1.0em; height: 90%; top: 5%;}
.link2r {text-align: right; position: absolute; overflow: hidden; width: 8%;
         z-index: 4; font-size: 1.0em; height: 90%; top: 5%;}

P.myheadMINOR { color: #695f33; font-family: Trebuchet MS, Arial, sans-serif, Helvetica; font-weight: bold;
                padding-right: 5px; padding-left: 5px;
                opacity: 0.90; filter: alpha(opacity=90); font-size: 0.90em; }

Body.classI { background: #ffffff; }

Body.classM { font-family: Arial Narrow, Arial, Geneva, Helvetica, Sans-Serif; 
              background-color: transparent; color: #000000; }
.classM a:link    {text-decoration: none; color: #ba851d; font-weight: bold; 
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}
.classM a:visited {text-decoration: none; color: #ba851d; font-weight: bold; 
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}
.classM a:hover   {text-decoration: none; color: #e36c0a; font-weight: none;  
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}
.classM a:active  {text-decoration: none; color: #000033; font-weight: bold; 
                   font-family: Arial Black, ArialBlack, Helvetica, Sans-Serif;}

P.myhead { font-family: Arial Black, ArialBlack, Helvetica, Geneva, Sans-Serif; font-weight: bold; font-size: 1.1em; 
/*           padding: 5px; background: #000000; color: #948a55;} */
           padding: 5px; background: #ce981c; color: #000000;}
.myhead a:link    {text-decoration: none;      color: #ba851d; }
.myhead a:visited {text-decoration: none;      color: #ba851d; }
.myhead a:hover   {text-decoration: none;      color: #e36c0a; }
.myhead a:active  {text-decoration: none;      color: #acca55; }

Body.classL { font-family: Arial, Helvetica, Geneva, Sans-Serif; font-size: 0.9em;
              font-weight: bold; background-color: transparent;  color: #ce981c; }
.classL a:link    {text-decoration: none;      color: #ba851d; }
.classL a:visited {text-decoration: none;      color: #ba851d; }
.classL a:hover   {text-decoration: none;      color: #e36c0a; }
.classL a:active  {text-decoration: none;      color: #acca55; }

.mycode {font-family: monospace, courier; font-weight: bold; padding-right: 8px; padding-left: 8px;}

.mytable {position: absolute; overflow: auto;
             font-family: Trebuchet MS, Garamond, Optima, Serif; font-size: 1.0em;}

/* .myback {background: white; opacity: 0.71; filter: alpha(opacity=71); padding-left: 5px; overflow: auto; z-index: 2;} */

.mytotalleft  {position: absolute; left: 1%; height: 55%; top: 15%; width: 20%; overflow: auto; z-index: 2;
               background: white; opacity: 0.71; filter: alpha(opacity=71); padding-left: 5px; }
.mybox    {position: absolute; left: 1%; top: 75%; width: 60%; z-index: 3; padding: 2px;
           overflow-x: hidden; overflow-y: hidden; background: white; opacity: 0.71; filter: alpha(opacity=71); 
           text-align: left; font-weight: bold;}

.mybacks  {position: absolute; left: 4%; top: 60%; height: 28%; width: 20%; overflow: hidden;
           text-align: center; opacity: 0.25; filter: alpha(opacity=25); z-index: -4;padding: 0px; }
.myphoto  {position: absolute; right: 1%; top: 1%; height: 75%; direction: rtl; 
           width: 75%; overflow: hidden; z-index: 1; font-size: 0.9em; }
.mytotalright {position: absolute; left: 52%; top: 2%; height: 96%; width: 44%; overflow: hidden; z-index: 2;
               padding: 0px; }

.mytotal  {position: absolute; left: 2%; top: 2%; height: 96%; width: 96%; overflow: auto; z-index: 2;
           font-size: 0.9em; padding: 0px; }
.myside  {position: absolute; left: 1%; top: 1%; height: 98%; width: 98%; overflow: hidden; z-index: 1;
           font-size: 0.9em; padding: 0px;}

.mymajor  {position: absolute; left: 4%; top: 5%; height: 80%; width: 80%; overflow: auto; z-index: 2;
               font-size: 0.9em; padding: 0px; }
.myminor  {position: absolute; left: 88%; top: 10%; height: 80%; width: 10%; overflow: hidden; padding: 1px; z-index: 1;
               font-size: 0.9em; text-align: center; }

.mybacksold  {position: absolute; left: 2%; top: 2%; height: 88%; width: 96%; overflow: auto;
               opacity: 0.25; filter: alpha(opacity=25); z-index: -4;padding: 0px; }
.mylogos  {position: absolute; left: 0%; top: 94%; width: 100%; height: 5%; overflow: hidden; text-align: center;}
.myopac {opacity: 0.6; filter: alpha(opacity=60); }

.myphotottl  {position: absolute; left: 2%; top: 1%; height: 5%; width: 96%; overflow: hidden; z-index: 1; font-size: 0.9em; }
.myphototop  {position: absolute; left: 2%; bottom: 1%; height: 9%; width: 96%; z-index: 2; font-size: 0.9em;
              overflow-x: auto; overflow-y: none; white-space: nowrap;}
.myphotoshw  {position: absolute; left: 2%; top: 7%; height: 82%; width: 96%; overflow: hidden; z-index: 2;
              font-size: 0.9em; padding: 0px; text-align: left;}

.myphotomaj  {position: absolute; left: 4%; top: 5%; height: 80%; width: 70%; overflow: auto; z-index: 2;
              font-size: 0.9em; padding: 0px; }
.myphotomin  {position: absolute; left: 79%; top: 10%; height: 80%; width: 20%; overflow: hidden; padding: 1px; z-index: 1;
              font-size: 0.9em; text-align: right; direction: rtl; }