/*
   layers css

*/

    * {
       margin: 0px; padding: 0px;
    }

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/
    #backgroundimage{
        visibility:visible;

        position:absolute;
        top:0px; left:0px;
        width:1024px;
        height:647px;
         z-index:10;
        text-align:left;
        border-width:0px;border-color:#ccc; border-style:solid;
        overflow:hidden;
        /*background-color: #000;*/  /*663300*/
     }
   #mainframe
   {
        overflow: hidden;
        position:absolute;
        top:0px;left:0px;width:1023px;height:646px;
        border-width:0px;border-color:#000; border-style:solid;
        background:#020;
        z-index:0;
    }
    #imagemap{
        visibility:visible;

        position:absolute;
        top:-1px; left:-1px;    /* -1px */
        width:1024px;
        height:647px;
         z-index:10;
        text-align:left;
        border-width:0px;border-color:#ccc; border-style:solid;
        overflow:hidden;
        /*background-color: #000;*/  /*663300*/
     }
/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/

    #mlux   /*for the light animation sphere */
    {
        overflow:hidden;

        position:absolute;
        width:160px;
        height:160px;

        border-width:0px;border-color:#f00; border-style:solid;

        top:50px;
        left:20px;

        filter:alpha(opacity=33);    /* will set up later in js so it doesnt show up at all while loading */
        -moz-opacity:0.33;
        -khtml-opacity: 0.33;
        opacity: 0.33;

        z-index:20;
        visibility:visible;
    }
/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/
/*
	also some CSS in layerstyle.inc
    some references also in JS code
*/
     #about,
     #michaelcv,
     #monolog,
     #linklist,
     #mtattoo,
     #r111,
     #infossil,
     #paradays,
     #film1001suns,
     #nuclearplexus,
     #quantengeist,
     #fallingforest,
     #kern,
     #mainframe,
     #videoframe,
     #videoframeopaque,
     #blogframe
     {
        position:absolute;
        z-index:10;
        border-width:0px;border-color:#ccc; border-style:solid;

        filter:alpha(opacity=66);
        -moz-opacity:0.66;
        -khtml-opacity: 0.66;
        opacity: 0.66;

        background:#000600;
     }

     #about,
     #michaelcv,
     #monolog,
     #mtattoo,
     #r111,
     #infossil,
     #paradays,
     #film1001suns,
     #nuclearplexus,
     #quantengeist,
     #fallingforest,
     #kern
     {
        visibility:hidden;
        overflow:hidden;

        /*top:20px;*/
        top:50px;
        left:20px;
        width:160px;
        /*height:627px;*/
        height:auto;
        text-align:left;
     }


/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/
     #videoframesolo	/* standard dimensions */
     {
        position:absolute;
        z-index:50;

        visibility:visible;
        overflow:hidden;

        top:0px;
        left:256px;
        width:512px;
        height:404px;   /*647px 384px 404*/
        text-align:left;

        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
     }
     #videoframesolo512x256	/* standard dimensions */
     {
        position:absolute;
        z-index:50;

        visibility:visible;
        overflow:hidden;

        top:0px;
        left:256px;
        width:512px;
        height:276px;   /*647px 384px 404*/
        text-align:left;

        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
     }
     #videoframesolo600seven
     {
        position:absolute;
        z-index:20;

        visibility:visible;
        overflow:hidden;

        top:64px;
        left:168px;
        width:600px;
        height:300px;   /*647px*/
        text-align:left;

        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
     }


     #videoframe,
     #videoframeopaque
     {
        visibility:visible;
        overflow:auto;

        top:0px;
        left:256px;
        width:512px;
        height:647px;   /*647px*/
        text-align:left;
        z-index:15;
     }


     #videoframeopaque
     {
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
     }

    #videocinema
    {
        position:absolute;
        top:20px;
        left:0px;
        width:512px;    /*512px*/
        height:384px;   /*384px  404px*/

        border-width:0px;border-color:#f00; border-style:solid;
    }
    #videoflvplayer777XXX777	/* DONT DEFINE HERE !!!!! locally redefined */
    {
        position:absolute;
        top:0px;
        left:0px;
        width:512px;    /*512px*/
        height:404px;   /*384px*/

        border-width:11px;border-color:#f00; border-style:solid;

    }
    #videoflvplayer /* DONT DEFINE HERE !!!!! locally redefined */
    {
        width:512px;    /*512px*/
        height:404px;   /*384px*/

        border-width:0px;border-color:#f00; border-style:solid;

    }
    #videodescription
    {
        overflow:auto;
        position:absolute;
        /*top:414px;*/
        top:409px;
        left:0px;
        XXXwidth:512px; /*512px*/
        width:100%; /*512px*/
        height:223px; /*223px*/

        border-width:0px;border-color:#f00; border-style:solid;
    }

    #videodescriptionfull
    {
    	/*position:absolute;
        overflow:auto;
        left:0px;
        top:10px;
        width:512px;
        height:607px;*/


		/* needed to toggle on off */

       	border-width:0px;border-color:#f00; border-style:solid;

    }
/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/

     #blogframe
     {
        visibility:visible;
        overflow:auto;
        border-width:0px;border-color:#f0f; border-style:solid;

        top:0px;
        left:256px;
        width:512px;
        height:647px;   /*647px*/

     }

    #blogtextpadded
    {
        overflow:hidden;
        visibility:visible;
        position:absolute;
        top:20px;
        left:20px;

        /* wid minus 2*margin*/
        /*
        width:984px;
        height:570px;

        margin-top:20px;
        margin-bottom:20px;
        margin-right:20px;
        margin-left:20px;
        border-width:0px;border-color:#ccc; border-style:solid;
        text-align:left;*/

        width:479px;
        width:475px;
    }
/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/

     #menu,
     #menuright,
     #menurightbottom
     {
        visibility:visible;
        position:absolute;
        z-index:20;
        border-width:0px;border-color:#ff0; border-style:solid;
        overflow:hidden;

        filter:alpha(opacity=77);
        -moz-opacity:0.77;
        -khtml-opacity: 0.77;
        opacity: 0.77;
     }

     #menu
     {
        top:20px;
        left:20px;
        width:236px;    /*216px*/
        height:auto;
        text-align:left;
     }

     #menuright
     {
        top:20px;
        left:788px;
        width:216px;
        height:auto;
        text-align:right;
     }

     #menurightbottom
     {
        top:607px;
        left:788px;
        width:216px;
        height:auto;
        text-align:left;
     }

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/
     #linklist
     {
        visibility:hidden;
        overflow:hidden;

        display:none;

        /*top:20px;*/
        top:50px;
        left:844px;
        width:160px;
        /*height:627px;*/
        height:auto;
        text-align:left;

        /*font-size: 9px;*/
     }
     #linklistLEFT
     {
        visibility:hidden;
        overflow:hidden;

        display:none;

        /*top:20px;*/
        top:50px;
        left:20px;
        width:160px;
        /*height:627px;*/
        height:auto;
        text-align:left;

        /*font-size: 9px;*/
     }
/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/