/*
all calculation use the base of width:BASEWIDTH & height:BASEHEIGHT
*/

function setCssVars ( posx, posy)
{
  // JavaScript Document

var width = screen.width;
var height = screen.height;
var BGWIDTH = "1900"; // width of background-image
var BGHEIGHT = "1080"; // height of background-image

  individualWidth = Math.round (( width * posx ) / BGWIDTH );
  individualHeigth = Math.round (( height * posy ) / BGHEIGHT );
 
  document.writeln("<div class='block' style='top:"+individualHeigth+"px; left:"+individualWidth+"px;'>" );

  
}


function setStart()
{
  
     //<![CDATA[
      if ( screen.width < 1281 ) 
        {
           document.writeln ( '<div id="startimage" style="margin-left:75px;">' );
        }
        else
        {
          document.writeln ( '<div id="startimage">' );
        }
      //]]>
}

function setLogo()
{
  
     //<![CDATA[
      if ( screen.width < 1281 ) 
        {
           document.writeln ( '<div id="logo" style="margin-left:800px;">' );
        }
        else
        {
          document.writeln ( '<div id="logo">' );
        }
      //]]>
}

function setMainmenu()
{
  
     //<![CDATA[
      if ( screen.width < 1281 ) 
        {
           document.writeln ( '<div id="mainmenu" style="margin-left:75px;">' );
        }
        else
        {
          document.writeln ( '<div id="mainmenu">' );
        }
      //]]>
}


function setTop()
{
  
     //<![CDATA[
      if ( screen.width < 1281 ) 
        {
           document.writeln ( '<div id="top" style="margin-left:75px;">' );
        }
        else
        {
          document.writeln ( '<div id="top">' );
        }
      //]]>
}


function setFooter()
{
  
     //<![CDATA[
      if ( screen.width < 1281) 
        {
           document.writeln ( '<div id="footer"  style="padding-left:75px;">' );
        }
        else
        {
          document.writeln ( '<div id="footer"  style="padding-left:225px;">' );
        }
      //]]>
}

function setImprint()
{
  
     //<![CDATA[
      if ( screen.width < 1281 ) 
        {
           document.writeln ( '<div id="imprint_block" style="margin-left:75px;">' );
        }
		
        else
        {
          document.writeln ( '<div id="imprint_block">' );
        }
      //]]>
}


function setUnderTop()
{
  
     //<![CDATA[
      if ( screen.width < 1281) 
        {
           document.writeln ( '<div id="undertop" style="margin-left:75px;">' );
        }
        else
        {
          document.writeln ( '<div id="undertop">' );
        }
      //]]>
}