div#all {width:900px; height: 600px;position: relative; z-index: 1;}
div#all1 {width:900px; height: 600px;position: relative; z-index: 1;}

.slider {font-family: Arial; font-size: 10px; text-align: left; font-style: normal; font-weight: normal; color: #000000; position: absolute;width: 20%;}
.style1 {font-family: Arial; font-size: 10px; text-align: left; font-style: normal; font-weight: normal; color: #000000; position: absolute; z-index: 1;}
.style2 {font-family: Arial; font-size: 14px; text-align: left; font-style: normal; font-weight: bold; color: #FF8080; position: absolute;}
.style3 {font-family: Arial; font-size: 16pt; text-align: left; font-style: normal; font-weight: normal; color: #0B6121; position: absolute; z-index: 1;}

a:link {
  color: #000070;
  text-decoration: none;
  font-weight: bold;
}

a:visited {
  color: #000070;
  text-decoration: none;
  font-weight: bold;
}

a:active {
  color: #808080;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #001090;
  text-decoration: nounderline;
  font-weight: bold;
}



h1    {  text-align:center;
         color:#000000;
         font: 12pt Arial;
         }


h2    {  text-align:center;
         color:#000000;
         font: bold 14pt Arial;
         }
		 
.h3    {  text-align:center;
         color:#000000;
         font: bold 18pt Arial;
         }

h4    {  text-align:center;
         color:#FFFFFF;
         font: bold 24pt Arial;
         }

.text1    {  text-align:center;
         color:#000000;
         font: 14pt Arial;
         }




p,li  { font: 8pt Arial;
        letter-spacing:0.2mm;
        word-spacing:0.8mm;
        color:black;
        }



.tab_normal { align:center;
              border:2px solid black;
              background-color:#CCE6FF;
              border-collapse:collapse;
              empty-cells:show;
              font: 8pt Arial;
              text-align:left;
              color:#000000;
              rules:groups;
             }

.tab_headline { background-color: #CCE6FF;
                color:#000000;
                border:2px solid black;
                empty-cells:show;
                font: 9pt Arial bold;
                rules:groups;
              }
.tab_normal_line  { background-color:#C0C0C0;
                    border-color:#000000;
                    color:#000000;
                    font: 8pt Arial;
                    border-top:2px solid black;
                    empty-cells:show;
                    rules:groups;
                    }
.tab_secound_line  { background-color:#22AABB;
                    border-color:#000000;
                    color:#000000;
                    font: 8pt Arial;
                    border: none;
                    empty-cells:show;
                    rules:groups;
                    }                    

.tab_headfield { background-color:#22AABB;
                 color:#000000;
                 empty-cells:show;
                 font: bold 10pt Arial;
                }





a.menulink:link     {color: #808080; font: bold 10pt Arial; text-decoration:none}
a.menulink:visited  {color: #000000; font: bold 10pt Arial; text-decoration:none}
a.menulink:hover    {color: #00008B; font: bold 10pt Arial; text-decoration:none}

.menutext-s        {color: #808080; font: bold 8pt Arial; }
.menutext-m        {color: #808080; font: bold 12pt Arial; }
.menutext-l        {color: #808080; font: bold 16pt Arial; }
.menutext          {color: #808080; font: Arial; }

.header            {color: #FFFFFF; font: bold 12pt Arial; background-color: #F9F1C9; }
.subheader         {color: #000000; font: bold 12pt Arial; }
.normaltext        {color: #000000; font: 10pt Arial; }


.standard {color: black;font: 10pt Arial}
.small {color: black;font: 9pt Arial}



#sddm
{	margin: 0;
	padding: 5px;
	z-index: 100}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	background: transparent;
	color: #000;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: transparent}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #333;
		font: 12px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}




body{
margin: 0;
padding: 0;
border: 0;
overflow: auto;
height: 100%; 
max-height: 100%; 
}

#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 0px; /*Height of frame div*/
overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: transparent;
}


#menuecontent{
position: absolute; 
top: 38px; /*Set top value to HeightOfFrameDiv*/
left: 0;
width: 100%;
height: 50px; /*Height of frame div*/
overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: transparent;
color: white;
z-index: 999;
}

#content{
position: fixed; 
top: 200px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: transparent;
}

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

* html body{ /*IE6 hack*/
padding: 130px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

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

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}



}