html{
	height:100%;
	border:none;
	margin:0px;
	overflow-y: scroll;
}

body{
	background-color: #a1917c;
	color: #fefefe;
	font-family: 'hk_groteskregular', Sans-Serif;
	font-size:15px;
	margin:0px;
	border:none;
	padding:0px;
	height:100%;
	width:100%;
}

a, a:link, a:visited, a:focus, a:active, a:hover{
	text-decoration: underline;
	outline:none;
	border-style:none;
	border:0px;
}

a:link, a:visited{
	color:#FFB8A5;
}

a:focus, a:active, a:hover{
	color:#FFFFFF;
}

p{
	width:80%;
	margin:0px auto;
	margin-bottom:1em;
	text-align:left;
	text-indent: 1.5em;
}

div.centered{
	text-align:center;
}

div.spacer{
	height:10px;
}

div#content{
	width: 90%;
	padding:20px;
	padding:2vw;
	margin:0px auto;
	margin-top:100px;
	margin-top:10vw;
	text-align:center;
	background-color: #000000;
	color: #fefefe;
	min-height:680px;
	min-height: 80vh;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:    0px 0px 55px -20px #000;
	-webkit-box-shadow: 0px 0px 55px -20px #000;
	box-shadow:         0px 0px 55px -20px #000;
	border:1px solid #666;
}

div#footer{
	width:100%;
	margin-top:80px;
}

table#header{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	cursor: default;
}

table#header a{ color: #000000; text-decoration:none;}
table#header a:hover{ color: #DD0000; text-decoration:none;}

table#header{
	position: absolute;
	left:50%;
	width:43vw;
	color: #000000;
	transform: translate(-50%, 0%);
	-moz-transform: translate(-50%,  0%); /* Obsolete Mozilla */
	-ms-transform: translate(-50%,  0%); /* IE 9 */
	-webkit-transform: translate(-50%,  0%); /* Safari */
	top:10px;
	z-index: 10;
	background-color: #dddddd;
	text-align:left;
	padding:10px;
	padding:1vw;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:    0px 0px 55px -20px #000;
	-webkit-box-shadow: 0px 0px 55px -20px #000;
	box-shadow:         0px 0px 55px -20px #000;
}


img.fullwidth_img{
	width:75%;
	border:none;
	outline:none;	
	-moz-border-radius: 12px;
	border-radius: 12px;
}

div#spacer{
	style:block;
	height:80px;
	height:8vw;
}

img#logo{
	width:90px;
	width:10vw;
	float:left;
	position: relative;
	right:-10px;
	right:-3vw;
}

td#title{
	font-family: 'hk_groteskregular', Sans-Serif;
	font-size:56px;
	font-size:6vw;
	vertical-align:bottom;
	line-height: .8em;
	position: absolute;
	left:170px;
	left:44%;
	!top:0px;
	!right:-6.5vw;
	!bottom:10px;
	!bottom:1vw;
}

span#IL{
	letter-spacing: .20em;
}

span#G{
	letter-spacing: .12em;
}

span#A{
	letter-spacing: .15em;
}

span#KORT{
	letter-spacing: .01em;
}

td#menu{
	font-family: 'hk_groteskbold', Sans-Serif;
	height:1em;
	vertical-align:bottom;
	font-size:20px;
	font-size:2vw;
	cursor: pointer;
	color: #666666;
}

@media (max-width: 600px) {
	td#menu{  font-size: 12px; }
	td#title{ font-size: 36px;}
	img#logo{right:-18px; width:60px;}
	div#spacer{height: 48px;}
	table#header{width:265px}
	div#content{margin-top:74px; padding:12px; font-size: 12px;}
	img.fullwidth_img{width:100%}
	p{width:100%}
	body{font-size: 12px;}
}

@font-face {
	font-family: 'hk_groteskbold';
	src: url('fonts/hkgrotesk-bold-webfont.eot');
	src: url('fonts/hkgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/hkgrotesk-bold-webfont.woff2') format('woff2'),
	 url('fonts/hkgrotesk-bold-webfont.woff') format('woff'),
	 url('fonts/hkgrotesk-bold-webfont.ttf') format('truetype'),
	 url('fonts/hkgrotesk-bold-webfont.svg#hk_groteskbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'hk_groteskmedium';
	src: url('fonts/hkgrotesk-medium-webfont.eot');
	src: url('fonts/hkgrotesk-medium-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/hkgrotesk-medium-webfont.woff2') format('woff2'),
	 url('fonts/hkgrotesk-medium-webfont.woff') format('woff'),
	 url('fonts/hkgrotesk-medium-webfont.ttf') format('truetype'),
	 url('fonts/hkgrotesk-medium-webfont.svg#hk_groteskmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hk_grotesklight';
	src: url('fonts/hkgrotesk-light-webfont.eot');
	src: url('fonts/hkgrotesk-light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/hkgrotesk-light-webfont.woff2') format('woff2'),
	 url('fonts/hkgrotesk-light-webfont.woff') format('woff'),
	 url('fonts/hkgrotesk-light-webfont.ttf') format('truetype'),
	 url('fonts/hkgrotesk-light-webfont.svg#hk_grotesklight') format('svg');
	font-weight: normal;
	font-style: normal;
}
