/* ================================================================ */
/* header                                                           */
/* ================================================================ */
#header { padding: 0; clear:both;}
#headertext { 
  float: right; 
  width: 76%; 
  border: none;
  border-bottom:1px #aaa solid;
  background-color: #fff;
  margin-bottom:40px;
  padding-top: 20px; /*Ellen toegevoegd */
}
#headerlogo { float:left; width: 20%; margin-bottom:20px;}
#headerlogo img {width:100%;}

/* **************************************************************** */
/* banner                                                           */
/* **************************************************************** */
#banner
{
    margin-top:	1px;
    margin-bottom:20px;
    padding:3px;
    font-family: 'Winco', Arial, Helvetica, sans-serif;
    font-size: 1em;
    background-color: #FA4A52; /*#9A3334;*/
    position: relative;
}
#banner::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 50%;
  top:0;
  background: #FA4A52;
  z-index: -1;
  margin:0 auto;
  transform:translateX(-50%);
}
#banner li a {
    border-left: solid 1px white;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0.5em;
}    
#banner ul {
    margin: 1px;    
    list-style:  none;
    text-align: left;
    padding: 0 0.5em;
	overflow: hidden;    
}
#banner li {
    float:          left;
    color: #ffffff;    
} 
#banner a {
    color: white;
    margin: 0.5em;
}

/* **************************************************************** */
/* custom styling of menu (overrides superfish.css)                 */
/* **************************************************************** */
.sf-menu  {
  line-height: 1;
  margin-bottom: 0;
}
.sf-menu li {
  background: none;
}
.sf-menu ul li {
  background: #FA4A52;
}
.sf-menu li:hover, .sf-menu li.sfHover {
  background: #EC4249;
}
.sf-arrows .sf-with-ul {
	padding-right: 1em;
}
.sf-menu a {
  border-left: 1px solid #FA4A52;
  border-right: 1px solid #FA4A52;
	border-top:	none;
  margin-left: -1px;
  padding: 0.75em 0.5em;
  text-decoration: none;
}
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu li:hover a, .sf-menu li.sfHover a {
  color: #FFFFFF;
}
.sf-menu a, .sf-menu a:visited  { 
  color: #000000;
}
.sf-menu form {
  border-left: 1px solid #FA4A52;;
  border-right: 1px solid #FA4A52;;
  margin-left: -1px;
}
.sf-menu input {
  margin-left: 0.5em;
  padding:3px;
}
#banner li.first a, .sf-menu li.first a {
  border-left: none;
  margin-left: 0;
}    
.sf-menu li.first.sfHover a {
  border-left: 1px solid #FA4A52;
  margin-left: -1px;
}    
#menu input[type="submit"] {
  border: 1px solid;
  margin-right: 0.5em;
  cursor: pointer;
}