body{
font-family: 'lucida grande', Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5;
margin: 0;
padding: 0;
border: 0;
/* overflow: hidden; */
height: 100%;
max-height: 100%;
         }

#ti { background-color: #FFF; /*#CAEEFD; */
    }

#framecontentTop{
position: absolute;
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: 100%;
height: 114px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FFF; /* #CAEEFD; */
         }

#framecontentLeft{
position: absolute;
top: 0px;
left: 0;
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #FFF; /* #CAEEFD; */
         }

#lineLeft {
/* background-image: linear-gradient(white, black); */
position: absolute;
top: 0px;
left: 194px;
width: 6px; /*Width of left frame div*/
height: 100%;
background-image: linear-gradient(45deg, blue, transparent, white);
         }
#lineTop {
/* background-image: linear-gradient(white, black); */
position: absolute;
top: 114px;
left: 194px;
width: 100%; /*Width of left frame div*/
height: 6px;
background-image: linear-gradient(90deg, transparent, blue);
         }
aside {
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentBottom{
position: absolute;
top: auto;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
bottom: 0;
right: 0;
height: 32px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #fff;
font-size: 0.8em;
color: #585858;
         }

#maincontent{
position: fixed;
top: 158px; /*Set top value to HeightOfTopFrameDiv*/
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
padding-right: 10%;
bottom: 33px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto;
background: #fff;
         }

.blocked {
	text-align: justify;
	text-align-last: center;
	font-size: 1.9em;
	margin-top: -1em;

}
.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
         }

* html body{ /*IE6 hack*/
padding: 110px 0 120px 200px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
         }

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
         }

* html #framecontentTop, * html #framecontentBottom{ width: 100%;   /*IE6 hack*/
         }

/* ============================ */

canvas {
    padding: 0;
    margin: auto;
    display: block;
    width: 800px;
    height: 600px;
    position: fixed;
    top: 140px;
    bottom: 0;
    left: 200px;
    right: 15%;
}
.canvasTop1 {
    padding: 0;
    margin: 0;
    display: block;
    width: 640px;
    height: 480px;
/*    position: absolute;
    top: 300px; */
    position: relative;
    top: 0px;
    bottom: 0;
    left: 100px;
    right: 0;
}
.canvasTop2 {
    padding: 0;
    margin: 0;
    display: block;
    width: 640px;
    height: 480px;
/*    position: absolute;
    top: 1150px; */
    position: relative;
    top: 0px;
    bottom: 0;
    left: 100px;
    right: 0;
}

hr {
        border: none;
        height: 5px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(75, 8, 138, 1), rgba(0, 0, 0, 0));
        margin-top: 25px;
        margin-bottom: 25px;
        }
#hr {
        border: none;
        height: 3px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1));
        margin-top: 5px;
        margin-bottom: 50px;
        }
#styleone { position:relative;
         width: auto;
         left: 200px;
         top: 118px;
         display:block;
         height:2.5em;
         font-size: 1.2em;
         font-weight:bold;
         background:#F1F1F1 repeat-x top left;
         font-family:Verdana, Arial, Helvetica, sans-serif;}
#styleone ul{margin:0;
         padding:0;
         list-style-type:none;
         width:auto;}
#styleone ul li{display:block;
         float:left;
         border-left:3px solid #fff;
         border-top:3px solid #fff;
         border-right:3px solid #4F4F4F;
         border-bottom:3px solid #4F4F4F;
         font-size: 1em;
         margin:0 1px 0 0;}
#styleone ul li a{display:block;
         float:left;
         color:#3F3F3F;
         text-decoration:none;
         font-size: 1.0em;
         padding:2px 10px 2px 10px;
         height:29px;}
#styleone ul li a:hover {color:#0000FF;
         background:#CFCFCF repeat-x top left;}
#styleone ul li a:active {color:#FF0000;
         background:#AFAFAF repeat-x top left;}
#styleone1 { position:relative;
         width: auto;
         left: 20px;
         top: 20px;
         display:block;
         height:2.5em;
         font-size: 1.5em;
         font-weight:bold;
/*         background:#F0F0F0 ; */
         font-family:Verdana, Arial, Helvetica, sans-serif;}
#styleone1 ul{margin:0;
         padding:0;
         list-style-type:none;
         width:auto;}
#styleone1 ul li{display:block;
         float:left;
         border-left:3px solid #eaea;
         border-top:3px solid #eaeaea;
         border-right:3px solid #4F4F4F;
         border-bottom:3px solid #4F4F4F;
         font-size: 1em;
         text-decoration:none;
         background:#FF7F7F repeat-x top left;
         margin:0 1px 0 0;}
#styleone1 ul li a{display:block;
         float:left;
         color:#3F3F3F;
         text-decoration:none;}
#styleone2 { position:relative;
         width: auto;
         left: 25px;
/*         top: 20px; */
         display:block;
         height:1em;
         font-size: 1.0em;
/*         background:#F0F0F0 ; */
         font-family:Verdana, Arial, Helvetica, sans-serif;}

/* ============================ */

 a:visited  { }
 a:link     { }
 a:hover    { color:#FF0000; text-decoration:none; background-color:#FFFFBB; }
 a:active   { color:#000000; text-decoration:none; background-color:#33FFFF; }

td           { font-size: 1.5em;
              margin-left: 2%;
              margin-right: 2%; }
p           { font-size: 1.5em;
              margin-left: 2%;
              margin-right: 2%;
              text-align: justify; }
#pk          { margin-left: 2%;
              margin-right: 2em; }

#p1         { font-size: 14px;
              margin-left: 0em;
              margin-right: 2em; }

li          { font-size: 1.5em;
            }
#ul1        { margin-left: 0;}

#ul2        { margin-left: 2%;
              color:#9F0000; }
#ul3        { margin-left: 5%;
              color:#9F0000; }

#h1         { margin-top: 0%;
              font-size: 2em;
}
#h2         { margin-top: 0%;
              font-size: 1.7em;
}

h1          { margin-top: 10px;
              font-size: 2em;
              font-weight: bold;
              letter-spacing: 2px;
              color: #0000FF;
              margin: 0;
              padding: 0;
              }
h2          { margin-top: 10px;
              font-size: 1.6em;
              font-weight: bold;
              letter-spacing: 2px;
              color: #0000DD;
              margin: 0;
              padding: 0;
              }
h3          { margin-top: 0px;
              font-size: 6px;
              color:#600000; 
			}
h4          { margin-top: 10px;
              margin-bottom:2em;
              font-size: 1.1em;
              font-weight: bold;
              letter-spacing: 2px;
              margin: 0;
              padding: 0;
            }

.h1k          { margin-top: 1em;
              margin-left: 10%;
              margin-bottom:1em;
              letter-spacing:6px;
              font-size: 18px;
              color:#0000FF; }
.h2k          { margin-top: 1em;
              margin-left: 10%;
              margin-bottom:0.5em;
              font-size: 16px;
              color:#000000; }

/* #mitte td   { font-size: 2.5em;  vertical-align: top; color:#0000FF; }
#mitteg td  { font-size: 1.8em; vertical-align: middle; color:#0000FF; } */
#mitteR td  { font-size: 20px;
              color:#0000FF;
            }

.answer     { margin-left: 5%;
              color:#800000;
              font-style:italic;
              letter-spacing:1px;
              font-size: 15px;}

img         { margin-top: 0em; 
/*              float: right;  */
              margin-left: 3px;
            }

#img         { margin-top: 0em; 
              float: left;
              margin-right: 15px;
            }