var menueX=128, menueY=16;
var blattX=9999, blattY=16;
var frauBr1=153, frauHo1=389, frauHand1=10;
var frauBr2=220, frauHo2=348, frauHand2=9, frauHandY2=15;
var fussX=0, fussY=60;
var SchriftCSS=14;
var SchattenBr=512, SchattenHo=320;
var Standardbreite=800;
var BildFaktor=1.0;
// --------------------------------------------------------------------------------------
function Init()
{
 window.onresize=FensterAnpassen;
 SMSchreiben(document.referrer);
}
// --------------------------------------------------------------------------------------
function FensterAnpassen()
{
 location.href=location.href;
};
// --------------------------------------------------------------------------------------
function DesktopStyles()
{
 var DiffRight=0;
 Browser=new BrowserType();
 var sizeF=GroeszeUmrechnen(SchriftCSS);

 if (Browser.Nr != 21)
  document.body.style.fontSize=sizeF+"px";
// document.getElementsByTagName('body')[0].style.fontSize=GroeszeUmrechnen(SchriftCSS)+"px";
 document.getElementById("DivLogo").style.position="absolute";
 document.getElementById("DivLogo").style.margin="0px";
 document.getElementById("DivLogo").style.top="16px";
 document.getElementById("DivLogo").style.left="16px";

 document.getElementById("Menue").style.position="absolute";
 document.getElementById("Menue").style.margin="0px";
 document.getElementById("Menue").style.top=(document.getElementById("DivLogo").offsetTop
                         +document.getElementById("DivLogo").offsetHeight
                         +menueY)
                         +"px";
 document.getElementById("Menue").style.left=menueX+"px";
 document.getElementById("Menue").style.width=(Browser.Br-document.getElementById("Menue").offsetLeft)+"px";

 var FaktBreite=GroeszeUmrechnen(1.0);
 if (FaktBreite < 1.0)
 {
  if (document.getElementById("Menue").offsetWidth > Standardbreite)
  {
   DiffRight=document.getElementById("Menue").offsetWidth-Standardbreite-16;
   document.getElementById("Menue").style.width=Standardbreite+"px";
//   FaktBreite=1.0;
  }
 }
 else
  if (document.getElementById("Menue").offsetWidth > FaktBreite*Standardbreite)
  {
   DiffRight=document.getElementById("Menue").offsetWidth-FaktBreite*Standardbreite-16;
   document.getElementById("Menue").style.width=(FaktBreite*Standardbreite)+"px";
  }

 document.getElementById("Blatt").style.position="absolute";
 document.getElementById("Blatt").style.zIndex="10";
 document.getElementById("Blatt").style.margin="0px";
 document.getElementById("Blatt").style.top=(document.getElementById("Menue").offsetTop
                         +document.getElementById("Menue").offsetHeight
                         +blattY)
                         +"px";
 document.getElementById("Blatt").style.left=document.getElementById("Menue").offsetLeft+"px";
 document.getElementById("Blatt").style.width=document.getElementById("Menue").offsetWidth+"px";
 document.getElementById("Blatt").style.height=((Browser.Ho-document.getElementById("Blatt").offsetTop))+"px";

 BildFaktor=FaktBreite;//GroeszeUmrechnen(1.0);//1.0*document.getElementById("Blatt").scrollWidth/(Standardbreite);
 for (i=0; i < document.images.length; i++)
 {
  if (document.images[i].name != "LogoImg")
  {
   document.images[i].width=BildFaktor*document.images[i].width;
   document.images[i].height=BildFaktor*document.images[i].height;
  }
 };

 if (document.getElementById("Blatt").offsetHeight > frauHo1)
 {
  document.write("<div id='Frau'>&nbsp;</div>");
//  document.getElementById("Frau").style.position="absolute";
//  document.getElementById("Frau").style.zIndex="99";
  document.getElementById("Frau").style.width=frauBr1+"px";
  document.getElementById("Frau").style.height=frauHo1+"px";
  document.getElementById("Frau").style.background="url('../_grafik/FrauTafel1.gif')";
  document.getElementById("Frau").style.top=(document.getElementById("Blatt").offsetTop
                         +document.getElementById("Blatt").offsetHeight
                         -document.getElementById("Frau").offsetHeight)
                         +"px";
  document.getElementById("Frau").style.left=frauHand1+"px";
 }


 if ( (document.getElementById("Blatt").offsetHeight > SchattenHo) && (document.getElementById("Blatt").offsetWidth > SchattenBr) )
 {
  document.write("<div id='Schatten'>&nbsp;</div>");
  document.getElementById("Schatten").style.position="absolute";
  document.getElementById("Schatten").style.zIndex="0";
  document.getElementById("Schatten").style.width=SchattenBr+"px";
  document.getElementById("Schatten").style.height=SchattenHo+"px";
  document.getElementById("Schatten").style.background="url('../_grafik/Schatten.gif')";
  document.getElementById("Schatten").style.bottom="0px";
  document.getElementById("Schatten").style.right=DiffRight+"px";
 }

 for (i=0; i < document.images.length; i++)
 {
  if (document.images[i].className == "ClickBild")
  {
   document.images[i].style.cursor="pointer";
   document.images[i].onclick=function() { FktLupe480(this) };
  }
 };

 document.write("<div id='Lupe480'><table id='Lupe480Tabelle'><tr><td><img id='Lupe480Bild' onClick='FktLupe480Aus()'/></td></tr></table></div>");

 SchriftGroeszeAn();
}
// --------------------------------------------------------------------------------------
function MobileStyles()
{
 Browser=new BrowserType();
 var sizeF=SchriftCSS;//(f*14 < 8) ? 8 : (f*14);
 var minH=sizeF;
 document.body.style.fontSize=sizeF+"px";

 document.getElementById("DivLogo").style.position="absolute";
 document.getElementById("DivLogo").style.margin="0px";
 document.getElementById("DivLogo").style.top="8px";
 document.getElementById("DivLogo").style.left="8px";

 document.getElementById("Menue").style.position="absolute";
 document.getElementById("Menue").style.margin="0px";
 document.getElementById("Menue").style.top=(document.getElementById("DivLogo").offsetTop
                         +document.getElementById("DivLogo").offsetHeight
                         +menueY)
                         +"px";
 document.getElementById("Menue").style.left=menueX+"px";
 document.getElementById("Menue").style.width=(Browser.Br-document.getElementById("Menue").offsetLeft-4)+"px";

 document.getElementById("Blatt").style.position="absolute";
 document.getElementById("Blatt").style.zIndex="10";
 document.getElementById("Blatt").style.margin="0px";
 document.getElementById("Blatt").style.top=(document.getElementById("Menue").offsetTop
                         +document.getElementById("Menue").offsetHeight
                         +blattY)
                         +"px";
 document.getElementById("Blatt").style.left=document.getElementById("Menue").offsetLeft+"px";
 document.getElementById("Blatt").style.width=document.getElementById("Menue").offsetWidth+"px";
 if (document.getElementById("Blatt").offsetHeight < frauHo2)
  document.getElementById("Blatt").style.height = frauHo2 + "px";

 BildFaktor=1.0;
 if (Browser.Br < BreiteMobil)
  BildFaktor*=document.getElementById("Schreibbereich").offsetWidth/(Standardbreite);

 if ( (Browser.Nr != 17) && (Browser.Nr != 15) )
 {
  for (i=0; i < document.images.length; i++)
  {
   if (document.images[i].name != "LogoImg")
   {
    if (BildFaktor*document.images[i].height < minH)
    {
     document.images[i].width=document.images[i].width*minH/document.images[i].height;
     document.images[i].height=minH;
    }
    else
    {
     document.images[i].width=BildFaktor*document.images[i].width;
     document.images[i].height=BildFaktor*document.images[i].height;
    }
   }
  }
 };

 document.write("<div id='Frau'>&nbsp;</div>");
 document.getElementById("Frau").style.position="absolute";
 document.getElementById("Frau").style.zIndex="99";
 document.getElementById("Frau").style.width=frauBr2+"px";
 document.getElementById("Frau").style.height=frauHo2+"px";
 document.getElementById("Frau").style.background="url('../_grafik/FrauTafel2.gif')";
 document.getElementById("Frau").style.top=(document.getElementById("Blatt").offsetTop
                        -frauHandY2)+"px";
 document.getElementById("Frau").style.left=frauHand2+"px";

}
// --------------------------------------------------------------------------------------
function MiniStyles()
{
 Browser=new BrowserType();
 var sizeF=10;//(f*14 < 8) ? 8 : (f*14);
 var minH=sizeF;
 document.body.style.fontSize=sizeF+"px";

 for (i=0; i < document.getElementsByTagName("ul").length; i++)
 {
  if (document.getElementsByTagName("ul")[i].id != "Navigation")
  {
   document.getElementsByTagName("ul")[i].style.marginLeft="0px";
   document.getElementsByTagName("ul")[i].style.paddingLeft="4px";
   document.getElementsByTagName("ul")[i].style.textIndent="-4px";
   document.getElementsByTagName("ul")[i].style.listStyleType="none";
   document.getElementsByTagName("ul")[i].style.listStyleImage="";
  }
 }
 for (i=0; i < document.getElementsByTagName("li").length; i++)
 {
  if (document.getElementsByTagName("li")[i].id != "Navigation")
  {
   document.getElementsByTagName("li")[i].style.marginLeft="8px";
  }
 }

 document.getElementById("DivLogo").style.margin="0px";
 document.getElementById("DivLogo").style.marginTop="4px";

 document.getElementById("Impressum").style.margin="0px";
 document.getElementById("Impressum").style.width=(Browser.Br)+"px";

 document.getElementById("Menue").style.margin="0px";
 document.getElementById("Menue").style.marginTop="4px";
 document.getElementById("Menue").style.width=(Browser.Br)+"px";

 document.getElementById("Blatt").style.margin="0px";
 document.getElementById("Blatt").style.marginTop="4px";
 document.getElementById("Blatt").style.width=(document.getElementById("Menue").offsetWidth-4)+"px";

 document.getElementById("Schreibbereich").style.padding="4px";

 BildFaktor=0.95*document.getElementById("Schreibbereich").offsetWidth/(Standardbreite);
 for (i=0; i < document.images.length; i++)
 {
  if (document.images[i].name != "LogoImg")
  {
   if (BildFaktor*document.images[i].height < minH)
   {
    document.images[i].width=document.images[i].width*minH/document.images[i].height;
    document.images[i].height=minH;
   }
   else
   {
    document.images[i].width=BildFaktor*document.images[i].width;
    document.images[i].height=BildFaktor*document.images[i].height;
   }
   document.images[i].onclick=function() { FktLupeMini(this) };
  }
 };

 for (i=0; i < document.getElementsByTagName("div").length; i++)
 {
//  document.write(document.getElementsByTagName("div")[i].className+"<br/>");
  if (document.getElementsByTagName("div")[i].className == "BildTitel")
   document.getElementsByTagName("div")[i].style.display="none";
 }

 if (document.getElementById("ListeSport"))
  document.getElementById("ListeSport").style.lineHeight=(48*BildFaktor)+"px";

 if (document.getElementById("BrillenglasLinks"))
 {
  document.getElementById("BrillenglasLinks").style.marginTop=(-280*BildFaktor)+"px";
  document.getElementById("BrillenglasLinks").style.marginBottom=(200*BildFaktor)+"px";
  document.getElementById("BrillenglasLinks").style.marginLeft=(32*BildFaktor)+"px";
 }

 document.write("<div id='LupeMini'><img id='LupeMiniBild' onClick='FktLupeMiniAus()'/><div id='LupeMiniText'>&nbsp;</div></div>");

}
// --------------------------------------------------------------------------------------
function StylesNeu()
{
 Browser=new BrowserType();

 if ( (Browser.Nr > 20) || (get_cookie('Ansicht')=="Desktop") )
 {
  if (Browser.Nr < 20)
   Standardbreite=Browser.Br;
  DesktopStyles();
  PosImpressum();
  if (Browser.Nr < 20)
  {
   AuswahlMD();
   if (document.getElementById("Schatten"))
    document.getElementById("Schatten").style.display="none";
  }
  if (Browser.Nr < 10)
   MiniStyles();
 }
 else
  if (Browser.Nr > 10)
  {
   MobileStyles();
   PosImpressum();
   AuswahlMD();
  }
  else
  {
   MiniStyles();
  }

 var spalteWidth_14=BildFaktor*(172);
 var spalteWidth_13=BildFaktor*(240);
 var bereichPadding=40; //document.getElementById("Blatt").paddingLeft+document.getElementById("Blatt").paddingRight;
 if (Browser.Nr < 10)
  bereichPadding=8;


 var maxBreite=0.65;
 if (Browser.Nr < 10)
  maxBreite=0.55;
 for (i=0; i < document.getElementsByTagName("div").length; i++)
 {
  if (document.getElementsByTagName("div")[i].className == "PosLinksBreit")
   if (document.getElementById("Schreibbereich").offsetWidth *maxBreite < document.getElementsByTagName("div")[i].offsetWidth)
    document.getElementsByTagName("div")[i].style.width=(document.getElementById("Schreibbereich").offsetWidth *maxBreite) +"px";
  if (document.getElementsByTagName("div")[i].className == "PosRechtsBreit")
   if (document.getElementById("Schreibbereich").offsetWidth *maxBreite < document.getElementsByTagName("div")[i].offsetWidth)
    document.getElementsByTagName("div")[i].style.width=(document.getElementById("Schreibbereich").offsetWidth *maxBreite) +"px";

 }


 document.getElementById("JSempfohlen").style.display="none";

// document.write("<p style='font-size:300%;font-weight:bold;'>Anz:"+document.images.length+"/ Fakt:"+BildFaktor+"/ "+document.getElementById("Blatt").offsetWidth+"</p>");
}
// --------------------------------------------------------------------------------------
function AuswahlMD()
{
 if (get_cookie('Ansicht')=="Desktop")
  document.write("<div id='Mobile'>Ansicht:&nbsp;<a href='Javascript:Mobile()'>Mobile</a>&nbsp;/&nbsp;&nbsp;<i><b>Desktop</b></i></div>");
 else
  document.write("<div id='Mobile'>Ansicht:&nbsp;<i><b>Mobile</b></i>&nbsp;/&nbsp;&nbsp;<a href='Javascript:Desktop()'>Desktop</a></div>");
// document.getElementById("Mobile").style.left=
}
// --------------------------------------------------------------------------------------
function Mobile()
{
 set_cookie('Ansicht','Mobile',1);
 FensterAnpassen();
}
// --------------------------------------------------------------------------------------
function Desktop()
{
 set_cookie('Ansicht','Desktop',1);
 FensterAnpassen();
}
// --------------------------------------------------------------------------------------
function PosImpressum()
{
 document.getElementById("Impressum").style.position="absolute";
 if (document.getElementById("Schriftgroesze"))
  document.getElementById("Impressum").style.top=(document.getElementById("Schriftgroesze").offsetTop
                         +document.getElementById("Schriftgroesze").offsetHeight)
                         +"px";
 else
  document.getElementById("Impressum").style.top=(document.getElementById("DivLogo").offsetTop
                         +document.getElementById("DivLogo").offsetHeight)
                         +"px";
// document.getElementById("Impressum").style.left=document.getElementById("DivLogo").offsetLeft+"px";
}
// --------------------------------------------------------------------------------------
// --------------------------------------------------------------------------------------
// --------------------------------------------------------------------------------------