body {
  font-family: "Verdana";
  font-size: 10px;
  background-color: #E0EFEA;
  color: black;
  font-weight: normal;
  background-image: url(../images/IndexBackground.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 100%;
  padding: 0px;
  margin: 0px;
}

html {
  padding: 0px;
  margin: 0px;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

th, td {
  font-family: "Verdana";
  color: black;
  font-size: 10px;
  vertical-align: top;	
}

form {
  margin: 0px;
}

a:link, a:visited, a:hover {
  color: black;
  font-size: 10px;
  font-family: "Verdana";
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


hr {
  border: 1px solid #05A074;
}

h1 {
  font-weight: bold;
  font-size: 10px;
}

h2, h2, h3, h4, h5 {
  font-weight: bold;
  font-size: 10px;
}

h6 {
  font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.LoginError {
  color: red;
}

.TopMenu {
	position: absolute;
	top: 7px;
	right: 25px;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	background: #079f76;
	text-transform: uppercase;
	font-size: 10px;
}

.TopMenu p {
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}

.TopMenu a:link,
.TopMenu a:hover,
.TopMenu a:active,
.TopMenu a:visited {
	color: #FFFFFF;
}

.TopMenu a:hover {
	text-decoration: underline;
}

.GroeneBalk {
  position: relative;
  float: left;
  height: 12px;
  width: 100%;
  background-color: #0ca67b;
  overflow: hidden;
}

.WitteFiller {
  position: relative;
  float: left;
  height: 88px;
  width: 20px;
  background-color: white;
  overflow: hidden;
}

.TopBalk {
  float: left;
  width: 100%;
  background-image: url( ../images/TopBalk.jpg );
  background-repeat: repeat-x;
  background-position: left top;
}

.Uitzondering {
  position: relative;
  float: left;
  width: 725px;
  margin-left: 0px;
  margin-top: 100px;
  overflow: auto;
  font-family: "Verdana";
  color: #323136;
  font-size: 10px;
  border-top: 2px solid #05a074;
  padding-bottom: 20px;
}

.ContentHolder {
  position: relative;
  float: left;
  margin-left: 0px;
  width: 100%;
}

.Filler {
  position: relative;
  float: right;
  width: 1px;
  height: 100%;
}

.Content {
  position: relative;
  float: left;
  left: 0px;
  margin-top: 100px;
  width: 325px;
  overflow: auto;
  font-family: "Verdana";
  color: #323136;
  font-size: 10px;
  border-top: 2px solid #05a074;
  padding-bottom: 20px;
}

.paginaNaam,
a.paginaNaam:link,
a.paginaNaam:active,
a.paginaNaam:hover,
a.paginaNaam:visited {
  padding-bottom: 10px;
  width: 325px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}

.paginaNaam2 {
  padding-bottom: 10px;
  width: 360px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  border-top: 2px solid #05a074;
}

.IndicatieHolder {
  width: 320px;
}

.IndicatieAfbeelding {
  float: right;
  width: 100px;
  margin-left: 13px;
  margin-bottom: 10px;
}

.IndicatieTekst {
  float: left;
  width: 320px;
}

.IndicatieNaam {
  width: 325px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  border-top: 2px solid #05a074;
}

.ContactUitschuif {
  display: block;
  padding-bottom: 10px;
  width: 358px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  background-image: url(../images/contact_uitschuif.jpg);
  background-repeat: repeat-x;
  padding-top: 2px;
  height: 18px;
}

.ContactActief {
  display: block;
  position: relative;
  width: 358px;
  overflow: auto;
  font-family: "Verdana";
  color: #323136;
  font-size: 10px;
  border-top: 2px solid #05a074;
  text-transform: uppercase;
  padding-bottom: 10px;
  height: 18px;
}

#ContactHolder {
  position: relative;
  padding-bottom: 20px;
  padding-top: 15px;
}

.ContactInformatie {
  position: relative;
  width: 180px;
  font-family: "Verdana";
  color: #323136;
  font-size: 10px;
}

a.InfoButton:link,
a.InfoButton:hover,
a.InfoButton:active,
a.InfoButton:visited {
	display: block;
	width: 120px;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	background: #85257e;
	text-align: center;
	margin: 5px 0px;	
	float: right;
}

div#ConcactInformatie {
	width: 160px;
	float: left;
}

.Clear {
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

a.Logo:link,
a.Logo:hover,
a.Logo:active,
a.Logo:visited {
  position: relative;
  float: left;
  margin-left: 0px;
  margin-top: 9px;
  background-image: url(../images/factum_logo.gif);
  width: 150px;
  height: 44px;
  text-decoration: none;
}

.LeftHolder {
  position: absolute;
  width: 180px;
  top: 30px;
  left: 40px;
}

.Template {
  float: left;
  width: 150px;
  margin-top: 30px;
  background-repeat: no-repeat;
  background-position: top left;
  border-top: 2px solid #05a074;
}

.Certificate {
	float: left;
	width: 150px;
	height: 77px;
	margin-top: 5px;
	background-image: url(../images/Image7.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.ExtranetButton {
  position: relative;
  width: 150px;
	top: 130px;
}

span.Highlight {
	background-color: #85257E;
	color: white;
}
.RightHolder {
  position: relative;
  float: left;
  margin-left: 40px;
  margin-top: 100px;
  width: 360px;
}

.Contact {
  position: relative;
  width: 360px;
  overflow: auto;
  font-family: "Verdana";
  color: #323136;
  font-size: 10px;
  margin-top: 20px;
}

.Nieuws {
  position: relative;
  width: 360px;
  border-top: 2px solid #05a074;
}

.NieuwsPagina {
  position: relative;
  float: left;
  margin-top: 100px;
  margin-left: 40px;
  width: 360px;
  border-top: 2px solid #05a074;
  
}

.Vacatures {
	position: relative;
	width: 360px;
	border-top: 1px solid #05a074;
	border-bottom: 1px solid #05a074;
	padding: 2px 0px;
}

.Vacatures .Tekst {
	float: left;
	width: 220px;
}

.HuidgeNieuwsItem {
  padding-bottom: 10px;
}

.HuidigeNieuwsItem .Teaser {
  padding-top: 10px;
}

.HuidigeNieuwsItem .Datum {
  font-style: italic;
}

.HuidigeNieuwsItem .NieuwsVerder {
  display: block;
  font-weight: bold;
  color: purple;
  width: 100%;
  text-align: right;
}


.NieuwsArchief {
  padding-top: 10px;
  font-size: 10px;
  width: 360px;
}

.NieuwsArchief .Datum {
  font-style: italic;
  text-align: left;
  width: 90px;
  vertical-align: top;
  font-size: 10px;
}

.NieuwsArchief .Titel {
  left: 80px;
  top: 0px;
  width: 200px;  
  font-weight: normal;
  font-size: 10px;
  padding-right: 10px;
}

.NieuwsArchief .Verder {
  right: 0px;
  top: 0px;
  font-weight: bold;
  color: purple;
  vertical-align: bottom;
  width: 105px;
  text-align: right;
}

.NieuwsArchief a.Verder:link,
.NieuwsArchief a.Verder:hover,
.NieuwsArchief a.Verder:active,
.NieuwsArchief a.Verder:visited {
  color: purple;
}

.HuidigNieuws {
  position: relative;
  float: left;
  margin-left: 0px;
  margin-top: 100px;
  width: 325px;
  border-top: 2px solid #05a074;
}

.HuidigNieuws .Datum {
  font-style: italic;
}

a.alleitems:link,
a.alleitems:hover,
a.alleitems:active,
a.alleitems:visited {
  position: relative;
  display: block;
  width: 360px;
  padding-top: 10px;
  color: purple;
  text-align: right;
}

.InnerDiv {
  position: absolute;
  left: 230px;
  top: 0px;
  float: left;
  width: 750px;
  padding-bottom: 30px;
}

.MenuBalk {
  position: absolute;
  top: 71px;
  left: 0px;
  color: #8a297f;
	z-index: 10;
}

a.MenuBalkLink,
a.MenuBalkLinkExtranet {
  padding-right: 7px;
  color: #8a297f;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  white-space: nowrap;
}

a.MenuBalkLink:hover,
a.MenuBalkLinkExtranet:hover {
  text-decoration: underline;
}

a.MenuBalkLinkUp,
a.MenuBalkLinkExtranetUp {
  padding-right: 7px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  color: #8a297f;
  text-decoration: underline;
}

a.MenuBalkLinkSubExtranet:link,
a.MenuBalkLinkSubExtranet:hover,
a.MenuBalkLinkSubExtranet:active,
a.MenuBalkLinkSubExtranet:visited,
a.MenuBalkLinkSubExtranetUp:link,
a.MenuBalkLinkSubExtranetUp:hover,
a.MenuBalkLinkSubExtranetUp:active,
a.MenuBalkLinkSubExtranetUp:visited {
  display: block;
  padding: 5px;
  color: #8a297f;
  white-space: nowrap;
}

a.MenuBalkLinkSubExtranet:hover, 
a.MenuBalkLinkSubExtranetUp:hover {
  color: black;
  background-color: #05A074;
  text-decoration: none;
}

.SubList {
  position: absolute;
  display: none;
  margin: 0px;
  padding: 0px;
  margin-top: 8px;
  list-style-type: none;
  background-color: #E0E0E0; /*#E0EFEA;*/
  border: 1px solid #05A074;
}

.ExtranetTekst {
  font-size: 11px;
  text-transform: uppercase;
}

.websiteby {
  float: left;
  margin-top: 150px;
  color: black;
  width: 175px;
  color: #05A074;
}

.websiteby a:link,
.websiteby a:hover,
.websiteby a:active,
.websiteby a:visited {
  color: #05A074;
}

.MFErrorMessage {
  color: red;
}

.MFSubmitButton, .MFCancelButton {
  width: 98px;
  height: 19px;
  color: white;
  font-size: 10px;
  background-color: #05A074;
  border: 2px solid #05A074;
  font-family: "Verdana";
}

.MFTD {
  vertical-align: top;
  color: #000000;
  font-size: 10px;
  font-family: "Verdana";
}

.MFKop {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.MFNaamType, .MFEmailType {
  color: #000000;
  border: 1px solid #922883;
  width: 160px;
  margin: 2px;
  font-size: 10px;
  padding-left: 3px;
  font-family: "Verdana";
}

.GroterOpmerking {
  color: #000000;
  border: 1px solid #922883;
  width: 200px;
  margin: 2px;
  font-family: "Verdana";
  font-size: 10px;
  padding-left: 3px;
  padding-right: 3px;
  height: 60px;
}

.DirectieHolder {
  position: relative;
  padding-top: 10px;
  width: 325px;
}

.DirectieFoto {
  float: left;
  border-top: 2px solid #05A074;
}

.DirectieInformatie {
  padding-left: 10px;
  float: left;
  width: 250px;
}

.DirectieNaam {
  font-weight: bold;
}

.DirectieTotaleTekst {
  float: left;
  border-top: 2px solid #05A074;
  padding-top: 10px;
}


.DirectieInformatieVerder {
  float: left;
  padding-bottom: 10px;
  line-height: 20px;
}

.DirectieVerder {
  padding-top: 10px;
  width: 210px;
}


.ReferentieInformatie {
  padding-left: 10px;
  float: left;
  width: 210px;
}

.ReferentieHolder {
  position: relative;
  padding-top: 30px;
  width: 325px;
}

.ReferentieFoto {
  float: left;
  border-top: 2px solid #05A074;
}

.ReferentieHolder2 {
  position: relative;
  padding-bottom: 20px;
  width: 325px;
  border-top: 2px solid #05A074;
  float: left;
}

.ReferentieInformatie2 {
  float: left;
  width: 320px;
}

.ReferentieHolder3 {
  position: relative;
  padding-bottom: 5px;
  width: 325px;
  border-top: 2px solid #05A074;
  float: left;
}

.BibliotheekInformatie {
  float: left;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 400px;
}

.BibliotheekHolder {
  float: left;
  position: relative;
  padding-top: 10px;
  width: 600px;
}

a.ContactLink:link,
a.ContactLink:hover,
a.ContactLink:visited {
  width: 200px;
  display: block;
  margin-bottom: 1px;
}

a.ContactLinkActief:link,
a.ContactLinkActief:hover,
a.ContactLinkActief:visited {
  display: none;
}


.LoginForm {
  position: relative;
  left: 10px;
  top: 110px;
  color: white;
}

.LoginLabel {
  color: #000;

}

.LoginClass {
  border: 1px solid #922883;
  width: 150px;
  font-family: "Verdana", sans-serif;
  font-size: 10px;
}

.LoginOk {
  width: 150px;
  height: 19px;
  color: white;
  font-size: 10px;
  background-color: #922883;
  border: 1px solid #922883;
  font-family: "Verdana";

}

.LoginUitloggen {
  width: 98px;
  height: 19px;
  color: white;
  font-size: 10px;
  background-color: #922883;
  border: 1px solid #922883;
  font-family: "Verdana";
}


.InputAreaTextbox, .InputTextbox {
  border: 1px solid #922883;
  font-family: "Verdana";
  font-size: 10px;
}

.VraagBakKop {
  font-weight: bold;
  text-transform: uppercase;
  line-height: 25px;
  background-color: #57AF95;
}

.VraagHoogte {
  line-height: 25px;
}

.Vraag {
  background-color: #E0EFEA;
  padding: 10px;
}

.Antwoorden {
  margin-top: 10px;
  background-color: #E0EFEA;
  padding: 10px;
}

.Antwoordbox {
  margin-top: 10px;
  background-color: #E0EFEA;
  padding: 10px;
}