/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image:url(images/hoffman.png);
	background-color:#000;
	font-family:'Roboto', verdana;
	text-align: center;

}
p{
	font-size:14px;
	
}


a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color:#CCC;
	font-weight:bold;

      
}
a:active {
	color: #000;
	text-decoration: none;
}
a {
	padding:2px;



}
#header{
	position:relative;
	overflow:hidden;
	height:200px;

	


}
#headerimg{
	


	margin:0;


	
}

.hometable {
	margin:auto;
	width:818px;
	text-align:left;
	position: relative;
	display: block;
	
	
}

.hometable p, h1, h2, h3, h4 {
	margin-left:10px;
	


	
}
.hometable p.rollover {
	
	background-color:#000;
	
}
.hometable img {
	border:solid 1px #000;


	
}
.infotable{
	text-align:left;
	height:200px;
	padding:0;
	margin-left:10px;
	

}
.infotable td{
	max-height:30px;
	border: 1px solid black;
	
}
.infotable p{
	font-size:12px;

	
}
#navigatie {
	background-color:#999;
		padding:5px;
	font-size:12px;
	font-style:normal;


	
}

#content{
	text-align:left;

	width: 800px;



}
#content a:hover img{
		text-decoration:none;
	
}
.here {
	
		font-weight: bold;
	border-left: black solid 4px;
      
}
a:active {
	color: #000;
	text-decoration: none;
	
}
.fototable {
	position:absolute;
	margin:auto;
	
}

.trim {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.trim:hover:before, .trim:focus:before, .trim:active:before {
  opacity: 1;
}