body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}

a:link {color:#FFFFFF; text-decoration:none}
a:visited {color: #FFFFFF; text-decoration:none}
a:hover {color: #CCC; text-decoration:none; border-color: #000;}
a:active {color: #FFFFFF; text-decoration:none}

span.title {size:14px;}
span.white {color:#FFF;}
span.red {color: #F00;}
span.black {color: #000;}
span.gray {color: #999;}


#image-slider {
	position: relative;
}

#image-slider > div {
	overflow: hidden;
}


.imgBox { 
	width: 103px; 
	height: 82px; 
	background: url(http://www.dens-e.nl/projects/webdocu/v6/img/pointer_bedelen.png) no-repeat; 
} 

.imgBox:hover { 
	width: 103px; 
	height: 82px; 
	background: url(http://www.dens-e.nl/projects/webdocu/v6/img/pointer_bedelen_hover.png) no-repeat; 
} 




#container .content {
	position: absolute;
	top: 0;
	font-family: Verdana, Geneva, sans-serif;
	left: 0;
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 15px;
	padding: 40px 0;
	font-weight: bold;
	text-shadow: 3px 3px rgba(0, 0, 0, 0.5);
}


#polina { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  background: rgba(0,0,0,0.6);
  color: white;
  padding: 2rem;
  width: 300px;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
}

h1 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
}
#polina button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#polina button:hover { 
   background: rgba(0,0,0,0.5);
}

a {
  display: inline-block;
  color: #fff;
  text-decoration: none; 
  transition: .6s background; 
}


#container {
  left: 50%;
  margin-left: 0px;
  margin-top: 0px;
  border-top: 0px;
  padding: 0px;
  position:absolute;
}

#video {
	height: 778px;
	width: 1100px;
	margin-left: -545px;
	margin-top: -8px;
	position:absolute;	
	z-index:-1;
}


#video1 { 
  margin-top: 500px;
  margin-left: 100px;
}

#video2 { 
  margin-top: -200px;
  margin-left: 400px;
}

#video3 { 
  margin-top: 100px;
  margin-left: 500px;
}

#video4 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 30px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video5 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 30px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video6 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 30px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video7 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 20px;
  margin-left: 0px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video8 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 20px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video9 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 20px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video10 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 20px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video11 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 20px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#video12 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 3px;
  width: 145px;
  margin-top: 20px;
  margin-left: 20px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#mask {
 font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  padding: 15px;
  margin-top: 20px;
  margin-left: -12px;
  float: left;
  font-size: 1.2rem;
  text-align: center;
}

#content { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  margin-top: 60px;
  margin-left: -1070px;
  width: 500px;
  float: left;
  font-size: 17px;
  line-height: 30px;
}

#content2 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  text-color: #000;  
  margin-top: -199px;
  margin-left: 620px;
  width: 550px;
  float: left;
  font-size: 17px;
  line-height: 30px;
}


#content1 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 30px;
  float: left;
  width: 640px;
  font-size: 17px;
}