/* CSS Document */

/* ------ NOTES JELLE

tabel: 955

main:	marge L: 75 / marge R: 50

	header+mixmedia: 297

END NOTES JELLE ------ */

/* ---------- ALGEMENE OPMAAK ---------- */
	body, html, table, td {
		margin: 0;
		padding: 0;
		border-collapse:collapse;
		overflow: auto;
	 }

	h1, h2, h3, h4, h5, h6 {
		font-family: verdana;
		color: #600F6B;
		font-size: 13px;
	}

	.formtable table, .formtable td {
		margin: 5px;
		padding: 5px;
	}

  td, p, li, a, body, div, b, span {
		font-family: verdana;
		font-size: 11px;
		color: #000000;
		line-height: 17px;
		margin: 0px;
	}

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

	input, textarea {
		border: 0px solid #dad1db;
		background-color: #dad1db;
	}

	textarea {
		overflow: auto;
	}

	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	a:link { text-decoration: none; }

	a:active { text-decoration: none; }

	a:visited { text-decoration: none; }

	a:hover { text-decoration: underline; }

	.button {
		color: #FFFFFF;
		background-color: #6b1968;
	}
	.button_over {
		color: #FFFFFF;
		background-color: #6b1968;
	}

	.foutmelding {
		color: red;
		font-size: 10px;
	}

	.foutbox {
		border: 1px solid Red;
	}

	.foutfill {
		color: Red;
	}



/* ---------- END ALGEMENE OPMAAK ---------- */
/* ------ PADDING EN MARGIN VALLEN BINNEN DE DIV IPV EROMHEEN ------ */

	div {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

/* ------ END PADDING EN MARGIN ------ */
/* -------------- LINKS -------------- */
	.emaillink {
		font-weight: normal;
		color: #4A1B5B;
	}

	a {
		font-weight: normal;
		color: #600F6B;
	}

	.menuitem a {
		font-weight: normal;
		color: #000000;
	}

	.menuitem a:hover {
		font-weight: normal;
		color: #002497;
		text-decoration: none;
	}

	.menuitem_now a {
		font-weight: normal;
		color: #000000;
	}

	.menuitem_now a:hover {
		font-weight: normal;
		color: #002497;
		text-decoration: none;
	}

	.submenitem a {
		font-weight: normal;
		color: #600F6B;
	}

	.submenuitem a:hover {
		font-weight: normal;
		color: #182888;
		text-decoration: none;
	}

	.submenuitemitalic a {
		font-weight: normal;
		color: #600F6B;
		font-style: italic;
  }

	.submenuitemitalic a:hover {
		font-weight: normal;
		color: #182888;
		font-style: italic;
		text-decoration: none;
  }
/* ---------- INTERFACE ---------- */

/* --- background color staat in head.php om te voorkomen dat in het WOS, de teksteditor ook de paarse achtergrond krijgt. Wat zeer vervelend is want mensen die slechtziend zijn kunnen dan de zwarte letters niet meer lezen --- */

	#container{
		width:960px;
		margin-left: auto;
		margin-right: auto;
		text-align:left;
	}

	* html .plaat {
		height:569px;
	}
  .plaat {
		width:633px;
		min-height:569px;
		background-color: #FFFFFF;
		background-image:url(/images/bg_plaat.png);
		background-repeat: no-repeat;
  }

  .foto {
		width: 323px;
		height: 569px;
  }

	.titel {
		width: 375px;
		height: 24px;
		margin-bottom: 10px;
		background-image: url(/images/titel.gif);
	}

	.titeltekst {
		color: #3D124C;
		padding-bottom: 3px;
		padding-top: 3px;
		padding-left: 10px;
		font-weight: bold;
		font-size: 11px;
	}

	.content {
		padding: 10px;
		padding-top: 0px;
		width: 375px;
	}

	#nieuwscontent {
		padding: 10px;
		padding-top: 0px;
		width: 375px;
		height: 450px;
		position: absolute;
		overflow: auto;
	}

	#klantenfooter {
		padding-right: 25px;
		float: right;
	}

	#gegevensfooter {
		padding-left: 25px;
		float: left;
	}

  .footer {
		margin-top: 3px;
		width: 956px;
		height: 30px;
		line-height: 30px;
		background-color: #FFFFFF;
  }

	#menu {
		width: 150px;
	}

  .menuitem {
		width: 160px;
		margin-left: 35px;
  }

	.menuitem_now {
		width: 160px;
		margin-left: 35px;
  }

	.submenuitem {
		width: 140px;
		margin-left: 56px;
  }

	.submenuitem_now {
		color: #600F6B;
		width: 160px;
		margin-left: 35px;
		font-weight: bold;
  }

	.submenuitemitalic {
		width: 94px;
		margin-left: 56px;
		font-style: italic;
  }

	.submenuitemitalic_now {
		color: #600F6B;
		width: 140px;
		margin-left: 35px;
		font-style: italic;
		font-weight: bold;
  }

	.nieuwsimg {
		margin-right: 20px;
	}

	.email {
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.shortnewsitem {
		border: solid 0px blue;
		font-size: 11px;
		padding-left: 0px;
		text-decoration: none;
	}

	.shortnewsitem_over {
		border: solid 0px blue;
		font-size: 11px;
		padding-left: 3px;
		cursor: pointer;
		text-decoration: underline;
	}

	/*-- HOSTING CSS --*/
	.tdheader {
		color: #3D124C;
		font-weight: bold;
		background-color: #c0b5c5;
		height: 21px;
	}

	.tdrow_uneven {
		background-image: url('/scripts/gradient.php?type=left&width=240&height=1&start_colour=adadcc&end_colour=adadcc');
		height: 21px;
		text-align: right;
		padding-right: 5px;
	}

	.tdrow_uneven_instap {
		background-color: #b4b5cc;
		height: 21px;
		text-align: center;
	}

	.tdrow_uneven_basis {
		background-color: #bdbccc;
		height: 21px;
		text-align: center;
	}

	.tdrow_even {
		background-color: #d9d9ff;
		height: 21px;
		text-align: right;
		padding-right: 5px;
	}

	.tdrow_even_instap {
		background-color: #e6e6ff;
		height: 21px;
		text-align: center;
	}

	.tdrow_even_basis {
		background-color: #efeeff;
		height: 21px;
		text-align: center;
	}

UL, OL {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 18px;
}


	.content td a {
		text-decoration: none;
	}
	.content p a {
		text-decoration: underline;
	}