div, footer, header, main, nav, section { 
display : block; 
} 
html { 
font-size : 1em; 
} 
a:focus { 
outline : 0; 
} 
a:active, a:hover { 
outline : 0; 
} 
@keyframes marquee { 
0% { 
text-indent : 800px; 
} 
100% { 
text-indent : -1800px; 
} 
} 
.marquee { 
direction : ltr; 
background-color : rgb(0, 0, 255, 0.75); 
font : bold 0.8em Arial; 
text-align : center; 
color : white; 
max-width : 100%; 
margin : auto; 
margin-top : 1.0em; 
padding : 2px; 
overflow : hidden; 
white-space : nowrap; 
border : #CCCCCC solid 1px; 
animation : marquee 30s linear infinite; 
} 
.marquee:hover { 
animation-play-state : paused; 
} 
body { 
margin : 0; 
background-color : silver; 
background-image : url("../bilder/bgra.jpg"); 
background-repeat : no-repeat; 
background-attachment : fixed; 
background-size : 100% 100%; 
font-size : 1.0em; 
font-weight : bold; 
} 
iframe { 
background-color : silver; 
color : red; 
} 
@media only screen and (min-width: 30em) { 
} 
@media only screen and (max-width: 680px) { 
body { 
font-size : 100%; 
} 
} 
@media only screen and (max-width: 580px) { 
body { 
font-size : 100%; 
} 
} 
* { 
box-sizing : border-box; 
} 
main { 
width : 100%; 
padding-bottom : 1.0em; 
padding-top : 1.0em; 
text-align : center; 
} 
.twitt { 
position : fixed; 
right : 20px; 
top : 50px; 
} 
.nav-img { 
padding : 1em; 
padding-bottom : 0.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 : 6.6em; 
} 
.sobytia { 
width : 62.5%; 
} 
.fakty { 
width : 15em; 
} 
p.fakt { 
max-width : 280px; 
} 
p.fakt::first-line { 
font-weight : bold; 
font-size : 1.2em; 
} 
.vkosmos, .sobytia, .fakty { 
text-align : center; 
display : inline-block; 
vertical-align : top; 
padding-left : 0.5em; 
} 
h1 { 
color : #00f; 
background-color : rgb(255, 255, 255, 0.75); 
border : #00f solid 1px; 
font : bold 0.9em Arial; 
text-align : center; 
text-transform : uppercase; 
padding : 0.3em 0.5em 0.3em; 
} 
.run { 
color : #fff; 
background-color : rgb(0, 0, 255, 0.75); 
border : #CCCCCC solid 1px; 
font : bold 1.5em Arial; 
text-align : center; 
max-width : 100%; 
} 
.runPadalka { 
color : #0f0; 
background-color : rgb(0, 0, 255, 0.7); 
border : #CCCCCC solid 0; 
font : bold 1.0em Arial; 
text-align : left; 
} 
.page { 
margin : 0 auto; 
max-width : 60em; 
} 
article { 
margin-top : 0.571em; 
display : block; 
text-align : left; 
} 
div { 
margin-top : 0.571em; 
display : block; 
text-align : left; 
} 
.runheute { 
border : #00f solid 1px; 
background-color : rgb(255, 255, 255, 0.75); 
font-family : 'Open Sans', sans-serif; 
font-weight : 600; 
font-size : 0.7em; 
color : #0000FF; 
padding : 0 0.625em 0; 
margin-bottom : 0; 
margin-left : 9em; 
margin-top : 0; 
display : inline-block; 
text-align : right; 
min-width : 17em; 
} 
p.sobytie::first-line { 
font-size : large; 
} 
.nav-heute a { 
color : #00f; 
display : inline-block; 
font-size : 0.9em; 
padding : 0 0 0 0; 
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 : rgb(255, 255, 255, 0.75); 
border-bottom : 1px solid #c7c7c8; 
border-top : 2px solid #00f; 
margin-bottom : 0; 
padding : 0.3em 0 0.3em; 
text-align : center; 
} 
.nav-main a { 
color : #00f; 
display : inline-block; 
font-size : 0.7em; 
padding : 0.5em 1.15em 0.5em 1.4em; 
} 
nav a, nav span { 
width : 9em; 
} 
.nav-main li { 
border-left : 1px solid #c8c8c8; 
display : inline-block; 
} 
.nav-main li:hover ul { 
display : block; 
left : auto; 
} 
nav ul ul { 
display : none; 
position : absolute; 
z-index : 1000; 
padding : 0; 
width : 4em; 
background-color : rgb(100, 100, 200, 0.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 .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 : #0000CC solid 1px; 
color : blue; 
background-color : rgb(255, 255, 255, 0.75); 
padding : 0.313em 0.625em 0.313em; 
font-family : 'Open Sans', sans-serif; 
font-weight : 600; 
text-transform : uppercase; 
font-size : 0.7em; 
} 
.aboutPadalka, .aboutNews, .aboutNews1 { 
border : #00f solid 1px; 
color : blue; 
background-color : rgb(255, 255, 255, 0.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; 
} 
.aboutNews1 { 
border : #000 solid 6px; 
text-align : center; 
} 
.aboutPadalka a { 
color : #00f; 
font-size : 1.0em; 
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; 
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 : 0.8em; 
} 
.logo { 
margin-bottom : 10px; 
} 
.runtime { 
border : #00f solid 1px; 
background-color : rgb(255, 255, 255, 0.75); 
font-family : 'Open Sans', sans-serif; 
font-weight : 600; 
font-size : 0.7em; 
color : #0000FF; 
padding : 0 0.625em 0.313em; 
text-align : center; 
margin-bottom : 10px; 
margin-top : 1.0em; 
} 
.runtimef { 
border : #00f solid 1px; 
background-color : rgb(255, 255, 255, 0.75); 
font-family : 'Open Sans', sans-serif; 
font-weight : 600; 
font-size : 0.7em; 
color : #0000FF; 
padding : 0 0.625em 0.313em; 
text-align : center; 
margin-bottom : 10px; 
margin-top : 1.0em; 
} 
.dauercounter { 
width : 50%; 
text-align : right; 
padding : 0.313em 0.625em 0.313em; 
margin-left : 0.2em; 
margin-bottom : 0.8em; 
display : inline-block; 
} 
.dauercounter2 { 
width : 43%; 
padding : 0.8em 1.625em 0; 
margin-left : 0.2em; 
margin-bottom : 0.8em; 
display : inline-block; 
} 
.dauercounter3 { 
width : 90%; 
padding : 0.8em 1.625em 0; 
margin-left : 0.2em; 
margin-bottom : 0.8em; 
display : inline-block; 
} 
.footer p { 
color : #3a3a3a; 
font-family : arial, helvetica, sans-serif; 
font-size : 0.688em; 
} 
.search { 
background-color : rgb(100, 100, 200, 0.75); 
color : #0000FF; 
border-bottom : 1px solid #c7c7c8; 
border-top : 2px solid #00f; 
padding : 0.5em 0.7em 0.1em; 
text-align : center; 
display : inline-block; 
} 
.contact { 
font-size : 0.688em; 
padding : 0.2em 0.8em; 
background-color : rgb(255, 255, 255, 0.75); 
color : #0000FF; 
border-bottom : 1px solid #00f; 
border-top : 2px solid #00f; 
margin-top : 2.8em; 
margin-bottom : 0.8em; 
display : inline-block; 
} 
.more:after { 
content : "..."; 
}