@charset "utf-8";

@font-face {
    font-family: GOTHIC;
    src: url(images/astro/navigation/GOTHIC.TTF);
}

body {
	background: url('images/astro/navigation/as_background.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: GOTHIC;	
	background-color: #000000;
}

a {
   outline: 0;
}

h4 {
	color: #7b949f;
	text-decoration: underline;	
}

h5 {
	color: #7b949f;
}

#as_header_frame {
	position: relative;
	margin: auto;
	width: 940px;
	height: 155px; 	
}

#as_header_subframe {
	position: relative;
	margin: auto;
	right: -355px;
	bottom: 17px;
	margin-bottom: -20px;
	width: 180px;
	height: 20px;
	font-size: 11px;
	color: #7b949f;
	line-height: 20px;	
	text-align: right;
}

#as_main_menu_home {
	position: relative;
	width: 90px;
	height: 30px;
	left: 43px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	z-index: 5;
}

#as_main_menu_galery {
	position: relative;
	width: 152px;
	height: 30px;
	left: 70px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	z-index: 5;
}

#as_main_menu_equipment {
	position: relative;
	width: 152px;
	height: 30px;
	left: 95px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	z-index: 5;
}

#as_main_menu_links {
	position: relative;
	width: 100px;
	height: 30px;
	left: 104px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	z-index: 5;
}

#as_main_menu_uebermich {
	position: relative;
	width: 100px;
	height: 30px;
	left: 132px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	z-index: 5;
}

#as_main_menu_contact {
	position: relative;
	width: 110px;
	height: 30px;
	left: 170px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	text-decoration: none;
	z-index: 5;
}

#as_main_menu_ger_en {
	position: relative;
	width: 110px;
	height: 30px;
	left: 172px;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	text-decoration: none;
	line-height: 30px;
	z-index: 5;
}

:target:before {
	content:"";
	display:block;
	height:90px; /* fixed header height*/
	margin:-90px 0 0; /* negative fixed header height */
}

a.as_main_menu_buttons {	
	position: relative;
	height:100%;
	width:100%;
	text-align: center;
	font-size: 16px;
	color: #818181;
	line-height: 30px;
	float: left;
	text-decoration: none;
	z-index: 5;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

a.as_main_menu_buttons:hover {	
	position: relative;
	height:100%;
	width:100%;
	text-align: center;
	font-size: 16px;
	color: #7b949f;
	line-height: 30px;
	float: left;
	z-index: 5;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.as_li{
	position: relative;
	text-align: center;
}

.dropbtn {
	height: 30px;
	color: #818181;
    font-size: 16px;
    font-family: GOTHIC;		
	line-height: 20px;
	background-color: Transparent;
	border: none;
	outline:none;
    cursor: pointer;	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

.dropbtn:hover {
	height: 30px;
    color: #7b949f;
    font-size: 16px;
    font-family: GOTHIC;		
	line-height: 20px;
	text-decoration: none;
	border: none;
	outline:none;
    cursor: pointer;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: relative;
    min-width: 150px;
    z-index: 1;
	background-color: rgba(40,40,40,0.95);
	border: 1px solid #4a4a4a;
	border-radius: 0px 0px 10px 10px;
	text-align: left;
}

.dropdown-content a {
	color: #818181;
    padding: 0px;
    text-decoration: none;
	font-size: 14px;
    display: block;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.dropdown-content a:hover {
	color: #7b949f;
	text-decoration: none;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}

.dropdown:hover .dropdown-content {
    display: block;
}

#navWrap {
    height: 30px;
	z-index: 9;
}

#nav {
	margin: auto;
	width: 1000px;
	height: 30px;
	left: 50px;
	background: rgb(20,20,20); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(20,20,20,1) 0%, rgba(40,40,40,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(20,20,20,1) 0%,rgba(40,40,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(20,20,20,1) 0%,rgba(40,40,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
	border-radius: 15px;
	border: 1px solid #4a4a4a;
	z-index: 999;
}

#as_mm {
	position: relative;
	margin: auto;
	top: 3px;
	width: 1000px;
	height: 30px;
}

#as_content_main_frame {
	position: relative;
	margin: auto;
	top: 9px;	
	width: 940px;
	background-color: rgba(19,19,19,0.4);
	border-radius: 10px 10px 50px 50px;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

#as_welcome_main_frame  {
	position: relative;
	margin: auto;
	margin-bottom: 70px;
	top: 50px;
	width: 840px;
	height: auto;
	background-color: rgba(25,25,25,0.4);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
}

#as_welcome_frame {
	position: relative;
	margin: auto;
	width: 400px;
	height: 30px;
	top: -16px;
	font-size: 16px;
	color: #7b949f;
	text-align: center;
	line-height: 28px;
	background-color: rgba(20,20,20,1.0);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
}

#as_news_main_frame {
	position: relative;
	margin: auto;
	margin-bottom: 100px;
	top: 40px;
	width: 840px;
	height: auto;
	background-color: rgba(25,25,25,0.4);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
}

#as_telescope_mount_index {
	position: relative;
	margin: auto;
	margin-top: 20px;	
	margin-bottom: 40px;
	width: 800px;
	height: auto;
	font-size: 14px;
	color: #818181;
	text-align: justify;
}

#as_telescope_mount_index a {
	font-size: 14px;
	color: #7b949f;	
	text-decoration: none;
}

#as_telescope_mount_index a:hover {
	font-size: 14px;
	color: #7b949f;	
	text-decoration: underline;
}

#as_welcome_text {
	position: relative;
	margin: auto;
	margin-bottom: 20px;
	width: 800px;
	height: auto;
	font-size: 14px;
	color: #818181;
	text-align: justify;
}

#as_welcome_text2 {
	position: relative;
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 470px;
	height: auto;
	font-size: 14px;
	color: #818181;
	text-align: justify;
}

#as_myself_url a{
	font-size: 14px;
	color: #818181;
	text-decoration: underline;
}

#as_news_headline_frame {
	position: relative;
	margin: auto;
	top: -16px;
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	font-size: 17px;
	color: #7b949f;
	line-height: 28px;
	text-align: center;
	background-color: rgba(20,20,20,1.0);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
}

#as_latest_main_frame {
	position: relative;
	margin: auto;
	width: 750px;
	height: 600px;
	margin-bottom: 40px;
	border-radius: 15px;
}

#as_latest_img_main_frame  {
	position: relative;
	width: 90px;
	height: 40px;
	left: 10px;
	float: left;
	font-size: 30px;
	color: #7b949f;
	line-height: 40px;
	text-align: center;
	background-color: rgba(25,25,25,0.4);
	border-radius: 15px;
	border: 1px solid #4a4a4a;
}

#as_latest_date_frame  {
	position: relative;
	float: left;
	width: 55px;
	height: 40px;
	font-size: 30px;
	color: #7b949f;
	text-align: center;
	line-height: 40px;
}

#as_latest_month_frame {
	position: relative;
	float: left;
	width: 35px;
	height: 20px;
	font-size: 12px;
	color: #818181;
	text-align: left;
	line-height: 27px;
}

#as_latest_year_frame {
	position: relative;
	float: left;
	width: 35px;
	height: 20px;
	top: 20px;
	left: -35px;
	font-size: 12px;
	color: #818181;
	text-align: left;
	line-height: 12px;
}

#as_latest_title_frame {
	position: relative;
	float: left;
	width: 350px;
	height: 40px;
	top: -20px;
	left: 35px;
	font-size: 16px;
	color: #818181;
	text-align: left;
	text-indent: 20px;
	line-height: 40px;
	border-left: 2px solid rgba(45,45,45,1.0);
}

#as_latest_image_backframe {
	position: relative;
	width: 700px;
	height: 400px;
	float: left;
	left: -20px;
}

#as_latest_image_actual_img {
	position: relative;
	margin: auto;
	width: 600px;
	height: 400px;
	border-radius: 15px;
	border: 1px solid #4a4a4a;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_latest_image_actual_img:hover {
	position: relative;
	margin: auto;
	width: 600px;
	height: 400px;
	border-radius: 15px;
	border: 1px solid #7b949f;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

.as_img_rounded_border {
	border-radius: 15px;
}

.as_img_rounded_border2 {
	border-radius: 10px;
}

.as_img_rounded_border3 {
	border-radius: 5px;
	z-index: 158;
}

.as_img_rounded_border4 {
	border-radius: 15px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;		
}

.as_img_rounded_border4:hover {
	border-radius: 15px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;		
}

#as_latest_image_actual_frame {
	position: relative;
	margin: auto;
	width: 600px;
	height: 400px;
	font-size: 16px;
	color: #696969;
	text-align: center;
	border-radius: 15px;	
	border: 1px solid #4a4a4a;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_latest_image_actual_frame:hover {
	position: relative;
	margin: auto;
	width: 600px;
	height: 400px;
	font-size: 16px;
	color: #7b949f;
	text-align: center;
	border-radius: 15px;	
	border: 1px solid #7b949f;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_latest_image {
	position: relative;
	margin: auto;
	width: 600px;
	height: 400px;	
}

#as_latest_image_description {
	position: relative;
	margin: auto;
	width: 600px;
	height: 30px;
	top:-400px;
	line-height: 30px;
	background-color: rgba(30,30,30,0.8);
	border-radius: 14px 14px 0px 0px;	
}

#as_copyright_frame {
	position: relative;
	margin: auto;
	top: 10px;
	width: 360px;
	height: 25px;
	font-size: 12px;
	color: #696969;
	line-height: 25px;
	text-align: center;
}

.scrollup {
    width: 90px;
    height: 25px;
    position: fixed;
    bottom: 30px;
    right: 50px;
    display: none;
	background-color: rgba(35,35,35,0.8);
    border-radius: 13px;
    color: #7b949f;
    font-size: 13px;
	line-height: 23px;
	text-align: center;	
	text-decoration: none;
}

.scrollup:hover {
    width: 90px;
    height: 25px;
    position: fixed;
    bottom: 30px;
    right: 50px;
    display: none;
	background-color: #7b949f;
    border-radius: 13px;
    color: #ffffff;
    font-size: 13px;
	line-height: 23px;
	text-align: center;	
	text-decoration: none;	
}

#circle-orbit-container {
	position: relative;
	margin: auto;
	margin-bottom: 50px;
	height: 960px;
	width: 840px;
	background-color: rgba(10,10,10,0.8);
	border-radius: 17px 17px 15px 15px;
	border: 1px solid rgba(30,30,30,1.0);
}

#as_solsystem_box_frame {
  position: relative;
  margin: auto;
  width: 840px;  
  height: 30px;
  background-color: rgba(35,35,35,0.8);
  border-radius: 15px;
}

#sun-orbit {
  position: absolute;
  top: 535px;
  left: 415px;
  width: 12px;
  height: 12px;
  border-radius: 15px;
  background-color: #616161;
 	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;   
}

#merkur_orbit {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 400px;
  top: 520px;
  -webkit-animation: spin-right 5s linear infinite;
  animation: spin-right 5s linear infinite;
  -moz-animation: spin-right 5s linear infinite;
  -webkit-animation-play-state: running;  
  animation-play-state: running;
  -moz-animation-play-state: running;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	background-image: url('../images/astro/navigation/as_merkur_orbit_line.png');
  z-index: 19;
}

#venus_orbit {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 385px;
  top: 505px;
  -webkit-animation: spin-right 13s linear infinite;
  animation: spin-right 13s linear infinite;
  -moz-animation: spin-right 13s linear infinite;
  -webkit-animation-play-state: running;  
  animation-play-state: running;
  -moz-animation-play-state: running;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	background-image: url('../images/astro/navigation/as_venus_orbit_line.png');
  z-index: 18;
}

#mond_orbit {
  position: absolute;
  width: 94px;
  height: 94px;
  left: 373px;
  top: 493px;
  -webkit-animation: spin-right 20s linear infinite;
  animation: spin-right 20s linear infinite;
  -moz-animation: spin-right 20s linear infinite;
  -webkit-animation-play-state: running;  
  animation-play-state: running;
  -moz-animation-play-state: running;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	background-image: url('../images/astro/navigation/as_mond_orbit_line.png');
  z-index: 17;
}

#mars_orbit {
  position: absolute;
  width: 136px;
  height: 136px;
  left: 352px;
  top: 472px;
  -webkit-animation: spin-right 38s linear infinite;
  animation: spin-right 38s linear infinite;
  -moz-animation: spin-right 38s linear infinite;
  -webkit-animation-play-state: running;  
  animation-play-state: running;
  -moz-animation-play-state: running;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	background-image: url('../images/astro/navigation/as_mars_orbit_line.png');
  z-index: 16;
}

#jupiter_orbit {
	position: absolute;
	width: 444px;
	height: 444px;
	left: 197px;
	top: 317px;
 	background-image: url('../images/astro/navigation/as_jupiter_orbit_line.png'); 
	border-radius: 443px;
    -webkit-animation: spin-right 242s linear infinite;
    animation: spin-right 242s linear infinite;
    -moz-animation: spin-right 242s linear infinite;
    -webkit-animation-play-state: running;  
    animation-play-state: running;
    -moz-animation-play-state: running;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 15;
}

#saturn_orbit {
	position: absolute;
	width: 810px;
	height: 810px;
	left: 16px;
	top: 135px;
	border-radius: 810px;
	background-image: url('../images/astro/navigation/as_saturn_orbit_line.png');
	-webkit-animation: spin-right 600s linear infinite;
	animation: spin-right 600s linear infinite;
	-moz-animation: spin-right 600s linear infinite;
	-webkit-animation-play-state: running;  
	animation-play-state: running;
	-moz-animation-play-state: running;	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#uranus-spot {
	position: absolute;
	left: 60px;
	top: 100px;
	width: 25px;
	height: 30px;
	z-index: 5000;
	background-image: url('../images/astro/navigation/as_uranus_icon.png');
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;  
}

#kometen-spot {
	position: absolute;
	right: 60px;
	top: 100px;
	width: 50px;
	height: 30px;
	z-index: 5001;
	background-image: url('../images/astro/navigation/as_comet_icon.png');
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;  
}

/* ---------- Animation ---------- */

@-moz-keyframes spin-right { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin-right { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin-right { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

#as_content_sonne a {
  position: relative;
  left: 20px;
  top: -30px; 
  margin-right: 44px;
  height: 30px;
  width: 47px;	
  float: left;
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
    -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}

#as_content_sonne a:hover {
  position: relative;
  left: 20px; 
  top: -30px;  
  margin-right: 44px;
  height: 30px;
  width: 47px;	
  float: left;  
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
  color: #7b949f; 
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;   
}

#as_content_sonne:hover ~ #sun-orbit {
  background-color: #7b949f;  
}

#as_content_merkur a {
  position: relative;
  margin-left: 20px;
  margin-right: 44px;
  top: -30px;  
  height: 30px;
  width: 55px;	
  float: left;
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
	color: #818181;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}

#as_content_merkur a:hover {
  position: relative;
  margin-left: 20px;  
  margin-right: 44px;
  top: -30px;   
  height: 30px;
  width: 55px;	
  float: left;  
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
  color: #7b949f;  
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; 
}

#as_content_merkur:hover ~ #merkur_orbit {
	background-image: url('../images/astro/navigation/as_merkur_orbit_line_hover.png');
}

#as_content_venus a {
  position: relative;
  margin-right: 44px;
  top: -30px;   
  height: 30px;
  width: 44px;	
  float: left;
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
	color: #818181;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}

#as_content_venus a:hover {
  position: relative;
  margin-right: 44px;
  top: -30px;   
  height: 30px;
  width: 44px;	
  float: left;  
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
  color: #7b949f;  
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; 
}

#as_content_venus:hover ~ #venus_orbit {
	background-image: url('../images/astro/navigation/as_venus_orbit_line_hover.png');
}

#as_content_mond a {
  position: relative;
  margin-right: 44px;
  top: -30px;   
  height: 30px;
  width: 46px;	
  float: left;
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
	color: #818181;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}

#as_content_mond a:hover {
  position: relative;
  margin-right: 44px;
  top: -30px;  
  height: 30px;
  width: 46px;	
  float: left;  
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
  color: #7b949f;  
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; 
}

#as_content_mond:hover ~ #mond_orbit {
	background-image: url('../images/astro/navigation/as_mond_orbit_line_hover.png');
}

#as_content_mars a {
  position: relative;
  margin-right: 44px;
  top: -30px;  
  height: 30px;
  width: 39px;	
  float: left;
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
	color: #818181;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}

#as_content_mars a:hover {
  position: relative;
  margin-right: 44px; 
  top: -30px;  
  height: 30px;
  width: 39px;	
  float: left;  
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
  color: #7b949f;  
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; 
}

#as_content_mars:hover ~ #mars_orbit {
	background-image: url('../images/astro/navigation/as_mars_orbit_line_hover.png');
}

#as_content_jupiter a {
  position: relative;
  margin-right: 44px;
  top: -30px;  
  height: 30px;
  width: 49px;	
  float: left;
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
	color: #818181;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}

#as_content_jupiter a:hover {
  position: relative;
  margin-right: 44px;
  top: -30px;   
  height: 30px;
  width: 49px;	
  float: left;  
  line-height: 29px;
  text-decoration: none;
  font-size: 15px;
  color: #7b949f;  
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; 
}

#as_content_jupiter:hover ~ #jupiter_orbit {
	background-image: url('../images/astro/navigation/as_jupiter_orbit_line_hover.png');
}

#as_content_saturn a {
	position: relative;
	margin-right: 44px;
	top: -30px;  
	height: 30px;
	width: 51px;	
	float: left;
	line-height: 29px;
	text-decoration: none;
	font-size: 15px;
	color: #818181; 
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
}

#as_content_saturn a:hover {
	position: relative;
	margin-right: 44px;
	top: -30px; 
	height: 30px;
	width: 51px;	
	float: left;  
	line-height: 29px;
	text-decoration: none;
	font-size: 15px;
	color: #7b949f; 
   	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_content_saturn:hover ~ #saturn_orbit {
	background-image: url('../images/astro/navigation/as_saturn_orbit_line_hover.png');
}

#as_content_uranus a {
	position: relative;
	margin-right: 34px; 
	top: -30px;   
	height: 30px;
	width: 64px;	
	float: left;
	line-height: 29px;
	text-decoration: none;
	font-size: 15px;
	color: #818181;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 	
}

#as_content_uranus a:hover {
	position: relative;
	margin-right: 34px;  
	top: -30px; 
	height: 30px;
	width: 64px;	
	float: left;  
	line-height: 29px;
	text-decoration: none;
	font-size: 15px;
	color: #7b949f; 
   	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_content_uranus:hover ~ #uranus-spot {
	background-image: url('../images/astro/navigation/as_uranus_icon_hover.png'); 
}

#as_content_kometen a {
	position: relative;
	margin-right: -15px; 
	top: -30px;   
	height: 30px;
	width: 64px;	
	float: left;
	line-height: 29px;
	text-decoration: none;
	font-size: 15px;
	color: #818181;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 	
}

#as_content_kometen a:hover {
	position: relative;
	margin-right: -15px;  
	top: -30px; 
	height: 30px;
	width: 64px;	
	float: left;  
	line-height: 29px;
	text-decoration: none;
	font-size: 15px;
	color: #7b949f;
   	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_content_kometen:hover ~ #kometen-spot {
	background-image: url('../images/astro/navigation/as_comet_icon_hover.png'); 
}

#as_content_title_main_frame {
  position: relative;
  margin: auto;
  height: 100px;
  width: 300px;
}

#as_content_topic_frame {
  position: absolute;
  width: 130px; 
  height: 20px;
  left: 85px;
  bottom: 26px;
  font-size: 13px;
  color: #7b949f;    
  line-height: 20px;
  text-align: center;
  background-color: rgba(25,25,25,0.4);
  border-radius: 20px 20px 0px 0px;
  border: 1px solid #343434;
}

#as_content_topic_name_frame {
  position: absolute;
  width: 250px; 
  height: 25px;
  left: 25px;
  bottom: 0px;
  font-size: 18px;
  color: #7b949f;    
  line-height: 25px;
  text-align: center;
  background-color: rgba(25,25,25,0.4);
  border-radius: 30px;
  border: 1px solid #343434;
}

.anchor {
	padding-top: 40px; 
	margin-top: -40px;
}

#as_content_year_selector {
  position: relative;
  margin: auto;
  height: auto;
  width: 870px;
  padding-bottom: 100px; 
}

#as_content_year_frame {
  position: absolute;
  width: 60px;  
  height: 18px;
  bottom: 13px;
  left: 20px;
  font-size: 13px;
  color: #7b949f;    
  line-height: 18px;
  text-align: center;
  background-color: rgba(15,15,15,1);
  border-radius: 18px;
  border: 1px solid #343434;
  z-index: 8;
}

#as_content_year_line {
  position: absolute;
  width: 870px;  
  height: 1px;	
  bottom: 22px;  
  border-bottom: 1px solid #343434;
  z-index: 7;
}

#as_content_image_rows {
  position: relative;
  margin: auto;
  width: 870px; 
  height: auto;
  z-index: 6;
}

#as_content_image_row_block {
  position: relative;
  width: 260px;
  height: 200px;
  margin: 13px;
  border-radius: 10px;
  background-color: rgba(10,10,10,0.5);
  border: 1px solid rgba(30,30,30,1.0);
  float: left;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;	  
}

#as_content_image_row_block:hover {
  position: relative;
  width: 260px;
  height: 200px;
  margin: 13px;
  border-radius: 10px;
  background-color: rgba(10,10,10,0.5);
  border: 1px solid #7b949f;
  float: left; 
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

#as_content_image_row_block:hover #as_content_image_pre_date  {  
  color: #7b949f;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; 
}

#as_content_image_pre {
  position: absolute;
  width: 260px;
  height: 150px;
  top: 25px;
  z-index: 6;
}

#as_content_image_pre_title {
	position: absolute;
  width: 260px;
  height: 200px;
  line-height: 25px;
  text-indent: 10px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;  
  z-index: 16;
}

#as_content_image_pre_date {
    position: absolute;
    width: 260px;
    height: 25px;
    right: 10px;
    bottom: 0px;
    line-height: 25px;
    font-size: 11.5px;
	color: #818181;
    text-align: right;
    z-index: 14;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
}

.astro_links {
	position: relative;
    color: #696969;
    font-size: 14px;
	text-decoration: none;
	display: block;
    height: 100%;
    width: 100%;
	padding-top: 0px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.astro_links:hover {
	position: relative;
    color: #7b949f;
    font-size: 14px;
	text-decoration: none;
	display: block;
    height: 100%;
    width: 100%;
	padding-top: 0px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_deepsky_selection_frame {
	position: relative;
	margin: auto;
	margin-bottom: 80px;	
	top: 20px;	
	width: 700px;
	height: auto;
}

#as_deepsky_single_topic_name {
	position: relative;	
	width: 200px;
	height: 30px;
	font-size: 16px;
	color: #818181;
	text-indent: 15px;
	line-height: 30px;
	background-color: rgba(25,25,25,0.8);
	border-radius: 10px 0px 30px 0px;
	z-index: 60;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_deepsky_single_topic_frame {
	position: relative;
	top: -30px;
	z-index: 59;
}

#as_deepsky_single_selection_frame {
	position: relative;
	margin: auto;
	margin-bottom: 15px;
	width: 698px;
	height: 200px;	
	background-color: rgba(25,25,25,0.4);
	border-radius: 10px;
    border: 1px solid #343434;	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_deepsky_single_selection_frame:hover {
	position: relative;
	margin: auto;
	margin-bottom: 15px;
	width: 698px;
	height: 200px;	
	background-color: rgba(25,25,25,0.4);
	border-radius: 10px;
    border: 1px solid #7b949f;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_deepsky_single_selection_frame:hover #as_deepsky_single_topic_name {
	color: #7b949f;		
	background-color: rgba(35,35,35,0.8);
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_content_title_frame {
  position: relative;
  margin: auto;
  width: 600px; 
  height: 30px;
  top: 60px;
  font-size: 16px;
	color: #818181;  
  line-height: 30px;
  text-align: center;
  background-color: rgba(35,35,35,0.8);
  border-radius: 30px 30px 0px 0px;	
}

#as_content_image_frame {
  position: relative;
  margin: auto;
  top: 59px;
  width: 850px;
  border-radius: 15px;
  border: 2px solid rgba(35,35,35,0.8);
  line-height: 0px;
}

#as_content_resolution_main_frame {
	position: relative;
	margin: auto;
	width: 500px; 
	height: 20px;
	top: 30px;
	font-size: 14px;
	color: #7b949f;    
	line-height: 18px;
	text-align: center;	
	background-color: rgba(35,35,35,0.8);
    border-radius: 10px;	
}

#as_image_selector_main_frame {
	position: relative;
	margin: auto;
	top: 10px;
	width: 830px; 
	height: 20px;
}

#as_image_previous_frame {
	position: relative;
	width: 60px; 
	height: 20px;
	float: left;	
	background-color: rgba(35,35,35,0.8);
	border-radius: 10px 5px 5px 10px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#as_image_previous_frame:hover {
	position: relative;
	width: 60px; 
	height: 20px;
	float: left;	
	background-color: #7b949f;
	border-radius: 10px 5px 5px 10px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_image_previous_frame a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  
    text-decoration: none; 
    font-size: 14px;
	color: #818181;   
	line-height: 18px;
	text-align: center;	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_image_previous_frame a:hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  
    text-decoration: none; 
    font-size: 14px;
	color: #ffffff;    
	line-height: 18px;
	text-align: center;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_image_next_frame {
	position: relative;
	width: 60px; 
	height: 20px;
	float: right;
	background-color: rgba(35,35,35,0.8);
	border-radius: 5px 10px 10px 5px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_image_next_frame:hover {
	position: relative;
	width: 60px; 
	height: 20px;
	float: right;
	background-color: #7b949f;
	border-radius: 5px 10px 10px 5px;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_image_next_frame a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  
    text-decoration: none; 
    font-size: 14px;
	color: #818181;   
	line-height: 18px;
	text-align: center;	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_image_next_frame a:hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;  
    text-decoration: none; 
    font-size: 14px;
	color: #ffffff;    
	line-height: 18px;
	text-align: center;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_resolution_frame {
	position: relative;
	margin: auto;
	width: 645px;
	height: auto;
	margin-bottom: 50px;
	top: 30px;
}

.as_content_image_percent {
	position: relative;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 400px;
	height: 20px;	
	background-color: rgba(35,35,35,0.8);
    border-radius: 10px;
	color: #818181;
    font-size: 13px;
	line-height: 20px;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

.as_content_image_percent:hover {
	position: relative;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;	
	width: 400px;
	height: 20px;
	background-color: #7b949f;
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
	line-height: 20px;
	text-align: center;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

.as_image_50_100 {
	position: relative;
	color: #818181;
    font-size: 13px;
	text-decoration: none;
	display:block;
	height:100%;
	width:100%;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.as_image_50_100:hover {
	position: relative;
    color: #ffffff;
    font-size: 13px;
	text-decoration: none;
	display:block;
	height:100%;
	width:100%;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_recording_data_outer_frame {
	position: relative;
	margin: auto;
	width: 680px;
	height: 387px;
	top: 70px;
	margin-bottom: 40px;
}

#as_recording_data_title_frame {
	position: relative;
	width: 300px;
	height: 30px;
	margin: auto;
	top: 31px;
	border-radius: 30px 30px 0px 0px;
	border: 1px solid #2e2d2d;
    color: #7b949f;
    font-size: 16px;
	line-height: 30px;
	text-align: center;
	background-color: rgba(35,35,35,0.8);	
}

#as_recording_data_main_frame { 
	position: relative;
	margin: auto;
	margin-bottom: 70px;	
	top: 30px;
	width: 710px;
	height: auto;
	border-radius: 15px;
	border: 1px solid #2e2d2d;
}

#as_recording_data_inner_frame { 
	position: relative;
	width: 710px;
	height: auto;
	top: 10px;
	margin-bottom: 20px;
}

#as_recording_data_line_1 {
	position: relative;
	width: 195px;
	height: 28px;
    color: #7b949f;
    font-size: 15px;
	line-height: 28px;
	left: 40px;
	float: left;
}

#as_recording_data_line_2 {
	position: relative;
	width: 455px;
	height: 28px;
	line-height: 25px;
	color: #818181;
	font-size: 15px;
	line-height: 28px;
	left: 40px;
	float: left;
}

#as_recording_data_line_3 {
	position: relative;
	width: 630px;
	height: auto;
	color: #818181;
	font-size: 15px;
	left: 40px;
	float: left;
	text-align: left;
}

#as_lens_main_frame {
	position: relative;
	margin: auto;
	top: 40px;
	width: 840px;
	height: 190px;
	border: 1px solid rgba(30,30,30,1.0);	
	border-radius: 15px;	
}

#as_lens_welcome_text  {
	position: relative;
	margin: auto;
	top: 20px;	
	width: 800px;
	height: 190px;
	font-size: 14px;
	color: #818181;
	text-align: justify;
}

#as_lens_topic_frame {
	position: relative;
	margin: auto;
	margin-bottom: 70px;
	top: 60px;	
	width: 800px;
	height: 180px;	
	border-radius: 10px;
	border: 1px solid rgba(30,30,30,1.0);	
	background-color: rgba(25,25,25,0.4);	
}

#as_lens_topic_image {
	position: relative;
	width: 220px;
	height: 180px;
	float: right;
	top: -140px;
	border-radius: 10px;
}

#as_lens_title_frame {
	position: relative;
	width: 350px;	
	height: 30px;
	font-size: 17px;
	color: #818181;
	line-height: 30px;
	text-indent: 10px;
	background-color: rgba(35,35,35,0.8);
	border-radius: 9px 0px 30px 0px;	
}

#as_lens_description {
	position: relative;
	width: 540px;	
	height: 110px;
	top: 10px;
	left: 10px;
	font-size: 14px;
	color: #818181;
	text-align: justify;
}

#as_lens_link {
	position: relative;
	width: 250px;	
	height: 20px;
	top: 20px;
	line-height: 18px;
	text-indent: 10px;
	background-color: rgba(25,25,25,0.8);
	border-radius: 0px 25px 0px 10px;
}

#as_lens_link a {
	font-size: 13px;
	color: #7b949f;	
	text-decoration: none;
}

#as_lens_link a:hover {
	font-size: 13px;
	color: #7b949f;	
	text-decoration: underline;
}

.collapsible {
	margin: 0;
	position: absolute;
	left: 38.5%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
	background-color: rgba(35,35,35,0.8);
	border-radius: 0px 0px 50px 50px;
	color: #7b949f;	
    cursor: pointer;
    width: 530px;
	height: 20px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 13px;
}

.content {
	position: relative;
	margin: auto;	
	top: 10px;
	left: 37px;
    width: 490px;
	margin-bottom: 30px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	background-color: rgba(25,25,25,0.4);
	border-radius: 0px 0px 20px 20px;	
}

#as_specs_space_frame {
	position: relative;
	width: 490px;
	height: 20px;	
}

#as_specs_line1 {
	position: relative;
	float: left;
	left: 10px;
	width: 250px;
	height: 25px;	
    font-size: 13px;	
	color: #7b949f;	
	text-indent: 20px;
	line-height: 23px;	
	background-color: rgba(25,25,25,0.45);		
}

#as_specs_line2 {
	position: relative;
	float: right;	
	right: 10px;
	width: 230px;
	height: 25px;
    font-size: 13px;	
	color: #818181;	
	line-height: 23px;		
	background-color: rgba(25,25,25,0.45);		
}

#as_specs_line3 {
	position: relative;
	float: left;	
	left: 10px;	
	width: 250px;
	height: 25px;
    font-size: 13px;
	color: #7b949f;	
	text-indent: 20px;
	line-height: 23px;		
}

#as_specs_line4 {
	position: relative;
	float: right;	
	right: 10px;	
	width: 230px;
	height: 25px;	
    font-size: 13px;	
	color: #818181;	
	line-height: 23px;		
}

#as_spec_link {
    font-size: 13px;	
	color: #818181;	
	line-height: 23px;	
	text-decoration: none;	
}

#as_spec_link:hover {
    font-size: 13px;	
	color: #7b949f;	
	line-height: 23px;		
	text-decoration: underline;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  width: 705px;
  height: 470px;
  border-radius: 10px;
  border: 1px solid rgba(35,35,35,1.0);
}

.slideshow-container:target {
  position: relative;
  margin: auto;
  width: 705px;
  height: 470px;
  border-radius: 10px;
  border: 1px solid rgba(35,35,35,1.0);
  -webkit-transition: opacity 2.0s ease-in;
  -moz-transition: opacity 2.0s ease-in;
  -o-transition: opacity 2.0s ease-in;
  opacity: 1;
}

.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  width: auto;
  margin-top: 43px;
  padding: 6px;
  color: #606060;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: #a1a1a1;
}

/* Number text (1/3 etc) */
.numbertext {
  position: absolute;
  width: 450px;
  height: 40px;
  top: 0;
  background-color: rgba(30,30,30,0.9);
  border-radius: 9px 0px 40px 0px;
  border-bottom: 1px solid rgba(45,45,45,1.0);	
  border-right: 1px solid rgba(45,45,45,1.0);
}

/* The dots/bullets/indicators */
.dot { 
  position: relative;
  cursor:pointer;
  width: 150px;  
  height: 100px;
  margin-left: 3px;
  margin-right: 3px;
  left: 10px;
  display: inline-block;
  transition: background-color 0.6s ease;
  border-radius: 5px;
  border: 1px solid rgba(30,30,30,1.0);
  background-color: rgba(30,30,30,1.0);
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;  
  z-index: 160;
}

.active, .dot:hover {
  border: 1px solid #7b949f;
  opacity: 1.0;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
  z-index: 159;
}

#dot_container {
	position: relative;
	margin: auto;
	width: 660px;
	height: 102px;
	top: -5px;
}

#as_gadgets_top_frame {
	position: relative;
	margin: auto;	
	width: 840px;
	height: 403px;
	z-index: 246;	
}

#as_gadets_content_frame {
	position: relative;
	float: left;
	margin-right: 29px;
	width: 260px;
	height: 380px;
	margin-bottom: 40px;
	z-index: 247;
}

#as_gadets_content_frame2 {
	position: relative;
	float: left;	
	width: 260px;
	height: 380px;
	margin-bottom: 40px;
	z-index: 247;
}

#as_gadgets_title_frame {
	position: relative;
	margin: auto;
	width: 190px;
	height: 30px;
	font-size: 17px;
	color: #7b949f;
	line-height: 28px;
	text-align: center;	
	background-color: rgba(20,20,20,1.0);
	border-radius: 20px;
	border: 1px solid rgba(30,30,30,1.0);
	z-index: 250;
}

#as_gadgets_frame {
	position: relative;
	margin: auto;
	top: -16px;
	width: 260px;
	height: 400px;
	font-size: 17px;
	color: #7b949f;
	line-height: 28px;
	text-align: center;	
	background-color: rgba(25,25,25,0.4);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
	z-index: 249;
}

#as_image_galery_frame {
	position: relative;
	margin: auto;
	width: 800px;
	height: auto;
}

#as_single_image_frame {
	position: relative;
	float: left;
	left: 8px;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 180px;
	height: 120px;	
	border-radius: 5px;
	border: 1px solid rgba(30,30,30,1.0);	
}

#as_contact_content_frame {
	position: relative;
	margin-left: 40px;
	width: 300px;
	height: 120px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #696969;
	text-align: left;
}

#as_contact_topic_frame {
	position: relative;
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 400px;
	height: 20px;
	font-size: 16px;
	color: #7b949f;
	text-align: left;	
	text-decoration: underline;
}

#as_contact_form {
	margin-left: 40px;
}

#as_contact_disclaimer_frame {
	position: relative;
	margin-left: 40px;
	width: 760px;
	height: auto;
	margin-bottom: 10px;
	font-size: 15px;
	color: #696969;
	text-align: justify;	
}

#as_contact_disclaimer_frame a {
	color: #7b949f;
	text-decoration: underline;	
}

.container {
	position: relative;
	width: 600px;
	height: 500px;
	top: 5px;
	margin-left: 40px;
}

#label {
	font-size: 15px;
	color: #696969;
}

.col-md-6 {
	position: relative;
	width: 600px;
	height: 50px;
}

.col-md-7 {
	position: absolute;
	top: 370px;
	left: 100px;
	width: 600px;
	height: 100px;
}

.col-md-8 {
	position: absolute;
	top: 470px;
	left: 100px;
	width: 600px;
	height: 100px;
}

.col-md-9 {
	position: absolute;
	top: 340px;
	left: 650px;
	width: 600px;
	height: 100px;
}

.text-muted {
	font-size: 15px;
	color: #7b949f;	
}

.btn {
	font-size: 15px;
	color: #7b949f;
	background-color: rgba(25,25,25,0.4);
	border: 1px solid rgba(40,40,40,1.0);	
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;  	
}

.btn:hover {
	font-size: 15px;
	color: #7b949f;
	background-color: rgba(25,25,25,0.4);
	border: 1px solid #7b949f;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;	
}

#form_name {
	position: absolute;
	left: 100px;
	width: 300px;
	font-size: 15px;
	color: #7b949f;
	background-color: rgba(25,25,25,0.4);
	border: 1px solid rgba(40,40,40,1.0);	
}

#form_lastname {
	position: absolute;
	left: 100px;
	width: 300px;
	font-size: 15px;
	color: #7b949f;
	background-color: rgba(25,25,25,0.4);
	border: 1px solid rgba(40,40,40,1.0);	
}

#form_email {
	position: absolute;
	left: 100px;
	width: 300px;
	font-size: 15px;
	color: #7b949f;
	background-color: rgba(25,25,25,0.4);
	border: 1px solid rgba(40,40,40,1.0);	
}

#form_message {
	position: absolute;
	left: 100px;
	width: 640px;
	height: 200px;
	font-size: 15px;
	color: #7b949f;
	background-color: rgba(25,25,25,0.4);
	border: 1px solid rgba(40,40,40,1.0);
}

#as_content_subframe {
	position: relative;
	margin: auto;
	margin-bottom: 110px;
	top: 100px;
	width: 880px;
	height: auto;
	background-color: rgba(25,25,25,0.4);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);	
}

#as_content_main_title_frame {
	position: relative;
	margin: auto;
	top: -32px;
	width: 450px;
	height: 30px;
    font-size: 16px;
	color: #818181;   
    line-height: 30px;
    text-align: center;	
	background-color: rgba(35,35,35,0.8);
	border-radius: 30px 30px 0px 0px;
	border: 1px solid rgba(30,30,30,1.0);	
}

#as_content_main_image_frame {
	position: relative;
	display: inline-block;
	left: 15px;
	width: 850px;
	height: auto;	
}

#as_content_main_image_frame2 {
	position: relative;
	margin: auto;
	width: 850px;
	height: auto;	
}

#as_content_main_image_frame3 {
	position: relative;
	margin: auto;
	width: 640px;
	height: auto;	
}

#as_content_main_image_frame4 {
	position: relative;
	margin: auto;
	width: 430px;
	height: auto;	
}

#as_content_main_image_frame5 {
	position: relative;
	margin: auto;
	width: 421px;
	height: auto;	
}

#as_content_main_image_frame6 {
	position: relative;
	margin: auto;
	width: 544px;
	height: auto;	
}

#as_content_main_image_frame7 {
	position: relative;
	margin: auto;
	width: 595px;
	height: auto;	
}

#as_content_main_image_frame8 {
	position: relative;
	margin: auto;
	width: 600px;
	height: auto;	
}

#as_content_main_image_frame9 {
	position: relative;
	margin: auto;
	width: 337px;
	height: auto;	
}

#as_content_main_image_frame10 {
	position: relative;
	margin: auto;
	width: 498px;
	height: auto;	
}

#as_content_main_image_frame11 {
	position: relative;
	margin: auto;
	width: 576px;
	height: auto;	
}

#as_content_main_image_frame12 {
	position: relative;
	margin: auto;
	width: 391px;
	height: auto;	
}

#as_content_main_image_frame13 {
	position: relative;
	margin: auto;
	width: 342px;
	height: auto;	
}

#as_content_main_image_frame14 {
	position: relative;
	margin: auto;
	width: 400px;
	height: auto;	
}

#as_content_main_image_frame15 {
	position: relative;
	margin: auto;
	width: 447px;
	height: auto;	
}

#as_content_main_image_frame16 {
	position: relative;
	margin: auto;
	width: 766px;
	height: auto;	
}

#as_content_main_image_frame17 {
	position: relative;
	margin: auto;
	width: 733px;
	height: auto;	
}

#as_content_main_image_frame18 {
	position: relative;
	margin: auto;
	width: 667px;
	height: auto;	
}

#as_content_main_image_frame19 {
	position: relative;
	margin: auto;
	width: 671px;
	height: auto;	
}

#as_content_main_image_frame20 {
	position: relative;
	margin: auto;
	width: 465px;
	height: auto;	
}

#as_content_main_image_frame21 {
	position: relative;
	margin: auto;
	width: 796px;
	height: auto;	
}

#as_content_main_image_frame22 {
	position: relative;
	margin: auto;
	width: 800px;
	height: auto;	
}

#as_content_main_image_frame23 {
	position: relative;
	display: inline-block;
	left: 40px;
	width: 800px;
	height: auto;	
}

#as_content_main_image_frame24 {
	position: relative;
	margin: auto;
	width: 563px;
	height: auto;	
}

#as_content_main_image_frame25 {
	position: relative;
	display: inline-block;
	left: 120px;
	width: 640px;
	height: auto;	
}

#as_content_main_image_frame26 {
	position: relative;
	margin: auto;
	width: 512px;
	height: auto;	
}

#as_content_main_image_frame27 {
	position: relative;
	margin: auto;
	width: 750px;
	height: auto;	
}

#as_content_main_image_frame28 {
	position: relative;
	margin: auto;
	width: 678px;
	height: auto;	
}

#as_content_main_image_frame29 {
	position: relative;
	margin: auto;
	width: 830px;
	height: auto;	
}

#as_content_main_image_frame #img-top {
    display: none;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 99;  		
}

#as_content_main_image_frame:hover #img-top {
    display: inline;
}
	
#as_content_main_image_frame23:hover #img-top {
    display: inline;
}

#as_content_main_image_frame23 #img-top {
    display: none;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 99;  		
}
	
#as_content_main_image_frame25:hover #img-top {
    display: inline;
}

#as_content_main_image_frame25 #img-top {
    display: none;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 99;  		
}


#img-top {
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        opacity: 0;	
}

#img-top:hover {
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        opacity: 1;	
}

#as_content_year_selector_main_frame {
	position: relative;
	float: right;
	right: 50px;
	margin-bottom: -140px;
	width: 210px;
	height: 165px;
	top: 30px;
}

#as_content_year_description {
	position: relative;
	float: left;
	width: 150px;
	height: 25px;
	font-size: 13px;
    color: #7b949f;
	text-align: left;
	line-height: 25px;	
}

.as_dropbtn {
	position: relative;
	width: 60px;
	height: 25px;
    font-size: 13px;
    color: #7b949f;
	font-style:italic;
	text-align: center;
	line-height: 25px;
    border: none;
    cursor: pointer;
	background-color: rgba(25,25,25,0.9);	
    z-index: 602;	
}

/* The container <div> - needed to position the dropdown content */
.as_dropdown {
    position: relative;
    display: inline-block;
    z-index: 601;	
}

/* Dropdown Content (Hidden by Default) */
.as_dropdown-content {
    display: none;
    position: absolute;	
	background-color: rgba(25,25,25,0.9);
    width: 60px;
    z-index: 600;
}

/* Links inside the dropdown */
.as_dropdown-content a {
    font-size: 13px;
    color: #7b949f;
    text-align: center;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;  	
}

/* Change color of dropdown links on hover */
.as_dropdown-content a:hover {
	background-color: #7b949f;
	color: #ffffff;	
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;	
}

/* Show the dropdown menu on hover */
.as_dropdown:hover .as_dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.as_dropdown:hover .as_dropbtn {
    background-color: rgba(25,25,25,0.9);
}

#as_links_main_frame  {
	position: relative;
	margin: auto;
	margin-bottom: 70px;
	top: 20px;
	width: 840px;
	height: auto;
	background-color: rgba(25,25,25,0.4);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
}

#as_links_topic_main_frame {
	position: relative;
	margin: auto;
	margin-bottom: 40px;
	top: 15px;
	width: 800px;
	height: 30px;
    font-size: 15px;
    color: #7b949f;	
	text-align: left;
	line-height: 30px;
	text-decoration: underline;
}

#as_links_topic_frame {
	position: relative;
	margin: auto;
	margin-bottom: 30px;
	width: 800px;
	height: 120px;
}

#as_links_image_frame {
	position: relative;
	float: left;
	width: 236px;
	height: 120px;
	opacity: 0.8;
	border: 1px solid rgba(30,30,30,1.0);
	border-radius: 5px;
}

#as_links_image_frame:hover {
	position: relative;
	float: left;
	width: 236px;
	height: 120px;
	opacity: 1;
	border: 1px solid rgba(30,30,30,1.0);
	border-radius: 5px;
}

#as_links_title_frame {
	position: relative;
	float: left;
	width: 562px;
	height: 25px;
	text-indent: 20px;
    font-size: 15px;	
    color: #7b949f;	
	line-height: 25px;
	font-style:italic;	
}

#as_links_description_frame {
	position: relative;
	float: left;
	width: 542px;
	height: 70px;
	left: 20px;
    font-size: 13.5px;	
    color: #818181;
}

#as_links_url_frame {
	position: relative;
	float: left;
	width: 562px;
	height: 25px;
	text-indent: 20px;
    font-size: 13px;	
    color: #7b949f;	
	line-height: 25px;
	text-align: right;
}

#as_links_url_frame a {	
    color: #7b949f;	
	text-decoration: none; 	
}

#as_links_url_frame a:hover {	
    color: #7b949f;	
	text-decoration: underline;		
}

#as_calibration_frame {
	position: relative;
	left: 50px;
	top: 55px;
	float: left;
	width: 840px;
	height: 166px;	
	margin-bottom: 90px;
	z-index: 260;
}

#as_calibration_title_frame {
	position: relative;
	margin: auto;
	width: 250px;
	height: 30px;
	font-size: 17px;
	color: #7b949f;
	text-align: center;	
	line-height: 28px;
	background-color: rgba(20,20,20,1.0);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
	z-index: 265;
}

#as_calibration_image_frame {
	position: relative;
	margin: auto;
	width: 800px;
	height: 50px;
	z-index: 251;	
	top: 40px;
}

#as_calibration_sub_frame {
	position: relative;
	margin: auto;
	width: 800px;
	height: 20px;
	z-index: 252;	
	top: 40px;
	font-size: 14px;
	color: #818181;
	text-align: left;
	line-height: 20px;
	z-index: 262;
}

#as_calibration_description_frame {
	position: relative;
	margin: auto;
	top: -16px;
	width: 838px;
	height: 148px;
	font-size: 17px;
	color: #7b949f;
	line-height: 28px;
	text-align: center;	
	background-color: rgba(25,25,25,0.4);
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
	z-index: 263;
}

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
    z-index: 9999;
}
.modalDialog > div {
    width: 520px;
    position: relative;
    margin: 5% auto;
	padding: 17px 0px 17px 0px;
    border-radius: 10px;
	background-color: #10161c;
	border-radius: 15px;
	border: 1px solid rgba(30,30,30,1.0);
    z-index: 9999;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    z-index: 9999;	
}
.close:hover {
    background: #7b949f;
}

#as_modal_window {
	position: absolute;
	right: 66px;
	bottom: 303px;
	width: 230px;
	height: 300px;
	background-color: #914331;
	z-index: 400;
}

#as_mb_description {
	position: absolute;
	right: -47px;
	bottom: -27px;
	width: 230px;
	height: 20px;
	font-size: 12px;
	color: #818181;	
	z-index: 400;	
}

#as_back_to_galery {
	position: relative;
	margin: auto;
	width: 200px;
	height: 20px;
	top: -10px;
	background-color: rgba(35,35,35,0.8);
    border-radius: 0px 0px 20px 20px;
	color: #818181;
    font-size: 13px;
	line-height: 20px;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

#as_back_to_galery:hover {
	position: relative;
	margin: auto;
	width: 200px;
	height: 20px;
	top: -10px;	
	background-color: #7b949f;
    border-radius: 0px 0px 20px 20px;
    color: #ffffff;
    font-size: 13px;
	line-height: 20px;
	text-align: center;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

.as_back_to_galery {
	position: relative;
	color: #818181;
    font-size: 13px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	display:block;
	height:100%;
	width:100%;	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}

.as_back_to_galery:hover {
	position: relative;
    color: #ffffff;
    font-size: 13px;
	line-height: 20px;
	text-align: center;	
	text-decoration: none;	
	display:block;
	height:100%;
	width:100%;	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;	
}

#as_about_image {
	position: relative;
	width: 310px;
	height: 443px;
	float: left;
	margin-left: 20px;
}