:root {
    --main-menu-color-red: rgba(204,0,0,1.00);
    --main-menu-color-blue: rgba(50,150,255,1.00); 
    --main-menu-color: rgba(50,150,255,1.00);
}

html{
  -ms-overflow-style: none;  /* IE 10+ */
  overflow: -moz-scrollbars-none; /* should hide scroll bar */
}

 @charset 'UTF-8';
 
 @font-face {
     FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
     src: url('fonts/eurostile.TTF');     
     }
     
 @font-face {
     FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
     src: url('fonts/Eurostile-Medium.ttf');     
     }

img {
	width:auto;
	max-width:100%;
	max-height:100%;
	height:auto;
}
	

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #C023BB;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


::-webkit-scrollbar { 
    display: none; 
}

#element::-webkit-scrollbar { 
    display: none; 
}

.noscrollbar{
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;// but it seems to not work...
}
.noscrollbar::-webkit-scrollbar{width:0px}


.frame {
position: relative;
 z-index:1000;
}

.wtext {
   font-size: x-small;
   }
   

Body {
	FONT-SIZE: small;
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
	background-size: 100% auto;
	background-repeat: no-repeat;
	font-style: normal;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
	
}


Body.all {
	FONT-SIZE: small;
	
	background-color: rgba(0,0,0,1.0);
	/* background-image: url(astro/pictures/Astro-Welcome.jpg); */
}



Body.Home.frame {
	FONT-SIZE: 16pt;
	COLOR: #666666;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #333;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}




Body.Computer {
	FONT-SIZE: small;
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #000000;
	background-image: url(pictures/Background-Computer.jpg);
	background-size: 100%;
	background-repeat: repeat;
	font-style: normal;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}


Body.Computer.frame {
	FONT-SIZE: 16pt;
	COLOR: #666666;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #333;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}

Body.Cars {
	FONT-SIZE: small;
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #000000;
	background-image: url(pictures/Background-Cars.jpg);
	background-size: 100% auto;
	background-repeat: repeat;
	font-style: normal;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}


Body.Cars.frame {
	FONT-SIZE: 16pt;
	COLOR: #666666;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #333;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: hidden !important;
}

Body.astro {
	FONT-SIZE: small;
	background-color: rgba(0,0,0,1.00);
	/* background-image: url(astro/pictures/Astro-Welcome.jpg); */
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
	
}

Body.astrof {
	FONT-SIZE: small;
	background-color: rgba(70,0,0,0.00);
	/* background-image: url(astro/pictures/Astro-Welcome.jpg); */
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
	
}


Body.Painting {
	FONT-SIZE: small;
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: normal;
	BACKGROUND-COLOR: #000000;
	background-image: url(pictures/Background-Paintings.jpg);
	background-size: 50% auto;
	background-repeat: repeat;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;

}
Body.Painting.frame {
	FONT-SIZE: 16pt;
	COLOR: #666666;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #333;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}
Body.Music {
	FONT-SIZE: small;
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #000000;
	background-image: url(pictures/Background-Music.jpg);
	background-size: 100% auto;
	background-repeat: repeat;
	font-style: normal;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}

Body.Music.frame {
	FONT-SIZE: 16pt;
	COLOR: #666666;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: #333;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}

img {
	width:auto;
	max-width:100%;
	max-height:auto;
	height:auto;
}

/* Header.frame {
	FONT-SIZE: 16pt;
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	BACKGROUND-COLOR: rgba(255,255,255,0.00);
	font-size: larger;
	position: static;
	text-align: left;
	width: 1030;
	/* -webkit-box-sizing: inherit; */
	/* -moz-box-sizing: inherit; */
	/* box-sizing: inherit; */
	margin-bottom: 0em;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important; 
} 

table.framehead {
	FONT-SIZE: 10pt;
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	background-color: rgba(128,128,128,0.70);
	filter:alpha(opacity=30);
	border-spacing: 4px 0px;
	border-collapse: collapse;
	margin-left:4px;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important; 
}

table.computertab {
	border-spacing: 4px 8px;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: scroll !important; 
}

tbody.computertab {
	filter: alpha(opacity=30);
	COLOR: #E1E1E1;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	FONT-SIZE: 10pt;
	font-style: normal;
	background-color: rgba(128,128,128,0.70);
	text-align: left;
	border-collapse: separate;
	empty-cells: show;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: scroll !important; 
}


#menux a
{
	display: block;
	/* width: 15em; */
	color: rgba(225,225,225,1.00);
	background-color: rgba(128,128,128,0.30);
	filter:alpha(opacity=30);
	text-decoration: none;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: large;
	text-shadow: 0px 0px;
	/* -webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit; */
	margin-bottom: 0%;
	margin-top: 0%;
}


#menux a.contact
{
font-size: small;
line-height: 1.8em;
height: 1.64em;
color: rgba(160,160,160,1.00);
}

#menu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu a
{
	display: block;
	width: 6em;
	height: 1.2em;
	color: rgba(225,225,225,1.00);
	background-color: rgba(255, 255, 255, 0.1);
	;
	text-decoration: none;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: large;
	text-shadow: 0px 0px;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	margin-bottom: 1%;
	margin-top: 1%;
}

#menu a.contact
{
font-size: small;
line-height: 1.7em;
height: 1.7em;
color: rgba(160,160,160,1.00);
}

#menu a.contactcolor
{
font-size: small;
line-height: 1.7em;
height: 1.7em;
font-weight: bold;
color: var(--main-menu-color);
}

#menu li a.menucolor
{
	font-weight: bold;
	color: var(--main-menu-color);
}
#menu li a.menucolorred
{
	font-weight: bold;
	color: rgba(204,0,0,1.00);
}

#menu b
{
	display: block;
	width: 6em;
	color: var(--main-menu-color);
	background-color: rgba(255, 255, 255, 0.2);
	;
	text-decoration: none;
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: large;
	text-shadow: 0px 0px;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	margin-bottom: 1%;
	margin-top: 1%;
}


#menu a:hover
{
	background-color: rgba(255, 255, 255, 0.4);
	text-shadow: 0pt 0pt 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu b:hover
{
	background-color: rgba(255, 255, 255, 0.4);
	text-shadow: 0pt 0pt 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#menu li
{
	float: left;
	margin-right: 0.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ************************* Navigations-Leiste **********************************/

.nav li.mmusic {
display: none;
}
.nav li.mpainting {
display: none;
}
.nav li.mcomputer {
display: none;
}
.nav li.mastro {
display: none;
}
.nav li.mcars {
display: none;
}
.nav li.mcontact {
display: none;
}
.nav li.mimpressum {
display: none;
}


.nav, .nav ul, .nav li, .nav a, {
 z-index: 1000;
 font-family: 'Eurostile', 'Gill Sans', Calibri, sans-serif;
}

.nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav li {
  display: inline-block;
  width: 6em;
  text-align: center;
  font-size: large;
  line-height: 30px;
}

.nav a {
  background-color: rgba(60, 60, 60, 0.7);
  color: rgba(255, 255, 255, 1.00);
  display: inline-block;  
  transition: .3s background-color;
  width: 6em;
  cursor: pointer;
}

.nav a.mimpressum {
 color: rgba(140, 140, 140, 0.60);
 font-size: x-small;
 }

.nav a:hover {
  background-color: rgba(100, 100, 100, 0.80);
} 


.nav a:focus {
  background-color: rgba(100, 100, 100, 0.80);
} 

.nav a:active {  
  color: rgba(0, 180, 180, 0.60);
  
}

/* Sub Menus */

.nav li li {
  font-size: small; 
  border-bottom: none;
  display: block;  
  text-align: left;
}
.nav li ul {
 line-height: 28px; 
 position: absolute; 
 display: none;
 width: inherit;
}

.nav li:hover ul {
    display: block;  
}


.nav li ul li {
  line-height: 28px; 
 /*  height: 26px; */
  display: block; 
} 


.nav li ul li a {
  display: block; 
  width: 9.8em;
}



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

.PaintingWelcome {
	FONT-SIZE: medium;
	COLOR: #ffffff;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}

.CMA {
	FONT-SIZE: x-small;
	COLOR: #ffffff;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	-webkit-overflow-scrolling: touch !important;
	overflow-y: auto !important;
}



.placeholder {
background-color: rgba(160, 160, 160, 0.0); 
position: relative;
z-index: 1;
height: 30px;
}

.board
{    position: relative;
    width: 1280px;
    margin: 10px;
    float: left;
	FONT-SIZE: large;
	text-align: justify;
	COLOR: #E1E1E1; 
	font-family: 'Eurostile', Calibri, sans-serif;
	background-color: rgba(160, 160, 160, 0.7); 
	font-style: normal;
	-webkit-overflow-scrolling: touch !important; 
	padding-left:   5px;
	padding-right:  5px;
	padding-bottom: 5px; 
    overflow-y: auto;
    overflow: auto; 
	 -ms-overflow-style: none; 
}

#menupicon {display: none;}
#menupicoff {display: none;}
#menutag1 {display: flex;}
#menutag2 {display: flex;}

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
    -webkit-display: flex;
	display: flex;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	flex-direction: column;
	flex-wrap: wrap;
	-webkit-flex-direction: column;
	list-style: none;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;	
	 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; 
	font-size: 13px;
	position: relative;
}

#cssmenu {
 width: 140px; 
 padding: 0px 0px;
}

#cssmenu a {
  line-height: 1.3;
  padding: 3px 2px;
}

#cssmenu > ul > li {
  cursor: pointer;
  padding: 0px 1px 0px 0px; 
  /* background: #000;  */
  border-bottom: 0px solid #4c4e53;
}

#cssmenu > ul > li:last-child {
  border-bottom: 0px solid #3e3d3c;
}

#cssmenu > ul > li > a {
    width: 125px;
	font-size: 13px;
	display: flex;
	color: #ffffff;
	/* text-shadow: 0 1px 1px #000; */
	/* background: #64676e; 
	background: -moz-linear-gradient(#64676e 0%, #4c4e53 100%);  
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64676e), color-stop(100%, #4c4e53)); 
 background: -webkit-linear-gradient(#64676e 0%, #4c4e53 100%); 
	 background-position: 0%;  */
	background-color: rgba(255, 255, 255, 0.1);
}

#cssmenu > ul > li > a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.3);
}

#cssmenu > ul > li.active {
  border-bottom: none;
}

#cssmenu > ul > li > a:active {
   /* color: rgba(50,150,255,1.00,1.00); */
}

#cssmenu > ul > li.active > a {
  /* background: #97c700; */
  /* background: -moz-linear-gradient(#97c700 0%, #709400 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c700), color-stop(100%, #709400)); 
   background: -webkit-linear-gradient(#97c700 0%, #709400 100%); 
   background: linear-gradient(#97c700 0%, #709400 100%); */
  color: var(--main-menu-color); 
  /* text-shadow: 0 1px 1px #709400; */
}

#cssmenu > ul > li.has-sub > a:after {
  content: '';
  position: absolute; 
  top: 7px;
  right: 2px;
  border: 5px solid transparent;
  border-left: 5px solid #ffffff;
}

#cssmenu > ul > li.has-sub.active > a:after {
  right: 4px;
  top: 9px;
  border: 5px solid transparent;
  border-top: 5px solid var(--main-menu-color);
  
}

#cssmenu > ul > li.has-subr > a:after {
  content: '';
  position: absolute; 
  top: 7px;
  right: 2px;
  border: 5px solid transparent;
  border-left: 5px solid #ffffff;
}

#cssmenu > ul > li.has-subr.active > a:after {
  right: 4px;
  top: 9px;
  border: 5px solid transparent;
  border-top: 5px solid var(--main-menu-color-red);
  
}

/* Sub menu */
#cssmenu ul ul {
  padding: 0;
  display: none;
}
/* für Submenu normal */
#cssmenu ul ul a {
  width: 125px;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  color: #C9C9C9;
  font-size: 10px;
}

/* für Submenu mouse */
#cssmenu ul ul a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: var(--main-menu-color);
}

#cssmenu ul ul a:active {
   color: rgba(238,195,66,1.00);
}

#cssmenu  > ul  > ul > li.active > a {
	color: rgba(238,195,66,1.00);
} 

#cssmenu ul ul li {
  border-bottom: 0px solid #c9c9c9;
}

#cssmenu ul ul li:last-child {
  border: none;
}







.contentframe iframe {
    position:absolute;
    overflow: hidden;
    left:130px;
    top;
    width:80%;
    height:90%;
    border: 0px solid #fff;
    z-index:2";
    -webkit-overflow-scrolling: auto !important;
 }
 .menuframe iframe {
 	position:absolute;
 	left:0px;
 	height:90%;
 	width:140px;
 	border: 0px solid #fff;
 	z-index:3;
 	-webkit-overflow-scrolling: auto !important;
 }
 

@media  only screen and (max-width: 860px) and (min-width: 699px)
  
 {
  #menupicon {-webkit-display: flex;display: none;} 
  #menupicoff {-webkit-display: flex;display: none;} 
 .nav li {width: 5em;font-size: large;}
  .nav a {width: 5em;} 
  .nav a.mimpressum {width: 6em;font-size: x-small;}
  .CMA {FONT-SIZE: x-small;}
}

@media  only screen and (max-width: 740px) and (min-width:649px)
  
 {
 #menupicon {-webkit-display: flex;display: none;} 
  #menupicoff {-webkit-display: flex;display: none;} 
 .nav li {width: 5em;font-size: medium;}
  .nav a {width: 5em;} 
  .nav a.mimpressum {width: 6em;font-size: xx-small;}
   .PaintingWelcome {FONT-SIZE: x-small;}
   .CMA {FONT-SIZE: x-small;}
   .wtext {font-size: xx-small;}
 
}

@media  only screen and (max-width: 650px) and (min-width: 569px)
  
 {
 #menupicon {-webkit-display: flex;display: none;} 
  #menupicoff {-webkit-display: flex;display: none;} 
 .nav li {width: 5em;font-size: small;}
 .nav a {width: 5em;} 
 .nav a.mimpressum {width: 6em;font-size: xx-small;}
  .PaintingWelcome {FONT-SIZE: x-small;}
  .CMA {FONT-SIZE: x-small;}
  .wtext {font-size: xx-small;}
 
}

@media only screen and (max-width: 570px) and (min-width: 100px)
{
 .menuframe iframe {width:120px;}
 .contentframe iframe {left:00px;}
  
 .nav li {width: 5em;font-size: x-small;}
 .nav a {width: 5em;} 
 .nav li li {font-size: xx-small;}
 .nav a.mcars {width: 3em;font-size: x-small;}
 .nav li.mcarsx {width: 3em;font-size: x-small;}
 .nav a.mcontact {width: 5em;font-size: x-small;}
 .nav li.mcontactx {width: 5em;font-size: x-small;}
 .nav a.mimpressum {width: 5em;font-size: xx-small;}
 .nav li.mimpressumx {width: 5em;font-size: xx-small;}
 Body.astro {background-image: url(pictures/Background-Mobile.jpg)}
 .PaintingWelcome {FONT-SIZE: xx-small;}
 .CMA {FONT-SIZE: xx-small;}
 .wtext {font-size: 0;}
 
}


@media all  and (max-width: 140px) and (min-width: 140px)
{
 /* #menupicon {-webkit-display: flex;display: none;} 
  #menupicoff {-webkit-display: flex;display: none;}  */
}



@media all  and (max-width: 139px) and (min-width: 40px)
{
  #cssmenu, {font-size: 8px;} 
  #cssmenu > ul > li > a{width: 90px;font-size: 10px;background-color:rgba(100,100,100,0.5);}
  #cssmenu ul ul a{width: 90px;font-size: 8px;color:rgba(255,255,255,1.0);background-color:rgba(100,100,100,0.5);}
  /* #cssmenu ul ul a {color: #FFFFFF;} */
  #cssmenu a {width; 95px;font-size: 8px;}
  #cssmenu, #menutag1, #menutag2 {-webkit-display: none;display: none;} 
  Body.astro {background-image: url(pictures/Background-Mobile.jpg)}
  #menupicon {-webkit-display: flex;display: flex;}
  #menupicoff {-webkit-display: none;display: none;} 
  .wtext {font-size: 0;}
  
}

#fade{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    /* max-height: 1000px; */
    width: 100%;
    height: 100%; 
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
    
}

#P1, #P2, #P3, #P4, #P5, #P6, #P7, #P8, #P9, #P10,
#P11, #P12, #P13, #P14, #P15, #P16, #P17, #P18, #P19, #P20,
#P21, #P22, #P23, #P24, #P25, #P26, #P27, #P28, #P29, #P30,
#P31, #P32, #P33, #P34, #P35, #P36, #P37, #P38, #P39, #P40,
#P41, #P42, #P43, #P44, #P45, #P46, #P47, #P48, #P49, #P50,
#P51, #P52, #P53, #P54, #P55, #P56, #P57, #P58, #P59, #P60,
#P61, #P62, #P63, #P64, #P65, #P66, #P67, #P68, #P69, #P70
{
    display: none;
    position: fixed;
    top: 0; 
    left: 0;
    max-height: 1000px;
    /* margin-left: -250px; */
    /* margin-top: -100px;  */               
    padding: 10px;
    border: 0px solid #FFF;
    background: rgba(80,80,80,0.60);
    color: rgba(225,225,225,1.00);
    z-index:2002;
    overflow:hidden !important;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: auto !important; 
	overflow-y: auto !important; 
}

#CMAP1, #CMAP2, #CMAP3, #CMAP4, #CMAP5, #CMAP6, #CMAP7, #CMAP8, #CMAP9, #CMAP10,
#CMAP11, #CMAP12, #CMAP13, #CMAP14, #CMAP15, #CMAP16, #CMAP17, #CMAP18, #CMAP19, #CMAP20, #CMAP21

{
    display: none;
    position: fixed;
    top: 0; 
    left: 0;
    
    /* margin-left: -250px; */
    /* margin-top: -100px;  */               
    padding: 10px;
    border: 0px solid #FFF;
    background: rgba(80,80,80,0.60);
    color: rgba(225,225,225,1.00);
    z-index:2002;
    overflow:hidden !important;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: auto !important; 
	overflow-y: auto !important; 
}




/* Computer */
#PS1, #PS2, #PS3, #PS4, #PS5, #PS6, #PS7, #PS8, #PS9, #PS10,
#PS11, #PS12, #PS13, #PS14, #PS15, #PS16, #PS17, #PS18, #PS19, #PS20,
#PS21, #PS22, #PS23, #PS24, #PS25, #PS26, #PS27, #PS28, #PS29, #PS30,
#PS31, #PS32, #PS33, #PS34, #PS35, #PS36, #PS37, #PS38, #PS39, #PS40,
#PS41, #PS42, #PS43, #PS44, #PS45, #PS46, #PS47, #PS48, #PS49, #PS50,
#PS51, #PS52, #PS53, #PS54, #PS55, #PS56, #PS57, #PS58, #PS59, #PS60,
#PS61, #PS62, #PS63, #PS64, #PS65, #PS66, #PS67, #PS68, #PS69, #PS70
{
    display: none;
    position: fixed;
    top:  1;
    left: 1;
    /* width: 500px; */
    max-height: 1000px;
    /* margin-left: -250px; */
    /* margin-top: -100px; */            
    padding: 10px;
    border: 0px solid #FFF;
    background: rgba(128,128,128,0.80);
    color: rgba(225,225,225,1.00);
    z-index:1002;
    overflow:hidden !important;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: auto !important;
	overflow-y: auto !important; 
}