/*Main menu*/

nav .current{
	color:#a77c18;
	}
/*Menu fixed on top of screen*/	
.menu{
	top:0px;
	position:fixed;
	width:100%;
	border-bottom:solid 1px #eaeaea;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .35);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .35);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .35);
	z-index:999;
	font-size:16px;
	}
	

/*ruimte onder creeeren zodat alles op de juiste positie staat*/	
.spacemenu{
	height:70px;
	display:show;
	}	
	
/* Clearfix */	
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
	width:100%;
}

/* Basic Styles */
		
.logo{ 
	float:left;
	display:block;
	cursor:pointer;
	max-width:100px;
}

nav {
	height: 100%;
	background: #FFF;
	position: relative;
}

nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	display:block;
	text-align:right;
}

nav li {
	display: inline;
	width: 100%;
}

nav ul li a{
}

nav a {
	color: #004570;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 70px;
	padding-left:1.3%;
	padding-right:1.3%;
}

nav li a {

}

nav li:last-child a {
	
}

nav a:hover, nav a:active {
	background-color: #f8f8f8;
	color:#a77c18;
}

nav a#pull {
	display: none;
}


/*Styles for screen 515px and lower*/
/*breedte is afhankelijk van de content in het menu zodat het past*/
@media only screen and (max-width : 799px) {
/*menu fixed position los koppelen*/	
.menu{
	position:relative;
	width:100%;
	border-bottom:solid 1px #eaeaea;
	}	
/*ruimte onder menu opheffen*/	
.spacemenu{
	height:0px;
	display:none;
	}	
		
	.clearfix {
    *zoom: 1;
	float:none;
}

.logo{
	content:"";
	z-index:99;
	position:relative;
		}
		
	nav {
		border-bottom: 0;
	}
	
/*belangrijk laat ul alleen zien als je op puul duwt*/	
	nav ul {
		display: none;
		height: auto;
	}
	
	 nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
	
  	nav li a {
		border-top: 1px solid #dddddd;
	}
	
  	nav a {
	  	text-align: left;
	  	width: 100%;
		padding:0px;
		line-height:40px;
		text-indent:20px;
  	}
	
	
	
	nav a#pull {
		display: block;
		background-color: #fff;
		width: 100%;
		position: relative;
		padding:0px;
		height:70px;
		background: url('../images/menu.png') no-repeat;
		background-position:right;
		background-color:#004570;

	}
	
	nav a:hover#pull {
		background-color:#135879;
	}
	

}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-top: 1px solid #dddddd;
	}
}



/*Footer Menu*/	

.copya{
display:inline-block;
line-height:74px;
float:left;
padding-left:50px;
background-image:url(../images/icon-footer.png);
background-repeat:no-repeat;
background-position:left;
	}

.copyb{
display:none;
text-align:center;
	}	
	
.footer {
	height: 100%;
	position: relative;
}
	
ul.footermenu{
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	display:block;
	text-align:right;
}

ul.footermenu li{
	display: inline;
	width: 100%;
}

ul.footermenu li a, ul.footermenu li a:visited{
	color: #6a9bad;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height:74px;
	padding-left:20px;
	padding-right:20px;
	font-weight:500;
}

ul.footermenu li:last-child a {
	padding-right:50px;
}

ul.footermenu li a:hover, ul.footermenu li a:active{
	color: #FFFFFF;
}

@media only screen and (max-width : 750px) {
.copya{
display:none;
	}
	
.copyb{
	margin-top:20px;
	padding-top:40px;
	padding-bottom:12px;
	display:show;
	text-align:center;
	display:block;
	width: 100%;
	background-image:url(../images/icon-footer.png);
	background-repeat:no-repeat;
	background-position:top;
	font-size:12px;
}	
	
ul.footermenu{
	text-align:center;
	padding:0px;
}

ul.footermenu li {
	display: block;
	float: none;
	width: 100%;
}

ul.footermenu li a, ul.footermenu li a:visited{
	display: block;
	float: none;
	border-bottom:solid 1px #0176a1;
	line-height:50px;
	-moz-box-shadow: #003345 0 1px 0 0;
	-webkit-box-shadow: #003345 0 1px 0 0;
	box-shadow: #003345 0 1px 0 0;
}

ul.footermenu li:last-child a {
	padding-right:20px;
}	
}