html {
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  background: url(../images/bg.jpg) repeat-x fixed;
  text-align: center;
}

img {
	border-width: 0px;
	padding: 0px;
}

div {
	border: 0px solid #000000;
	padding: 0px;
}

form {
	margin: 0px;
}

p {
  font-family: Arial, Helvetica;
  font-size: 8pt;
  color: #666666;
  line-height: 14pt;
}

h1 {
  margin-bottom: 25px;
  margin-top: 0px;
}

a:link, a:visited {
  color: #330033;
  font-size: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


#container {
  text-align: center;
  width: 750px;
  height: 951px;
  background-color: #ffffff;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
}

#top {
  float: left;
  margin-bottom: 5px;
}

#topLeft {
  float: left;
  width: 645px;
  margin-right: 5px;
}

#topRight {
  float: left;
  width: 100px;
  height: 100px;
}

#logoProfine {
  width: 645px;
  height: 70px;
  float: left;
  text-align: left;
}

#menuButtons {
  width: 645px;
  height: 25px;
  background-color: #330033;
  text-align: left;
  float: left;
  margin-top: 5px;
}

#logoKunststof {
  width: 100px;
  height: 100px;
}

#banner {
  width: 750px;
  height: 140px;
  margin-bottom: 5px;
  float: left;
}

#firstRow, #secondRow, #thirdRow {
  float: left;
  height: 670px;
  top: 104px;
}

#firstRow {
  width: 247px;
  margin-right: 4px;
  background-color: #000066;
}

#secondRow {
  width: 248px;
  margin-right: 4px;
  background-color: #eb6a05;
}

#thirdRow {
  width: 247px;
  background-color: #336666;
}

#headerRow {
  padding-bottom: 5px;
  background-color: #ffffff;
}

#shortDescriptionFirstRow, #shortDescriptionSecondRow, #shortDescriptionThirdRow {
  height: 50px;
  padding: 10px;
  text-align: left;
  font-family: Arial, Helvetica;
  font-size: 9pt;
  text-align: left;
  color: #ffffff;
}

#shortDescriptionFirstRow {
  background-color: #000066;
}

#shortDescriptionSecondRow {
  background-color: #eb6a05;
}

#shortDescriptionThirdRow {
  background-color: #336666;
}

#longDescriptionFirstRow, #longDescriptionSecondRow, #longDescriptionThirdRow {
  padding: 10px;
  font-family: Arial, Helvetica;
  font-size: 9pt;
  text-align: left;
  color: #ffffff;
  height: 245px;
  float: left;
}

#footer {
  margin-top: 5px;
  width: 750px;
  height: 25px;
  background-color: #330033;
  float: left;
  text-align: left;
  font-family: Arial, Helvetica;
  font-size: 8pt;
  color: #ffffff;
}

#footerText {
  margin-top: 2px;
  padding-top: 4px;
  padding-left: 9px;
}

#firstContentRow, #secondContentRow {
  float: left;
  height: 620px;
  top: 104px;
}

#firstContentRow {
  width: 375px;
  height: 670px;
  margin-right: 15px;
  background-color: #330033;
  text-align: left;
}

#firstContentRowContent {
  font-family: Arial, Helvetica;
  font-size: 9pt;
  color: #ffffff;
  padding-left: 30px;
  line-height: 14pt;
}

#secondContentRow {
  width: 330px;
  background-color: #ffffff;
  margin-top: 50px;
  text-align: left;
  padding-left: 5px;
}

#map {position:relative; margin:0px 0 0 0px; width:375px; height:253px;}
#map ul {padding:0; margin:0; list-style:none;}
#map ul li#remco {width:25px; height:50px; position:absolute; top:5px; left:15px;}
#map ul li#bart {width:25px; height:40px; position:absolute; top:6px; left:66px;}
#map ul li#mathieu {width:25px; height:30px; position:absolute; top:25px; left:105px;}
#map ul li#judith {width:25px; height:34px; position:absolute; top:85px; left:243px;}
#map ul li#mirjam {width:25px; height:34px; position:absolute; top:40px; left:280px;}
#map ul li#marsiah {width:25px; height:34px; position:absolute; top:45px; left:322px;}
#map ul li#eudia {width:15px; height:24px; position:absolute; top:42px; left:172px;}
#map ul li#lies {width:15px; height:14px; position:absolute; top:52px; left:202px;}
#map ul li#gera {width:15px; height:14px; position:absolute; top:43px; left:237px;}
#map ul li#marc {width:15px; height:14px; position:absolute; top:33px; left:213px;}
#map ul li#henk {width:15px; height:14px; position:absolute; top:26px; left:242px;}

#map ul li a {text-decoration:none;}

#map ul li#remco a.tl {width:30px; height:40px; position:absolute; background:url(planets/transparent.gif); top:0; left:0; text-indent:-9999px;}
#map ul li#bart a.tl {width:25px; height:40px;  position:absolute; background:url(planets/transparent.gif); top:0; left:0; text-indent:-9999px;}
#map ul li#mathieu a.tl {width:25px; height:30px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#judith a.tl {width:25px; height:34px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#mirjam a.tl {width:25px; height:34px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#marsiah a.tl {width:25px; height:34px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#eudia a.tl {width:25px; height:24px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#lies a.tl {width:15px; height:14px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#gera a.tl {width:15px; height:14px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#marc a.tl {width:15px; height:14px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}
#map ul li#henk a.tl {width:15px; height:14px; background:url(planets/transparent.gif); position:absolute; top:0; left:0; text-indent:-9999px;}


#map ul li .xsnazzy,
#map ul li a .xsnazzy
{visibility:hidden;}

/* For IE6 to work */
#map ul li a:hover {border:0;}

#map ul li a:hover .xsnazzy {visibility:visible;}

#map ul li:hover .xsnazzy {visibility:visible; z-index:500;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy {background:url(transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

#remco .xsnazzy {left:15px; top:-40px; width:210px;}
#bart .xsnazzy {left:-35px; top:10px; width:210px;}
#mathieu .xsnazzy {left:5px; top:-20px; width:210px;}
#judith .xsnazzy {left:-195px; top:-160px; width:210px;}
#mirjam .xsnazzy {left:-70px; top:-160px; width:210px;}
#marsiah .xsnazzy {left:-60px; top:-160px; width:210px;}
#eudia .xsnazzy {left:-60px; top:-160px; width:210px;}
#lies .xsnazzy {left:-40px; top:-110px; width:210px;}
#gera .xsnazzy {left:-30px; top:-140px; width:210px;}
#marc .xsnazzy {left:-60px; top:-140px; width:210px;}
#henk .xsnazzy {left:-80px; top:-140px; width:210px;}

.xsnazzy h1, .xsnazzy p {margin:0 0px;}
.xsnazzy p {padding-bottom:0.5em; color:#eee; font-family: Arial, Helvetica; font-size:8pt; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}

.xboxcontent {display:block; background:#330065; border:5px solid #fff; padding-bottom: 8px; text-align: center}
.xboxcontent a, .xboxcontent a:visited {display:block; color:#fff; font-family: Arial, Helvetica; font-size:8pt; text-indent:0; padding:0px;}

#map ul li a:hover .xsnazzy .xboxcontent a:hover {color:#fff; text-decoration: underline; }
#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fff; text-decoration: underline; }

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(planets/point.gif) center top; position:absolute; left:50px; top:-11px;}
.xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(planets/point.gif) center bottom; position:absolute; right:50px; bottom:-11px;}
/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px; bo\ttom:-11px;}
.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(planets/point.gif) left center; position:absolute; left:-11px; top:30px;}
.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(planets/point.gif) right center; position:absolute; right:-11px; top:125px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}

</style>