/* Header Stuff */
#header-wrap {
    position: relative;
    z-index: 1000;
    height: 150px;
    top: 5px;
    width: 90%;
    padding-left: 5%; 
}

#menu-icon {
	display:inline-block;
	padding-bottom: -1em;
}

#leeresdiv {
	display: none;
}

/* Background not scrolling */
.center {
    margin-top: 30px;
    width: 90%;
    padding-left: 5%;
}

body {
    overflow-x: hidden;
    font-family: Raleway, sans-serif;
    font-family: Raleway, sans-serif;
    text-align: justify;
} 

html {
    background: url("../images/Kreidetafel-mobile.jpg") no-repeat  fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Content */
.content {
    margin-left: 0px;
    background-color: #FFFFFF;
    padding: 16px;
	padding-top: 1cm;
    box-shadow: -6px 0px 5px #000000;
	font-size: 1.6em;
}

.content2 {
/*	margin-top: 170px;*/
	position: relative;
	height: 1.1cm;
    margin-left: 0px;
    background-color: #FFFFFF;
    padding: 16px;
    box-shadow: -6px 0px 0px #000000;
}




/* Navigation bar */
.navigation {
	display: none;
    position: fixed;
    padding: 1em;
    float: left;
    width: calc(90% - 4em);
    background-color: gainsboro;
    list-style: none;
    box-shadow: -6px 5px 5px #000000;
    line-height: 1.5;
	z-index: 598;
	margin-top: 2cm;
	margin-left: 1em;
	margin-right: 1em;
	font-size: 1.5em;
}

.navigation ul {
    position: relative;
    list-style: none;
}

.navigation li {
	font-size: 1.5em;
    position: relative;
    background-color: #FFFFFF;
    /*border-color: #CCCCCC;*/
    border-style: none;
    border-width: 0px 0px 1px 0px;
}

.navigation li.last {
    border-bottom: 0px;
}

.navigation li.section {
    padding: 0.2em 0.5em 0.2em 0em;
    padding-left: 5px;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: none;
    border-width: 0px 0px 0px 0px;
    cursor: default;
}



.navigation ul ul { 
	position: relative;
    list-style: none;
}

.navigation ul ul li {
	position: relative;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: none;
    border-width: 0px 0px 0px 0px;
	padding-left: 10px;
	font-size: 2em;
}

.navigation a {
    padding: 0.2em 0.5em 0.2em 0em;
    padding-left: 5px;
    text-decoration: none
}

.navigation a:hover {
    color: black;
}

.navigation a:link, .navigation a:visited, span
{
    display: inherit;
    margin: 0em; 
    text-decoration: none;
   
}

.navigation li.hover, 
.navigation li:hover
{
    background-color:  #FFFFFF;
    color       : black;
}

.navigation ul ul li.hover, 
.navigation ul ul li:hover
{
    background-color: #FFFFFF;
    color       : black;
}

.navigation ul ul li a:hover
{
    background-color:  #FFFFFF;
    color       : black;
}