* {
    margin: 0; padding: 0;
}

body {
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.3em;
    min-width: 640px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fef9dc+0,ffffff+45,ffffff+55,fef9dc+100 */
    background: #fef9dc; /* Old browsers */
    background: -moz-linear-gradient(left, #fef9dc 0%, #ffffff 45%, #ffffff 55%, #fef9dc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fef9dc 0%,#ffffff 45%,#ffffff 55%,#fef9dc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fef9dc 0%,#ffffff 45%,#ffffff 55%,#fef9dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9dc', endColorstr='#fef9dc',GradientType=1 ); /* IE6-9 */
}

p {
	max-width: 90%;
    margin-top: 0.8em;
}

a:link, a:visited {
    text-decoration: none;
}

ul, ol {
	max-width: 90%;
    margin-left: 2.5em;
    margin-top: 0.5em;
}

nav {
    box-sizing: border-box;
    font-size: 0.9em;
    left: 0;
    padding: 0.5em;
    position: fixed;
    top: 0;
    width: 160px;
}

nav ul {
    list-style-type: none;
    margin: 0;
}

nav li a:link, nav li a:visited {
    background: #4885b8;
    border-radius: 0.4em;
    box-shadow: 4px 4px 8px #003663; -webkit-box-shadow: 4px 4px 8px #003663; -moz-box-shadow: 4px 4px 8px #003663;
    color: white;
    display: block;
    margin-top: 1em;
    padding: 0.5em;
}

nav li a:hover, nav li a:focus, nav li a:active {
    background: #639ac8;
}

header, main {
    margin-left: 176px; /* to make space for navbar */
}

header {
    padding: 1em 0;
    border-bottom: 1px solid #aaa;
}

main {
    overflow-x: scroll;
    padding-bottom: 10em;
    padding-left: 1em;
}

h1 {
    font-size: 1.5em;
}

h2 {
    width: 95%;
    border-radius: 0.3em;
    font-size: 1.1em;
    color: white;
    background: #004b89;
    margin-top: 3em;
    margin-bottom: 1em;
    margin-left: -0.8em;
    padding: 0.4em;
    padding-left: 1em;
    font-weight: normal;
}

h3 {
    font-size: 1.5em;
}

table {
	max-width: 90%;
    text-align: left;
    margin: 10px 0px 10px;
    border: 2px solid black;
	border-collapse: collapse;
}

th, td {
    padding: 2px 5px;
    border: 1px solid black;
}

#logo {
	width: 145px;
}

/* IE hack (bugg åtminstone i IE11) */
@media screen\0 {
    main > * { margin-left: 190px; }
    main > h2 { margin-left: 180px; }
	h2 {width: 80%}
	p {max-width: 75%}
}