﻿
/*menu */
ul#menu1, ul#menu1 ul{
border:1px solid #999999; 
margin-bottom: 0px;
padding:0; 
background-color:#2B2619;  //Bruine achtergrond
background-repeat:repeat;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px; 
list-style-type:none
-moz-box-shadow:5px 3px 5px #555555;
-webkit-box-shadow:5px 3px 5px #555555;
box-shadow:5px 3px 5px #555555;
}


/* submenu box */
ul#menu1 ul{

margin-top:0px; 
border:1px solid #979AA0; 
visibility:hidden;
position:absolute;
left:-1px;
top:100%;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
/*kleur ul box */
background-color:#2B2619;   /*Bruine achtergrond*/
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:2px; 
padding-top:0px; 
padding-bottom:5px;
margin-left: -30px;
}




ul#menu1 li:hover>ul{
visibility:visible;
}

ul#menu1 li{
position:relative;
display:block;
white-space:nowrap;
font-size:0;
float:left;
}

ul#menu1 li:hover{
z-index:1;
}


ul#menu1{
margin-top: 10px;
font-size:0;
z-index:999;
position:relative;
display:inline-block;
zoom: 1;
padding:0;
*display:inline;
}
	
	
* html ul#menu1 li a{
display:inline-block;
}

ul#menu1>li{
margin:0px;
}

ul#menu1 a:active, ul#menu1 a:focus{
outline-style:none;
}


/* menubalk middelste knoppen*/
ul#menu1 a{
display:block;
vertical-align:middle;
text-align:center;
text-decoration:none;
color:#ffffff;
cursor:pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
height: 20px;
background-repeat:repeat;
background-position: 2 102px;
border-width:0px;
border-style:none;
border-radius: 0px;
font-style:italic; 
font-variant:normal; 
font-weight:bold; 
font-size: 15px; 
font-family:calibri; 
padding-left:10px; 
padding-right:10px; 
padding-top:3px; 
padding-bottom:5px;
}


ul#menu1 ul li{
float:none;
margin-top: 4px;
margin-left:2px;
margin-right: 2px;
}


/* knoppen in menu boxen */
ul#menu1 ul a{
min-width: 90px;
border-left:0px solid #262626; 
border-right:0px solid #262626; 
border-top:0px solid #262626; 
border-bottom:0px solid #262626; 
text-align:left;
background-color:#555555;
background-image:url('none');
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color: #FFFFFF;
text-shadow:#000000 1px -1px 0px;
text-decoration:none; 
font-style:normal; 
font-variant:normal; 
font-weight:bold; 
font-size:14px; 
font-family:calibri; 
padding-left: 10px; 
padding-right:4px; 
padding-top:4px; 
padding-bottom:4px;

}


/* menubalk hover */
ul#menu1 li:hover>a, ul#menu1 li a.pressed{
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
border-style:none;
color:#ffd323;
border: 0px solid grey;
background-position: 2 102px;
text-decoration:none
}


ul#menu1 span{
display:block;
overflow:visible;
background-position:right center;
background-repeat:no-repeat;
padding-right:0px;
}




ul#menu1 ul li:hover>a, ul#menu1 ul li a.pressed{
background-color:#000000;
background-image:url('none');
border-style:solid;
border-color:#000000;
color:#eccd1a;
text-decoration:none;
}


ul#menu1 li.topfirst>a{
height: 18px;
line-height: 18px;
color: #ffffff;
background: rgb(247,87,50);
background: -moz-linear-gradient(180deg, rgba(247,87,50,1) 0%, rgba(101,14,8,1) 26%, rgba(0,7,8,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(247,87,50,1) 0%, rgba(101,14,8,1) 26%, rgba(0,7,8,1) 100%);
background: linear-gradient(180deg, rgba(247,87,50,1) 0%, rgba(101,14,8,1) 26%, rgba(0,7,8,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f75732",endColorstr="#000708",GradientType=1);
border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0 0 0px;
-webkit-border-radius:0px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
text-shadow:#555555 1px -1px 0px;
}

ul#menu1 li.topfirst2>a{
height: 18px;
line-height: 18px;
cursor: context-menu;
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
border-radius:4px 50px 50px 4px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
text-shadow:#555555 1px -1px 0px;
}

ul#menu1 li.topfirst3>a{
height: 12px;
line-height: 12px;
color: #ffffff;
border-radius:4px 50px 50px 4px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
text-shadow:#555555 1px -1px 0px;
}





ul#menu1 li.topfirst:hover>a, ul#menu1 li.topfirst a.pressed{
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
border-style:none;
color:#ffd323;
border: 0px solid grey;
background-position: 2 102px;
text-decoration:none	
}



ul#menu1 li.topfirst3:hover>a, ul#menu1 li.topfirst3 a.pressed{
color: #eccd1a;
text-shadow:#3d3d3d 1px -1px 0px;
}

	

ul#menu1 li.topmenu>a {
height: 18px;
line-height:18px;
text-shadow:#555555 0px 0px 0px;
}

ul#menu1 li.topmenu3>a {
cursor: context-menu;
height: 18px;
line-height:18px;
text-shadow:#555555 0px 0px 0px;
}


ul#menu1 li.topmenu:hover>a, ul#menu1 li.topmenu a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;
}



ul#menu1 li.topmenu2>a {
color: #ffd323;
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
height: 18px;
line-height:18px;
text-shadow:#3d3d3d 0px -1px 1px;

}


ul#menu1 li.topmenu2:hover>a, ul#menu1 li.topmenu2 a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;
}







ul#menu1 li.toplast>a{
height: 18px;
line-height:18px;
border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
-webkit-border-radius:0;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
text-shadow:#555555 0px 0px 0px;
}



ul#menu1 li.toplast2>a{
height: 18px;
line-height:18px;
color: #ffd323;
background: linear-gradient(to bottom, #FFAA00 30%, #000000 100%);
border-radius:0 4px 4px 0;
-moz-border-radius:0 4px 4px 0;
-webkit-border-radius:0;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
text-shadow:#555555 0px 0px 0px;
}






ul#menu1 li.toplast:hover>a, ul#menu1 li.toplast a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;
}

ul#menu1 _>li>a{
padding:0;
}

/* eerste ul */
ul#menu1 li.subfirst>a{
border-width:0;
border-style:none;
padding-left: 10px; 
padding-right:6px; 
padding-top:4px; 
padding-bottom:4px;
}

ul#menu1 li.subfirst:hover>a, ul#menu1 li.subfirst a.pressed{
border-style:none;
}

ul#menu1 li.subfirst1>a{
background-color: #555555;
border-width:0;
text-align: center;
border-style:none;
padding-left:0px; 
padding-right:0px; 
padding-top:4px; 
padding-bottom:40px;
}

ul#menu1 li.subfirst1:hover>a, ul#menu1 li.subfirst1 a.pressed{
background-color:#555555;
}
	

ul#menu1 li.sublast>a{
border-width:0;
border-style:none;
padding-left: 10px; 
padding-right:6px; 
padding-top:4px; 
padding-bottom:4px;
margin-bottom: 2px;
}









/*menu 3 */
ul#menu3, ul#menu3 ul{
width: 100%;
max-width: 230px;
height: auto;	
border:1px solid #999999;
margin-bottom: 10px;
padding:0; 
background-color:#2B2619;  /*Bruine achtergrond*/
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px; 
list-style-type:none
-moz-box-shadow:5px 3px 5px #555555;
-webkit-box-shadow:5px 3px 5px #555555;
box-shadow:5px 3px 5px #555555;
}


/* submenu box */
ul#menu3 ul{
margin-top:0px; 
border:1px solid #979AA0; 
visibility:hidden;
position:absolute;
left:-1px;
top:100%;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
/*kleur ul box */
background-color:#2B2619;   /*Bruine achtergrond*/
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:5px; 
padding-top:0px; 
padding-bottom:5px;
margin-left: -5px;
}



ul#menu3 li:hover>ul{
visibility:visible;
}


ul#menu3 li{
width: 100%;	
position:relative;
display:block;
white-space:nowrap;
font-size:0;
float:left;
}

ul#menu3 li:hover{
z-index:1;
}


ul#menu3{
margin-top: 0px;
font-size: 0;
position:relative;
display:inline-block;
zoom: 1;
padding:0;
*display:inline;
}
	
	
* html ul#menu3 li a{
display:inline-block;
}

ul#menu3>li{
margin:0px;
}

ul#menu3 a:active, ul#menu3 a:focus{
outline-style:none;
}



ul#menu3 a{
display:block;
vertical-align:middle;
text-align:center;
text-decoration:none;
color:#ffffff;
cursor:pointer;
background: rgb(82,110,160);
background: -moz-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: -webkit-linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
background: linear-gradient(180deg, rgba(82,110,160,1) 0%, rgba(6,24,40,1) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ea0",endColorstr="#061828",GradientType=1);
height: 20px;
background-repeat:repeat;
background-position: 2 102px;
border-width:0px;
border-style:none;
border-radius: 0px;
font-style:italic; 
font-variant:normal; 
font-weight:bold; 
font-size: 14px; 
font-family:calibri; 
padding-left:10px; 
padding-right:10px; 
padding-top:3px; 
padding-bottom:5px;
}


ul#menu3 ul li{
float:none;
margin-top: 4px;
margin-left:2px;
margin-right: 2px;
}


/* knoppen in menu boxen  //new  */
ul#menu3 ul a{
border-left:0px solid #262626; 
border-right:0px solid #262626; 
border-top:0px solid #262626; 
border-bottom:0px solid #262626; 
text-align:left;
background-color:#555555;
background-image:url('none');
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color: #FFFFFF;
text-shadow:#000000 1px -1px 0px;
text-decoration:none; 
font-style:normal; 
font-variant:normal; 
font-weight:bold; 
font-size:14px; 
font-family:calibri; 
padding-left: 10px; 
padding-right:4px; 
padding-top:4px; 
padding-bottom:4px;

}


/* menubalk hover */
ul#menu3 li:hover>a, ul#menu3 li a.pressed{
background: rgb(6,6,6);
background: -moz-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: -webkit-linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
background: linear-gradient(00deg, rgba(6,6,6,1) 0%, rgba(70,55,36,1) 37%, rgba(246,176,35,1) 83%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#060606",endColorstr="#f6b023",GradientType=1);
border-style:none;
color:#ffd323;
border: 0px solid grey;
background-position: 2 102px;
text-decoration:none
}


ul#menu3 span{
display:block;
overflow:visible;
background-position:right center;
background-repeat:no-repeat;
padding-right:0px;
}




ul#menu3 ul li:hover>a, ul#menu3 ul li a.pressed{
background-color:#000000;
background-image:url('none');
border-style:solid;
border-color:#000000;
color:#eccd1a;
text-decoration:none;
}




ul#menu3 li.topfirst3>a{

height: 18px;
line-height: 12px;
color: #ffffff;
text-shadow:#555555 1px -1px 0px;
}




ul#menu3 li.topfirst3:hover>a, ul#menu3 li.topfirst3 a.pressed{
color: #eccd1a;
text-shadow:#3d3d3d 1px -1px 0px;
}



/*menu 4 */
ul#menu4, ul#menu4 ul{
z-index: 0;
position: relative;	
width: 100%;
max-width: 250px;
height: auto;
margin-bottom: 0px;
padding:0; 
background-color: #ffffff;  /*witte achtergrond*/
border-radius: 5px; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #614310;
box-shadow: inset 2px 2px 8px #1C2D41;
outline:none
}

#menu4klein1, #menu4klein2, #menu4klein3, #menu4klein4, #menu4klein5 {
display: block;
z-index: 1;
position:relative;
width: 100%;	
/*max-width: 180px;*/
border: 0px solid blue;
}


/* submenu box */
ul#menu4 ul{
position:absolute;
width: 103%;
margin-top:0px; 
border:0px solid red; 
visibility:hidden;
left:0px;
top:100%;
-moz-box-shadow:0.7px 0.7px 1px #777777;
-webkit-box-shadow:0.7px 0.7px 1px #777777;
box-shadow:0.7px 0.7px 1px #777777;
/*kleur ul box */
background-color: #ffffff;   /*witte achtergrond*/
border-radius: 6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding-left:2px; 
padding-right:5px; 
padding-top:0px; 
padding-bottom:5px;
margin-left: -5px;
}



ul#menu4 li:hover>ul{
visibility:visible;
}


ul#menu4 li{
width: 100%;	
position:relative;
display:block;
white-space:nowrap;
font-size:0;
float:left;
}

ul#menu4 li:hover{
z-index:1;
}


ul#menu4{
margin-top: 10px;
font-size: 0;
position:relative;
display:inline-block;
zoom: 1;
padding:0;
*display:inline;
}
	
	
* html ul#menu4 li a{
display:inline-block;
}

ul#menu4>li{
margin:0px;
}

ul#menu4 a:active, ul#menu4 a:focus{
outline-style:none;
}

.flr {
float: right;
}

ul#menu4 a{
display:block;
vertical-align:middle;
text-align:left;
text-decoration:none;
color:red;
cursor:pointer;
background: transparent;
height: 20px;
background-repeat:repeat;
background-position: 2 102px;
border-width:0px;
border-style:none;
border-radius: 0px;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size: 13px; 
font-family:arial; 
padding-left:15px; 
padding-right:10px; 
padding-top:3px; 
padding-bottom:9px;
overflow: hidden;
}


ul#menu4 ul li{
float:none;
margin-top: 4px;
margin-left:2px;
margin-right: 2px;
}


/* knoppen in menu boxen  //new  */
ul#menu4 ul a{
text-align:left;
background-color:#ffffff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color: #000000;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:13px; 
font-family:arial; 
padding-left: 10px; 
padding-right:4px; 
padding-top:8px; 
padding-bottom:4px;

}


/* menubalk hover */
ul#menu4 li:hover>a, ul#menu4 li a.pressed{
border-style:none;
color:#000000;
border: 0px solid red;
background-position: 2 102px;
text-decoration:none
}


ul#menu4 span{
display:block;
overflow:visible;
background-position:right center;
background-repeat:no-repeat;
padding-right:0px;
}




ul#menu4 ul li:hover>a, ul#menu4 ul li a.pressed{
background-color:#426ddc; /*blauw*/
border-style:solid;
border-color:#000000;
color:#ffffff;
text-decoration:none;
}




ul#menu4 li.topfirst3>a{
height: 12px;
padding-top: 8px;
line-height: 14px;
color: grey;
font-weight: bold;
}




	






@media (max-width: 850px) {
	
ul#menu1 {
display: none;
}


}	
	
	
	
	