/*	-------------------------------------------------------------
	MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.menu {
	width: 				auto;
	float: 				right;
	display: 			block;
	height: 			auto;
	border-top: 		1px solid #ffffff;
	margin: 			18px 0 0 0;
}

.menu ul {
	width: 				auto;
	height: 			auto;
}

.menu ul li {
	width: 				auto;
	float: 				left;
    list-style: 		none;
}

.menu ul li a {
	width: 				auto;
    font-family: 		'bree_serifregular';
    padding:			16px 0 16px 14px;
    font-size: 			15px;
    color:				#0090d7;
    float: 				left;
    text-decoration: 	none;
}

.menu ul li:nth-child(1) a {
	padding-left:		0;
}

.menu ul li a:hover, .menu ul li.active a {
	color: 				#ffffff;
}


/* MOBIELMENU */

.menu-collapser {
    position: absolute;
    color: #4d4d4d;
    text-shadow: 0;
    width: auto;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    top: 25px;
    z-index: 1002;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button {
    position: fixed;
    background-image: url(../images/mobielmenu_button.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 50px;
    height: 20px;
    right: 0;
    cursor: pointer;
    top: 60px;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    
}
.collapse-button .icon-bar {
    display: none;
}

ul.mobielmenu {
    list-style-type: none;
    margin: 0;
    padding: 75px 0 30px;
    background-color: #ffffff;
    position: fixed;
    z-index: 1001;
    width: 100%;
    font-family: 'bree_serifregular';
    -moz-box-shadow: 0px 0px 15px #000000;
    -webkit-box-shadow: 0px 0px 15px #000000;
    box-shadow: 0px 0px 15px #000000;
    top: 0;
    height: 75%;
    overflow: scroll;
}
ul.mobielmenu li {
    position: relative;
    display: inline-block;
    background-color: #fff;
}
ul.mobielmenu > li { margin-right: -5px; border-left: 1px solid #999 }
ul.mobielmenu > li:first-child { border-left: 0 }
ul.mobielmenu > li:last-child { margin-right: 0 }
ul.mobielmenu li a {
    display: block;
    color: #4d4d4d;
    padding: 20px 30px;
    font-family: 'bree_serifregular';
    font-size: 22px;
    font-weight: normal;
    text-shadow: 0;
    text-align: center;
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
ul.mobielmenu li a:hover {
    background: none;
    color: #0090d7;
    text-decoration: none;
}

ul.mobielmenu li ul li a {
	padding: 15px 30px 15px 30px;
	color: #7c7c7c;
	font-size: 22px;
}

ul.mobielmenu li ul li a:hover {
    color: #4d4d4d;
}

ul.mobielmenu li .sub-collapser {
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
ul.mobielmenu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 80px;
    vertical-align: middle;
    margin-right: -2.25em;
}
ul.mobielmenu li .sub-collapser > i {
    color: #0090d7;
    font-size: 60px;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    font-style: normal;
    line-height: 53px;
}
ul.mobielmenu li ul {
    margin: 0;
    list-style-type: none;
}
ul.mobielmenu li ul li { background-color: #e6e6e6 }
ul.mobielmenu li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}
ul.mobielmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}

ul.mobielmenu.collapsed li {
    display: block;
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.mobielmenu.collapsed li a {
    display: block;
    border-bottom: none;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.mobielmenu.collapsed li .sub-collapser {
    height: 40px;
}
ul.mobielmenu.collapsed li > ul {
    display: none;
    position: static;
}

ul.mobielmenu li ul li i {
	display: none;
}

ul.mobielmenu.collapsed li:nth-child(7) {
    display: none;
}