@charset "utf-8";
/* CSS Document */

#phonecontact
	{
	font-variant:normal;
	font-size: 11px;
	text-transform: none;
	cursor: default;
	}
	
h1,h2,h3 {
 font-size: 16px;
 letter-spacing: -0.05em;
}

body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #f6f6f6;
	font-family:"Trebuchet MS", Tahoma, "Tw Cen MT", Arial;
	color: #666666;

	background-position:center;
	background-repeat: repeat-y;
}

.edithandle {
	position: relative;
	margin-top: -21px;
	left: 2px;
	height: -21px;
	line-height: 0px;
	display: none;
}

.photo {
	float: left;
	margin:	5px;
}

.photo_title {
	padding-top: 10px;
	float: left;
	width:	245px;
	margin:	5px;
	font-size:	20px;

}

.gallery
	{
	margin-top: 5px;
	margin-left: 5px;
	}

.itrhoveredit {
	display: inline;
}

.itrhoveredit:hover {
	cursor: pointer;
	display: inline;
}

.clearfix {
	clear: both;
	height: 0px;
	line-height: 0px;
}

#maincontainer {
	width: 100%;
	height: 100%;
}

#centercontainer {
	width: 959px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/menu_filler2.jpg);
	background-position:left;
	background-repeat:repeat-y;
	position:		relative;
	display:table; /* must put this in for FireFox. */
	text-align:left; /* so that IE6 and Firefox puts the text to the left */
}

#mainleft {
	float: left;
	width: 309px;
	height: 100%;
}

#mainright {
	width: 640px;
	float: left;
	font-size: 11px;
}

#menucontainer {
	text-transform:uppercase;
	font-size: 11px;
	color: #FFFFFF;
	height: 100%;
	width: 309px;
}

#menutop {
	height: 184px;
	background-image:url(../images/menu_top3.jpg);
	margin-bottom: 50px;
}

#menu {
	width: 100px;
	text-align: right;
	padding-right: 10px;
	float: left;
}

#menuitem_left a, #menuitem_right a {
color: #FFFFFF;
text-decoration: none;
}

#menuitem_left {
margin-bottom: 10px;
margin-right: 10px;

}
#menuitem_right {
margin-bottom: 10px;
margin-left: 100px;
text-align: left;
}

.filmpje{
 display:none;
}