/*  TEMPLATE 1

IE 7
Om de rechtervlakken te doen aansluiten met rechterkant van wrapper moeten ze een breedte hebben van wrapper-linkervlak-3.
Door het floaten van linkervlak worden de rechtervlakken 3px naar rechts geschoven
content, rood,blauw,groen, dispay block
rood:float left

IE 8

*/

body
{
  margin:0;
  padding:0;
  font-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  background-color:#3216B0;
	background-position:left top;
  background-repeat:repeat;
  color:black;
}

#wrapper
{
  background-color:#3216B0;
  color:black;
  width:827px;
	margin-left:auto;
  margin-right:auto;
  margin-top:20px;
	border-left:1px solid black;
	border-right:1px solid black;
 
}

#header 
{
  background-color:#EBF5FC;
	color:#1B0773;
  font-size:18px;
  height:50px;
}

#title
{
  font-size:20px;
	margin-left:10px;
}

#subtitle
{
  margin-left:10px;
	font-size:12px;
}


#content
{
  width:827px;
  background-color:#1B0772;
	background-color:black;
	display:table;
}


#footer
{
  color:#FFFFFF;
  text-align:center;
	font-size:10px;
	height:20px;
	background-color:#1B0773;
	padding-top:5px;
	border-top:1px solid white;
		
}


#footer a:link
{
  color: white;
	text-decoration:none;
}

#footer a:visited
{
  text-decoration: none;
  color: #8370D8;
}

#footer a:hover
{
  color:#8370D8;
}

#footer a:active
{
  color: white;
}


#rood
{
	width: 245px;
	background-color:black;
	display:table-cell;
	color:white;
}


#blauw
{
  background-color:#1B0772;
	width:567px;
	display:table;
	padding:10px;
	color:#FFFFFF;
	font-size:14px;
		
}

#voorstelling
{
 font-size:16px;
 color:#FFCE01;
}

#groen
{
  background-color:#8370D8;
  font-size:12px;
	width:283px;
	display:table-cell;
	padding:10px;
}

#oranje
{
  background-color:#8370D8;
  font-size:12px;
	width:284px;
	display:table-cell;
	padding:5px;
}

#geel
{
  background-color:#644AD8;
	width:567px;
	display:table;
	padding:10px;
	color:#000000;
	font-size:14px;
		
}

#synopsis
{
 font-size:16px;
 color:white;
}

#rechtervlak
{
  display:table;
	
	
	
}

#groen+oranje
{
  display:table;
	width:577px;
	font-size:12px;
}

.krant
{
  font-weight:bold;
}

#foto1
{
  background-image:url(../img/r8.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:180px;
	position:absolute;
	top:80px;
	
	
}

#foto2
{
  background-image:url(../img/r11.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:362px;
	position:absolute;
	top:270px;
	
}

#foto3
{
  background-image:url(../img/r6.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:160px;
	position:absolute;
	top:642px;
}

#foto4
{
  background-image:url(../img/r10.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:180px;
	position:absolute;
	top:812px;
}

#foto5
{
  background-image:url(../img/r7.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:361px;
	position:absolute;
	top:1002px;
}

#cast
{
  
	position:absolute;
	top:1373px;
	padding:10px;
}

.zanger
{
  
	color:#FFCE01;
	
}

#echos
{
 font-size:14px;
 color:white; 
}

#afdrukken
{
  text-align:right;
	
}

#afdrukken a
{
 	color:white;
}