/* abel-regular - latin */ @font-face { font-family: 'Abel'; src: url('../fonts/abel-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Abel Regular'), local('Abel-Regular'), url('../fonts/abel-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/abel-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/abel-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/abel-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/abel-v9-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */ } body { background-color:#eeeeee; margin:0px; padding:0px; } .int_top { width:100%; height:70px; overflow:hidden; border-bottom:4px solid #8b0000; text-align: center; background-color:#FFFFFF; } .int_headline { margin-left: auto; margin-right: auto; display:inline-block; vertical-align:bottom; } .headtext { font-family: Abel, sans-serif; color:#8b0000; font-size:55px;; font-weight:bold; float:right; vertical-align:bottom; padding-top:18px; padding-right:20px; padding-left:20px; } .logo { background-image: url('../img/sk_logo.png'); background-position: center; background-repeat: no-repeat; background-size: cover; float:left; } .logosize { width:80px; height:80px; } #basecontent { padding-top:20px; width:100%; display:inline-block; display: flex; flex-wrap: wrap; justify-content: center; } .error { font-family: Abel, sans-serif; color:#8b0000; font-size:15px; font-weight:bold; } .headline { font-family: Arial; font-size: 25px; color: #000; line-height: 28px; font-weight: bold; } A.headline:link { color: #000000; text-decoration: none; font-weight: bold;} A.headline:visited { color: #000000; text-decoration: none; font-weight: bold;} .text { font-family: Arial; font-size: 14px; color: #000; line-height: 16px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw3 { font-family: Arial; font-size: 3px; color: #000; line-height: 3px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw5 { font-family: Arial; font-size: 5px; color: #000; line-height: 5px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw9 { font-family: Arial; font-size: 9px; color: #000; line-height: 10px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textweiss9 { font-family: Arial; font-size: 9px; color: #fff; line-height: 10px; font-weight: 100; } A.text:link { color: #fff; text-decoration: none; font-weight: bold;} A.text:visited { color: #fff; text-decoration: none; font-weight: bold;} .textrot9 { font-family: Arial; font-size: 9px; color: #8b0000; line-height: 10px; font-weight: 100; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textblau9 { font-family: Arial; font-size: 9px; color: #0000FF; line-height: 10px; font-weight: 100; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textsw12 { font-family: Arial; font-size: 12px; color: #000; line-height: 14px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw12f { font-family: Arial; font-size: 12px; color: #000; line-height: 14px; font-weight: bold; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textrot12 { font-family: Arial; font-size: 12px; color: #8b0000; line-height: 14px; font-weight: 100; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textrot12f { font-family: Arial; font-size: 12px; color: #8b0000; line-height: 14px; font-weight: bold; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textgruen12 { font-family: Arial; font-size: 12px; color: #00FF00; line-height: 14px; font-weight: 100; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textgruen12f { font-family: Arial; font-size: 12px; color: #00FF00; line-height: 14px; font-weight: bold; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textblau12 { font-family: Arial; font-size: 12px; color: #0000FF; line-height: 14px; font-weight: 100; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textblau12f { font-family: Arial; font-size: 12px; color: #0000FF; line-height: 14px; font-weight: bold; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textweiss12 { font-family: Arial; font-size: 12px; color: #FFF; line-height: 14px; font-weight: 100; } A.text:link { color: #FFF; text-decoration: none; font-weight: bold;} A.text:visited { color: #FFF; text-decoration: none; font-weight: bold;} .textweiss12f { font-family: Arial; font-size: 12px; color: #FFF; line-height: 14px; font-weight: bold; } A.text:link { color: #FFF; text-decoration: none; font-weight: bold;} A.text:visited { color: #FFF; text-decoration: none; font-weight: bold;} .textsw14 { font-family: Arial; font-size: 14px; color: #000; line-height: 16px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textrot14 { font-family: Arial; font-size: 14px; color: #8b0000; line-height: 16px; font-weight: 100; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textweiss14f { font-family: Arial; font-size: 14px; color: #FFF; line-height: 16px; font-weight: bold; } A.text:link { color: #FFF; text-decoration: none; font-weight: bold;} A.text:visited { color: #FFF; text-decoration: none; font-weight: bold;} .textrot14f { font-family: Arial; font-size: 14px; color: #8b0000; line-height: 16px; font-weight: bold; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textgelb14f { font-family: Arial; font-size: 14px; color: #FFFF00; line-height: 16px; font-weight: bold; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textblau14 { font-family: Arial; font-size: 14px; color: #0000FF; line-height: 16px; font-weight: 100; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textblau14f { font-family: Arial; font-size: 14px; color: #0000FF; line-height: 16px; font-weight: bold; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textgruen14f { font-family: Arial; font-size: 14px; color: #008000; line-height: 16px; font-weight: bold; } A.text:link { color: #008000; text-decoration: none; font-weight: bold;} A.text:visited { color: #008000; text-decoration: none; font-weight: bold;} .textsw14 { font-family: Arial; font-size: 14px; color: #000; line-height: 18px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw14f { font-family: Arial; font-size: 14px; color: #000; line-height: 18px; font-weight: bold; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw16 { font-family: Arial; font-size: 16px; color: #000; line-height: 20px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw16f { font-family: Arial; font-size: 16px; color: #000; line-height: 20px; font-weight: bold; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textws16 { font-family: Arial; font-size: 16px; color: #fff; line-height: 20px; font-weight: 100; } A.text:link { color: #ffffff; text-decoration: none; font-weight: bold;} A.text:visited { color: #ffffff; text-decoration: none; font-weight: bold;} .textgrau16 { font-family: Arial; font-size: 16px; color: #C0C0C0; line-height: 20px; font-weight: 100; } A.text:link { color: #C0C0C0; text-decoration: none; font-weight: bold;} A.text:visited { color: #C0C0C0; text-decoration: none; font-weight: bold;} .textrot16 { font-family: Arial; font-size: 16px; color: #8b0000; line-height: 20px; font-weight: 100; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textrot16f { font-family: Arial; font-size: 16px; color: #8b0000; line-height: 20px; font-weight: bold; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textblau16 { font-family: Arial; font-size: 16px; color: #0000FF; line-height: 20px; font-weight: 100; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textblau16f { font-family: Arial; font-size: 16px; color: #0000FF; line-height: 20px; font-weight: bold; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textsw18 { font-family: Arial; font-size: 18px; color: #000; line-height: 20px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw18f { font-family: Arial; font-size: 18px; color: #000; line-height: 20px; font-weight: bold; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textrot18 { font-family: Arial; font-size: 18px; color: #8b0000; line-height: 20px; font-weight: 100; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textrot18f { font-family: Arial; font-size: 18px; color: #8b0000; line-height: 20px; font-weight: bold; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textblau18f { font-family: Arial; font-size: 18px; color: #0000FF; line-height: 20px; font-weight: bold; } A.text:link { color: #0000FF; text-decoration: none; font-weight: bold;} A.text:visited { color: #0000FF; text-decoration: none; font-weight: bold;} .textws18 { font-family: Arial; font-size: 18px; color: #fff; line-height: 20px; font-weight: bold; } A.text:link { color: #fff; text-decoration: none; font-weight: bold;} A.text:visited { color: #fff; text-decoration: none; font-weight: bold;} .textws18f { font-family: Arial; font-size: 18px; color: #fff; line-height: 20px; font-weight: 100; } A.text:link { color: #fff; text-decoration: none; font-weight: bold;} A.text:visited { color: #fff; text-decoration: none; font-weight: bold;} .textsw20 { font-family: Arial; font-size: 20px; color: #000; line-height: 22px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw25 { font-family: Arial; font-size: 25px; color: #000; line-height: 28px; font-weight: 100; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textsw25f { font-family: Arial; font-size: 25px; color: #000; line-height: 28px; font-weight: bold; } A.text:link { color: #000000; text-decoration: none; font-weight: bold;} A.text:visited { color: #000000; text-decoration: none; font-weight: bold;} .textws25 { font-family: Arial; font-size: 25px; color: #fff; line-height: 28px; font-weight: bold; } A.text:link { color: #fff; text-decoration: none; font-weight: bold;} A.text:visited { color: #fff; text-decoration: none; font-weight: bold;} .textws25f { font-family: Arial; font-size: 25px; color: #fff; line-height: 28px; font-weight: 100; } A.text:link { color: #fff; text-decoration: none; font-weight: bold;} A.text:visited { color: #fff; text-decoration: none; font-weight: bold;} .textrot25f { font-family: Arial; font-size: 25px; color: #8b0000; line-height: 28px; font-weight: 100; } A.text:link { color: #FF0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #FF0000; text-decoration: none; font-weight: bold;} .textrand { font-family: Arial; font-size: 18px; color: #FFFF00; line-height: 25px; font-weight: bold; } A.text:link { color: #FFFF00; text-decoration: none; font-weight: bold;} A.text:visited { color: #FFFF00; text-decoration: none; font-weight: bold;} .farbe38 { font-family: Arial; font-size: 16px; color: #ffff00; line-height: 20px; font-weight: 100; } A.text:link { color: #ffff00; text-decoration: none; font-weight: bold;} A.text:visited { color: #ffff00; text-decoration: none; font-weight: bold;} .farbe22 { font-family: Arial; font-size: 16px; color: #f4a460; line-height: 20px; font-weight: 100; } A.text:link { color: #f4a460; text-decoration: none; font-weight: bold;} A.text:visited { color: #f4a460; text-decoration: none; font-weight: bold;} .farbe24 { font-family: Arial; font-size: 16px; color: #afeeee; line-height: 20px; font-weight: 100; } A.text:link { color: #afeeee; text-decoration: none; font-weight: bold;} A.text:visited { color: #afeeee; text-decoration: none; font-weight: bold;} .farbe35 { font-family: Arial; font-size: 16px; color: #ff0000; line-height: 20px; font-weight: 100; } A.text:link { color: #ff0000; text-decoration: none; font-weight: bold;} A.text:visited { color: #ff0000; text-decoration: none; font-weight: bold;} .farbe39 { font-family: Arial; font-size: 16px; color: #00ff7f; line-height: 20px; font-weight: 100; } A.text:link { color: #00ff7f; text-decoration: none; font-weight: bold;} A.text:visited { color: #00ff7f; text-decoration: none; font-weight: bold;} .farbe57 { font-family: Arial; font-size: 16px; color: #ff9900; line-height: 20px; font-weight: 100; } A.text:link { color: #ff9900; text-decoration: none; font-weight: bold;} A.text:visited { color: #ff9900; text-decoration: none; font-weight: bold;} .farbe0 { font-family: Arial; font-size: 16px; color: #ffffff; line-height: 20px; font-weight: 100; } A.text:link { color: #ffffff; text-decoration: none; font-weight: bold;} A.text:visited { color: #ffffff; text-decoration: none; font-weight: bold;} .farbe7 { font-family: Arial; font-size: 16px; color: #8080ff; line-height: 20px; font-weight: 100; } A.text:link { color: #8080ff; text-decoration: none; font-weight: bold;} A.text:visited { color: #8080ff; text-decoration: none; font-weight: bold;} /*--- Loader --- */ #loader { position:fixed; top:0px; left:0px; width: 100%; height: 100%; background-color:#FFFFFF; background: url('../img/loaderSK.gif') 50% 50% no-repeat, url('../img/loaderBG.png') 50% 50% no-repeat; z-index:1000; display:none; }