/*  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:#1B0772;
	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;
 padding-top:15px;
 padding-left:300px;
}

#groen
{
  background-color:#1B0772;
  font-size:12px;
	width:283px;
	display:table-cell;
	padding:10px;
	height:150px;
}

#oranje
{
  background-color:#1B0772;;
  font-size:12px;
	width:284px;
	display:table-cell;
	padding:5px;
	height:150px;
}

#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:587px;
	font-size:12px;
}

.krant
{
  font-weight:bold;
}

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

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

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

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

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

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

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


#foto8
{
  background-image:url(../img/.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:151px;
	position:absolute;
	top:1885px;
}



#foto9
{
  background-image:url(../img/.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:144px;
	position:absolute;
	top:2038px;
}

#foto10
{
  background-image:url(../img/.jpg);
	background-repeat:no-repeat;
	width:240px;
	height:151px;
	position:absolute;
	top:2184px;
}


.cast
{
 	padding:10px;
	color:#8370D8;
}

.leiding
{
 	padding:10px;
	color:#8370D8;
	
}

.zanger
{
  
	color:#FFCE01;
	
}

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

#afdrukken
{
  text-align:right;
	
}

#afdrukken a
{
 	color:white;
}