body
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color: #0C3031;
}

/*
Alex' CSS.
*/
#googlemap
	{
	position: absolute;
	width: 750px;
	height: 560px;
  z-index: 200;
	width: 750px;
	height: 560px;
	left: 50%;
	margin-left: -375px;
	top: 50%;
	margin-top: -280px;
	z-index: 500;
	}

#mapcontainter {
  margin-top: 154px;
  }
  
.map {
  width: 370px;
  height: 360px;
  position: relative;
  border:15px solid #fff;
  margin-right: 20px;
  margin-left: 20px;
  }

.house {
  width: 270px;
  min-height: 76px;
  display: block;
  position: relative;
  float:left;
  background-color:#fff;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  padding:10px;
  margin-bottom: 14px;
  }

.info {
  width: 270px;
  display: block;
  position: relative;
  float:left;
  background-color:#fff;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  padding:10px;
  margin-bottom: 14px;
  text-align: left;
  position: relative;
	bottom: 4px;
  vertical-align: bottom;
  }
  
.termen {
  width: 270px;
  height: 76px;
  display: block;
  position: relative;
  float:left;
  background-color:#fff;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  padding:10px;
  margin-bottom: 14px;
  }
  
.small {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: top;
  }



/*
chris's CSS
*/
#container
{
	position: absolute;
	width: 750px;
	height: 550px;
	
	left: 50%;
	margin-left: -375px;
	top: 50%;
	margin-top: -280px;
    z-index: 200;
}


#mainmenu
{
    z-index: 200;
}

#header
{
	position: absolute; 
	width: 100%; 
	height: 50px; 
	background-color: #0C3031;
}

#mainmenu
{
	position: absolute; 
	width: 100%;
	top: 108px;
	height: 40px;
	background-color: #0C3031;
}

#background
{
	position: absolute;
	width: 750px;
	height: 500px;
	top: 50px;
}



#transparent
{
	position: absolute; 
	width: 272px;
	height: 335px;
	top: 180px;
	left: 33px;
 
	overflow: hidden;
    z-index: 200;
	background-color: #ffffff;
    opacity: .9;
    -moz-opacity: 0.9;
	filter: alpha(opacity=90);
	-khtml-opacity: 0.9;
}

#content
{
	position: absolute; 
	width: 237px;
	height: 290px;
	top: 190px;
	left: 43px;
	padding: 10px;

 
	overflow: auto;
    z-index: 201;
 	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #9D803A;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
}

#content .image_left
{
	float: left;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	width: 200px;
}

#content .image_right
{
	float: right;
	margin: 0;
	margin-left: 5px;
	padding: 0;
	width: 200px;

}
#content .image
{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 100%;
}

#content .caption
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-style: italic;
}

#content .text
{
	
}


#photocredit
{
	position: absolute; 
	top: 550px;
	left: 610px;
	color: #375356;
}

img
{
	border: none;
}

.paragraph
{
	clear: both;
	margin-bottom: 0px;
	
}

.zoekertable td
{
	padding: 3px;
}

.habitat 
{
	position: absolute;
	z-index: 100;
	margin-top: 450px;
	margin-left: 550px;
	width: 183px;
	height: 93px;
}