ul {margin-top: 0; margin-bottom: 0; margin-left: 12pt; padding-left: 0; font: 14px/1.6em Georgia,"Times New Roman",Times,serif;}
li {margin-top: 0; margin-bottom: 0; margin-left: 12pt; padding-left: 0; font: 14px/1.6em Georgia,"Times New Roman",Times,serif;}


/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #747B33;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer {background-color: #586D85;}
.submitbutton, a.actionlink, input.flatbutton, .button a {color: #FFFFFF;}
a:hover, .history a:hover * {color: #747B33;}
a:not(.actionlink):hover, .history a:hover * {text-decoration: underline;}
.button a:hover {text-decoration: none;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span {background-color: #232D3E;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span {color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 1px solid #000;}
.vdtl div.header {border-bottom: 0px solid #000;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {border: 1px solid rgba(35, 45, 62, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #586D85; color: #586D85;}
button:hover  {background-color: #586D85; color: #FFFFFF;}

/* Standaardfontdefinitie */
* {font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {font-family: FontAwesome, Georgia, "Times New Roman", Times, serif;}
h1 span.category:before {font-family: FontAwesome, Georgia, "Times New Roman", Times, serif;}

/* Tonen en verbergen van elementen */
h1 span#vacancy_title a, h1 span#vacancy_title i.fa {display: none;}
h2 span#client_name {display: inline-block;}

/* Styling gespecificeerd door klant */
h1, h1 span, h2, h2 span {color: #2b3138;}

a {font: 14px/1em Georgia,"Times New Roman",Times,serif; color: #2b3138}

.vovv h1 {display: none;}

.vovv #job_title {
  color: #2b3138;
  font: 26px/1.4em Georgia,"Times New Roman",Times,serif;
}

.vovv #location {
  font: 14px/1em Georgia,"Times New Roman",Times,serif;
  color: #2b3138;
}

.vovv #publish_date {
  font: 14px/1em Georgia,"Times New Roman",Times,serif;
  padding: 2px 4px;
  color: white;
  background: #2b3138;
}

.vdtl h1, .vdtl h1 span {
  color: #2b3138;
  font: 16px/1.6em Georgia,"Times New Roman",Times,serif;
}

.vdtl h2 {
  font: 16px/1.6em Georgia,"Times New Roman",Times,serif;
  color: #2b3138;
  border: 0;
  font-weight: bold;
}

.vdtl .text {
  font: 14px/1.6em Georgia,"Times New Roman",Times,serif;
  color: #2b3138;
}

.vdtl .actionlink {
  background: #586d85;
  box-shadow: 0 2px 10px -5px rgba(55, 73, 87, 0.5);
  color: white;
  padding: 10px 20px;
}

.vdtl .actionlink:hover {
  background: #232d3e;
}


.datacolumn {padding-left: 5px; padding-right: 5px}
/*  GRID BELOW 769 PIXELS */
@media only screen and (max-width: 768px) {
  a.vacoverview #job_title {margin-bottom: 0.5em;}
}

/*  GRID BELOW 641 PIXELS */
@media only screen and (max-width: 640px) {
  a.vacoverview #location {margin-bottom: 0.5em;}