<style type="text/css">
<!--
body {
	margin: 0px;
	height: 100%;
	width: 100%;
	padding: 0px;
	color: #333333;	
	 }

.main_div {
position: relative;
top: 0px;
width: 100%;
background: url(http://www.hpschool.nl/siteimages/bg.gif) fixed top; 

}

.header {
	top: 1px;
	left: 0px;
	position: relative;
    height: 150px;
	border: 0px #b4b4b4 solid;
	padding: 0px;
	margin: 0px;
	width: 900px;
	background: url(http://www.hpschool.nl/images/header.gif) top; 
}

#main {
height: 100%;
vertical-align: top;
}

#main td {
vertical-align: top;
}

td.content {
width: 519px;
padding: 10px 10px 10px 10px;
font-size: 11px;
font-family: Arial;
}

td.leftnav {
background: #9D4631;
width: 176px;
border-right: 1px solid #000;
padding: 0px;
color: #FFF;
font-size: 10px;
text-align: center;
}

.menu_boven {
	top: 1px;
	left: 0px;
	position: relative;
    height: 81px;
	border: 0px #b4b4b4 solid;
	padding: 0px;
	margin: 0px;
	width: 176px;
	background: url(http://www.hpschool.nl/images/menu_boven.gif) top; 
}

.datum {
	top: 40px;
	left: 15px;
	position: relative;
    height: 81px;
	border: 0px #b4b4b4 solid;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 14px;
	font-weight: bold;
	color: #FE0000;
	width: 176px; 
}

.main_menu{
	top: 0px;
	left:0px;
	position: relative;
    height: 100%;
	border: 0px #b4b4b4 solid;
	width: 176px;
	overflow: visible;
	MARGIN-TOP: 1px;
	MARGIN-BOTTOM: 50px;
	z-index: 500;
	background: url(http://www.hpschool.nl/images/menu.gif) top; 
}

.menu_onder{
	top: 0px;
	left:1px;
	position: relative;
    height: 80px;
	border: 0px #b4b4b4 solid;
	width: 176px;
	MARGIN-TOP: 0px;
	z-index: 500;
	background: url(http://www.hpschool.nl/images/menu_onder.gif) top; 
}

.onderkant{
	top: 0px;
	left:0px;
	position: relative;
    height: 33px;
	border: 0px #b4b4b4 solid;
	width: 900px;
	MARGIN-TOP: 0px;
	z-index: 500;
	background: url(http://www.hpschool.nl/images/onderkant.gif) top; 
}

.logobox{
	top: 151px;
	right:0px;
	left:718px;
	position: absolute;
    height: 75px;
	border: 0px #b4b4b4 solid;
	width: 176px;
	overflow: visible;
	MARGIN-TOP: 0px;
	z-index: 500; 
}

.nieuwsbox{
	top: 226px;
	right:0px;
	left:718px;
	position: absolute;
    height: 500px;
	border: 0px #b4b4b4 solid;
	width: 176px;
	overflow: visible;
	MARGIN-TOP: 0px;
	z-index: 500; 
}

.tabsmenu{
top: 82px;
left: 0px;
position: relative;

}

.table_body {
top: 0px;
margin-top: 10px;
right: 0px;
position: relative;
width: 778px;
height: 540px;
background-color: #ffffff;
z-index: 0;
}

.breadcr_bar {
	top: 2px;
	left: 1px;
	position: relative;
    height: 20px;
	border: 1px #b4b4b4 solid;
	width: 900px;
	background-color: #DDDEDE;
	z-index: 501;
}

.subfooter {
	top: 1px;
	left: 1px;
	position: relative;
    height: 22px;
	border: 1px #b4b4b4 solid;
	width: 776px;
	background-color: #d4d4d4;
}

.footer {
	top: 2px;
	left: 1px;
	position: relative;
    height: 42px;
	border: 1px #b4b4b4 solid;
	width: 776px;
}

.zoekbox {	
	top: 95px;
	left: -10px;
	position: relative;
	border: 1px #01cc00 solid;		
}

.input_item {	
	border: 1px #b4b4b4 solid;
	background-color: #DDDEDE;
	font-family: Arial, Helvetica, Sans Serif;
	color: #333333;
	font-size: 11px;

}

.content_red {	
	font-family: Arial, Helvetica, Sans Serif;
	color: #9A0000;
	font-size: 11px;

}




.textlinkbox {	
	top: 12px;
	left: 10px;
	width: 148px;
	padding: 3px;
	position: relative;
	border: 1px #b4b4b4 solid;	
	font-family: Arial, Helvetica, Sans Serif;	
	color: #333333;
	font-size: 11px;
	line-height: normal; 
	MARGIN-BOTTOM: 10px; 
	MARGIN-TOP: 0px;
}

.ref_img_box{

top: 6px;
	left: 10px;
	width: 148px;
	padding: 3px;
	position: relative;
	border: 1px #b4b4b4 solid;	
	font-family: Arial, Helvetica, Sans Serif;	
	color: #333333;
	font-size: 11px;
	line-height: normal; 
	MARGIN-BOTTOM: 10px; 
	MARGIN-TOP: 0px;

}

.news_box{
	top: 127px;
	right: 1px;
	position: absolute;
    height: 180px;
	border: 1px #b4b4b4 solid;
	width: 158px;
	z-index: 500;
}

.referentie_box{
	top: 310px;
	right: 1px;
	position: absolute;
    height: 180px;
	border: 1px #b4b4b4 solid;
	width: 158px;
	z-index: 500;
}

.website_area{
background: white;
position: relative;
width: 900px;
top: 0px;
left: 0px;
}

#logo {
	float: left;
	margin: 0px;
	padding: 10px;
	border: 0px solid #cccccc;
}

 .zoeken  {
  margin: 5px;
  font-size: 10px;
  color: #747474;
  background-color: #E6E6E6;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
}

 .zoeken_whiteborder {
  margin: 5px;
  font-size: 10px;
  color: #747474;
  background-color: #E6E6E6;
  border-color: #ffffff;
  border-width: 1px;
  border-style: solid;
}



h1{
color: #FE0000;
font-size: 14px;
font-family: Arial, Helvetica, Sans Serif;
line-height: normal; 
MARGIN-BOTTOM: 0px; 
MARGIN-TOP: 0px;
}


h2{
color: #9A0000;
font-size: 11px;
line-height: normal; 
MARGIN-BOTTOM: 0px; 
MARGIN-TOP: 0px;
}


.pagecontent{
font-family: Arial, Helvetica, Sans Serif;
line-height: 12pt;
color: #333333;
font-size: 10px;
}

.pagecontentwhite{
font-family: Arial, Helvetica, Sans Serif;
line-height: 13pt;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}

.breadcrums{
font-family: Arial, Helvetica, Sans Serif;
line-height: 13pt;
font-weight: bold;
font-size: 11px;
color: #9A0000;
}


.ddmx { 
font-family: Verdana, Arial, Hervetica, sans-serif;
font-size: 7pt; 
color: #FFFFFF; 
font-weight: none; 
}

.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 3px 4px 3px 4px;
    border-bottom: 0px solid #cccccc;
    background: #bbddff;
    font: 10px arial;
    color: #FE0000;
    font-weight: none;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    background: #fe0000;
	color: #ffffff;
}

.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 10px arial;
    color: #000000;
    font-weight: none;
    text-decoration: none;
	font-style: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #eeeeee;
	}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #cccccc;
	color:		#9A0000;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #b8b4ae;
    background-color: #eeeeee;
	position: absolute;
    visibility: hidden;
    z-index: -1;
}

.ddmx .bottom,
.ddmx .bottom:hover {
    border-bottom: 1px solid #333333;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */

#hoofdmenutekst { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

.bottomlinktext{
top: 10px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #9A0000; 
}

.linktext{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #9A0000; 
text-decoration: none;
}


strong{
color: #000000;
}
b{
color: #000000;
}
a {
color: #FE0000;
}
i {
color: #FE0000;
}



.bottomlinktext,a{
text-decoration: none;
}

.textlinkbox,a {	
	font-family: Arial, Helvetica, Sans Serif;	
	color: #333333;
	font-size: 11px;	
}

.blueline{
	font-family: Arial, Helvetica, Sans Serif;	
	color: #333333;
	font-size: 11px;
	text-decoration: underline;

}


.click_table {
    background: #cccccc;
	border: 1px #b4b4b4 solid;
	width: 640px;
	height: 40px;
}

#click_table_a{
	font-family: Arial, Helvetica, Sans Serif;	
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}


.click_table_small {
	position: relative;
	top: 1px;
    background: #cccccc;
	border: 1px #b4b4b4 solid;
	width: 640px;
	height: 70px;
}

.click_table_small:a{
	font-family: Arial, Helvetica, Sans Serif;	
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

a.fotoalbum:link	{  font-family: Verdana; font-size: 8pt; color: #CC0000; font-weight: bold; text-decoration: none; border: 0; }
a.fotoalbum:visited {  font-family: Verdana; font-size: 8pt; color: #CC0000; font-weight: bold; text-decoration: none; border: 0; }
a.fotoalbum:hover	{  font-family: Verdana; font-size: 8pt; color: #CC0000; font-weight: bold; text-decoration: none; border: 0; }
a.fotoalbum:active	{  font-family: Verdana; font-size: 8pt; color: #CC0000; font-weight: bold; text-decoration: none; border: 0; }

a.schutte:link	{  font-family: Verdana; font-size: 8pt; color: #333333; font-weight: bold; text-decoration: none; border: 0; }
a.schutte:visited {  font-family: Verdana; font-size: 8pt; color: #333333; font-weight: bold; text-decoration: none; border: 0; }
a.schutte:hover	{  font-family: Verdana; font-size: 8pt; color: #333333; font-weight: bold; text-decoration: none; border: 0; }
a.schutte:active	{  font-family: Verdana; font-size: 8pt; color: #333333; font-weight: bold; text-decoration: none; border: 0; }

a.blikopplein:link		{  font-family: Verdana; font-size: 8pt; color: #FE0000; font-weight: bold; text-decoration: none; border: 0; }
a.blikopplein:visited	{  font-family: Verdana; font-size: 8pt; color: #FE0000; font-weight: bold; text-decoration: none; border: 0; }
a.blikopplein:hover		{  font-family: Verdana; font-size: 8pt; color: #FE0000; font-weight: bold; text-decoration: none; border: 0; }
a.blikopplein:active	{  font-family: Verdana; font-size: 8pt; color: #FE0000; font-weight: bold; text-decoration: none; border: 0; }

#nieuwskoptekst	{  font-family: Verdana; font-size: 10pt; color: #999999; font-weight: bold; text-decoration: none; border: 0; }
#nieuwsdatum	{  font-family: Verdana; font-size: 7pt; color: #01CC00; font-weight: none; text-decoration: none; border: 0; }
#nieuwssamenvatting	{  font-family: Verdana; font-size: 7pt; color: #333333; font-weight: none; text-decoration: none; border: 0; }
#nieuwstitel	{  font-family: Verdana; font-size: 7pt; color: #009900; font-weight: bold; text-decoration: none; border: 0; }
#nieuwsverder	{  font-family: Verdana; font-size: 7pt; color: #FE0000; font-weight: bold; text-decoration: none; border: 0; }

-->
</style>
