/*
* Mootools Simple Modal
* Version 1.0
* Copyright (c) 2011 Marco Dell'Anna - http://www.plasm.it
*/
body{
	font-family: 'Helvetica', Arial, serif;
  font-size: 12px;
	padding-bottom:20px;
	background-color: black;
}
a{
	color:#666;
	text-decoration:none;
}
h2{		    
	font-size: 18px;
	margin-left: 10px;
	margin-top: 0px;	
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
}
/* Header */
.header {
  position: relative;
  background: #dce0ed;
  display: block;
  height: 220px;
  text-align: center;
}
.header .window {
  position: relative;
  display: block;
  width: 125px;
  height: 131px;
	padding:32px 0 0;
	margin:0 auto;
  background: transparent url("../images/simpleModalSmallWhite.png") no-repeat center center;
}
/*Wrapper*/
.wrapper{
	display:block;
	width: 500px;
	margin-bottom: 0;
	margin-left: 22px;
}

.wrapper.foto{
	display:block;
	width: 496px;
	margin-bottom: 0;
	margin-left: 22px;
	height: 470px;
	overflow-y: scroll;
}

div.wrapper {
	position: absolute;
	top: 100px;
}

div.videolink
{
	position: absolute;
	top: 560px;
	padding-left: 20px;
}


.simple-modal-title{
  position: relative;
  display: block;
  width: 200px;
  height: 35px;
	padding:4px 0 0;
	margin:0 auto;
  background: transparent url("../images/demo.png") no-repeat center center;
}

/* Examples */
.example-item {
  position: relative;
  background: #FFFFFF;
  float:left;
	margin:20px 10px 0 10px;
  width: 218px;
  height: 200px;
  border: 1px solid #d9cfd8;
  text-align: center;
  cursor: pointer;
}
.example-item img {
  margin: 11px;
  border: 1px solid #dce0ed;

  line-height: 147px;
  cursor: pointer;
}
.example-item a,
.example-item a:link,
.example-item a:visited,
.example-item a:active {
  width: 218px;
  bottom: 10px;
  font-family: 'Helvetica', Arial, serif;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #8188a0;
}
.example-item a:hover {
  color: #444;
}

p.credits{
  display:block;
	padding:20px 0 10px 0;
	text-align:center;
	font-size:11px;
	color:#AAA;
}
.clear{
	clear:both;
}
.align-left{
  text-align:left !important;
}
.align-right{
  text-align:right !important;
}

table {
	background: url(background-kijk.jpg) no-repeat 50% 0;
	height: 625px;
	margin-top: 10px;
}

.tekst h2 {
	font: normal 16px Arial, Helvetica, Geneva, sans-serif;
	color: #777777;
	padding-left: 16px;
}

.tekst p {
		font: normal 13px Arial, Helvetica, Geneva, sans-serif;
		color: #777777;
	padding-left: 16px;

}

li.example-item a img{
	max-height:170px;
	overflow: hidden;
}