@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular.woff') format('woff'),
         url('../fonts/Roboto-Regular.ttf') format('truetype'),
         url('../fonts/Roboto-Regular.svg#roboto-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



* {margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
*::after, *::before { box-sizing: inherit; -webkit-box-sizing:inherit;}

#static-msg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	z-index:9999997;
}

html{height:100%;width:100%;background:#fff;margin:0 auto;text-align:center;}
body{height:100%;width:100%; min-width:980px;margin:0 auto;text-align:center;margin:0;padding:0; font:normal 16px/1.2em 'roboto-regular', Arial;overflow-y:scroll;overflow-x:visible;}
img{box-sizing:content-box;-webkit-box-sizing:content-box; border:0px;margin:0;padding:0;}
.topimage{
-webkit-animation: loadfadeind 1.8s; /* Safari and Chrome */
-moz-animation: loadfadeind 1.8s; /* Firefox */
-ms-animation: loadfadeind 1.8s; /* Internet Explorer */
-o-animation: loadfadeind 1.8s; /* Opera */
animation: loadfadeind 1.8s;
position:static;width:100%;height:100%;display:block;margin-bottom:10px; background-color:#fff; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
img.topimage{width:100%; height:auto;min-height:auto; max-height:auto; min-width:auto; max-width:100vw;margin:0; padding:0; outline:0;display:block;}


@keyframes loadfadeind {  from { opacity: 0; } to { opacity: 1; } }
/* Firefox */
@-moz-keyframes loadfadeind { from { opacity: 0; } to   { opacity: 1; } }
/* Safari and Chrome */
@-webkit-keyframes loadfadeind { from { opacity: 0; } to   { opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes loadfadeind { from { opacity: 0; } to   { opacity: 1; } }
/* Opera */
@-o-keyframes loadfadeind { from { opacity: 0; } to   { opacity: 1; } }


.disabled{}
.disabled:after{z-index:999;content:'BEENDET';display:block;opacity:.9;background-color:#dd0000;position:fixed;top:-105px;left:-200px;line-height:70px;padding:150px;padding-bottom:0px;text-align:center;font-size:30px; color:#fff;
text-shadow: 1px 1px 0px #aa0000;
-webkit-text-shadow: 1px 1px 0px #aa0000;
-moz-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
letter-spacing:3px;
}

h1,h2,h3,h4{ line-height:1.4em; font-family:'roboto-regular', Arial; color:#000; font-weight:bold;word-spacing:3px;}
h1{font-size:30px;padding-top:40px;}
small {font-size:10px;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.clear{clear:both;}

figure h1{
z-index:1;
color: #ffffff;
    font-family: 'roboto-regular', Arial;
    font-weight:bold;
    font-size: 55px;
    line-height: 1.4em;
    margin: 0;
    padding: 0 15%;
    position: absolute;
    text-align: center;
    top: 18%;
    -webkit-text-shadow:1px 1px 25px #000,1px 1px 10px #000,1px 1px 2px #000,1px 1px 2px #000;
    text-shadow:1px 1px 25px #000,1px 1px 10px #000,1px 1px 2px #000,1px 1px 2px #000;
    }
  @media screen and (max-width: 1023px) {
    figure h1 {
      font-size: 45px;
      padding: 0 10%; }
  }
  @media screen and (max-width: 979px) {
    figure h1 {
      font-size: 35px;
      padding: 0 10%; }
  }
  @media screen and (max-width: 499px) {
    figure h1 {
      font-size: 28px; }
  }
  @media screen and (max-height: 599px) {
    figure h1 {
      min-height: auto;
    }
  }

h2{font-size:20px;}
h3{font-size:16px;}
a{text-decoration:none; }
footer a{ color:#888; }
footer a:hover{ color:#000; text-decoration:underline; }

a.navbutton,a.topbutton{z-index:1001; position:fixed; width:54px;height:54px;right:15px; top:15px;border-radius:4px; -webkit-border-radius:4px; line-height:52px;display:inline-block;font-size:44px; font-weight:bold;text-decoration:none;color:#fff; background-color:rgba(0,0,0,.5);}
a.topbutton {right:76px;font-size:36px;line-height:60px;display:none;}
a.navbutton:hover,a.topbutton:hover{ background-color:rgba(0,0,0,.8);}


nav {z-index:999;overflow-y:auto;position:fixed; height:100%; width:250px; border-left:1px solid #eee; background-color:#fff;right:-270px;top:0px;box-shadow:0 0 20px #000;padding-top:50px;padding-bottom:50px;}
nav h2,nav h3 {text-align:left;padding-left:10px;padding-top:30px;padding-bottom:10px;}
nav h3 {padding-top:10px;padding-bottom:10px;}
nav a{width:100%;display:block; height:40px; line-height:40px;color:#444; font-size:15px; font-weight:bold;text-align:left;background-color:#f5f5f5;padding-left:10px;border-top:1px solid #fff;}
nav a:hover {background-color:#000; color:#fff;}
nav a.archive {font-size:12px; font-weight: normal; width:100%;display:block; height:26px; line-height:26px;color:#888;background-color:#fafafa;}
nav a.archive:hover {background-color:#666; color:#fff;}

nav a.wintoday {background-color:#f5f5f5; color:#444;margin:0px;}
nav a.wintoday:hover {background-color:#008800; color:#fff;}
nav a.wintoday.current-site {border:0;border-left:6px solid #008800;}

.block-style {width:100%;min-width:980px; max-width:980px; height:auto; display:block; margin:0 auto;padding:0 10px;text-align:left;clear:both;}
.block-style li.h2-box {width:100%;display:block;font-size:18px; font-family:'roboto-regular', Arial; color:#000; font-weight:bold;letter-spacing:1px; background-color:#ccc; text-indent:15px;margin-bottom:10px;margin-top:25px;line-height:2em;border-radius:4px; -webkit-border-radius:4px;clear:left;float:left;}

.block-style li img.autoresize {width:auto;height:auto;min-width:150px;max-width:100%;border:0;border-radius:0px; -webkit-border-radius:0px;}
.block-style li.box-4 {width:25%;min-width:220px;display:block;float:left;text-align:center;padding:10px;margin:0;}
.block-style li.box-3 {width:33.33%; display:block;float:left;padding:10px;}
.block-style li.box-2 {width:50%; display:block;float:left;padding:10px;}
.block-style li.box-1 {width:100%;display:block;float:left;padding:10px;}

.block-style li.flex-img-block{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width:980px;
		height:auto;
		margin:auto;
		min-width:auto;
		max-width:100%;
	}

.block-style li.flex-img-block img {
		width:auto;
		display:block;
		margin:5px;
		text-align:center;
	}


.terms{background-color:#f5f5f5;padding:50px 0;margin:0px; display:inline-block;height:auto;width:100%;}
.bg-block {padding:50px 0px;margin:0px; display:inline-block;height:auto;width:100%;}


footer {border-top:1px solid #eee; background-color:#fafafa;color:#888;width:100%;display:block;margin:0 auto; margin-top:40px;padding:20px 10px;}
footer p{display:inline-block;padding:0 10px;}
footer p a{border-right:1px solid #888; padding-right:20px;text-decoration:underline;}

div.footer-impress,
div.footer-disclaimer{background-color:#eee;color:#444;padding:20px 0;margin:20px 0px; height:auto;width:100%;position:absolute;left:0px;display:none;}


@media only screen and (min-device-width: 200px) and (max-device-width: 639px){
h1{font-size:20px;}
h2{font-size:16px;}
body{min-width:100% !important; max-width:initial; width:100%;}
.block-style {width:100%;min-width:100%; max-width:100%; padding:10px;}
.block-style li.box-1,.block-style li.box-2, .block-style li.box-3, .block-style li.box-4 {width:100%; float:initial;}
.block-style li.box-4 {width:auto;min-width:45%;max-width:100%; display:block;float:left;text-align:center;padding:10px;margin:0 auto;}
.block-style li img.autoresize {width:auto;height:auto;min-width:150px;max-width:100%;border:0;border-radius:0px; -webkit-border-radius:0px;text-align:center;margin:0 auto;}
.disabled:after{top:-55px;left:-105px;line-height:50px;padding:80px;padding-bottom:0px;text-align:center;font-size:18px;}
footer p{display:block;}
footer p a{display:block;border:0px;width:100%; padding:10px 0; text-decoration:underline;}
}

@media only screen and (min-device-width: 640px) and (max-device-width: 980px){

body{min-width:100% !important; max-width:initial; width:100%;}
.block-style {width:100%;min-width:100%; max-width:100%; padding:10px;}
.disabled:after{top:-55px;left:-102px;line-height:50px;padding:80px;padding-bottom:0px;text-align:center;font-size:18px;}
}

button,
.button {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;

  font-weight:400;
	font-size: 16px;
	color: #444;
	line-height: 17px;
	min-height: 18px;

	display: inline-block;
	/*float: left;*/

	margin: 5px;
	padding: 5px 6px 4px 6px;

	background: #F3F3F3;
	border: solid 1px #D9D9D9;

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}

button {
	height: 29px !important;
	cursor: pointer;
  display: block;
}


button:hover,
.button:hover {
    background: #F4F4F4;
		border-color: #C0C0C0;
		color: #333;
}

button:active,
.button:active {
	border-color: #4D90FE;
	color: #4D90FE;

	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}

button.on,
.button.on {
	border-color: #BBB;

	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:hover,
.button.on:hover {
	border-color: #BBB;

	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:active,
.button.on:active {
	border-color: #4D90FE;
}

button.action,
.button.action {
	border: 1px solid #D8D8D8 !important;

	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);

	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.action:hover,
.button.action:hover {
	border: 1px solid #C6C6C6 !important;

	background: #F3F3F3;
	background: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -moz-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -ms-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -o-linear-gradient(top, #F8F8F8, #F1F1F1);
}

button.green,
.button.green {
	border: 1px solid #93A81A !important;

	background: #A6BE1D;
	background: -webkit-linear-gradient(top, #A6BE1D, #93A81A);
	background: -moz-linear-gradient(top, #A6BE1D, #93A81A);
	background: -ms-linear-gradient(top, #A6BE1D, #93A81A);
	background: -o-linear-gradient(top, #A6BE1D, #93A81A);

	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.green:hover,
.button.green:hover {
	border: 1px solid #849717 !important;

	background: #9AB11B;
	background: -webkit-linear-gradient(top, #A2BA1C, #8BA018);
	background: -moz-linear-gradient(top, #A2BA1C, #8BA018);
	background: -ms-linear-gradient(top, #A2BA1C, #8BA018);
	background: -o-linear-gradient(top, #A2BA1C, #8BA018);
}
button.red,
.button.red {
	border: 1px solid #D14836 !important;

	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);

	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.red:hover,
.button.red:hover {
	border: 1px solid #B0281A !important;

	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}

button.action:hover,
.button.action:hover {
	-webkit-box-shadow: 0 1px 0px rgba(255,255,255,.2);
	box-shadow:inset 0 1px 0px rgba(255,255,255,.2);
}
button.action:active,
.button.action:active {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}

button.green:active,
.button.green:active {
	border-color: #2D6200 !important;
}
button.red:active,
.button.red:active {
	border-color: #B0281A !important;
}


button .label,
.button .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.4) !important;
  padding: 0 17px !important;
  display:inline;
}

button.default .label,
.button.default .label {
  color: #aaa !important;
	padding: 0 17px !important;
}

button.action:active .label,
.button.action:active .label {
	color: #333 !important;
}

#privacy-policies {box-sizing:border-box;-webkit-box-sizing:border-box; display:block; color:#f5f5f5; position:fixed; text-align:left; font-size:14px; border:1px solid #000; left:50%; bottom:0px; z-index:500;  margin-left:-310px; background-color:#000; background-color:rgba(0,0,0,.8); padding:10px 10px; box-shadow:0 0 10px #000; padding-left:100px; color:#fff; height:auto;width:620px; vertical-align:top;}
#privacy-policies:before{ content:attr(data-privacy-ico); display:block; text-align:left; width:50px; height:100px; position:absolute; left:30px; margin-top:10px;font:bold 48px/48px 'webicons-tfk'; color:#fff; }
#privacy-policies h1 {color:#fff; font-size:18px; line-height:1.2em;padding:0; margin:0; text-align:left;}
#privacy-policies a {text-decoration:none;}