html {
  height: 											100%;
}

img {
	border:											none;
}

body {
	background-image:								url('../images/background.jpg');
	background-size:								cover;
	background-repeat:								no-repeat;
	
	color:											#000000;
	
    font-family:									verdana, arial, sans-serif;
    font-weight:									normal;
    font-style:										normal;
    font-size:										0.75em;
	
	margin-top:										0em;
	margin-bottom:									0em;
	margin-left:									0em;
	margin-right:									0em;

	height:											100%;
	width:											100%;

	line-height:									1.5em;
	text-align:										left;		
}

.frame {
	width:											100%;
	margin:											0 auto;
}

header {
	background-image:								url('../images/background_header.png');
	background-repeat:								repeat-x;
	background-position:							0em 4.1em;
	
	margin-top:										0em;
	margin-bottom:									0em;
	margin-left:									0em;
	margin-right:									0em;
	
	height:											12em;	
}

header div {
	padding-top:									4em;
	margin:											0 auto;
	
	width:											100%;
}

header div img {
	margin-top:										0.8em;
	margin-bottom:									0em;
	margin-left:									4.1em;
	margin-right:									0em;	
}

main {
	margin:											0 auto;
	width:											100%;	
	height:											100%;	
	
	position:										absolute;
	top:											0em;
	left:											0em;
	
	z-index:										2;
}

main div {
	position:										absolute;
}

main div div {
	position:										relative;
}

main .leskaart_title {
	background-color:								#AA0A22;
	font-size:										1.2em;
	font-weight:									bold;
	color:											#FFFFFF;
	
	margin-top:										0em;
	margin-bottom:									0em;
	margin-left:									0em;
	margin-right:									0em;

	padding-top:									0.5em;
	padding-bottom:									0.5em;
	padding-left:									0.5em;
	padding-right:									0.5em;
	
	border-style:									solid;
	border-color:									#FFFFFF;
	border-width:									0.4em;
	
	border-top-width:								0px;
	
	border-bottom-left-radius:						0.5em;
	border-bottom-right-radius:						0.5em;
	
	text-align:										center;
	
	height:											84px;
	width:											35em;
}

main .leskaart_titl h2 {
	font-size:										2em;
	font-weight:									bold;
}

main .popup {
	background-color:								#AA0A22;
	font-size:										1.2em;
	font-weight:									bold;
	line-height:									1.4em;
	
	margin-top:										0em;
	margin-bottom:									0em;
	margin-left:									0em;
	margin-right:									0em;

	padding-top:									1.2em;
	padding-bottom:									1.2em;
	padding-left:									1.2em;
	padding-right:									1.2em;
	
	border-style:									solid;
	border-color:									#FFFFFF;
	border-width:									0.4em;
	border-radius:									0.5em;
	
	width:											20em;
	height:											9em;
	
	display:										none;
	
	min-height:										7em;
}

main #help {
	font-size:										2em;
	
	width:											30em;
	height:											9em;
}


main .popup .close {
	background-color:								#0099CC;
	color:											#FFFFFF;
	
	text-align:										center;
	
	padding-top:									0.6em;
	padding-bottom:									0.6em;
	padding-left:									0.6em;
	padding-right:									0.6em;
	
	margin-top:										1em;
	margin-bottom:									0em;
	margin-left:									0em;
	margin-right:									0em;
	
	border-radius:									0.5em;
	
	width:											4.4em;
	
	float:											left;
	
	position:										absolute;
	
	bottom:											1em;
}

main .popup .content {
	font-size:										1em;
	font-weight:									normal;
	color:											#FFFFFF;
	
	padding-top:									0.6em;
	padding-bottom:									0.6em;
	padding-left:									0.6em;
	padding-right:									0.6em;
	
	margin-top:										0em;
	margin-bottom:									0.5em;
	margin-left:									0em;
	margin-right:									0em;
	
	clear:											both;
}

main .popup .close.left {
	left:											1em;
}

main .popup .close.right {
	right:											1em;
}

main .popup .image_bottom_right {
	position:										absolute;
	
	right:											0em;
	bottom:											0em;
}

main .popup .image_bottom_right img {
	position:										absolute;
	
	right:											0em;
	bottom:											0em;
	
	border-bottom-right-radius:						0.5em;
}

main .darken {
	background-image:								url('../images/darken.png');
	
	width:											100%;	
	height:											100%;
	
	display:										none;
}

main .front {
	position:										absolute;
	right:											0em;
	bottom:											0em;
}

main .front img {
	margin-top:										0em;
	margin-bottom:									0em;
	margin-left:									0em;
	margin-right:									0em;
	
	position:										absolute;
	right:											0em;
	bottom:											0em;
}

main .loading {
	background-color:								#000000;
	color:											#FFFFFF;
	text-align:										center;
	font-size:										2em;
	
	padding-top:									30%;
	
	width:											100%;	
	height:											100%;
}

footer {
	margin-top:										0em;
	margin-bottom:									0em;
	margin-left:									0em;
	margin-right:									0em;	
	
	position:										fixed;
	bottom:											4.1em;
	left:											4.1em;
	width:											100%;
}