@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Teko&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body{margin-top:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;padding:0px;font-family: 'Rubik', sans-serif;color:#333;font-size:16px;
}

img {max-width:100%;height:auto;border:0px }

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;
	background: url(loader.gif) center no-repeat #fff;
}
 
a, a:link, a:visited{text-decoration:none;color:#333;white-space: nowrap;}
a:hover{text-decoration:underline;color:#333;}
a.menu, a:visited.menu {display:block;text-decoration:none;padding:12px 0px 12px 0px;background-color:#28406D;width:100%;text-align:center;color:#fff;text-transform: uppercase;}
a:hover.menu{background-color:#28406D;}
a.white, a:visited.white {color:#fff;}
a:hover.white{color:#E6F2FF}
a.closeit, a:visited.closetit {text-decoration:none;color:#333;}
a:hover.closeit{text-decoration:none}

table {border-collapse: collapse;}
.header {display:table;max-width:1000px;margin:0 auto;width:100%;padding:10px 20px 0px 20px}
.logo {height:56px}
.main {display:block;max-width:1000px;margin:0 auto;background-color:#fff;padding:0px 10px 0px 10px}
.tekst {line-height:1.5}
.dyno {clear:both;padding:16px;background-color:#28406D;color:#fff;text-align:center;width:100%;margin:0 auto;}
.notes {font-size:12px;margin:0 auto;max-width:970px;display:block}
   

#menu {position:absolute;top:64px;left:0;width:100%;display:none;padding:10px 0px 50px 0px;background-color:#28406D;text-align:center;font-size: 16px;font-weight:bold}
#menubutton {display:block;width:32px;height:64px;background:url('images/mobmenu.png');float:right}
#oddsformat {margin-bottom:40px}
.left {width:100%;display:block;padding-top:0px}
.right {display:100%;padding-top:32px}
#results{display:none;text-align:center;}
.hint {padding:12px;font-size:16px;text-align:right;float:left;width:66%;margin-bottom:6px;}
.hintresult {display:block;padding:12px;font-size:16px;text-align:right;float:left;width:66%;margin-bottom:8px;}
.result {margin-bottom:6px;padding:10px;background-color:#fff;color:#333;text-align:center;font-weight:bold;font-size:18px;display:block;float:right;width:33%}
#error, #noarb, #nokelly, #decimalonly {z-index:1;background-color:#fff;display:none;border:1px solid #333;position:fixed;width:300px;top:50%;margin-top:-100px;left:50%;margin-left: -150px;text-align:center;padding:30px 20px 20px 20px;}

h1 {font-size:20px;margin-bottom:18px;font-weight:bold;margin-top:6px;padding-top:0px}
h2 {font-size:20px;margin-top:16px;padding-top:0px}
.titletag {display:block;padding:14px 0px 14px 0px;background-color:#E7EBF5;width:100%;text-align:center;font-size:16px;color:#28406D; text-transform: uppercase;margin-top:0px}
.hideonmobile {display:none}
#hideonmobile {display:none}
.showonmobile {display:block}

input[type="text"] {margin-bottom:6px;padding:10px;width:100%;background-color:#E7EBF5;border:0px;color:#333;text-align:center;font-weight:bold;font-size:18px;outline: none;float:right;width:33%;font-family: 'Rubik', sans-serif;}
input[type="button"] {margin-bottom:6px;padding:10px;width:100%;text-align:center;font-size:16px;color:#333;border:0px;background-color:#E7EBF5;outline: none;font-family: 'Rubik', sans-serif;}
select {background-color:#fff;text-align:center;color:#333;border:0px;font-size:14px}


@media (min-width:800px)
{
.left {width:66%;float:left;padding-top:32px}
.right {width:34%;display:block;text-align:right;float:right;padding-left:16px}
#menu {position:relative;top:0;display:block;padding:0px 0px 0px 0px;background-color:#fff;text-align:right;border-top:0px solid #fff}
a.menu, a:visited.menu {display:block;text-decoration:none;float:left;padding:14px 0px 14px 0px;background-color:#E7EBF5;width:100%;text-align:center;border-bottom:1px solid #fff;color:#28406D; text-transform: uppercase;}
a:hover.menu{background-color:#E7EBF5;}
.hideonmobile {display:block}
#hideonmobile {display:block}
.showonmobile {display:none}
#menubutton {display:none}
select {background-color:#eee;}
.header {padding:40px 10px 40px 10px}
.logo {height:60px}
}