body {
		margin:0px 0px 0px 0px; 
		text-align:left; 
		color:black; 
		background-color:#E0F0FF;
		cursor: default;
		z-index:1;
	}
	section {
		border: 1px solid;
		background-color:#cccccc;
		color:black;
		font-family:arial; 
		line-height:130%;
		text-align:left;
		margin-top:0px;
		margin-left:0;
		margin-bottom:18px;
		padding: 58px 27px 58px 10px;
		z-index:-1;		   	
	}
	hr { 
		display: block;
		unicode-bidi: isolate;
		margin-block-start: 0.5em;
		margin-block-end: 0.5em;
		margin-inline-start: auto;
		margin-inline-end: auto;
		overflow: hidden;
		border-style: inset;
		border-width: 1px;
	}
	
	a {
		color:blue; 
		font-weight:normal;
	}
		
	a:link{
	   text-decoration:none;
	}
		
	a.txt1 {
		color:blue; 
		font-weight:bold;
		font-style:italic;
		text-align:center;
	}		
	a.txt1:hover{            
		font-style:italic;
	                color:red;
		cursor: pointer; 
		text-decoration: underline;
	} 
	a.txta { 
		color:blue; 
		font-weight:bold;
		font-style:italic;
		text-align:center;
	}	
	a.txta:hover{            
		font-style:italic;
	    color:red;
		cursor: pointer; 
		text-decoration: underline;
	} 		
	a.txt2 {
		font-weight:bold;
		color:blue; 
	}
	a.txt2:hover{
	    color:red;
		font-weight:bold;
		cursor: pointer; 
	}
	a.txt3 {
		color:blue; 
		font-weight:bold;
	}
	a.txt3:hover{
		font-style:italic;
	    color:red;
		font-weight:bold;
		cursor: pointer; 
	}
	a.txt4 { 
		font-size:15px;
		color:blue;
	}
	a.txt4:hover{ 
	    color:red;
		font-weight:bold;
		cursor: pointer; 
	}
	a.txt5{ font-size:15px;
		color:blue;
	}
	a.txt5:hover{ 
	    color:red;
		font-weight:bold;
		cursor: pointer; 
	}
	a:active{
		background-color:#fffff1;
	}
	p  {
		color:black; 
		font-family:arial; 
		line-height:130%;
		margin:15px;			
		width:95%;
	}
	p > a  {
		color:blue;
		font-family:arial; 
		line-height:130%;
	}
	
	<!-- Pseudo Elements -->
	
	th:first-line {
		font-weight:bold; 
		font-size:30px; 
		color:red;
	}				
	td:first-letter {
		font-weight:bold; 
	}					
	
	ul	{list-style-type:none;
	}
	ul.a {list-style-type: circle;}
	ul.b {list-style-type: square;}
	ol.c {list-style-type: upper-roman;}
	ol.d {list-style-type: lower-alpha;}
		
	.blue{
		color:blue; 
		font-weight:normal;
	}
	.font{font-weight:bold;
	}
	.black{	
		color:black; 
		font-weight:normal;
	}
	.bblack{	
		color:#999999;
		font-weight:bold;
	}
	.green{	
		color:green; 
		font-weight:normal;
	}	
	.GreenYellow {	
		color:GreenYellow; 
		font-weight:normal; 
	}	 
	.Chartreuse {
		color:Chartreuse; 
		font-weight:bold;
	} 
	.Lblue{
		color:#14141F;
		font-weight:bold;
	}
	.Lwhite{
		color:#E0FFE0; 
		font-weight:bold;
	}
	.white{
		color:white; 
		font-weight:bold;
	}
	.white2{
		color:white; 
		font-family:Bodoni MT Black; 
		font-weight:bold;
	}
	.Lblack2{
		color:#0A0A00; 
		font-family:Bodoni MT Black;
		font-weight:bold;
	}
	.Lblack{
		color:#0A0A00; 
		font-weight:bold;
	}
	.redtext{
		color:red; 
		font-weight:bold; 
		padding:2px; 
	}
	.lredtext2{
		color:#4d0000; 
		font-weight:bold; 
		font-family:Bodoni MT Black; 
	}
	.lredtext{
		color:#4d0000; 
		font-weight:bold;
	}
	.blacktext2{
		color:#1a1a1a; 
		font-family:Bodoni MT Black;
		font-weight:bold; 
	}
	.blacktext{
		color:#1a1a1a; 
		font-weight:bold; 
	}
	.blacktext3{
		color:#1a1a1a; 
		font-weight:900; 
	}
	.greentext{
		color:green;
		font-weight:900; 
	}
	.greentext2{
		color:#004d00;  
		font-weight:900; 
	}
	.Dyellow2 {
		color:#00ffff; 
		font-weight:bold; 
		font-family:Bodoni MT Black;
		padding:2px;
	}		  
	.Dyellow{
		color:#00ffff; 
		font-weight:bold; 
		padding:2px;
	}		  
	.bluetext2{
		color:blue; 
		font-weight:bold;
		font-family:Bodoni MT Black;
		padding:2px; 
	}
	.bluetext{
		color:blue; 
		font-weight:bold;
	}
	.lcolortext2{
		color:#cc0099; 
		font-family:Bodoni MT Black;
		font-weight:bold;
	}
	.lcolortext{
		color:#cc0099; 
		font-weight:bold;
	}
	.lgreentext2{
		color:#00FF00; 
		font-family:Bodoni MT Black;
		font-weight:bold;
	}
	.lgreentext{
		color:#00FF00; 
		font-weight:bold;
	}	 
	.lyellow2{
		color:#FFcc00; 
		font-weight:bold;
		font-family:Bodoni MT Black;
	}
	.lyellow{
		color:#FFcc00; 
		font-weight:bold;
	}
	.hollow2{
		color:#FF8330; 
		font-weight:bold;
		font-family:Bodoni MT Black;
	}
	.hollow{
		color:#FF8330; 
		font-weight:bold;
	}
	.evolution2{
		color:#CC9900;
		font-family:Bodoni MT Black;
		font-weight:bold;   
	}	 
	.evolution{
		color:#CC9900; 
		font-weight:bold;   
	}	 
	.yellowtext2{
		color:#FFFF00; 
		font-family:Bodoni MT Black;
		font-weight:bold;
	}		 
	.yellowtext{
		color:#FFFF00; 
		font-weight:bold;
	}		 
	.backgroundw2{background-color:#E8E8E8;
	}
	.header-black{background-color:black;
	}
	.header-white{background-color:white;
	}
	.bk_Lwhite{background-color:#E0FFE0;
	}
	.bk_blue{background-color:blue;
	}
	.bk_green{background-color:green;
	}
	.bk_Lred{background-color:#ff3333;
	}
	.bk_red{
		background-color:red; 
		padding-right:100%;
	}
	.bk_Lblack{background-color:#b3b3b3;
	}
	.bk_Lyellow{background-color:#ffff80;
	}	
	.underline{ 
		text-decoration: underline; 
		color: blue;
	}
	.underlineno{
		text-decoration: none;  
		color:black;
		background-color:none;
	}		
    .overline {text-decoration: overline;
	}
	.overlred { 
		text-decoration: overline; 
		color: red; 
	}
	.underlgreen{ 
		text-decoration: underline; 
		color: green; 
	}
	.erledigt {
		text-decoration: line-through; 
	}
	.underoverl  {
		text-decoration: underline overline; 
	}
	
	.IE_Dir:hover{
		cursor: pointer; 
		color:red;
		font-style:italic;
		font-weight:bold;
		font-size:100%;
		text-align:center;
	}
	.link:hover{cursor: pointer; 
				background-color: #ffffe6;
				color:red;
				font-style:italic;
				font-weight:bold;
	}
	.gravity_link1:hover{
		cursor: pointer;
		text-decoration: none;
		color:red;
	}
	.gravity_link2:hover{
		cursor: pointer;
		text-decoration: underline;
		color:red;
	}
	.gravity_link3:hover{
		cursor: pointer;
		text-decoration: none;
		color:red;
	}
	.gravity_link4{
		cursor: default;
		text-decoration: none;
		color:black;	
	}
	h4.one:hover {
		margin-right:650px;
		border: 1px solid red;
		background-color: none;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		width:35%;
	}
	#headerText {
		margin-top:0px;
		margin-left: auto;
		margin-right: auto;
	}
	#div_img2{position: 
		absolute;		
	}	
	#whole_page {
		width:100%;
		height:100%;
		margin-top:0px;
		margin-left: auto;
		margin-right: auto;
	}	
	#roll_bar{
		border:0px;
	}
	#sw_line{position: absolute; 
		width:3px;
		height:1;
		z-index:-3;
	}	
	#menu_bar    {
		position: fixed;
		border:1px solid #330000;
		margin:0px 0px 0px 0px;
		width:100%;
		height:33px;
		background:#ffffe6;
		color:blue;
		text-align:left;
		padding:6px 0px 0px 0px;
		z-index:1;	
		transition: height 0s linear 0s, padding 0.3s linear 0s margin 0s linear 0s;
	}	
	#top_of_page {   
		height:0px;
		width:0px; 
		border:0px solid red; 
		position: fixed; 
		bottom: 7.7%;
		margin-left: 0px;
		z-index:1;
		transition: all 1000ms ease;
	}
	#roll_header {
		position: absolute; 
		margin:0px 0px 0px 0px;
		width:100%;
		padding:0px 0px 0px 0px;
		background-color:#E0F0FF;	
		text-align:center;	
		border:1px solid #330000;		
		color:white;
		overflow:hidden;
		height:0;
		z-index:0;
		transition: height 0s linear 0s, padding 0.3s linear 0s margin 0s linear 0s;
	}
	#left_center {
			font-weight:bold;
			margin-left:33%;
	}
	#header_print {
		position: fixed; 		
		margin-top:165px;
		margin-left:5%;
		height:100%
		font-weight:bold;
		overflow:hidden;
		z-index:0;		
	}
	#header_print2 {
		position: absolute; 
		margin:0px 0px 0px 0px;
		width:100%;
		padding:0px 0px 0px 0px;
		height:0px;
		font-weight:bold;
		border:1px solid #330000;
		overflow:hidden;
		z-index:-1;	
		transition: height 0s linear 0s, padding 0.3s linear 0s margin 0s linear 0s;		
	}
	#header_print1 {
		position: absolute; 		
		border:1px solid #330000;
		margin:0px 0px 0px 0px;
		width:100%;
		padding:0px 0px 0px 0px;
		background-color:#E0F0FF;
		text-align:center;			
		color:red;
		overflow:hidden;
		height:419px;
		z-index:-1;
	}
	#header_print3 {  
		position: absolute;  
		margin-top:0px;
		margin-bottom:0px;
		margin-left:75px;		
		height:0px;
		font-size:140%;
		font-weight:bold;
		overflow:hidden;
		transition: all 1000ms ease;
		z-index:-1;			
	}
	#menu_block {
		style=:font-size:12px;
	                color:blue; 
		background:#ffffe6;
	}
	#summary_block {
		style=:font-size:13px;
	                color:blue; 
		background:#ffffe6;
	}
	#div_pic1{
		border: 0px ; 
		position:absolute; 
		z-index:1; 
	}
	#F_table {
		position: fixed;
		margin-top:4px;
		margin-bottom:4px;
		margin-left:28%;
		height:0px;
		width:0px;
		overflow:hidden;
		z-index:1;	
		background-color:blue; 
		border: 1px;
	}
	#th {
		color:black; 
		font-style:italic;
		font-size:15px;
		font-weight:bold;
		background-color:#ffffe6;
		height:75px;	
		width:125px; 
		border: 4px solid black; 
		text-align:center;
	} 				
	#wrapper{ 
		margin-top:0px;
		margin-left:15%;
		margin-right:15%;
		margin-bottom:0px;
		transition: all 1000ms ease;
		padding:0 ;
		z-index:-1;
	}
	#article{ 
		margin-left:0px; 
		margin-top:%; 
		width:0;
		background-color:#E0F0FF;
		z-index:-1;
	}
	#section {
		width:auto; 	
	}
	#center {
		margin-top:0px;
		margin-left:100px;
	}
	#w_motile {
		margin-right:0%;
	}
	#rightmenu { 
		background:#E0F0FF;
		padding:0px;
		width:224px;
		border:1px;
		min-width:0px;
		height:32px;
		margin-top:0px;
		float:right;
		margin-right:0.5px;
		color:blue;	
		transition: all 1000ms ease;
		overflow:hidden;
		z-index:2;
	}
	#scroll_sw {
		background:#E0F0FF;
		padding:0px;
		width:100%;
		height:450px;
		float:right;
		color:blue;	
		overflow-y:auto;
		border:0px solid;
		z-index:2;
	} 
	#check_sw {
		background:#E0F0FF;
		font-weight:bold;
		padding:0px;
		width:224px;
		min-width:0px;
		height:1px;
		margin-top:0px;
		float:right;
		color:blue;	
		overflow:hidden;
	}
	#check_sw:hover{
		font-style:italic;
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;	
	}
	#Natural_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:38px;
		float:left;
		color:blue;
	}
	#Natural_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Natural_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Natural_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Entity_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:40px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Entity_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Entity_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Entity_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Locomotor_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:20px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Locomotor_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Locomotor_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Locomotor_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Animating_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:40px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Animating_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Animating_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Animating_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Evolution_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:40px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Evolution_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Evolution_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Evolution_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Power_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:20px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Power_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Power_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Power_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Quality_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:20px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Quality_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Quality_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Quality_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Choreography_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:40px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Choreography_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Choreography_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Choreography_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Defense_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:40px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Defense_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Defense_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Defense_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Hollow_DIR {
		background:#E0F0FF;
		min-width:0px;
		height:40px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Hollow_DIR:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Hollow_TOC {
		padding:0px;
		width:200px;
		min-width:0px;
		height:0px;
		float:left;
		color:blue;	
		overflow:hidden;
	}
	#Hollow_TOC:hover{
		
	    color:red;
		font-weight:bold;
		cursor: pointer; 
		background:#ffff99;
	}
	#Scroll_DIR{   
		background:#E0F0FF;
		padding:0px;
		width:20px;
		min-width:0px;
		max-height:40px
		height:400px;
		float:right;
		color:blue;	
		overflow:hidden;
	}
	#rightmenu > details {
		z-index:2;
	}
	#rightmenu > details > summary{
		cursor:pointer;
		background:#ffffe6;
		margin:0px;
		padding:8px;
		color:blue;
	}
	#rightmenu > details > summary:hover{
		background:#ffff33;
		font-weight:bold;
		font-size:13.5px;
		text-align:left;
		font-style:italic;
		color:red;
	}
	#rightmenu > details > a{
		display:block;
		text-decoration:n;
		color:blue;
		font-weight:bold;
		font-size:13.5px;
		clear:both;
		text-align:left;
		margin:0px 0px 3px 2px;
		padding:1px;
	}
	#rightmenu > details > a:hover{
		background-color:#ffff33;
		font-weight:bold;
		font-size:13.5px;
		color:#FF3300;
		font-style:italic;
	}
	#rightmenu > details > a:before{
		content: " "; 
	}
	#div_header {
		position:;
		text-align:center;
		padding:15px 0px 35px 0px;
		background-color:black;	
		margin-left:0%;
		margin-right:0%;
		overflow:hidden;
		height:100px;
	    color:white; 
		transition: height 0s linear 0.3s, padding 0.3s linear 0s;
	   }		 
	#div_nav{border: 2px solid gray; 
		position:absolute; 
		background-color:#E8E8E8;
		top:10px; 
		left:0; 
		text-align:center;
	}
	#div_pic{border: 0px ; 
		position:absolute; 
		z-index:1;
		top:32px; 
		right:2px; 
	}
		
	#div1{border: 2px solid red; 
	    position:absolute; 
		width:120px; 
		height: 154px;
		top:10px; 
		right:30px; 
		text-align:center;
	}
		   
	#div1a{border:none; 
		 position:absolute; 
		 width:350px; 
		 height: 250px;
		 right:15px; 
		 text-align:left;
	}		   
		   		   
	#div2{border: 2px solid green; 
		 position:absolute; 
		 width:250px; 
		 top:10px; left:80%; 
		 text-align:center;
	}
			
	#div3	{border: 2px solid red;
		position:absolute;
	    font-weight:bold;  
		padding-right:5px;
		padding-left:0px;
	}

	#div4{border: 2px solid red; 
		 position:absolute; 
		 font-weight:bold;
		 padding-top:25px; 
		 color:green;
		 width:210px; 
		 height: 50px;
		 top:10px; 
		 left:50%; 
		 text-align:center;
	}
	#F_white {color:white;
	}
	#F_blue 	{
	}
		#F_blue1 {color:blue;
				}
		#F_blue2 {color:blue;
				}	
		#F_blue3 {color:blue;
				}	
		#F_blue4 {color:blue;
				}
		#F_blue5 {color:blue;
				}
		#F_blue6 {color:blue;
				}	
		#F_blue7 {color:blue;
				}	
		#F_blue8 {color:blue;
				}	
		#F_blue9 {color:blue;
				}	
		#F_blueX {color:blue;
				}
		#F_blueT {color:blue;
				}		
		#F_blueT1 {color:blue;
				}
		#F_blueT2 {color:blue;
				}	
		#F_blueT3 {color:blue;
				}	
		#F_blueT4 {color:blue;
				}
		#F_blueT5 {color:blue;
				}
		#F_blueT6 {color:blue;
				}	
		#F_blueT7{color:blue;
				}	
		#F_blueT8 {color:blue;
				}	
		#F_blueT9{color:blue;
				}
		#F_blueTA {color:blue
				}
		#F_blueTB {color:blue;
				}		
		#F_blueTC {color:blue;
				}
		#F_blueTX {color:blue;
				}
		
		#F_Red 	{color:red;
				font-weight:normal;
				} 
						
		#img {border: 5px solid gray;
			 max-width:292px;
			 max-height:400px; 
			}		
		#span {font-weight:bold; color:green; 
			 }
		 
		#firstblue {font-weight:bold; 
				font-size:20px; 
				color:blue;
				}
		#firstred {font-weight:bold; 
				font-size:20px; 
				color:red;
				}
		#rightshift{
				margin-left:1px;
				}
		#footer {
		background-color:black;
		color:white;
		clear:both;
		text-align:center;
	    padding:2px;	 	 
		}
		
		#F_Dirtable {
			position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0px;
			margin-right:0px;
			height:0px;
			width:0px;
			background-color:white;
			border: 2px solid #330000;
			transition: all 1000ms ease;
			overflow:hidden;
			z-index:1;	
			text-align:center;
			border: 0px;
			}
		#T_table {
			position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0%;
			height:0px;
			width:auto;
			overflow:hidden;
			z-index:1;
			}
		#F_table0 {
			position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#ffffcc; 
			text-align:center;
			border: 0px;
			}			
		#F_table1 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#00ffff; 
			border: 0px;
			}			
		#F_table2 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#00FF00; 
			border: 0px;
			}
		#F_table3 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#666666; 
			border: 0px;
			}			
		#F_table4 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#6666ff; 
			border: 0px;
			}
		#F_table5 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#CC9900; 
			border: 0px;
			}			
		#F_table6 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#b3b3b3; 
			border: 0px;
			}
		#F_table7 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#cc99ff; 
			border: 0px;
			}			
		#F_table8 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#ffcc00; 
			border: 0px;
			}
		#F_table9 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#ff3333; 
			border: 0px;
			}			
		#F_table10 {position: fixed;
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0.17%;
			font-size:0px;
			height:0px;
			width:auto;
			overflow:hidden;
			transition: all 1000ms ease;
			z-index:1;	
			background-color:#ff944d; 
			border: 0px;
			}
			
		#th_txtx {   
			color:black; 
			font-style:italic;
			font-size:100%;
			font-weight:bold;
			background-color:#ffffcc;
			height:0%;	
			width:100%; 
			border: 3px solid #ffcc99;
			text-align:center;
			}
			
		#th_txt {   
			color:black; 
			font-style:italic;
			font-size:98%;
			font-weight:bold;
			background-color:#ffffcc;
			height:0%;	
			width:100%; 
			border: 3px solid #ffcc99;
			text-align:center;
			}
		#th_00 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			text-align:center;
			border:4px solid #ff6666;
			}   
		#th_01 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #00ffff; 
			text-align:center;
			}
		#th_02 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #00FF00; 
			text-align:center;
			}
		#th_03 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #666666; 
			text-align:center;
			}
		#th_04 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #6666ff; 
			text-align:center;
			}		
		#th_05 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #CC9900; 
			text-align:center;
			}
		#th_06 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #b3b3b3; 
			text-align:center;
			}
		#th_07 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #cc99ff; 
			text-align:center;
			}
		#th_08 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #ffcc00; 
			text-align:center;
			}
		#th_09 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #ff3333; 
			text-align:center;
			}
		#th_10 {
			color:black; 
			font-style:italic;
			font-size:14px;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:auto; 
			border: 4px solid #ff944d; 
			text-align:center;
			}
		#th2 {
			color:black; 
			font-style:italic;
			font-weight:bold;
			background-color:#ffffcc;
			height:0px;	
			width:0px; 
			text-align:center;
			} 
			
	#na {
		text-align:center;
		font-size:1.5vw;
		color:black;  
		border: 0px solid black;
	}						
	#navB_HT {
		height:93.8%;
		width:22.3%;  
	}
	#nav_HT {
		height:93.8%;
		width:22.3%; 
	}	
	#nav1 {
		margin-left:15px;
		line-height:0px;
		background-color:blue;
		height:10.5vw;
		width:1px;
		float:left;
		padding:0.5%;
	}
	#nav2 { 
		margin-left:15px;
		line-height:0px;
		background-color:red;
		height:10.5vw;
		width:1px;
		float:left;
		padding:0.5%;			      
	}	 
	#nav3 {
		margin-left:px;
		line-height:0px;
		background-color:green;
		height:9.5vw;
		width:1px;
		float:left;
		padding:0.5%;			      
	}
	<script>
		article:after{
			position: absolute;
			content: " ";
			top:0px;
			right:0px;
			bottom:0px;
			left:100px;
		}	 
		nav{
			position: fixed;
			width:22.3%; 
			height:0;
			top:36px;
			left:-23.2%;
			bottom:1%;
			background:#cccccc;
			color:orange;
			font-weight:bold;
			border-right:10px solid #cccccc;
			box-shadow:7px 5px 0px rgba(0, 0, 0, 0.4);
			z-index:2;
			cursor: pointer;                                
		}
		nav:after{
			position: absolute;
			content: "TOC";
			width:0;
			height:0;
			top:36%;
			right: -40px;
			border-width:15px 15px;
			border-style: solid;
			border-color: transparent transparent transparent #cccccc;
		}
		nav ul{
			width:100%;
			list-style-type: none; 
			font-size:1vw;
		}
		nav{
			transition: all 1000ms ease;
		}
		nav:hover{
			left:0;
		}
		nav:hover ~ article:after{
			left:60%;
		}
		nav li{
			margin-left:-8%;
			width:73%;  
			color:black;
			padding:4%;
		}
		nav li:hover{
			width:73%; 
			background:#ccccff;
			color:black;
			padding:4%;
		}
	                       
		navB{
			position: fixed;
			width:22.3%; 
			height:0;
			top:36px;
			left:-23.2%;
			bottom:5px;
			color:orange;
			font-weight:bold;
			background:#ccccff;
			border-right:10px solid #ccccff;
			box-shadow:7px 5px 0px rgba(0, 0, 0, 0.4);
			z-index:2;
			cursor: pointer;
		}
		navB:after{
			position: absolute; 
			content: "DIR";
			width:0;
			height:0;
			top:30%;
			right: -40px;
			border-width:15px 15px;
			border-style: solid;
			border-color: transparent transparent transparent #ccccff;
		}
		navB ul{
			width:100%;
			list-style-type: none; 
			font-size:1vw;
		}
		 navB{
			transition: all 1000ms ease;  
		}
		navB:hover{
			left:0;
		}
		navB:hover ~ article:after{
			left:60%;
		}
		navB li{
			margin-left:-8%;
			width:73% 
			color:black;
			padding:4%;
		}
		navB li:hover{
			background:#cccccc;
			width:73%; 
			color:black;
			padding:4%;
		}
	</script>