div#all {width:1480px; height: 900px;position: relative; }
div#all1 {width:1480px; height: 950px;position: relative; }

.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: 12px; text-align: left; font-style: normal; font-weight: normal; color: #000000; position: absolute; z-index: 1; border: 1px solid #A4A4A4;background: #F2F2F2; box-shadow: 3px 5px 6px silver;}
.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;}
.style4 {font-family: Arial; font-size: 12px; text-align: left; font-style: normal; font-weight: normal; color: #000000; position: absolute; z-index: 1; border: 1px solid #A4A4A4;background: #9FF781;}
.style5 {font-family: Arial; font-size: 12px; text-align: left; font-style: normal; font-weight: normal; color: #000000; position: absolute; z-index: 1; border: 1px solid #A4A4A4;background: #F2F5A9;}
.style6 {position: absolute; z-index: 1; background-color: transparent;}
.style7 {font-family: Arial; font-size: 12px; text-align: center; font-style: normal; font-weight: normal; color: #000000; position: absolute; z-index: 1; border: 0px solid #A4A4A4;}


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: -40px; /*Set top value to HeightOfFrameDiv*/
left: 0;
width: 100%;
height: 30px; /*Height of frame div*/
overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: transparent;
color: white;
z-index: 5;
}

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

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

* html body{ /*IE6 hack*/
padding: 0px 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 */
}


#balken { height: 47px; position: relative; background-image: linear-gradient(#5FB404, #298A08);}


nav menuitem {
   position:relative;
   display:block;
   opacity:0;
   cursor:pointer;
   font-size: 12px;
   font-family: arvo;
}

nav menuitem > menu {
   position: absolute;
   pointer-events:none;
}
nav > menu { display:flex; }

nav > menu > menuitem { pointer-events: all; opacity:1; }
menu menuitem a { white-space:nowrap; display:block; }
   
menuitem:hover > menu {
   pointer-events:initial;
}
menuitem:hover > menu > menuitem,
menu:hover > menuitem{
   opacity:1;
}
nav > menu > menuitem menuitem menu {
   transform:translateX(80%);
   top:0; right:0;
}


nav { 
   margin-top: 100px;
   margin-left: -30px;
}

nav a {
   background:#084B8A;
   color:#FFF;
   min-width:90px;
   height:22px;
   transition: background 0.5s, color 0.5s, transform 0.5s;
   margin:0px 4px 4px 0px;
   padding:2px 20px;
   box-sizing:border-box;
   border-radius:3px;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
   position:relative;
}

nav a:hover:before {
   
   top:0;left:0;
   position:absolute;
   background:rgba(0, 0, 0, 0.2);
   width:100%;
   height:100%;
}

nav > menu > menuitem > a + menu:after{
   
   position:absolute;
   border:10px solid transparent;
   border-top: 10px solid white;
   left:12px;
   top: -30px;  
}
nav menuitem > menu > menuitem > a + menu:after{ 
   
   position:absolute;
   border:10px solid transparent;
   border-left: 10px solid white;
   top: 5px;
   left:-180px;
   transition: opacity 0.6, transform 0s;
}

nav > menu > menuitem > menu > menuitem{
   transition: transform 0.6s, opacity 0.6s;
   transform:translateY(150%);
   opacity:0;
}
nav > menu > menuitem:hover > menu > menuitem,
nav > menu > menuitem.hover > menu > menuitem{
   transform:translateY(0%);
   opacity: 1;
}

menuitem > menu > menuitem > menu > menuitem{
   transition: transform 0.6s, opacity 0.6s;
   transform:translateX(195px) translateY(0%);
   opacity: 0;
} 
menuitem > menu > menuitem:hover > menu > menuitem,  
menuitem > menu > menuitem.hover > menu > menuitem{  
   transform:translateX(0) translateY(0%);
   opacity: 1;
}