@charset "UTF-8";

html, body {height: 100%;}
body  {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align: left;
	font: 75% Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	line-height:150%;
	color: #000000;
	}
#rood {
background: url(../images/zenplicity_klein_rood.jpg) right top no-repeat;
	}
#groen {
background: url(../images/zenplicity_klein_groen_zw.jpg) right top no-repeat;
	}
#groenlaag {
background: url(../images/zenplicity_klein_groen.jpg) right top no-repeat;
	}
#magenta {
background: url(../images/zenplicity_klein_magenta.jpg) right top no-repeat;
	}
#groen2 {
background: url(../images/zenplicity_klein_groen2.jpg) right top no-repeat;
	}
#container { 
	position:relative;
	height:100%;
	margin: 0;
	min-width:950px;
	max-width:100%;
	min-height:750px;
}

 
h1 {
	margin: 0;
	text-indent: -9000px;
}
#nav, #navr, #navm, #navg {
	position: absolute;
	top: 20px;
	left:100px;
	width: 120px;
	padding: 0;
	z-index: 20;
}

#navgz {
	position: absolute;
	top: 20px;
	left:100px;
	width: 120px;
	padding: 0;
	z-index: 20;
}


#nav ul, #navr ul, #navm ul, #navg ul, #navgz ul {
	list-style:none;
	margin:0;
	padding:0;
}
#nav a, #navr a, #navm a, #navg a, #navgz a{
	height:37px;
	display:block;
	text-indent:-900px;
	margin-bottom:10px;
	}
#nav a{
	background: url(../images/menu_grijs_japans.png) no-repeat;
	}
#navr a{
	background: url(../images/menurood.png) no-repeat;
	}
#navm a{
	background: url(../images/menumagenta.png) no-repeat;
	}
#navg a{
	background: url(../images/menugroen.png) no-repeat;
	}
#navgz a{
	background: url(../images/menugroenzw.png) no-repeat;
	}

#nav1 a:link, #nav1 a:visited{
	background-position:-120px 0;
	}
#nav1 a:hover, #nav1 a:active{
	background-position:0 0;
	}
#nav2 a:link, #nav2 a:visited{
	background-position:-120px -37px;
	}
#nav2 a:hover, #nav2 a:active, #present2 a:link, #present2 a:visited, #present2 a:hover, #present2 a:active {
	background-position:0 -37px;
	}
#nav3 a:link, #nav3 a:visited{
	background-position:-120px -74px;
	}
#nav3 a:hover, #nav3 a:active{
	background-position:0 -74px;
	}
#nav4 a:link, #nav4 a:visited{
	background-position:-120px -111px;
	}
#nav4 a:hover, #nav4 a:active{
	background-position:0 -111px;
	}
#nav5 a:link, #nav5 a:visited{
	background-position:-120px -148px;
	}
#nav5 a:hover, #nav5 a:active{
	background-position:0 -148px;
	}
#present1 {
	background: url(../images/menurood.png) -120px 0 no-repeat;
	height:37px;
	display:block;
	text-indent:-900px;
	margin-bottom:10px;
	}
#present3 {
	background: url(../images/menumagenta.png) 0 -74px no-repeat;
	height:37px;
	display:block;
	text-indent:-900px;
	margin-bottom:10px;
	}
#present4 {
	background: url(../images/menugroen.png) 0 -111px no-repeat;
	height:37px;
	display:block;
	text-indent:-900px;
	margin-bottom:10px;
	}
	

#slidepanel #nav4 {
	border-bottom:solid 2px #b7bea7; 
	margin-bottom:20px; 
	width:100px;
	}
	
#portfolio { 
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -80px 0 0 -475px; /*--Set negative top/left margin--*/
	width:961px;
	height:200px;
	}
#portfolio p {
	margin:0 0 5px 0;
	float:left;
	}
#portfolio a {
	text-decoration:none;
	}
#portfolio a:link , #portfolio a:visited {
	color:#ddd;
	}
#portfolio a:hover , #portfolio a:active {
	color:#000;
	}
#portfolio img {
	border:solid 1px;
	margin: 0 7px 5px 0;
	}
#portfolio:last-child img {
	margin: 0 0 5px 0;
}
#portfolio a:link img, #portfolio a:visited img {
	border-color: #ddd;
	}
#portfolio a:hover img, #portfolio a:active img {
	border-color: #000;
	}
	

#portfolio5 { 
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -80px 0 0 -395px; /*--Set negative top/left margin--*/
	width:802px;
	height:200px;
	}
#portfolio5 p {
	margin:0 0 5px 0;
	float:left;
	}
#portfolio5 a {
	text-decoration:none;
	}
#portfolio5 a:link , #portfolio5 a:visited {
	color:#ddd;
	}
#portfolio5 a:hover , #portfolio5 a:active {
	color:#000;
	}
#portfolio5 img {
	border:solid 1px;
	margin: 0 7px 5px 0;
	}
#portfolio5:last-child img {
	margin: 0 0 5px 0;
}
#portfolio5 a:link img, #portfolio5 a:visited img {
	border-color: #ddd;
	}
#portfolio5 a:hover img, #portfolio5 a:active img {
	border-color: #000;
	}
	
#next {
	font-weight:bold;
	width:100%;
	text-align:right;
	}
#prev {
	font-weight:bold;
	text-align:left;
	clear:both;
	}
#next a, #prev a {
	text-decoration:none;
	padding-right:7px;
	
	}
#next a:link, #next a:visited, #prev a:link, #prev a:visited {
	color: #999;
	}
#next a:hover, #next a:active, #prev a:hover, #prev a:active {
	color: #000;
	}	

#nextseries {
	float:right;
	font-weight: bold;
	font-size:115%;
	text-align:right;
	}
#prevseries {
	float:left;
	font-weight:bold;
	font-size:115%;
	text-align:left;
	}
#nextseries a {
	display:block;
	height: 20px;
	background: url(../images/pijlen_rood2.png) no-repeat;
	background-position:right -66px;
	text-decoration:none;
	padding:2px 30px 0 0;
	margin:0 -16px 10px 0;
	}
#prevseries a {
	display:block;
	height: 20px;
	background: url(../images/pijlen_rood2.png) no-repeat;
	background-position:left -154px;
	text-decoration:none;
	padding:2px 0 0 30px;
	margin:0 0 10px -30px;
	}
#nextseries a:link, #nextseries a:visited, #prevseries a:link, #prevseries a:visited {
	color: #b192a5;
	}
#nextseries a:hover, #nextseries a:active {
	color: #7f4c6b;
	background-position:right -44px;
	}	
#prevseries a:hover, #preseriesv a:active {
	color: #7f4c6b;
	background-position:left -132px;
	}	


.serie {
margin-bottom:15px;
width:800px;
}.slide {
margin-top:-15px;
}
#Content { 
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#foto {
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -330px 0 0 -300px; /*--Set negative top/left margin--*/
	width:600px;
	height:600px;
	}
#foto img {
border:solid 1px #ddd;
}
#foto2 {
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -300px 0 0 -300px; /*--Set negative top/left margin--*/
	width:600px;
	height:600px;
	}
#foto2 img {
border:solid 1px #ddd;
}
#foto3 {
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -350px 0 0 -350px; /*--Set negative top/left margin--*/
	width:700px;
	height:700px;
	}
#foto3 img {
border:solid 1px #ddd;
}
#foto4 {
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -350px 0 0 -450px; /*--Set negative top/left margin--*/
	width:900px;
	height:700px;
	}
#foto4 img {
border:solid 1px #ddd;
}


#bijschrift {
	position:absolute;
	bottom:70px;
	left:60px;
	width:400px;
	color: #ccc;
}


#bijschrift a {
text-decoration:none;
	}
#bijschrift a:link, #bijschrift a:visited {
	color: #ccc;
	}
#bijschrift a:hover, #bijschrift a:active {
	color: #000;
	}	
	
#bijschrift2 {
	position:absolute;
	bottom:10px;
	right:70px;
	width:400px;
	color: #000;
	text-align:right;
}

#bijschrift2 a {
text-decoration:none;
	}
#bijschrift2 a:link, #bijschrift2 a:visited {
	color: #ccc;
	}
#bijschrift2 a:hover, #bijschrift2 a:active {
	color: #000;
	}	
	

#prevnext {
	position:fixed;
	bottom:10px;
	left:100px;
	width:200px;
	font-weight:bold;
}
#prevnext ul {
	list-style:none;
	margin:0;
	padding:0;
}
#prevnext a {
	height:18px;
	display:block;
	margin-bottom:10px;
	background: url(../images/pijlen_groen2.png) no-repeat;
	text-decoration:none;
	padding-left:25px;
	}
#prevnext a:link, #prevnext a:visited {
	color: #acb69b;
	}
#prevnext a:hover, #prevnext a:active {
	color: #6a8069;
	}
#prevphoto a:link, #prevphoto a:visited {
	background-position: left -22px;
	padding-top:4px;
	}
#prevphoto a:hover, #prevphoto a:active {
	background-position: left 0;
	}
#nextphoto a:link, #nextphoto a:visited {
	background-position: left -110px;
	padding-bottom:4px;
	}
#nextphoto a:hover, #nextphoto a:active {
	background-position: left -88px;
	}
#noprevphoto, #nonextphoto {
	height:18px;
	display:block;
	margin-bottom:10px;
	background: url(../images/pijlen_groen2.png) no-repeat;
	background-position: left -22px;
	text-decoration:none;
	padding:4px 0 0 25px;
	color: #acb69b;
	
	}



#prevnext2 {
	position:fixed;
	bottom:10px;
	left:180px;
	width:400px;
}
#prevnext2 a {
text-decoration:none;
	}
#prevnext2 a:link, #prevnext2 a:visited {
	color: #aaa;
	}
#prevnext2 a:hover, #prevnext2 a:active {
	color: #000;
	}	
	


#thumbnailsv {
	position:absolute;
	top:10px;
	left:20px;
	width:70px;
	}
#thumbnailsv img, #thumbnailsv a img{
margin-bottom:5px;
border:solid 1px #ccc;
} 
#thumbnailsv2 {
	position:absolute;
	top:87px;
	left:100px;
	width:70px;
	}
#thumbnailsv2 img, #thumbnailsv2 a img{
margin-bottom:5px;
border:solid 1px #ccc;
} 
 
#thumbnailsv_o {
	position:absolute;
	bottom:20px;
	left:20px;
	width:70px;
	}
#thumbnailsv_o img, #thumbnailsv_o a img{
margin-bottom:5px;
border:solid 1px #ccc;
} 
#thumbnailsv2_o {
	position:absolute;
	bottom:20px;
	left:100px;
	width:70px;
	}
#thumbnailsv2_o img, #thumbnailsv2_o a img{
margin-bottom:5px;
border:solid 1px #ccc;
} 

#thumbnailsabout1 {
	position:absolute;
	top:225px;
	left:100px;
	width:82px;
	}
#thumbnailsabout2 {
	position:absolute;
	top:670px;
	left:100px;
	width:82px;
	}
#thumbnailsabout1 img, #thumbnailsabout1 a img,#thumbnailsabout2 img, #thumbnailsabout2 a img  {
margin-bottom:5px;
border:solid 1px #ccc;
} 

#abouttxt1 {
	position:absolute;
	top:225px;
	left:10px;
	width:80px;
	color: #999;
	}
#abouttxt2 {
	position:absolute;
	top:670px;
	left:10px;
	width:80px;
	color: #999;
	}


.close {
	margin:8px;
	}
p.close {
	color: #999;
	}
.close a {
	text-decoration:none;
	}
.close a:link, .close a:visited {
	color: #999;
	}
.close a:hover, .close a:active {
	color: #000;
	}


#title {
	bottom: 0px ;
	right: 20px ;
	position:fixed;
	width: 255px ;
	text-align:right;
	}
#title h3 {
	font-size:110%;
	margin:0;
	}
#title p {
	margin:0 0 20px 0;
	}
#title a {
	text-decoration:none;
	}
#title a:link , #title a:visited {
	color:#999;
	}
#title a:hover , #title a:active {
	color:#000;
	}
	
	
#title1 {
	bottom: 0px ;
	right: 20px ;
	position:fixed;
	width: 255px ;
	text-align:right;
	}
#title1 h3 {
	font-size:110%;
	margin:0;
	}
#title1 p {
	margin:0 0 20px 0;
	}
#title1 a {
	text-decoration:none;
	background-color: #b7c0a7;
	padding:2px 4px;
	}
#title1 a:link , #title1 a:visited {
	color:#fff;
	}
#title1 a:hover , #title1 a:active {
	color:#000;
	}


#title2 {
	bottom: 0px ;
	right: 20px ;
	position:fixed;
	width: 255px ;
	text-align:right;
	}
#title2 h3 {
	font-size:110%;
	margin:0;
	}
#title2 p {
	margin:0 0 20px 0;
	}
#title2 a {
	text-decoration:none;
	display:block;
	height:18px;
	background:url(../images/pijlen_groen2.png) no-repeat;
	background-position: right -22px;
	padding-right:25px;
	padding-top:4px;
	}
#title2 a:link , #title2 a:visited {
	color: #acb69b;
	}
#title2 a:hover , #title2 a:active {
	color:#6a8069;
	background-position: right 0;
	}


#title3 {
	bottom: 0px ;
	right: 20px ;
	position:fixed;
	width: 255px ;
	text-align:left;
	background-color:#e9f1df;
	padding-top:10px;
	}
#title3 h3 {
	font-size:110%;
	margin:0;
	padding:0 10px;
	}
#title3 p {
	margin:0 0 10px 0;
	padding:0 10px;
	}
#title3 a {
	text-decoration:none;
	}
#title3 a:link , #title3 a:visited {
	color:#6a8069;
	}
#title3 a:hover , #title3 a:active {
	color:#000;
	}

#title10 {
	top: 20px ;
	left: 100px ;
	position:fixed;
	width: 120px ;
	text-align:left;
	}
#title10 h3 {
	font-size:110%;
	margin:0;
	}
#title10 p {
	margin:0 0 20px 0;
	}
#title10 a {
	text-decoration:none;
	}
#title10 a:link , #title a:visited {
	color:#999;
	}
#title10 a:hover , #title a:active {
	color:#000;
	}
	


#extra {
	display: none ;
	}
 
#inner {
	padding: 10px;
			}
.slide {
  position: relative;
}
.slide .inner {
  position: absolute;
  left: 0;
  bottom: 0;
}


#about {
	position: relative;
	width:920px;
	margin:95px auto 0 auto;
	}
#abouteng {
	width:340px;
	float:left;
	margin:0 50px 0 190px;
	padding:0;
	}
#aboutjap {
	width:340px;
	float:left;
	padding:0;
	line-break: strict;
	font-family: meiryo, sans-serif;
	}
#aboutjap2 {
	width:320px;
	float:left;
	padding:0;
	}
#abouteng p, #aboutjap p, #aboutjap2 p {
	margin-top:0;
	}
#about a:link , #about a:visited {
	text-decoration:none;
	color:#909090;
	}
#about a:hover , #about a:active {
	text-decoration:underline;
	color:#000;
	}
#cv {
	position: relative;
	width:700px;
	max-width:100%;
	margin:95px auto 0 auto;
	padding-left:200px;
	}
#nl {
	position: relative;
	width:920px;
	margin:0 auto 0 auto;
	}
#nlcv {
	width:340px;
	float:left;
	margin:0 50px 0 190px;
	padding:0;
	font-size:120%;
	font-weight:bold;
	}
#nl a:link , #nl a:visited {
	text-decoration:none;
	color:#656565;
	}
#nl a:hover , #nl a:active {
	text-decoration:underline;
	color:#000;
	}



	
#contactform { 
	position:relative;
	width:630px;
	margin:110px auto 0 auto;
	}
#contactform p { 
	margin-top:0;
	}
#contactform a:link , #contactform a:visited {
	text-decoration:none;
	color:#999999;
	}
#contactform a:hover , #contactform a:active {
	text-decoration:underline;
	color:#000;
	}

	
.veld {
	width:100%;
	margin-bottom:10px;
	}

.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	clear:both;
	float: right;
	}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	clear:left;
	float: left;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}