/*
***********************************************************
Title:     De Wereld van ...
Author:   Emile Blume
***********************************************************
*/

.tx-ncedukansworldof-controller {
	background: url(../../img/Kids_voor_Edukans/wereld/wvd-back-white.png) no-repeat center top;
	position:relative;
	margin-left: 10px;
	margin-top:108px;
	margin-top:126px;
	height: 700px;
	width:1041px;
	position: absolute;
}

#children {
	background: url(../../img/Kids_voor_Edukans/wereld/wvd-child-ii.png);
	left: 335px;
	top: -110px;
	height: 350px;
	width: 564px;
	position: absolute;
	z-index:10;
}

#factsheet {
	background: url(../../img/Kids_voor_Edukans/wereld/wvd-factsheet.png) no-repeat left top;
	left:54px;
	top:78px;
	position:absolute;
	z-index:10;
	height: 531px;
	width: 244px;
	padding: 22px;
	padding-top: 44px;
	overflow: hidden;
}

#factsheet h2 {
	color: #000;
	font-size: 20px;
	margin-bottom: 10px;
}

#factsheet dt {
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}

#factsheet dd {
	font-size: 12px;
	margin-bottom: 8px;
}

#timeline {	
	background: url(../../img/Kids_voor_Edukans/wereld/timeline-bg.png) no-repeat left top;
	color: #FFF;
	font-weight: bold;
	left:340px;
	top:224px;
	position:absolute;
	height: 453px;
	width: 551px;
	z-index:150;
}

#timeline p {
	font-size: 12px;
}

#timeline ul {
	margin: 0;
	margin-left: 4px;
	padding: 0;
}

#timeline .timeline {
	clear: both;
	margin-top: 40px;
	height: 116px;
}

#timeline .timeline li {	
	background: url(../../img/Kids_voor_Edukans/wereld/opstaan-off.png) no-repeat center top;
	cursor: pointer;
	display: block;
	float: left;
	list-style: none;
	height: 116px;
	width: 74px;
	text-indent: -9999px;
	margin-right: 2px;
}

#timeline .timeline li.selected {	
	background: url(../../img/Kids_voor_Edukans/wereld/opstaan.png) no-repeat center top;
}

#timeline .timeline li#timeline_breakfast {
	background: url(../../img/Kids_voor_Edukans/wereld/ontbijt-off.png) no-repeat center top;
}
#timeline .timeline li#timeline_breakfast.selected {
	background: url(../../img/Kids_voor_Edukans/wereld/ontbijt.png) no-repeat center top;
}
#timeline .timeline li#timeline_school_morning {
	background: url(../../img/Kids_voor_Edukans/wereld/school-off.png) no-repeat center top;
}
#timeline .timeline li#timeline_school_morning.selected {
	background: url(../../img/Kids_voor_Edukans/wereld/school.png) no-repeat center top;
}
#timeline .timeline li#timeline_school_afternoon {
	background: url(../../img/Kids_voor_Edukans/wereld/school2-off.png) no-repeat center top;
}
#timeline .timeline li#timeline_school_afternoon.selected {
	background: url(../../img/Kids_voor_Edukans/wereld/school2.png) no-repeat center top;
}
#timeline .timeline li#timeline_lunch {
	background: url(../../img/Kids_voor_Edukans/wereld/lunch-off.png) no-repeat center top;
}
#timeline .timeline li#timeline_lunch.selected {
	background: url(../../img/Kids_voor_Edukans/wereld/lunch.png) no-repeat center top;
}
#timeline .timeline li#timeline_dinner {
	background: url(../../img/Kids_voor_Edukans/wereld/dinner-off.png) no-repeat center top;
}
#timeline .timeline li#timeline_dinner.selected {
	background: url(../../img/Kids_voor_Edukans/wereld/dinner.png) no-repeat center top;
}
#timeline .timeline li#timeline_evening {
	background: url(../../img/Kids_voor_Edukans/wereld/bed-off.png) no-repeat center top;
}
#timeline .timeline li#timeline_evening.selected {
	background: url(../../img/Kids_voor_Edukans/wereld/bed.png) no-repeat center top;
}

#morning, #evening, #breakfast, #school_morning, #school_afternoon, #lunch, #dinner {
	background: #000066 url(../../img/Kids_voor_Edukans/wereld/opstaan-bg.png);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 215px;
	width: 511px;
	overflow: hidden;
	padding: 15px;
	padding-top: 50px;
}

#evening {
	background: #000066 url(../../img/Kids_voor_Edukans/wereld/bed-bg.png);
}

#breakfast {
	background: #000066 url(../../img/Kids_voor_Edukans/wereld/ontbijt-bg.png);
	color: #000;
}

#school_morning, #school_afternoon {
	background: #119FCC url(../../img/Kids_voor_Edukans/wereld/school-bg.png);
	color: #000;
}

#school_afternoon {
	background: #119FCC url(../../img/Kids_voor_Edukans/wereld/school2-bg.png);
}

#lunch {
	background: #FF6600 url(../../img/Kids_voor_Edukans/wereld/lunch-bg.png);
	color: #000;
}

#dinner {
	background: #9C0082 url(../../img/Kids_voor_Edukans/wereld/dinner-bg.png);
}

/* Suitcase /////////////////////////////////////////////////////////////*/
.suitcase {
	background: url(../../img/Kids_voor_Edukans/wereld/wvd-suitcase-case.png) no-repeat;
	height: 113px;
	width: 204px;
	
	top: 560px;
	left: 20px;
	position: absolute;
	z-index: 200;
}

.suitcase .buttons {
	background: url(../../img/Kids_voor_Edukans/wereld/wvd-suitcase-label-ii.png);
	left: -10px;
	top: 0px;
	height: 90px;
	width: 151px;
	position: absolute;
}

.suitcase .description {
	color:#FFCC00;
	font-size:10px;
	font-weight:bold;
	height:140px;
	left:205px;
	overflow:hidden;
	position:absolute;
	top:42px;
	width:110px;
}