@charset "UTF-8";
/* CSS Document */






body{
			background-color: #353535;
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
			font-size: 12pt;
		}

.DivParent
		{
			position: relative;
			width: 390px;
			height: 890px;
			margin-top: 0px;
			margin-left: auto;
			margin-right:auto;
			padding:0px;
			background-color: #f6ebd5;
		}

.DivTopBar
		{
			position: absolute;
			width: 390px;
			top: 0px;
			left: 0px;
            z-index: 3;
			padding:0px;
		
		}
.DivMenuBar
{
    position: absolute;
    width: 390px;
    height: 200px;
    top: 0px;
    left: -1px;
    z-index: 4;
    padding: 0px;
    overflow: hidden;	
}

.DivMenubar a {
	color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.DivMenuBar #myLinks {
  display: none;

	
	
}

a.icon {
 
  display: block;
  position: absolute;
  text-decoration: none;
  color: black;
  margin-left: 47%;
  margin-top: 15px;
}

a.menu{
	
	color: white;
  	padding: 14px 16px;
  	text-decoration: none;
  	font-size: 17px;
  	display: block;
	background: rgba(76, 175, 80, 0.9);
	

}

a.menu:hover {
  background: rgba(76, 175, 80, 1);
  color: black;
}

#mBurger {
	position: absolute;
	height: 25px;
	transform:translateX(-50%);
	margin-top: 15px;
	margin-left: 50%;
	
}

.slideshow-container {
    position: absolute;
	max-width: 390px;
    height: 200px;
    
	top:135px;
    width: 390px;
	z-index: 1;
  
}

.titlebar {
	width: 390px; 
	max-width: 390px;
  	position: absolute;
	top: 300px;
	z-index: 3;
}

.titlebar #mTitle {
	 
	max-width: 390px;
  	position: absolute;
	top: 40px;
	left: 15px;
	z-index: 4;
	font-weight: 700;
	
}

.ProgramList
{
    position: absolute;
    width: 390px;
    height: auto;
    top: 112px;
    margin-top: 300px;
    z-index: 2;
    
}

.ProgramBlock
		{
		position: relative;
		width: 340px;
		height: auto;
		margin: 24px;
		border-radius: 15px;
		background-color: #fff8a7;
		border: 2px solid #998675;
		
		
		}
.ProgramContentBlock
		{
    position: relative;
    width: 330px;
    height: auto;
    margin-top: 5px;
    margin-left: 5px;
    top: 3px;
		}

.ProgramInfoBlock
		{
	
    position: relative;
    width: 205px;
    margin-left: 5px;
    background-color: #998675;
    border-radius: 2px;
    height: auto;
    padding-left: 5px;
    left: 4px;
	min-height: 48px;
	vertical-align: bottom;
  
		}


.ProgramTitle
		{	
		font-size: 18pt;
		font-weight:650;
		}
.ProgramDate
		{
		font-size: 16pt;
		font-weight: 350;
		}
.ProgramText
		{
		overflow:scroll; /* text gaat niet verder dan de box ->clipping - visible or scroll vs hidden */
  		text-overflow: ellipsis; /* drie ... toegevoegd aan einde clipping  */
  		white-space: normal; /* white space wordt gebruikt to wrap text - normal vs nowrap  */
  		
		}

	

.ProgramInschrijven
		{
    position: relative;
    width: 112px;
    height: 48px;
    
    margin-left: 205px;
    background-color: #998675;
    line-height: 48px;
    text-align: center;
    border-radius: 2px;
    left: 15px;
	vertical-align: bottom;
		}

a.inschrijven {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
	color: white;
}

span.info {
	text-decoration: none;
	color: white;
}
span.required {
	color: red;
}