/* main style for leanderj.dk */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
html, body {
    /* Size */
    height:100vh;
	width:100vw;
	margin:0px; 
	padding:0px;
	border-width:0px;

    /* Additional settings */
	background-color:#eee;
    color:#222;
	font-family: Arial, Helvetica, Sans-serif;
	
}
body.photo {
	overflow:hidden;
}
body.textpage { 
	overflow:auto !important;
}
h1 {
	font-size: 1em;
}
.h2 { 
	font-size:0.8em;
}
h1, .h2 {
	font-weight:lighter;
	margin:0.2em 0.2em 0.2em 0.2em;
	opacity:1;
}
h2 {
	font-size: 1.2em;
	font-weight:lighter;
}
#info h2 {
	font-size: 0.8em;
	font-weight:lighter;
	margin:0.2em 0.2em 0.2em 0.2em;
}
p.indexmenu {
    display:inline;
    font-size: 0.8em;
    font-weight:lighter;
    margin:0.2em 0.2em 0.2em 0.2em;
    opacity:1;
}
.it {
	font-style:italic;
}
.bold {
	font-weight: bold;
}
a, a:active {
	color:inherit;
	text-decoration:inherit;
}
a:hover {
	text-decoration:underline;
}
#textpage p {
    font-family:sans-serif;
    font-size:1.0em;
}
#textpage img {
	width:80%;
	margin:0px 10% 0px 10%;
}	
#textpage #contentbox {
    width:60em;
    max-width:90vw;
    height:auto;
    margin:10em auto;
    text-align:left;
}
#box_left {
	position:absolute;
	top:1em;
	left:1em;
	color:#222;
	display: inline-block;
    z-index:20;
}
#box_left a {
	font-size:90%;
}
#box_left h1 a {
	font-size:100%;
}
#box_left h1 a:hover {
	color:#222222 !important;
}
#box_right {
	position:absolute;
	top:1em;
	right:1em;
	color:#222;
	display: none; /* inline-block */
    z-index:20;
}
#info {
	position:absolute;
	top:3em;
	left:1em;
	background-color:#eee;
	color:#222;
	display: inline-block;
	opacity:1;
	border: 0px solid #999999;
}