/* Header Stuff */
#header-wrap {
    position: fixed;
    z-index: 1000;
    height: 150px;
    top: 0px;
    width: 60%;
    padding-left: 20%; 
}


#leeresdiv {
    position: fixed;
    width: 100%;
    height: 180px;
    top: 0px;
    z-index: 999;
        background: url("../images/Kreidetafel.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Background not scrolling */
.center {
    margin-top: 180px;
    width: 60%;
    padding-left: 20%;
}

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

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

/* Content */
.content {
    margin-left: 220px;
    background-color: #FFFFFF;
    padding: 16px;
	padding-top: 2cm;
    box-shadow: -6px 0px 5px #000000;
}

.content2 {
/*	margin-top: 170px;*/
	position: fixed;
	height: 1cm;
	width: calc(60% - 252px);
    margin-left: 220px;
    background-color: #FFFFFF;
    padding: 16px;
    box-shadow: -6px 0px 0px #000000;
	z-index: 700;
}

#menu-icon {
	display: none;
}


/* Navigation bar */
.navigation {
    position:fixed;
    padding: 20px;
    float: left;
    width: 160px;
    background-color: #FFFFFF;
    list-style: none;
    box-shadow: -6px 0px 5px #000000;
    line-height: 1.5;
}

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

.navigation li {
    position: relative;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    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: solid;
    border-width: 0px 0px 1px 0px;
    cursor: default;
}


.navigation ul ul { 
    display: none;
    position: absolute;
    margin-left: 155px; 
    top: -1px;
    width: 160px;
    float:left;
    background-color: #FFFFFF;
    list-style: none;
    box-shadow: 8px 8px 5px -5px #000000;
    line-height: 1.5;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    z-index: 598;
}

.navigation ul ul li {
    background-color:  #EEEEFF;
    color       : maroon;
    border-color: #CCCCCC;
    border-style: solid;
    border-left-width: 1px;
}

.navigation ul li:hover > ul {
    display: block;
}


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

.navigation a:hover {
    color: maroon;
}

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

.navigation li.hover, 
.navigation li:hover
{
    background-color:  #EEEEFF;
    color       : maroon;
}

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

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