@charset "UTF-8";

header *, nav *, footer *, iframe *, .navi { margin: 0; padding: 0; }

iframe { width: 110px; height: 493px; text-align: center; border-radius: 12px; position: fixed; top: 150px; left: 86%; }

body { background-color: #000000; background-image: url(bilder/stars.png); color: #000000; font-family: "Times New Roman",sans-serif; text-align: justify; }
body.pilot { background-image: url(bilder/metall.jpg); margin: 17px; }

header, nav, section, article, footer { display: block; }

footer, .help2 { background-color: #C0C0C0; background-image: url(bilder/metall.jpg); }
header, .help1 { background-color: #FFFFFF; background-image: url(bilder/papier.jpg); }

.container { margin: auto; width: 100%; max-width: 1325px; padding: 20px 0; height: 1%; }

main {margin-right: 0; padding: 0 15px 0 0; }

article { background-color: #EDEDED; background-image: url(bilder/wp_helix.jpg); color: #000000; border-top-right-radius: 12px; border-bottom-right-radius: 12px; width: 90%; float: left; border-right: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; padding-top: 10px; padding-right: 10px; margin-right: 20px; padding-bottom: 50px; }

section { padding: 15px 20px 5px 20px; margin: 0 10px 20px 15px; }

nav { padding: 0 15px; font-weight: bold; }
nav ul { list-style: none; font-size: medium; font-variant: small-caps; }
nav ul li { display: inline; margin: 1px; padding: 0; }
nav ul li a { padding: 0 6px; background-color: #C0C0C0; color: #0000FF; display: inline; border-top-left-radius: 6px; border-top-right-radius: 6px; }
nav ul li a:hover { background-color: #EDEDED; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.aktiv { background-color: #EDEDED; font-size: x-large; }

header { background-color: #EDEDED; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; width: 100%; max-width: 1323px; }
header h1 { padding: 15px 20px; color: #000000; font-variant: small-caps; }

footer { clear: both; text-align: center; padding: 10px; margin: 0; color: #000000; background-color: #C0C0C0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-top-right-radius: 12px; height: 80px; max-width: 1303px; }

img.logo { margin: 0; padding: 0; border-width: 0; float: left; }
header figure { text-align: center; float: right; margin: -70px -15px -30px 0; width: 150px; }

h1, h2, .help2, .help1 { text-align: center; }
article h2 { font-size: xx-large; }
section h2 { font-size: x-large; }
h3, h4, { text-align: left; }

.clear { clear: both; margin: 0; }
p.clear_r { clear: right; margin: 0; }
p.clear_l { clear: left; margin: 0; }
p.abstand, p.abstand_0 { text-align: center; font-size: x-large; font-weight: bold; margin: 20px; }
p.abstand { clear: both; }
p.sub { display: none; margin: -15px 0 0 0; padding: 0; border-style: solid; border-width: 2px; border-color: #EDEDED; }
.menue { text-align: left; float: left; margin: 17px 10px 20px 60px; width: 170px; }

table, th, tr, td { border-style: solid; border-width: 2px; border-color: #808080; border-collapse: collapse; padding: 2px; }
th, tr, td { border-width: 1px; }
fieldset, fieldset table, fieldset th, fieldset tr, fieldset td { border-style: none; }
th { font-weight: bold; text-align: center; }
table { background-color: #FFFFFF; border-color: #000000; background-image: url(bilder/papier.jpg); }

ul { list-style-type: square; list-style-image: url(bilder/helix.gif); }
ol { list-style-type: decimal; }

blockquote, q { font-family: Verdana,sans-serif; font-style: normal; font-size: smaller; }
em, q { font-style: italic; }
q { font-size: small; }
:lang(de) q, :lang(en) q { quotes: "" "" "" ""; }
.bild_r q, .bild_l q { font-style: normal; font-size: smaller; }
#TELE { text-align: justify; }

.i::first-letter, #etat { font-family: "fantasy"; font-weight: bold; font-size: x-large; color: #424242; background-color: #FFFFFF; background-image: url(bilder/helix.gif); background-repeat:no-repeat; background-position: left; padding: 0 5px; margin: 0 -5px 0 0; }
h2.i::first-letter, #etat { font-size: xx-large; }
.titel { font-family: Arial,cursive; font-variant: small-caps; font-size: 3em; text-align: center; color: #FFFFFF; }
.strong, strong { font-weight: bold; }
.papier strong { color: #FF0000; font-size: x-large; }

.u { text-decoration: underline; }
.gestrichen { text-decoration: line-through; }

img, video { margin: 10px 0 5px 0; border-style: none; padding: 0; border-width: 0; max-width: 100%; height: auto; }

.rand { border-width: 0 6px 6px 0; border-style: groove; border-color: #707070; }

button img, .email { margin: 0; padding: 0; border-style: none; border-width: 0; vertical-align: middle; }
button { cursor: pointer; margin: 10px 0 2px 0; background-color: #F0F0FF; border-width: 3px; border-color: #C0C0C0; border-style: outset; color: #0000FF; text-align: center; font-weight: bold; padding: 5px; border-radius: 6px; }
button.text { font-weight: normal; }
.menue button { font-family: Courier,monospace; font-size: small; padding: 2px 2px 2px 0; margin: 2px 0 2px 0; }
h1 button { vertical-align: text-bottom; }

.bild_r, .bild_l, .bild_x, figure { text-align: center; float: left; margin: 0 10px 10px 10px; font-family: Arial,sans-serif; font-weight: bold; font-size: smaller; }
.bild_r { float: right; }
.bild_x { float: none; }

.knopf_l, .knopf_r, .knopf_m { text-align: center; float: left; margin: 10px; width: 150px; }
.knopf_r { float:right; }
.knopf_m { float: none; margin-left: auto; margin-right: auto; width: 50%; max-width: 500px; }
.fuss, .fuss_m { text-align: center; float: left; overflow: visible; margin: 0; padding: 0 1px 0 0; width: 16%; min-width: 60px; }
.fuss_m { margin: 10px 0 0 0; width: 33%; min-width: 120px; color: #FFFFFF; }

.mitte { margin-left: auto; margin-right: auto; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
div.knopf_r p { margin: 0 0 10px 10px; }
div.knopf_l p { margin: 0 10px 10px 0; }

.text { font-family: Verdana,sans-serif; font-size: smaller; padding: 0 20px 0 20px; }
.text_l { float: left; text-align: left; }
.text_r { float: right; text-align: left; }

.achtel { width: 12%; max-width: 125px; }
.viertel { width: 25%; max-width: 250px; }
.drittel { width: 33%; max-width: 333px; }
.halb, div.inhalt { width: 50%; max-width: 500px; }
.dreivier { width: 75%; max-width: 750px; }
.w850 { width: 88%; max-width: 850px; }
.sechstel { width: 16%; max-width: 167px; }
.wmax { width: 100%; max-width: 1150px; }

.w375 { max-width: 375px; }
.w250 { max-width: 250px; }
.map { width: 663px; }

.einrueck { float: left; margin: 0; padding: 1px 0 0 0; }
.einrueck1 {float: none; margin: 0; padding: 0 0 0 50px; }

.papier, div.inhalt { background-color: #FFFFFF; background-image: url(bilder/papier.jpg); color: #000000; margin-top: 10px; margin-bottom: 10px; padding: 10px; border-width: 0 6px 6px 0; border-style: outset; border-color: #C0C0C0; }

.schwarz { color: #000000; }
.rot { color: #800000; }
.gruen { color: #008000; }
.weiss { color: #FFFFFF; }
.silber, aside { color: #808080; }

div.menue { float: left; text-align: center; margin: 17px 10px 20px 60px; width: 170px; font-family: Courier,monospace; font-size: small; padding: 2px 2px 2px 0; margin: 2px 0 2px 0; background-color: #C0C0C0; background-image: url(bilder/metall.jpg); }

#ende { font-size: 40px; font-family: sans-serif; color: #808080; background-image: url(buttons/tour.gif); background-repeat:no-repeat; background-position: center; width: 53px; height: 53px; }

#emblem { font-size: 112px; color: yellow; text-shadow: 5px 5px 5px red, 10px 10px 20px black; }

#brightblue { background-color: #00FFFF; color: #000000; padding: 0 5px 0 5px; margin-left: 3px; margin-right: 3px; }
#brown { background-color: #848400; color: #FFFFFF; padding: 0 5px 0 5px; margin-left: 3px; margin-right: 3px; }
#darkgray { background-color: #424242; color: #FFFFFF; padding: 0 5px 0 5px; margin-left: 3px; margin-right: 3px; }
#black { background-color: #000000; color: #FFFFFF; padding: 0 5px 0 5px; margin-left: 3px; margin-right: 3px; }

#txt_l { width: 45%; max-width: 450px; float: left; padding: 0 5px 0 5px; }
#txt_r { width: 45%; max-width: 450px; float: right; padding: 0 5px 0 5px; }

#kaleidoskop { background-image:url(ad/kaleidoskop.gif); background-color:#FFFFFF; min-height: 400px; }

#nw, #no, #sw, #so { float: left; border-style: solid; border-color: #FFFFFF; margin: 0; width: 315px; height: 325px; overflow: scroll; padding: 5px; }
#nw { border-width: 0 50px 50px 0; margin: 0 100px 0 0; }
#no { border-width: 0 0 50px 50px; margin: 0 0 0 100px; }
#sw { border-width: 50px 50px 0 0; margin: 0 100px 0 0; }
#so { border-width: 50px 0 0 50px; margin: 0 0 0 100px; }
#balken { float: none; width: 950px; }

#maschine { background-color: #808080; color: #FFFFFF; padding: 10px; border-width: 20px; border-style: outset; border-color: #C0C0C0; width: 33%; height: 100px; float: none; margin-left: auto; margin-right: auto; background-image: url(bilder/metall.jpg); }

a:link { color: #0000FF; text-decoration: underline; }
.bild_l a:link, .bild_r a:link, .bild_x a:link, nav a:link, h1 a:link, figure a:link, .knopf_l a:link, .knopf_r a:link, .knopf_m a:link, .fuss a:link, button a:link { text-decoration: none; }
a:visited { color: #800080; text-decoration: underline; }
.bild_l a:visited, .bild_r a:visited, .bild_x a:visited, nav a:visited, h1 a:visited, figure a:visited, .knopf_l a:visited, .knopf_r a:visited, .knopf_m a:visited, .fuss a:visited, button a:visited { text-decoration: none; }
a:hover { color: #00AFFF; text-decoration: underline; }
.bild_l a:hover, .bild_r a:hover, .bild_x a:hover, nav a:hover, h1 a:hover, figure a:hover, .knopf_l a:hover, .knopf_r a:hover, .knopf_m a:hover, .fuss a:hover, button a:hover { text-decoration: none; }
a:active { color: #FF0000; text-decoration: underline; }
.bild_l a:active, .bild_r a:active, .bild_x a:active, nav a:active, h1 a:active, figure a:active, .knopf_l a:active, .knopf_r a:active, .knopf_m a:active, .fuss a:active, button a:active { text-decoration: none; }
a:focus { color: #FFC600; text-decoration: underline; }
.bild_l a:focus, .bild_r a:focus, .bild_x a:focus, .sub a:focus, h1 a:focus, figure a:focus, .knopf_l a:focus, .knopf_r a:focus, .knopf_m a:focus, .fuss a:focus, button a:focus { text-decoration: none; }