/* inge_screen.js, inges homepage, bildschirm, <!--DATE-->21.09.2007<!--/DATE--> */

aspect_ratio = screen.width / screen.height;

platz_fuer_leisten = 120;
linearer_faktor = 0.8;

eff_screen_height = (screen.height - platz_fuer_leisten);
eff_screen_width = eff_screen_height * aspect_ratio;

grfaktor = eff_screen_height / 600 * linearer_faktor;

grfaktor = Math.round(grfaktor*10)/10;        // eine Stelle nach Komma gibt runde Fontsize
//alert(grfaktor);

imagemargin = 10 * grfaktor;
                                               // in px
basefontsize = 14;                                                                                                                        // in px !
baselineheight = basefontsize * 1.2;

document.writeln("\
<style>          \
\
body\
  {\
    background-color:white;\
  }\
\
p, td\
  {\
    font-family:sans-serif;\
    font-size:" + basefontsize * grfaktor + "px;\
    line-height:" + baselineheight * grfaktor + "px;\
    margin:0.5em;\
  }\
\
.nav {\
    font-size:" + 0.9 * basefontsize * grfaktor + "px;\
    background-color:#e6e6e6;\
    margin-top:0;\
    margin-bottom:0;\}\
\
table.einzelseite {\
  background-color: #ffffff;\
  position: absolute;\
  left: 15%;\
  width: 70%;\
  }\
td.einzelseite {\
  padding: "+ 3*basefontsize +"px;\
  }\
img\
  {\
  border-style:solid;\
  border-width:1px;\
  }\
\
.margin\
  {\
    margin:" + 10 * grfaktor + "};\
  }\
\
dummy\
  {\
  }\
\
.hervor {color:#800000;}\
\
.zeitzeile\
  {\
    font-size:" + basefontsize * 0.9 * grfaktor + "px;\
    font-style:italic;\
    color:#000000;\
    text-align:right;\
  }\
\
h1 {\
  font-size:" + basefontsize * 1.4 * grfaktor + "px;\
}\
\
.workshopueberschrift\
  {\
    margin-top: " + basefontsize + "px;\
    color:#800000;\
    font-size:" + basefontsize * 1.2 * grfaktor + "px;\
    font-weight:bold;\
  }\
\
.unterueberschrift\
  {\
    color:#800000;\
    font-size:" + basefontsize * 1.0 * grfaktor + "px;\
    font-weight:bold;\
  }\
\
.untertext\
  {\
    font-size:" + basefontsize * 0.9 * grfaktor + "px;\
  }\
\
a, a:link\
  {\
    font-family:tahoma,sans-serif;\
    color:#FF8000;\
    text-decoration:none;\
  }\
\
a:visited\
  {\
    text-decoration:none;\
    color:#FF8000;\
  }\
\
a:active, a:active p.workshopueberschrift\
  {\
    color:#8A8A8A;\
    font-weight:bold;\
  }\
\
a:hover, a:hover p.workshopueberschrift\
  {\
    font-weight:bold;\
    color:#FF0000;\
  }\
</style>\
");