body            {  margin: 0px;
                   padding-left: 120px; padding-top: 10px; padding-right: 15px;
                   color: #008; background-color: #eee;
                   font-family: "verdana", "tahoma", "arial"; }
div#fixedBox    {  position: fixed; top: 15px;  left: 0px; width: 100px;    }
div#fixedBox p  {  margin: 0;}

a:link   {color: #00f}
a:hover {color: red}
a { font-weight: bold }

td { text-align: justify; padding: 10px; background-image:url(/logo/m.gif); border: 2px solid silver }

img {border-top: 2px solid white; border-left: 2px solid white; border-bottom: 1px solid white; border-right: 1px solid white}

.linktext       {  width: 100px; color: black; background-color: #ffa; text-align: right; font-weight: bold;
              margin-bottom: 15px; font-size: 90%; padding-right: 10px; border: 1px solid red }
			  
.lnk            {  display: block; width: 100px; text-align: right; font-size: 80%; padding: 5px; }
.main           {  margin-top: 5px; overflow: visible; z-index: 1 ;}
.inhoud         {  padding-top: 5px; padding-bottom: 30px; text-align: justify; font-size: 80%; background-color: #202020;
                   background-image:url(/logo/mi.jpg); background-attachment: fixed; background-position: 120px 90px }
				   
.head           {  background: #ddd url("/logo/mi.png") repeat-y; font-size: 200%; font-weight: 600; color: #222;
                   padding: 10px; padding-top: 30px; border-top: 3px double gray; border-bottom: 3px double gray; }
.subhead        {  float: right; font-weight: normal; color: red; font-size: 60%; font-weight: bold; margin-right: 15px; margin-top: -15px;
                   border-bottom: 1px solid silver; border-top: 1px solid silver; }
.datum          {  font-size: 80%; text-align: center; color: #084; }

.tekst          {  padding-bottom: 20px; padding-top: 10px; }

.tietel         {  background: url("/logo/bar.gif") repeat-y; color: #e0e0e0; padding: 10px; z-index: +1; border-left: 5px solid red; margin-left: 250px}

span.shadow { top: 1px;	left: -2px;	color: red; }

.highContrast { display: block; height: 1em;	text-shadow: 2px 2px 5px red; }
html>body .highContrast {position: relative; color: #111; display: block}
.highContrast span {	position: relative;}
span.shadow {position: absolute;}

@media screen   {
div#fixedbox         {  position: fixed; }
div#bread         {  position: fixed; border: 1px solid red; padding: 10px; background: white; z-index: 2; top: 15px; left: 120px; font-size: 80%}
* html               {  overflow-y: hidden; }
* html body          {  overflow-y: auto; height: 100%; padding: 15px; margin-left: 105px; font-size: 100%; background-color: #202020; }
* html div#fixedBox  {  position: absolute;  }
* html div#bread {position: absolute; top: 100px; left: 120px; z-index: 2 }
* html.linktext      { padding-right: 0px; font-size: 80%}
}

