@charset "UTF-8";
html{ border:0 }

a {
	text-decoration: none;
	color: #ff00ff;
	font-style: italic;
}

body{
	font-family: 'Verdana', sans-serif;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#Welkom {
	text-align: center;
	position: absolute;
	top: 31px;
	margin: 0 auto;
	width: 100%;
	text-shadow: 0 3px 7px #000000;
}

header h1 {
	font-size: 19px;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #ffff00;
}

header p {
	font-size: 14px;
	text-align: center;
	font-style: italic;
	margin: 0;
	padding: 0;
	color: #ffff00;
}

header {
	z-index: 17;
	display: block;
	position: absolute;
	width: 100%;
}

#saamhorigheid {
	display: block;
	position: absolute;
	float: left;
	top: 33px;
	left: 36px;
}

#missdory {
	display: block;
	position: absolute;
	float: right;
	top: 31px;
	right: 28px;
}

header img{
	display: block;
}

footer {
	height: 36px;
	z-index: 16;
	margin: 0;
	display: block;
	padding: 0;
	position: absolute;
	width: 632px;
	bottom: 36px;
	right: 36px;	
	font-weight: 700;
	font-size: 17px;
}

#ph footer {
	top: 1000px;
	bottom: auto;
}

#gallery, #Slogan, #Tekst {
	background-color: rgba(255,255,255,0.8);
    float: right;
	right: 36px;	
	color: #880088;
}

#gallery {
  width: 910px;
  height: 768px;
  margin: 178px 0 0 25px;
  padding: 0 25px 25px 0;
  position: relative;
}


#Slogan {
	text-align: center;
	top: 40%;	
	position: absolute;
	margin: -18px 0;
	padding: 5px 13px;
}

#home #Slogan {
	top: 178px;
}

#contact #Slogan {
	width: 580px;
}

#Slogan p{
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	margin: 0;
	padding: 0;
}

#Tekst {
	text-align: left;
	top: 178px;
	position: absolute;
	bottom: 125px;	
	left: 36px;	
	margin: -18px 0;
	padding: 5px 13px;
	overflow:auto;
}

#home #Tekst {
	top: 365px;
}

.desktop {
	display: block;
}

.mobiel {
	display: none;
}

@media all and (min-width: 864px) { 
	#Tekst {
		left: auto;	
		width: 751px;
	}
	#home #Tekst {
		top: 365px;
		width: 690px;
	}
	#home #Slogan {
		top: 178px;
		width: 690px;
	}
}

@media all and (max-width: 764px) { 
	.desktop {
		display: none;
	}
	.mobiel {
		display: block;
	}
	#home #Tekst {
		top: 178px;
	}
	footer {
		right: auto;	
	}
	#contact #Slogan {
		width: auto;
		left: 36px;
	}
}

#Slogan h1, #Tekst h1, #Kort h1{
	font-size: 19px;
	margin: 0;
	padding: 4px 0;
}

#Tekst h2, #Kort h2 {
	font-size: 17px;
	font-style: italic;
	margin: 0;
	padding: 4px 0;
}

#Tekst p, #Tekst li, #Kort p, #Kort li {
	font-size: 14px;
	line-height: 18px;
}

#Tekst li, #Kort li {
	margin: 0;
	padding: 0;
}

#Tekst p, #Kort p{
	margin: 0 0 12px 0;
	padding: 0;
}

#Kort {
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	text-align: left;
	display: block;
    float: right;
	top: 40%;
	right: 36px;	
	left: 36px;	
	margin: -18px 0;
	padding: 5px 13px;
	color: #880088;
	overflow:auto;
}

footer ul {
	list-style-type: none;
	display: block;
    margin: 1px;
}

footer li a {
	background-color: rgba(255,255,255,0.8);
	display: block;
	list-style-type: none;
    float: right;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 5px 8px 5px 8px;
	color: #880088;
	font-style: normal;
}

footer li a:hover, footer .active > a {
	background-color: rgba(255,0,255,0.8);
	color: #fff;
}

/*  --------------------- */

strong {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 19px;
}

#stretched-image1, #stretched-image2, #stretched-image3, #stretched-image4, #stretched-image5, #stretched-image6, #stretched-image7, #stretched-image8, #stretched-image9, #stretched-image10, #stretched-image11, #stretched-image12, #stretched-image13, #stretched-image14, #stretched-image15, #stretched-image16, #stretched-image17, #stretched-image18, #stretched-image19 {
	margin: 0 auto;
	position:fixed;
	top:0;
	bottom:0;
	height:100%;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
	display: block; 
	left:0;
	right:0;
}

#stretched-image1{
	background-position: 27% 61%;
	background-image: url(../img/www.fearlessfotografie.nl-8601.jpg);
}

#stretched-image2{
	background-position: 21% 38%;
	background-image: url(../img/DSC_0315.jpg);
	animation: BGslideshow2 32.8s infinite; -moz-animation: BGslideshow2 32.8s infinite; -webkit-animation: BGslideshow2 32.8s infinite; -o-animation: BGslideshow2 32.8s infinite;
}

#stretched-image3{
	background-position: 37% 12%;
	background-image: url(../img/www.fearlessfotografie.nl-8628.jpg);
	animation: BGslideshow3 32.8s infinite; -moz-animation: BGslideshow3 32.8s infinite; -webkit-animation: BGslideshow3 32.8s infinite; -o-animation: BGslideshow3 32.8s infinite;
}

#stretched-image4{
	background-position: 32% 21%;
	background-image: url(../img/DSC_0312.jpg);
	animation: BGslideshow4 32.8s infinite; -moz-animation: BGslideshow4 32.8s infinite; -webkit-animation: BGslideshow4 32.8s infinite; -o-animation: BGslideshow4 32.8s infinite;
}

#stretched-image5{
	background-position: 63% 36%;
	background-image: url(../img/www.fearlessfotografie.nl-7242.jpg);
}

#stretched-image6{
	background-position: 46% 56%;
	background-image: url(../img/MTStolc264.jpg);
	animation: BGslideshow4 32.8s infinite; -moz-animation: BGslideshow4 32.8s infinite; -webkit-animation: BGslideshow4 32.8s infinite; -o-animation: BGslideshow4 32.8s infinite;
}

#stretched-image7{
	background-position: 79% 61%;
	background-image: url(../img/MTStolc143.jpg);
	animation: BGslideshow2 32.8s infinite; -moz-animation: BGslideshow2 32.8s infinite; -webkit-animation: BGslideshow2 32.8s infinite; -o-animation: BGslideshow2 32.8s infinite;
}

#stretched-image8{
	background-position: 22% 57%;
	background-image: url(../img/MTStolc044.jpg);
}

#stretched-image9{
	background-position: 50% 50%;
	background-image: url(../img/MTStolc136.jpg);
	animation: BGslideshow4 32.8s infinite; -moz-animation: BGslideshow4 32.8s infinite; -webkit-animation: BGslideshow4 32.8s infinite; -o-animation: BGslideshow4 32.8s infinite;
}

#stretched-image10{
	background-position: 50% 50%;
	background-image: url(../img/MTStolc059.jpg);
	animation: BGslideshow2 32.8s infinite; -moz-animation: BGslideshow2 32.8s infinite; -webkit-animation: BGslideshow2 32.8s infinite; -o-animation: BGslideshow2 32.8s infinite;
}

#stretched-image11{
	background-position: 38% 52%;
	background-image: url(../img/MTStolc397.jpg);
	animation: BGslideshow2 32.8s infinite; -moz-animation: BGslideshow2 32.8s infinite; -webkit-animation: BGslideshow2 32.8s infinite; -o-animation: BGslideshow2 32.8s infinite;
}

#stretched-image12{
	background-position: 57% 38%;
	background-image: url(../img/MTStolc168.jpg);
	animation: BGslideshow2 32.8s infinite; -moz-animation: BGslideshow2 32.8s infinite; -webkit-animation: BGslideshow2 32.8s infinite; -o-animation: BGslideshow2 32.8s infinite;
}

#stretched-image13{
	background-position: 39% 56%;
	background-image: url(../img/MTStolc096.jpg);
	animation: BGslideshow3 32.8s infinite; -moz-animation: BGslideshow3 32.8s infinite; -webkit-animation: BGslideshow3 32.8s infinite; -o-animation: BGslideshow3 32.8s infinite;
}

#stretched-image14{
	background-position: 39% 57%;
	background-image: url(../img/MTStolc076.jpg);
	animation: BGslideshow3 32.8s infinite; -moz-animation: BGslideshow3 32.8s infinite; -webkit-animation: BGslideshow3 32.8s infinite; -o-animation: BGslideshow3 32.8s infinite;
}

#stretched-image15{
	background-position: 55% 63%;
	background-image: url(../img/MTStolc057.jpg);
	animation: BGslideshow3 32.8s infinite; -moz-animation: BGslideshow3 32.8s infinite; -webkit-animation: BGslideshow3 32.8s infinite; -o-animation: BGslideshow3 32.8s infinite;
}

#stretched-image16{
	background-position: 55% 34%;
	background-image: url(../img/MTStolc038.jpg);
	animation: BGslideshow4 32.8s infinite; -moz-animation: BGslideshow4 32.8s infinite; -webkit-animation: BGslideshow4 32.8s infinite; -o-animation: BGslideshow4 32.8s infinite;
}

#stretched-image17{
	background-position: 37% 49%;
	background-image: url(../img/MTStolc005.jpg);
	animation: BGslideshow4 32.8s infinite; -moz-animation: BGslideshow4 32.8s infinite; -webkit-animation: BGslideshow4 32.8s infinite; -o-animation: BGslideshow4 32.8s infinite;
}

#stretched-image18{
	background-position: 46% 38%;
	background-image: url(../img/MTStolc003.jpg);
	animation: BGslideshow3 32.8s infinite; -moz-animation: BGslideshow3 32.8s infinite; -webkit-animation: BGslideshow3 32.8s infinite; -o-animation: BGslideshow3 32.8s infinite;
}

#stretched-image19{
	background-position: 58% 58%;
	background-image: url(../img/MTStolc001.jpg);
}

.pic,
.pic a {
  width: 140px;
  height: 140px;
  overflow: hidden;
}
.pic {
  position: absolute;
  border: 5px solid #fff;
  border-bottom: 18px solid #fff;
  -moz-box-shadow: 2px 2px 3px #111;
  -webkit-box-shadow: 2px 2px 3px #111;
  box-shadow: 2px 2px 3px #111;
}
.pic a {
  text-indent: -999px;
  display: block;
}

@media all and (min-width: 890px) and (max-width: 989px) { 
}

@media all and (min-width: 517px) and (max-width: 859px) { 
}

@media all and (max-width: 516px) { 
}

/*------------*/

@keyframes BGslideshow2 { 0%   {opacity: 0;} 18.29%  {opacity: 0;} 25%  {opacity: 1;} 50%  {opacity: 1;} 68.29%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow2 { 0%   {opacity: 0;} 18.29%  {opacity: 0;} 25%  {opacity: 1;} 50%  {opacity: 1;} 68.29%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow2 { 0%   {opacity: 0;} 18.29%  {opacity: 0;} 25%  {opacity: 1;} 50%  {opacity: 1;} 68.29%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow2 { 0%   {opacity: 0;} 18.29%  {opacity: 0;} 25%  {opacity: 1;} 50%  {opacity: 1;} 68.29%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow3 { 0%   {opacity: 0;} 43.29%  {opacity: 0;} 50%  {opacity: 1;} 75%  {opacity: 1;} 93.29%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow3 { 0%   {opacity: 0;} 43.29%  {opacity: 0;} 50%  {opacity: 1;} 75%  {opacity: 1;} 93.29%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow3 { 0%   {opacity: 0;} 43.29%  {opacity: 0;} 50%  {opacity: 1;} 75%  {opacity: 1;} 93.29%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow3 { 0%   {opacity: 0;} 43.29%  {opacity: 0;} 50%  {opacity: 1;} 75%  {opacity: 1;} 93.29%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow4 { 0%   {opacity: 0;} 68.29%  {opacity: 0;} 75%  {opacity: 1;} 93.29%  {opacity: 1;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow4 { 0%   {opacity: 0;} 68.29%  {opacity: 0;} 75%  {opacity: 1;} 93.29%  {opacity: 1;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow4 { 0%   {opacity: 0;} 68.29%  {opacity: 0;} 75%  {opacity: 1;} 93.29%  {opacity: 1;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow4 { 0%   {opacity: 0;} 68.29%  {opacity: 0;} 75%  {opacity: 1;} 93.29%  {opacity: 1;} 100% {opacity: 0;} }

/*-----jqsimplemenu.css-------*/

.menu, .menu ul {
    padding: 0;
    list-style-type: none;
    position: relative;
}
.menu a {
    text-decoration: none;
}
.menu > li > a {
    font-weight: bold;
}
div.box {
    position: absolute;
    z-index: -1;
    /*background-color: #75CDD2;*/
    left: 0;
    top: 0;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
/*li.pull-down > a {
    background-image: url('../images/darrow.png');
    background-position: 96% 75%;
    background-repeat: no-repeat;
    padding-right: 20px;
}
li.right-menu > a {
    background-image: url('../images/rarrow.png');
    background-position: 97% 45%;
    background-repeat: no-repeat;
}*/
.menu a.selected {
    background-color: #75CDD2;
    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
}
.menu li {
    float: left;
    position: relative;
}

.menu ul {
    position: absolute;
    display: none;
    /* width: 200px;
   top: 2.5em; 
    padding-right: 10px;
    background-color: #75CDD2;*/ /*-moz-opacity: .50;     filter: alpha(opacity=50);     opacity: .50;*/
    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
}

.menu li ul a {
    width: 200px;
    height: auto;
    float: left;
    padding: 0 10px;
}
.menu li ul li {
    padding: 0;
    margin: 0;
}
.menu ul ul {
    top: auto;
}

.menu li ul ul {
    left: 198px; /*margin: 0px 0 0 10px;*/
}
.menu-item-selected > a {
    background-color: #FFFEFD;
    -moz-opacity: .9;
    filter: alpha(opacity=90);
    opacity: .9;
}