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

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	height:100%;
	background:url(image/jes_background.jpg) center no-repeat fixed;
}

h1 {
	font-size:24px;
}
h2 {
	font-size:18px;	
}
/* beeldentuin */
#content #page div#beeldetuintext {
	float:right;
	width:465px;
	height:1000px;
}

/* cv */
#content #page img.textimage {
	float:right;	
	margin: 0px 10px;
	border: 1px solid #000;
}

#content {
	display: block;
	/*background-color: #FFF ;*/
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 10px;
}

#content #page p {
	text-align:justify;		
}
#content #header a img {
	display:block;
	border: none;
}
#content #header #logo{
	float:left;	
}
#content #header .headerright {
	float:left;	
	padding: 100px 0 20px 45px;
}
#content #header .headerright h1{
	font-size:36px;
}
#content #header .headerright h2{
	font-size:18px;	
	font-style:normal;
	font-weight:100;
	margin: -30px 0 0 0;
}

#content #page {
	clear:left;
	float:none;
	min-height:500px;
	height: 500px;
	overflow:auto;
	padding-right: 15px;
	
}

/* homepage */
#page .homepageimage{
	margin: 0 150px 0 150px;		
}
#page .homepageimage span {
	display:table-cell;	
	text-align:center;
	vertical-align:middle;
	height: 350px;
	width: 350px;
}

/* agenda */
#page div.left{
	width: 400px;
	float: left;
}
#page div.right{
	width: 560px;
	float: left;
	overflow:auto;

}
#page div.right li {
	border: 1px solid #000;
	width: 450px;
	list-style-type:none;
	margin: 3px 0;
	padding: 5px;
}
#page div.right li h3{
	font-size:16px;
	margin: 0px;
}
#page div.right li .date{
	font-size:16px;
	display: block;
	text-decoration:underline;
	padding-bottom: 10px;
}
#page div.right li p{

}
#page div.right ul{
	margin-top: 0px;
}

/* schilderij */
#page .schilderij{
	border: 1px solid #000;
	height: 220px;
	width: 220px;
	margin: 5px;
	padding: 5px;
	float: left;
	text-align:center;
	font-weight:bold;
	background: url(image/background.png) repeat;
}
#page .cat{
	height: 230px;
	width: 220px;
}
#page .schilderij a{
	text-decoration:none;
	color:#000;
}
#page .schilderij a:hover span{
	text-decoration:underline;
	color:#000;
}

#page .schilderij div{
	height: 220px;
	width: 200px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	margin:0px;	
}
#page .schilderij.cat div{
	height: 200px;
	width: 200px;
}
#page .schilderij div img{
	border:none !important;
	margin: 0px;
	padding:0px
}

/* contact */

#page .left label{
	clear:left;
	float:left;
	width: 150px;
	font-weight:bold;
}
#page .left span{
	float:left;
}
#page .left span label .mail{
	border:none;
	float:left;
}
#page .right label{
	width:100px;
	float:left;
	clear:left;	
	line-height:25px;
	margin-left:100px;
}
#page .right input,
#page .right textarea{
	width:300px;
	margin:5px;
}
#page .right textarea{
	height:150px;
}
#page .route  {
	padding: 20px 0 10px 0;
}
#page .route img {
	margin: 10px auto 0 auto;
}


/* menu */
#content #menu{
	clear:both;
	
}

#menu .hoofdmenu li{
	float:left;
	list-style: none;
	border: 1px solid #000;
	background-color:#FFF;
	margin: 0 5px;
	padding: 5px;
}

#menu .hoofdmenu li a {
	padding: 0px 20px;
	color:#000;
}
#menu .hooftmenu li a:hover {
	color: #F00;
}

#menu .hoofdmenu li:hover ul{
	display:block;
}

#menu li ul {
	position: absolute;	
	margin: -150px 10px 10px -51px;
	display: none;
}

#menu li ul li{
	float:none;
	clear:left;
	width: 200px;
}

#mene li ul li a{
	width: 200px;
	margin: 5px;
}


#content #footer {
	clear:both;
	color:#666;
	font-size: 10px;
	text-align: right;
	padding: 10px 50px 5px 0;
	vertical-align:bottom;
}