body {
   text-align : center;
   min-width : 800px;
   margin:0;padding:0;
   background:#4d4d4c;
}
#pos{
	text-align:center;position:absolute;top:20px;left:50%;
}
a {border:0;margin:0;padding:0;}
#container {
   position : absolute;
   top:10px;left:-420px;
   text-align : left;
   width :897px;height:587px;
   margin-left : auto;
   margin-right : auto;
   margin-bottom:0;
	 background:  url("../img/homeN.png") no-repeat
	 
}
#huis {position:absolute;left:0px;top:0px;}
/*#barend{position:absolute;left:0px;top:457px;}*/
#carla{position:absolute;left:568px;top:138px;}
#bert{position:absolute;left:115px;top:137px;}


/******************rollover carla**********/
#carla a {background:  url("../img/carlaHome.png") no-repeat;
	background-repeat: no-repeat;padding-left: 0px;border:0px;}
#carla a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	width:220px;height:320px;}
#carla a:hover {
	background:  url("../img/carlaHomeOver.png") no-repeat;}
#carla a img {
	width:220px;height:320px;position: absolute;top:0px;right:0px;
	visibility: hidden;border:none;}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#carla a {
	padding:0;display: block;}	
/* end hack */
#carla a:hover img {
	visibility:visible;}
/***************end roll-over*************/

/******************rollover bert**********/
#bert a {background:  url("../img/bertHome.png") no-repeat;
	background-repeat: no-repeat;padding-left: 0px;border:0px;}
#bert a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	width:220px;height:320px;}
#bert a:hover {
	background:  url("../img/bertHomeOver.png") no-repeat;}
#bert a img {
	width:220px;height:320px;position: absolute;top:0px;right:0px;
	visibility: hidden;border:none;}
 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#bert a {
	padding:0;display: block;}	
/* end hack */
#bert a:hover img {
	visibility:visible;}
/***************end roll-over*************/


#jaren{
	position: relative;
	left: 0px;
	top: 10px;
	width: 200px;
	background-image: url(../img/jaren-lijn2.jpg);
	background-position: 0px 0;
	background-repeat: repeat-y;
}
#jaren a{
	font-family: arial,helvetica,sans-serif;
	color: #f5d938;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}
/******************popup*********/

      #map {
          margin:0;
          padding:0;
          width:897px;
          height:339px;
          background:url(../img/home1N.jpg) top left no-repeat #fff;
          font-family:arial, helvetica, sans-serif;
          font-size:12px;

       }

      #map li {
          margin:0;
          padding:0;
          list-style:none;
      }

      #map li a {
          position:absolute;
          display:block;
		  text-decoration:none;
          /*
             Specifying a background image
             (a 1px by 1px transparent gif)
             fixes a bug in older versions of
             IE that causeses the block to not
             render at its full dimensions.
          */
          background:url(../img/blank.gif);
      }

#map li a span { display:none; }

      #map li a:hover span {
          position:absolute;
          display:block;
          width:380px;
          left:120px;
          top:80px;
          padding:5px;
          border:1px dotted red;
          background:#fff;
          text-decoration:none;
          filter:alpha(opacity=80);
          opacity:0.8;
      }


#map a.openhuis {
    top:38px;
    left:120px;
    width:630px;
    height:80px;
}



#popup{position:absolute;left:120px;top:0px;width:630px;height:80px;overflow:hidden;border:1px solid red;margin:0;padding:0;}
#adres{position:absolute;left:669px;top:37px;width:130px;margin:0;padding:0;font-family:arial, helvetica, sans-serif;
          font-size:10px;color:#a4380b}
#adres a{font-size:10px;color:#76A6D9;text-decoration:none;}
#adres a:hover{color:red}
#tekst{position:absolute;left:358px;top:140px;width:192px;height:300px;overflow:auto;margin:0;padding:0;font-family:arial, helvetica, sans-serif;font-size:11px;color:#521C85;}