:root {
  --hodblue: #40648B;
  --hodmidblue: #6489AF;
  --hodlightblue: #43C7FE;
  --hodorange: #FFA721;
  --hodbrown: #B4A182;
}
  
  #Menu .RadMenu.RadMenu_hod {z-index:1000!important; margin-left:-5px;}
 #Menu .RadMenu.RadMenu_hod *
 {
 border:none;
 box-shadow:none;
 font-family: 'Open Sans', sans-serif;

 }

#Menu .RadMenu.RadMenu_hod ul,
#Menu .RadMenu.RadMenu_hod ul li
 {margin:0;padding:0;}

#Menu .RadMenu.RadMenu_hod ul li .rmLink
{
		text-decoration:none;
		font-weight:400;
		margin:0px;
        height: 2.5rem;
        width: 100%;
        display: block;
		line-height:2.5rem;
		padding:0rem 0rem 0rem 1.2rem;
		font-size:1.4rem;
}

#Menu .RadMenu.RadMenu_hod ul li .rmLink {cursor: default!important;}
#Menu .RadMenu.RadMenu_hod ul li a.rmLink { cursor: pointer!important; }

#Menu .RadMenu.RadMenu_hod .rmFirst .rmLink
{
		padding:0rem 0rem 0rem 1.2rem;
}


 #Menu .RadMenu.RadMenu_hod .rmLink,
 #Menu .RadMenu.RadMenu_hod .rmLink:link,
        #Menu .RadMenu.RadMenu_hod .rmLink:visited
		{
            text-decoration: none;
			font-size:1rem;
        }

        #Menu  .RadMenu.RadMenu_hod .rmLink:hover,
        #Menu .RadMenu.RadMenu_hod .rmLink:active,
        #Menu  .RadMenu.RadMenu_hod .rmLink.rmFocused
		{
            text-decoration: none;
			color: var(--rpred)!important;
        }

#Menu  .RadMenu.RadMenu_hod .rmSlide .rmItem
{
height:3rem;
width:100%;
}


#Menu .RadMenu.RadMenu_hod .rmSlide
{
text-align:left;
box-shadow:7px 7px 10px rgba(0,0,0,0.1);
margin:-1rem 0 0 0 ;
 padding:1.5rem 1rem 1.5rem 1rem;
 min-width:400px;
 width:auto;
 height:auto!important;
}

#Menu .RadMenu.RadMenu_hod .Breed .rmSlide {
position:fixed!important;
left:0!important;
top:200px!important;
width:100%;
min-height:20rem;
}

#HeaderContainer.tiny #Menu .RadMenu.RadMenu_hod .Breed .rmSlide
{
top:124px!important;
}



 div.RadMenu.RadMenu_hod .Breed .rmItem
 {
   position: static!important;
}


.RadMenu.RadMenu_hod .menu-item-wrapper
{text-align:left;}



    #Menu .RadMenu.RadMenu_hod .rmSlide .rmLink,
    #Menu .RadMenu.RadMenu_hod .rmSlide .rmLink:link,
    #Menu .RadMenu.RadMenu_hod .rmSlide .rmLink:visited

	{
        	font-size:1.4rem;
			color:#fff!important;

    }


#Menu .RadMenu.RadMenu_hod .rmSlide .rmGroupColumn
 {
width:31%!important;
overflow:hidden;
margin-right:3%!important;

}

.rmMultiColumn:before {border:none!important}


#Menu .RadMenu.RadMenu_hod .rmSlide .rmGroupColumn:last-child
 {
margin-right:0%!important;
}



#Menu .RadMenu.RadMenu_hod .rmSlide li {margin:0!important;}
#Menu .RadMenu.RadMenu_hod .rmSlide li li
{
	padding:0rem 0rem!important;
margin:0!important;
text-align:left;
	height:35px!important;

}


 #Menu .RadMenu.RadMenu_hod .rmSlide .rmGroupColumn ul
 {
 max-width:100%!important
 }

  #Menu .RadMenu.RadMenu_hod .rmSlide .rmGroupColumn ul li,
  #Menu .RadMenu.RadMenu_hod .rmSlide .rmGroupColumn ul li *
 {
 max-width:100%!important;

 }



#Menu .RadMenu.RadMenu_hod .rmSlide .rmLink
{
    padding: 0!important;
	  margin:0!important;
	  font-weight:normal!important;


}






  .RadMenuPopup_hod
  {width:100%!important;margin-top:-23px!important;}

  #Menu .rmPopup
 {
/*  max-width:700px; */
 }







   #Menu .RadMenu.RadMenu_hod .rmSlide  ul.rmMultiColumn
   {
 margin:0 auto!important;
 }


#Menu .RadMenu.RadMenu_hod .rmSlide .rmGroup
  {
 margin:0 auto!important;
 }


 #Menu .rmPopup
 {
 margin:0 auto
 }

  #Menu .RadMenu  .rmPopup *
  {
  font-size:1.4rem!important;
  }

   #Menu .RadMenu .rmPopup a:hover
  {
  background:none!important;
  text-decoration:underline;
  }


 /*submenu bij producten */

 #submenu  {overflow:auto;overflow-x:hidden}
 #submenu ul {padding:0}
 #submenu li {display:block;padding:0;margin:0;list-style-type: none;}
 #submenu li a {display:block;height:100%;width:100%;padding:0rem 0 0rem 0.5rem;
 color: rgba(0, 91, 170, 1)!important;
 }
 #submenu li a:link,
 #submenu li a:visited
 {text-decoration:none;}
 #submenu li a:hover,
 #submenu li a:active
 {text-decoration:underline;}
 #submenu li.l1  {margin-top:1em}
 #submenu li.l2  {margin-left:0em;border-top:1px solid rgba(0, 0, 0,0.05);}
 #submenu li.l2:first-child  {border-top:none}
 #submenu li.l3  {margin-left:1em; /*font-family: "Open Sans Condensed";*/}
 #submenu li.l1 a {font-weight:700;font-size:1.4rem;}
 #submenu li.l2 a {font-weight:normal;font-size:1.3rem;}
 #submenu li.l3 a {font-weight:normal;font-size:1.3rem;margin-left:1rem}
 #submenu li.Selected a {font-weight:600;margin-left:0.5rem;padding-left:0.5rem!important}
 #submenu li.Selected a {border-left:4px solid rgba(210, 35, 42,1)!important;}

.rmToggle {

width:100vw!important;
text-align:right!important;
}

 .RadMenu.RadMenu_MetroTouch span.rmRootToggle {
background:#efefef!important;
margin-top:0.2rem;
}

.RadMenu.RadMenu_MetroTouch span.rmRootToggle:hover,
.RadMenu.RadMenu_MetroTouch span.rmRootToggle.rmExpanded
 {border:none;background:#D2232A!important;color:white!important;}

  #Menu .RadMenu .rmLink,
 #Menu .RadMenu .rmLink:link,
        #Menu .RadMenu .rmLink:visited {
			color:white;
			text-transform:lowercase;
        }


#Menu .RadMenu .rmItem.Highlight .rmLink {  color: #fff!important;   }
#Menu .rmItem.rmExpanded .rmLink.rmRootLink {  color: #fff!important;   }
/*#Menu .rmLink:hover, #Menu .rmLink:active {color: var(--hodorange)!important;}
#Menu .RadMenu .rmItem.rmExpanded,
#Menu .RadMenu .rmLink.rmRootLink.rmExpanded
 {
  background:rgba(0, 91, 170, 1)!important;
 }*/

.rmSlide *:before {/*haalt verticale streep in submenu weg*/
  border: none !important;
}

#Menu .rmSlide
{
margin-top:-0rem!important;
background: var(--hodblue);
width:100%!important;
color:#fff!important;
}

#Menu .rmSlide .rmVertical  {width:100%!important;}
  #Menu .rmSlide .rmLink,
  #Menu .rmSlide .rmLink:link,
  #Menu .rmSlide .rmLink:visited {
        	font-size:.875rem!important;
			color:#fff!important;
			text-transform:none;

    }

    #Menu .rmSlide .rmLink:hover,
    #Menu .rmSlide .rmLink:active {
text-decoration:underline!important}

	#Menu .rmSlide .rmItem
	{
		/*border-bottom:1px solid rgba(255,255,255,0.1)!important;*/
	}

  #menuColorizer
  {
    display:block;
    width:100%;
    position:absolute;
    bottom:0px;
    height:60px;
    border-top:1px solid #D2232A;
  }

 /*query capable*/
 @media screen and (min-width: 1060px){
.RadMenuPopup.RadMenuPopup_MetroTouch
{
z-index:1200!important;
position:fixed;
top:129px!important;
 width:100vw!important;
min-height:100vh!important;
background:#fff!important;
}


  #Menu  .RadMenu.RadMenu_hod .rmItem .Breed .rmSlide,
 .Breed .menu-item-wrapper {
 min-width:100vw!important;
 max-width:100vw!important;
 width:100vw!important;
 }


 .RadMenu.RadMenu_hod .rmSlide .rmItem
 { font-size:0.8em!important}


 #Menu .rmPopup
 {

 max-width:960px;
 }

 #Menu .rmMultiColumn
 {

 width:100%!important;
padding:0 1rem!important;

 }
  #Menu .rmMultiColumn li
  {

  }


}





  @media screen  and (min-width: 1180px){

  #Menu  .RadMenu.RadMenu_hod .rmItem .Breed .rmSlide ,
.Breed .menu-item-wrapper {
 min-width:100vw!important;
 max-width:100vw!important;
 width:100vw!important;
}

 #Menu .rmPopup
 {
 max-width:1140px;
 }

 #Menu .rmMultiColumn
 {
max-width:1376px;
 }
}

 #Menu .RadMenu .rmRootToggle {
 z-index:9000!important
 }