.vg {
  margin:0 0 0 0px;
  margin-left:-100px !important;
  margin-left:0px;
  margin-top:0px;
  background-color:#9ead52;
}

.dienstenholder {
  margin:0px;
  padding:0px;
  padding-top:5px;

  margin-left:100px;
  margin-top:215px;
  width:300px;
  height:250px;
  overflow:hidden;
  
}

.logincontainer {
  margin-left:20px;
  margin-top:20px;
}

.formfield {
  margin-top: 8px;
  margin-bottom: 8px;
}

.inputtext {
  background-color: #fff; 
  border: 1px solid #000;
}

.inputbutton {
  font-size: 11px;
  color: #fff;
  background-color: #6F7478; 
  border: 1px solid #000;
}

#zoek {
  display:none;
  width:207px;
  padding-left:15px;
  float:left;
  margin-top:15px !important;
  margin-top:0px;
}

#zoek form {
  display:none;
  margin:0px;
  padding:0px;  
  background-image: none !important;
  float:left; 
}

.zoektextbox {
  display:none;
  width: 144px !important;
  width:147px;
  border: 1px solid #e9cfcc;
  float:left;
}

.zoeksubmit {
  display:none;
  border: 1px solid #bd7067;
  background-color:#bd7067;
  color:#fff;
}

/********************************************************
          VG info
*******************************************************/
.extramenus {
  width:170px;
  float:left;
  color:#494925;  
  padding:0px;
  margin-left:0px;
}

#vgmenus {
  width:250px;
  padding-left:0px;
  overflow:hidden;
  margin-left:22px;
}

#vpmenus {
  display:none;
}

.dienstenholder span, #mainmenuitem_klantvoordeel span, #mainmenuitem_aanbieding span {
  display:inline !important;
}

.dienstenholder li, .dienstenholder li a:hover {
  background:none !important;
}

#algemeenplus li {

}

.communityul a, #algemeenplus li a, .logout a, #mainmenuitem_klantvoordeel a, #mainmenuitem_aanbieding a {
  width:170px;
  height:16px;
  padding:0px 0px 0 0;
  text-decoration:none;
  color:#eee;
  font-size:11px;
  border-top:0px solid #fff;
  border-bottom:0px solid #fff;
  position:relative;
  text-align:left;
  margin-left:12px;
  font-style:normal;
}


.communityul a:hover, #algemeenplus li a:hover, #mainmenuitem_klantvoordeel a:hover, #mainmenuitem_aanbieding a:hover {
text-decoration:none;
  border-top:0px solid #bd7067;
  border-bottom:0px solid #bd7067;
  color:#fff;
  margin-left:12px;
  font-style:normal;
}

.community {
  width:170px;
  padding:0px 0px 0px 0;
  color:#fff;
  text-decoration:none;
  position:relative;
  display:block;
  float:left;
  font-size:11px;
  font-style:normal;
  border:0px;
  margin-left:20px;
}

/*
De verhouding voor het aanpassen van de iconen is 1,111.
Dit betekent dat je de nieuwe breedte door 1,111 deelt om de nieuwe hoogte te krijgen.
Meestal is dit niet helemaal de goede verhouding.
Je kunt het checken door te kijken of de klok exact rond is.

De kleuren van de iconen staan bovenin de index.
Deze heten IconColor en IconHoverColor.
Iconcolor = de kleur van het icoon;
IconHoverColor = de kleur als je er met je muis overheen gaat.
*/
.vgicons, #vgmenus li {
  padding:0px;
  margin:0px;
  display:inline;
  list-style-type:none;  
}

#vgmenus li {
  width:52px;
  height:40px;
  float:left;
  text-align:center;
  font-size:10px;
  font-family:arial, verdana, sans-serif;
  padding-bottom:13px !important;
  margin-left:0px !important;
  margin-right:5px !important; 
  margin-top:5px !important;
  border:1px solid #eee;
  padding-top:2px !important;
  letter-spacing:-0.06em !important;
  letter-spacing:-0.06em;
}

#vgmenus li img {
  float:left;  
  width:38px;
  height:31px;
  margin-left:8px;
  margin-right:1px;
}

#vgmenus li a {
  text-decoration:none;
  color:#fff;
  font-size:10px;
}

#vgmenus li a:hover {
  text-decoration:underline;
  color:#fff;
}

#vgmenus .selected18, #vgmenus .selected19, #vgmenus .selected20, #vgmenus .selected21, #vgmenus .selected22, #vgmenus .selected23, #vgmenus .selected24, #vgmenus .selected25, #vgmenus .selected26, #vgmenus .selected27, #vgmenus .selected28 {
  background-color:#1b6c20 !important; 
}

.extramenus logout {
margin:0px;
display:inline-block;
}

.logout a,.logout a:hover {
text-decoration:none;
  margin-left:25px;
  font-style:normal;
}