div, footer, header, main, nav, section{
	display:block;
}
html {
    font-size: 1em; /* 1 */
    -webkit-text-size-adjust: 1em; /* 2 */
    -ms-text-size-adjust: 1em; /* 2 */
}
/*
html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}*/
a:focus{
	outline: 0;
}
a:active, a:hover {
	outline: 0;
}
/*  
=========================
April 12 CSS für index.html
=========================
*/

/*
@-webkit-keyframes marquee 

{
	0% {text-indent: 800px}
    100% {text-indent: -1800px}
}
*/

@keyframes marquee {
	0% {text-indent: 800px}
    100% {text-indent: -1800px}
}

	
.marquee {
	direction: ltr;
	background-color: rgba(0, 0, 255, .75);
	font: bold 0.8em Arial; text-align: center;

	color: white;
	/*width: 940px;*/
	max-width:100%;
 	margin: auto;
 	margin-top: 1.0em;
 	padding: 2px;
 	overflow: hidden;
 	white-space: nowrap;
 	border: solid 1px #CCCCCC;
   	-webkit-animation: marquee 30s infinite; /* Chrome, Safari, Opera */ 
    animation: marquee 30s linear infinite;
}

.marquee:hover {
 	animation-play-state: paused;
 	-webkit-animation-play-state: paused;
}

body {
  	margin: 0;
  	background-color: silver;
  	background-image:url('../bilder/bgra.jpg');
  	background-repeat:no-repeat;
  	background-attachment: fixed;
   	/*background-position:center;*/
/* 	background-size:contain;*/
  	background-size: 100% 100%;
/*	font: 100%/1.2 Georgia, "Times New Roman", serif;*/
	font-size:1.0em;
	font-weight: bold;

  	}


iframe{
background-color: silver;
	color:red;
}

@media only screen and (min-width: 30em){
 body{
/*	background-image:url('../bilder/bgra.jpg');*/
	}
}
/*
 @media only screen and (max-width: 680px){
 body{
	font-size:100%;
	}
}*/
@media only screen and (max-width: 580px){
 body{
	
	font-size:100%;

/*	font-size:45%;*/
	/*background-attachment: scroll;*/

	}
}



*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

main {
  	width: 100%;
  	padding-bottom:1.0em;
  	padding-top:1.0em;
  	text-align:center;
}

.twitt{
	/*margin: 0;
  	padding: 0;*/
  	position: fixed;
  
  	right: 20px;
  	top: 50px;
  	
}


.nav-img{
	/*float:left;*/
	padding:1em;
	padding-bottom:.5em;
	max-width:100%;
}
img.fakt {
	max-height:120px;
	float:left;
} 
img.fakt1 {
	max-height:500px;

	text-align:	center;
} 

.scalirimg,
.social,
.imglogo {

	max-width: 100%;
}

.vkosmos {
	/*width: 11%;*/
    width: 6.6em;
   

}
.sobytia {
	width:59%;
/*	width:59%;*/


}
.fakty {/* div */
	/*width:25%;*/
	width: 15em;
}

p.fakt {
/*	width:100px;
	height:350px;*/
/*	max-height:400px;*/
    max-width:280px;
   }
p.fakt::first-line{
	 font-weight:bold;
	 font-size:1.2em;
}


/*
.h1f {
	width: 90%;
	margin-right: 0.5em;
}
*/
.vkosmos, .sobytia, .fakty {
  	text-align:center;
   /*	display:inline-block;*/
  	vertical-align:top;
  	padding-left:0.5em;

   display:inline;
  	
}

h1{
	color: #00f;
	background-color: rgba(255, 255, 255, .75);
	border: solid 1px #00f;
	font: bold .9em Arial;
	text-align: center;
	text-transform:uppercase;
    padding: 0.3em 0.5em 0.3em;
   
}

.run {
	color: #fff; background-color: rgba(0, 0, 255, .75);  
	border: solid 1px #CCCCCC;
	font: bold 1.5em Arial; text-align: center;
	max-width:100%;
}
.runPadalka {
	color: #0f0;
	background-color: rgba(0, 0, 255, .7);
	/*background-color: rgba(000, 200, 255, .75);*/
	border: solid 0px #CCCCCC;
	font: bold 1.0em Arial; text-align: left;
}
.page
 {
  	margin: 0 auto;
  	max-width: 60em; /*960px;*/
}
article {
	margin-top: 0.571em;
	display: block;
	text-align:left;
	/*min-width:80px;*/
}
div {
	margin-top: 0.571em;
	display: block;
	text-align:left;
	/*min-width:80px;*/
}
/*
.h1vkosmos{
	min-width:80px;
}*/
/* ::: Main Navigation ::: */
.runheute{
  	border: 1px solid #00f;
	background-color: rgba(255, 255, 255, .75);
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: .7em;
    color:#0000FF;
    padding: 0.0em 0.625em 0.0em;
    margin-bottom:0px;
    margin-left:9em;
    margin-top:0px;
    display: inline-block;
    text-align:right;
    min-width:17em;
}

.runheute1{
  	border: 1px solid #00f;
	background-color: rgba(255, 255, 255, .75);
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.0em;
    color:#0000FF;
    padding: 0.0em 0.625em 0.0em;
    margin-bottom:0px;
    margin-left:0em;
    margin-top:0px;
    display: inline-block;
    text-align:center;
    min-width:17em;
    width:100%;
}

.runheute1 a{
	color:#00f;
	text-decoration:underline;
}

.runheute2{
	padding: .2em;
  	border: 1px solid #00f;
	background-color: rgba(255, 255, 255, .5);
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: .9em;
    color:#0000FF;
    margin: .5em;
    display: inline-block;
    text-align:left;
/*    min-width:9.3em;
    max-width:30em;*/
    vertical-align:top;
    width: 8.1em;

}

.runheute3{
	padding: .2em;
  	border: 1px solid #00f;
	background-color: rgba(255, 255, 255, .5);
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: .9em;
    color:#0000FF;
    margin: .5em;
    display: inline-block;
    text-align:left;
/*    min-width:9.3em;
    max-width:30em;*/
    vertical-align:top;
    width: 20.7em;

}

.yyy{
	
	text-align:center;
}

.nav-img1{
	/*float:left;*/
	padding:0.7em;

	max-width:100%;
}

/*
.runheute2{
    max-width:100em;
    background-color: rgba(255, 255, 255, .7);
}
*/


p.sobytie::first-line{
	font-size: large;
}
.nav-heute a {
  	color: #00f;
  	display: inline-block;
  	font-size: 0.9em; /* 18px/16px */
  	padding: .0em 0.0em .0em 0.0em;
  	text-decoration: none;
}

.nav-heute a:hover {
  	color: #0f0;
  	text-decoration: none;
}

.nav-main a:hover {

  	color: #0f0;
  	text-decoration: none;

}

.nav-main {
/*  	background-color: rgba(100, 100, 200, .75);*/
  	background-color: rgba(255, 255, 255, .75);
  	border-bottom: 1px solid #c7c7c8;
  	border-top: 2px solid #00f;
  	margin-bottom: 0;
  	padding: .3em 0 .3em;
  	font: bold 0.9em Arial; text-align: center;

  	color: #00f;
  	text-align:center;
}
.nav-main a {
  	color: #00f;
  	display: inline-block;
  	font-size: 0.7em; /* 18px/16px */
  	padding: .5em 1.15em .5em 1.4em;
}

nav a, nav span {
 /*   display: block;*/
    width: 9em;
   }

.nav-main li {
  	border-left: 1px solid #c8c8c8;
  	display: inline-block;
  	
}


.nav-main li:hover ul{
	display: block; /* for older versions of IE */
	left:auto;
	
}


nav ul ul {
	/*left: -999em;*/
	display:none;
	position:absolute;
	z-index: 1000;
	
	padding: 0;
/*	width:auto;*/
	width: 4em;
	background-color: rgba(100, 100, 200, .75);
	border-bottom: 1px solid #fff;
	   
}


.subnav li {
  	border-left: none;
  	text-align:left;
}
.nav-main li:first-child {
  	border-left: none;
}

.nav-main li:last-child a {
  	padding-right: 0;
}

/*
.nav-main a:hover {
  	color: #0f0;
  	text-decoration: none;
}*/
.nav-main .current-page,
.nav-main .current-page:hover {
  	color: #747474;
  	cursor: default;
}
.about,
.nav-main a {
  	font-family: 'Open Sans', sans-serif;
  	font-weight: 600;
  	text-transform: uppercase;
  	text-decoration: none;
}

.subnav a {
	text-transform:lowercase;
	font-size: small;

}


.about {
	border: solid 1px #0000CC;
	color:blue;
  	background-color: rgba(255, 255, 255, .75);
  	padding: 0.313em 0.625em 0.313em;
  	font-family: 'Open Sans', sans-serif;
  	font-weight: 600;
  	text-transform:uppercase;
  	font-size: .7em;
  /*	 border-radius: 10px 0px 10px 0;*/
  /*	box-shadow: 0px 0px 6px #00f;*/
  max-width:9.2em;

}
.aboutPadalka, .aboutNews, .aboutNews1{
	border: solid 1px #00f;
	color:blue;
  	/*background-color: rgba(100, 100, 200, .75);*/
  	background-color: rgba(255, 255, 255, .75);
 	padding: 0.313em 0.625em 0.313em;
   	font-family: 'Open Sans', sans-serif;
  	font-weight: 600;
  	text-transform:none;
  	font-size: 0.75em;
  	vertical-align:top; 
 /* 	 border-radius: 10px 0px 10px 0;*/
}
.aboutNews1{
	border: solid 1px #00f;
	text-align:center;
}
.aboutPadalka a {
  color: #00f;
  font-size: 1.0em; /* 18px/16px */
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-decoration:underline;
  }
.tab1{
	display:  block;
	vertical-align: bottom;
	
}
.about a {
  color: #00f;
  font-size: 0.8em; /* 18px/16px */
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.about a:hover {
  color: #0f0;
  text-decoration: none;
}
.about-footer {
  padding: 0.313em 0.625em 0.313em;
  margin-left: 0.2em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: .8em;
}
.scalirimg{
	/*max-width:100%;*/
}
.about img {
  /*border: 5px solid #2885bf;*/
}

/*
.contact img {
  border: 1px solid rgba(100, 100, 200, .75);
}*/

.logo {
   margin-bottom: 10px;
 /*  max-width:100%;*/
}

.runtime{
  	border: 1px solid #00f;
	background-color: rgba(255, 255, 255, .75);
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: .7em;
    color:#0000FF;
    padding: 0.0em 0.625em 0.313em;
    text-align:center;
    margin-bottom:10px;
    margin-top:1.0em;
}
.runtimef{
  	border: 1px solid #00f;
	background-color: rgba(255, 255, 255, .75);
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: .7em;
    color:#0000FF;
    padding: 0.0em 0.625em 0.313em;
    text-align:center;
    margin-bottom:10px;
    margin-top:1.0em;
}
.dauercounter{
	/*height: 3em;*/
	width:50%;
	text-align:right;
	padding: 0.313em 0.625em 0.313em;
    margin-left: 0.2em;
   	margin-bottom: .8em;
 	display: inline-block;
}
.dauercounter2{
	width:43%;
	/*max-width:43%;*/
	/*font-size: 1.0em;*/
	padding: 0.8em 1.625em 0.0em;
    margin-left: 0.2em;
   	margin-bottom: .8em;
  	display: inline-block;
}
.dauercounter3{
	width:90%;
/*	max-width:90%;*/

	padding: 0.8em 1.625em 0.0em;
    margin-left: 0.2em;
   	margin-bottom: .8em;
  	display: inline-block;
}

/*============================================*/
.footer p {
  	color: #3a3a3a;
  	font-family: arial, helvetica, sans-serif;
  	font-size: 0.688em;
}
.search{
	background-color: rgba(100, 100, 200, .75);
	color:#0000FF;
	border-bottom: 1px solid #c7c7c8;;
  	border-top: 2px solid #00f;
 	padding: .5em .7em .1em;
 	text-align: center;
 	display:inline-block;
}
.contact{
	font-size: 0.688em;
	padding: 0.2em .8em;
	background-color: rgba(255, 255, 255, .75);
	color:#0000FF;
	border-bottom: 1px solid #00f;;
  	border-top: 2px solid #00f;
   	margin-top: 2.8em;
   	margin-bottom: .8em;
   	display:inline-block;
}

.more:after{
	content: "...";
}
/* FOOTER
------------------------------------------ */
footer[role=contentinfo] {
}