/* CSS Document */

body
{
  font-size:14px;
  font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
  font-weight:300;
  margin:0px;
  padding:0px;
  color:#333;
  background-color:#1b1b1b;  
  background-color:#f2f2f2;


  
  

}
a
{
	color:#22475c;
	text-decoration:none;
}
a:hover
{
	color:#000;
}
.doneerBtn
{
	border:none;
	text-transform:uppercase;
	margin-top:30px;
	font-size:25px;
	font-weight:100;
	background-color:#a40e4d;
	color:#FFF;
	padding:10px;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	
}
h1,h2,h3
{
	font-family:"Roboto Slab";	




}


.logoLink
{



}
.logoLink img
{
		margin-top:10px;
	width:179px;
	max-width:100%;
	margin-right:30px;
	margin-left:10px;
}




.main
{
	
}
.main ul
{
	list-style-image:url(/image/opsom.png);
}
#headers
{
	position:relative;
	width:100%;
	height:400px;

}
#headers.noHeight
{
	height:1px;
}
.header
{
	margin:auto;

	width:100%;
	height:400px;
	background-image:url(/image/defaultHeader.jpg);
	background-position:center;
	background-size:cover;
}
.headerOverlay
{
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(/image/headerOverlay.png);
	
	width:100%;
	height:100%;
	}
	#dynamicHeaderHolder
{
	position:relative;
	


		margin:auto;

	width:100%;
	height:100%;


}
#dynamicHeaderHolder .dynamicHeader
{
	position:absolute;
	display:none;
	margin:auto;
	width:100%;
	height:100%;



}
.header .fotograaf
{
	color:#FFF;
	font-size:11px;
	position:absolute;
	bottom:60px;
	right:30px;
text-shadow: 1px 1px 15px rgba(0, 0, 0, 1),	
1px 1px 15px rgba(0, 0, 0, 1),	
1px 1px 15px rgba(0, 0, 0, 1),	
			-1px -1px 25px rgba(0, 0, 0, 1);	
}
.footer
{
	float:left;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
	background-color:#333;
	background-color:#FFF;	
}
.footer a
{
	color:#333;
}
.footerLogo
{

	width:150px;
	height:70px;
	float:right;
	background-image:url(/image/footerLogo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.copyRight
{
	margin-top:30px;
	width:100%;
	float:left;

	font-size:14px;
	color:#666;
}
.copyRight a
{
	text-decoration:none;
	color:#666;
}

.copyRight a:hover
{
		color:#ff6838;
}

input[type="text"],input[type="url"],input[type="email"], input[type="password"], textarea, select,  select.form-control
{
	font-size:1.2em;
	height:auto;
	padding:10px;

}
option
{

}
input[type="button"], input[type="submit"]
{
	cursor:pointer;
	color:#FFF;
	background:none;
	border:none;
	padding:10px;
	background-color:#22475c;

}

input[type="button"]:hover, input[type="submit"]:hover
{
	background-color:#666;
}

fieldset
{
	border:none;
	border:1px solid #CCC;
	border-radius:5px;
}
fieldset legend
{

}
	
.inWindow
{
	background-color:#FFF;
	border:5px #069 solid;
	border-radius:10px;
margin:auto;
margin-top:50px;
width:436px;
min-height:140px;
}
.inWindowHeader
{
		padding-top:3px;
	padding-bottom:8px;
	padding-left:10px;
	width:426px;
background-color:#069; 
color:#FFFFFF; 
font-weight:bold; 
letter-spacing:2px; 
font-size:18px
	
}
.adminTransBg
{
z-index:9999999;
display:none;
padding:10px;
overflow:scroll;
background-image:url(/image/imgPopUpBg.png);
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;

}
#settingsWindow td, .inWindow td
{
	border-bottom:1px dotted #CCC;

	}
#settingsWindow label, .inWindow label
{
	display:block;
	padding:5px;
	border-bottom:1px dotted #CCC;
}
.bottomButtons
{


	margin:auto;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
}
.bottomButtons input[type="button"]
{
	
	margin:5px;

}
input.inschrijfKnop, a.inschrijfKnop
{
	border:none;
	background:none;
	width:182px;
	height:42px;
	background-image:url(/image/inschrijven_button.gif);
	float:right;
	display:block;
}
a.inschrBtn, input.inschrBtn, button.inschrBtn
{
	color:#FFF;
	padding:10px;
	display:block;
	background-color:#b22028;
	text-align:center;
	border:none;
	margin-bottom:5px;
}
.inschrBtn:after
{
	float:right;
	content:"►";
	margin-left:10px;
	}
.inschrBtn:hover
{
	text-decoration:none;
	background-color:#333;
}

.loadingMsg
{
	background-color:#FFF;
	border-radius:5px;

	display:block;
	font-size:18px;
	color:#666;
	padding:10px;
}
.loadingMsg img
{
	vertical-align:middle;
	width:32px;
	height:32px;
	margin-right:10px;

}
.socialMedia
{
	float:left;
	margin-right:30px;
}
.socialMedia a
{
	float:left;
	width:35px;
	height:35px;
	display:block;
	margin-bottom:10px;
	margin-right:5px;
	background-position:center;
	background-size:contain;
}
.socialMedia a.faceBook
{
	background-image:url(/image/facebook.png)
}
.socialMedia a.twitter
{
	background-image:url(/image/twitter.png)
}
.socialMedia a.instagram
{
	background-image:url(/image/instagram.png)
}
.socialMedia a.youtube
{
	background-image:url(/image/youtube.png)
}
.socialMedia a.mail
{
	background-image:url(/image/mail.png)
}

.breadCrumbs
{
	display:block;
	float:left;
	width:100%;
}
.breadCrumbs a
{
	color:#FFF;
	float:left;
}
.breadCrumbs a:after
{
	content:'» '
}
.breadCrumbs a:last-child
{
}

.mainTxtClose:hover, .mainTxtOpen:hover
{
	opacity: 1
}





.sitemap ul
{
	margin:0px;
	font-size:11px;

	display:block;
	margin:auto;
	margin-top:10px;
	padding:0px;
	list-style:none;
	margin-right:30px;

}
.sitemap ul li
{
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#686969;
	font-size:14px;
		width:170px;
	float:left;
}
.sitemap ul li ul
{
	width:170px;
	margin:0px;
		padding-bottom:20px;
}
.sitemap ul li ul li
{


		margin-top:3px;
	font-weight:normal;
	font-size:11px;
		color:#686969;
		float:left;
	width:100%;
}
.sitemap ul li a
{

	color:#686969;
	text-decoration:none;
}
.sitemap ul  li a:hover
{
	text-decoration:underline;
}

@media screen and  (max-width: 768px) {
	
	.sitemap
	{
		display:none;
		}
	}

.footerContact
{
	float:left;

	
}



.topBar
{


	background-color:#FFF;
	border:none;
	border-bottom:1px solid #f7f7f7;
	
}

.topBarLogoSmall
{
	height:70px;
	width:100px;
	float:left;
	position:absolute;




	background-image:url(/image/topBarLogo.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	
}
.topBar ul.nav
{
	margin-top:20px;
	margin-bottom:10px;	
}
.topBar ul.nav li a
{
	padding:10px;

	font-size:16px;
	font-weight:300;	
}
.topBar ul.nav li a.active
{

}

@media (min-width: 768px) { 
.topBarLogo
{
	margin-top:10px;

	height:60px;


	width:179px;;




	background-repeat:no-repeat;

}


.topBar
{

	
}

.topBar .navbar-left ul.nav li a
{
	text-transform:uppercase;
	font-size:14px;
	background-color:#FFF;
	color:#333;
	letter-spacing:0;
	padding:10px;
}

.topBar ul.nav li a.active
{
	background-color:#22475c;
	color:#FFF;
}

 }
@media (min-width: 992px) { 
.topBar ul.nav li a
{
		padding:15px;

}
}
/* BOOTSTRAP */




@media all and (max-width: 400px) {
  .modal {
    position: absolute;
	height:5000px;
  }
  .modal-body {
  }
}

.dropdown-menu
{
		background-color:#303030;
}


img.col-md-6
{
	display:block;
	max-width:100%;
}


.page
{
	padding-top:10vh;
	font-size:14px;
}

h1
{

		font-size:1.8em;
		margin-top:0px;
		font-weight:100;

}
h2
{

		font-size:1.5em;
		margin-top:20px;
		font-weight:300;

}
 .pageDate
 {

	 font-size:2em;
		font-style:italic;
		font-weight:bold;	 
 }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	.page
	{
		position:relative;

	font-size:16px;	
	padding-bottom:10px;

/*transform:rotate(0.5deg)*/
	}
	.page .pageContent
	{
/*transform:rotate(-0.5deg)	*/	
	}
 }
 /* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.page
	{
	font-size:19px;		
	}
	.page h1
	{
		font-size:2.5em;
	}
	.page table
	{
		font-size:14px;
	}
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {  }
 
.page.blue
{
	color:#FFF;
	background-color:#3a7a9c;	
}
.page.white
{
	color:#333;
	background-color:#FFF;

}
.page.home
{
	background-image:url(/image/defaultHeader.jpg);
	background-position:center;
	background-size:cover;
	background-color:#FFF;
	padding:0px;
	color:#333;


}
.page .row
{
	margin-bottom:3vw;
}

.page .pageHeader
{
	display:none;
	margin-top:-10vh;
	 background-size:cover; background-position:center; width:100%;
height:30vh; 

}
.page .pageContent
{


}
.page .pageContent .pageHeader
{
	margin-bottom:2vh;
}
.page.film 
{
	background-color:#000;
	margin-top:0px;

}
.page.film .pageContent
{
	margin-top:-10;

	
}
.page .artist h2
{

	font-size:1em;
}
.logoBlock
{
}
.logoBlock .col-md-6, .logoBlock .col-xs-3
{
	padding:0px;
}
.logoRow
{

}
.smallListLogo a
{

	margin:6%;
	display:block;
	height:100px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;

}

.btn 
{
	background-color:#a40e4d;
	border-radius:0px;
	color:#FFF;
	margin-top:5px;
	white-space: normal;
	max-width:100%
}