body {
	margin-top: 20px;
	padding: 0px;
	text-align: center;
}

p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 8px; 
	margin-top: 8px;
	margin-right: 20px;
}	

a:link {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: black;
	font-weight: bolder;
	font-style: normal;
}

a:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #FB0076;
}

.kop {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #FB0076;
	font-style: normal;
	font-weight: bolder;
}


#container {
	position: relative;
	width: 765px;
	height: 461px;
	text-align: left;
	align: center;
    background-color: #B5D665;
}

#hoofdletter {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 340px;
	height: 67px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #FB0076;
	font-style: normal;
	font-weight: bolder;
}

#article {
	position: absolute;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	top: 67px;
	left: 0px;
	width: 340px;
	height: 394px;
    background-color: #B5D665;
    color: black;
    margin: 0px auto;
    padding-left: 2%;
    padding-right: 2%;
}

#articlePicture {
	position: relative;
	top: 0px;
	left: 340px;
	width: 425px;
	height: 394px;
    background-color: black;
	vertical-align: bottom;
}

#articleText {
	position: absolute;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	top: 0px;
	left: 340px;
	width: 425px;
	height: 394px;
    background-color: black;
	color: white;
    padding: 10px;
}

#opvulling {
	position: absolute;
	top: 394px;
	left: 340px;
	width: 65px;
	height: 67px;
    background-color: #B5D665;
}

#pinkline {
	position: absolute;
	top: 394px;
	left: 405px;
	width: 360px;
	height: 7px;
    background-color: #FB0076;
}

#navig {
	position: absolute;
	top: 401px;
	left: 405px;
	width: 360px;
	height: 60px;
}

table {
	width: 100%;
	height: 100%;
	border: 0px;
  	background: black;
  	padding: 0px;
  	align: center;
}

td {
	text-align: center;
}

td.picture {
	vertical-align: bottom;
	border: 0px;
  	background: black;
  	padding: 0px;
	text-align: left;
}

td.normal {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  border: 0px;
  color: white;
  background: black;
  padding: 0px;
  width: 60px;
  height: 60px;
  cursor: default;
}
td.mo {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  border: 0px;
  color: black;
  background: #B5D665;
  padding: 0px;
  width: 60px;
  height: 60px;
  cursor: pointer;
} 
td.mailnormal {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-style: normal;
  border: 0px;
  color: white;
  background: black;
  padding: 0px;
  width: 60px;
  height: 60px;
  cursor: default;

}
td.mailmo {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-style: normal;
  border: 0px;
  color: black;
  background: #B5D665;
  padding: 0px;
  width: 60px;
  height: 60px;
  cursor: pointer;
} 

.ontwerp {
  font-size: 11px;
  color: #cc0066;
}