/*opmaak voor horizontale tabs en arrows */

/*@import url("hor_tabs.css");*/

/*horizontal menu with dropdownlist*/

#bl_button ul {
position: relative;
float:left;
list-style: none;
padding: 0;
margin: 0px 1px 0 0 ; /*2px 1px 0 0;*/
border: none;
z-index: 500;
font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
text-align: center;
}

#bl_button li, #bl_button li li{
font: normal 10pt 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
background: #2175bc;
width: 75px;
text-decoration: none;
}

#bl_button li li{
  width: 175px; /*165px; = width of drop down list*/
  text-align: left;
  border: 1 px solid green;
}

#bl_button li.sub{
  background: #2175bc url(/css/img/arr_down_wht.gif) no-repeat 85% 50%;
  width: 75px;
  text-align: left;
}

#bl_button li.cart{
background: #2175bc url(/css/img/cart.gif) no-repeat 85% 50%;
width: 160px ;
text-align: left;
}

#bl_button li.how{
width: 105px;
margin-left: 4px;
}

#bl_button li a{
position: relative;
left: 0px;
display: block;
color: #fff;
margin: 0 ; /*1px 0 0px 0;*/
padding: 0px 5px 2px 3px ; /*3px; /*2px 5px 2px 3px;*/
border-top: 1px solid #ffd100;
/*border-left: 1px solid #1958b7;
border-right: 1px solid #508fc4;*/
border-bottom: 1px solid #1958b7;/*1px solid #ffd100;*/
/*border: 1px solid #ffd100;*/
/*27/08/2015: removed margin and padding top, added border bottom to separate buttons, 
padding and margin have sometimes the effect that list dissapears when mouse hovers over space between buttons
space is now simulated whith bottom border*/
}

/*html>body #button li a {
width: auto;
}*/

#bl_button li a:hover{
border-left: 1px solid #1c64d1;
border-right: 1px solid #5ba3e0;
background-color: #2586d7;
font-style: italic;
color: #ffff00;
}

#bl_button li.cart a:hover, #bl_button li.how a:hover{
border-left: 1px solid #1c64d1;
border-right: 1px solid #5ba3e0;
}

#bl_button li.cart a:hover{
background: #2586d7 url(/css/img/cart_hover.gif) no-repeat 90% 50%;
}

#bl_button :hover ul{
/*left:0px;*/
  top:20px;/*21px; = position of drop down list under main button*/
  width: 140px;
  background:url(/css/img/transp.gif);/* the background image is for IE7 and FF3.0 */
}

#bl_button :hover ul ul{
/*left:0px;*/
  top:44px;
  background:url(/css/img/transp.gif);/* the background image is for IE7 and FF3.0 */
}

/*special for drop down menu*/

#bl_button ul ul,/*hide first level*/
#bl_button ul li:hover ul/*ul hide second level*/
{
  position:absolute;
  /*z-index:500;*/
  left:10px;
  width: 140px;
  display:none;
  margin: 0 0 0 0;
}

#bl_button ul li:hover ul ul{
 top: 10px;
 left: 175px; /*left position of 2nd dropdownlist*/
 width: 165px;
 padding-left: 1px;
}

#bl_button ul li:hover ul,
#bl_button ul li:hover ul li,
#bl_button ul ul li:hover ul,
#bl_button ul ul ul li:hover ul
{
  display:block;
}

#bl_button .sub:hover > a,
#bl_button .sub2:hover > a 
{/*keep hover state*/
  border-left: 1px solid #1c64d1;
  border-right: 1px solid #5ba3e0;
  /*background-color: #2586d7;*/
  background: #2586d7 url(/css/img/arr_down_wht.gif) no-repeat 85% 50%;
  font-style: italic;
  color: #ffff00;
}

#bl_button .sub2:hover > a {/*keep hover state*/
  background: #2586d7 url(/css/img/arr_left_wht.gif) no-repeat 85% 50%;
}

/***********************************/

#heading {
  text-align: center;
  font: bold italic 36pt 'Monotype corsiva';
  color: #206814;
  margin-top : -5px;
  border-bottom: 1px solid #206814;
}

/*order button*/

.order_btn a {
  position: absolute;
  width: 70px;
  height: 18px;
  text-decoration: none;
  font: italic 12px 'Comic Sans MS';
  color: #FFD100;
  width: 65px;
  height: 18px;
  border: 0;
  display: inline;
  margin-top: -3px;	 	 	 
  background:url(../images/buttons/bestel.gif) no-repeat;
  text-align: center;
}

.order_btn a:hover {
  color: #FFD100;
}

.order_btn a:visited {
  color: #FFD100;
  text-decoration: none;
}