// all = IE; layers = NS
function writeStyles() {
  // The actual screen width is gotten here.
if (document.all) {
    try{ var screenWidth = document.body.offsetWidth;}
    catch(err) {};
  } else  {
    var screenWidth = window.innerWidth;
  } 
var navStart = Math.floor(screenWidth-220);
var mainWidth = Math.floor(screenWidth-240);
var popStart = Math.floor(navStart+60);

document.write('<style type="text/css">');
if (document.layers) {

document.write('.subhead { font-family: trebuchet ms, monaco, verdana, "lucida grande", sans-serif; font-size: 90%; color: #665; padding: 2px; background: #CCB; border: 1px; margin: 0px; }');

document.write('.brak { font-family: trebuchet ms, monaco, verdana, "lucida grande", sans-serif; font-size: 90%; color: #665; padding: 2px; background: #CCB; border: 1px; margin: 0px; }');

  } else  {
document.write('body { background-image:url("../img/stripe.gif");}');

document.write('#topnav { position: absolute; top: 1.5em; left: '+navStart+'px; width: 120px; background: #EED; border: 1px solid #666; }');

document.write('#nav { position: absolute; top: 18em; left: '+navStart+'px; width: 120px; background: #EED; border: 1px solid #666; }');

document.write('.popnav { position: absolute; top: 4em; left: '+popStart+'px; width: 120px; background: #FFE; border: 1px solid #666; visibility: hidden; display: inline; }');

document.write('#boardlabel { position: absolute; top: 11em; left: '+navStart+'px; width: 120px; border: 1px solid #666; border-bottom: none; display: inline; }');

document.write('.board { position: absolute; top: 12.3em; left: '+navStart+'px; width: 120px; background: #EED; border: 1px solid #666; visibility: hidden; display: inline; }');

document.write('#content { position: relative; top: 0px; left: 0px; width: '+mainWidth+'px; background: #EEE; border: 1px solid #666 ; padding: 0px; margin: 0px; float: none; }');

document.write('.subhead { font-family: trebuchet ms, monaco, verdana, "lucida grande", sans-serif; font-size: 90%; color: #665; padding: 2px; background: #CCB; border-bottom: 1px solid #666; }');

document.write('.brak { font-family: trebuchet ms, monaco, verdana, "lucida grande", sans-serif; font-size: 90%; color: #665; padding: 2px; background: #CCB; border-top: 1px solid #666; border-bottom: 1px solid #666; }');

document.write('#fotobox { margin: 0 0 3px 1em; width: 110px; background: #eee; padding: 0 0 0 1em; border: .5px; float: right; border-left: 1px dashed #333; }');

document.write('#fotobox P { font-family: geneva, helvetica, verdana, "lucida grande", sans-serif; color: #666; font-size: .8em; margin: 3px 0 1em 0; }');

document.write('abbr { border-bottom: 1px dotted #666; cursor: help; }');

document.write('.alertbar { font: 1em verdana, "lucida grande", sans-serif; background: #ddc; color: #000; margin: 0 0 3px; padding: 2px; border: 1px solid #665; width: 100%; }');

document.write('.alertbutton { font-family: verdana, "lucida grande", sans-serif; font-weight: bold; background: #ffe; color: #887; padding: 0 0 4 0; border: 1px solid #665; width: 100%; }');
 }

document.write('#footer { margin-top: 5px; width: '+mainWidth+'px; }');
document.write('</style>');
}