body {	
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	background-color: #8e8e8e;
}

:focus {-moz-outline-style: none;}

span, div {
	margin: 0px;
	padding: 0px;	
}

a {
	text-decoration: none
}

h2,h3 {
	font-size: 100%;
	color: #bb0568;
	font-weight: bold;
}

h3 {
	font-size: 100%;
	color: #bb0568;
	font-weight: normal;
}

sup {
	font-size: 70%;
}

a:hover {
	text-decoration: none
}

a img {
	margin: 0px;
	border: none;
	display: block;
}

img {
	margin: 0px;
	padding: 0px;
	outline: none;
	display: block;
}

ul.pane-list {
	position: relative;
	top: -16px;
	left: 18px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#content {	
	width: 600px;
	margin: 10px 30px 30px 30px;	
	font-size: 70%;
	line-height: 163%;
	text-align: justify;		
	color: #000000;	
}

.backdrop {
	width: 930px;
	overflow: hidden;
	background-image: url("/assets/images/backdrop.png");	
}

#content-header {
	width: 610px;
	height: 42px;
	color: #ffffff;
	padding: 12px 25px 11px 25px;		
}

/* 
	Classes used in theme-specific coloration 
*/

.huidig,.huidig-links {	background-color: #4d2c80; }
.diversiteit { background-color: #a00060; }
.identiteit { background-color: #c0161f; }
.mensenrechten { background-color: #ff7f00; }
.duurzaam {	background-color: #f2cb0e; }
.globalisering { background-color: #b3ce05; }
.verdeling { background-color: #7fa801; }
.conflict {	background-color: #0189e1; }
.mondiaal {	background-color: #005eb8; }
.info { background-color: #bb0568; }
.diversiteit-links { background-color: #b84088; }
.identiteit-links {	background-color: #d05057; }
.mensenrechten-links { background-color: #ff9f40; }
.duurzaam-links { background-color: #f6db59; }
.globalisering-links { background-color: #cbde55; }
.verdeling-links { background-color: #9ebe41; }
.conflict-links { background-color: #39a2e8; }
.mondiaal-links { background-color: #4086ca; }
.info-links { background-color: #df8bb8; }
.diversiteit-text, .menu a:visited.diversiteit-text {	color: #a00060; }
.identiteit-text, .menu a:visited.identiteit-text { color: #c0161f; }
.mensenrechten-text, .menu a:visited.mensenrechten-text { color: #ff7f00; }
.duurzaam-text, .menu a:visited.duurzaam-text { color: #f2cb0e; }
.globalisering-text, .menu a:visited.globalisering-text { color: #b3ce05; }
.verdeling-text, .menu a:visited.verdeling-text { color: #7fa801; }
.conflict-text, .menu a:visited.conflict-text { color: #0189e1; }
.mondiaal-text, .menu a:visited.mondiaal-text { color: #005eb8; }
.diversiteit-dark { color: #6a002b; }
.identiteit-dark {     color: #8b0008; }
.mensenrechten-dark { color: #c25400; }
.duurzaam-dark { color: #c79600; }
.globalisering-dark { color: #899f00; }
.verdeling-dark { color: #658600; }
.conflict-dark { color: #005fb9; }
.mondiaal-dark { color: #004e99; }
.info-text { color: #bb0568; }

.content-theme {
	margin: 5px 0px 6px 4px;
	display: inline;
	float: left;	
	font-size: 125%;		
}

.content-category {
	margin: 12px 0px 4px 10px;
	display: inline;
	float: left;	
	font-size: 90%;
	font-style: italic;
}

h1, #content-item-hdr {
	margin: 30px 0 20px;
	font-size: 125%;
	font-weight: bold;	
}

.pane-title {
	width: 230px;
	min-height: 228px;
	margin: -2px 0px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	border-style: solid;
	border-color: #ffffff;
	border-width: 2px;
	font-size: 70%;
	color: #ffffff;		
}

.pane-extra {
		width: 230px;
		min-height: 200px;
		margin: -2px 0px 0px 0px;
		padding: 0px;
		display: inline;
		float: left;
		border-style: solid;
		border-color: #ffffff;
		border-width: 2px;
		font-size: 70%;
		color: #ffffff;         
}

.pane-selected {
	width: 230px;
	min-height: 228px;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;							
	border-style: solid;
	border-color: #ffffff;
	border-width: 2px;
	font-size: 70%;
	color: #ffffff;
}

.pane-image {	
	width: 230px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	display: block;
	clear: left;	
	vertical-align: bottom;
}

.selectable:hover {
	background-color: #3fd2ff;
}

.pane-title span {
	width: 166px;
	margin: 0px;
	padding: 7px 0px 5px 5px;
*   margin-top: -2px;
	display: inline;	
	float: left;	
}

.pane-title span.pane-world {
	width: 20px;
	height: 20px;
	margin: 4px 5px 4px 4px;
	padding: 0px;	
	display: block;
}

.pane-world img {
	display: inline;
	float: left;
	vertical-align: middle;
*   margin-top: -2px;
}

.pane-sel-img {	
	width: 10px;
	display: inline;
	float: left;
}

img.pane-arrow {
	width: 28px;
	height: 28px;	 
*   margin: -2px 0px 0px 0px;
	padding-left: 2px;
	display: block;
}

.pane-item {	
	width: 230px;
	min-height: 228px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	float: left;
}

.pane-book {	
	width: 228px;
	height: 206px;
	padding: 0px;
	float: left;
	vertical-align: top;
	margin: -2px 0px 0px 0px;
		border-style: solid;
		border-color: #ffffff;
		border-width: 2px;
}

.pane-book a {
	display: block;
	min-height: 0px;
	max-height: none;
	width: 230px;
	margin: 0px;
	padding: 0px;
}

.pane-book img {
	display: block;
	width: 230px;
	float: left;
	margin: 0px;
	padding: 0px;
}


.pane-intro {	
	width: 270px;
	height: 82px;
	margin: 0px;
	padding: 0px;
	display: block;	
	font-size: 75%;
	color: #ffffff;	
}

.pane-intro img {
	margin-top: 28px;
	margin-left: 20px;
	display: inline;
	float: left;	
}

.pane-title-span {
	width: 210px;
	margin: 26px 0px 0px 8px;
	display: inline;
	float: left;
	vertical-align: middle;
}

.pane-nav {
	width: 270px;
	height: 17px;
	display: block;
}

a.pane-intro:hover {
	background-color: #3fd2ff;
}

div.content-container {
	width: 660px;
	display: table-cell;	
	float: left;	
	outline: none;
}

div.pane-container {
	width: 270px;
	float: left;
	display: inline;
	background-color: #e7e7e7;
}

div.page-container {
	width: 930px;	
	margin: 0px auto;
	overflow: hidden;
}

.menu-container {
	width: 930px;
	height: 20px;
}

.menu {	
	width: 900px;
	margin: 2px 15px;	    
	display: inline;
	float: left;	
	font-size: 70%;
	font-weight: bold;
	text-align: justify;
	color: #4d2c80;	
}

.menu a:link {
	color: #4d2c80;
}

.menu a:hover, .menu a:visited:hover {
	color: #3fd2ff;
}

.menu a:visited {
	color: #4d2c80;
}

#top-seperator {
	width: 930px;
	height: 10px;	
	display: block;
	clear: left;
	background-color: #3fd2ff;			
}

#top-labeling {
	width: 930px;
	padding: 0px;
	margin: 0px;
}

#top-logo {	
	width: 475px;
	height: 90px;
	margin: 0px 0px 1px 0px;
	display: inline;
	float: left;
	font-size: 150%;
	color: #ffffff;
	background-color: #4d2c80;				
}

#top-logo img {
	padding: 13px;	
	display: inline;
	float: left;
	
}

#top-menu {
	position: relative;
	z-index: 20;
	width: 455px;
	margin-top: 58px;
*	margin-top: 59px;	
	display: inline;   
	float: left;    
	vertical-align: bottom;		
}

#drop_down_menu {
	display:block;
	position:relative;
	clear:both;
	margin: -37px 0px 0px -20px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	text-align:center;
	width:700px;
	float:none;
	left:0px;
	top:0px;
}
	#drop_down_menu li {   
		float:left;
		color:#11a2db;
		padding:5px;
		cursor:pointer;
		width:455px;
	}
	
		#drop_down_menu li a.head {        
			width: 411px;
			height: 16px;
			padding: 8px 6px 6px 38px;
			display: block;
			font-weight: bold;
			background-color: #4d2c80;
			background-image: url("/assets/images/top-arrow-up.png");
			background-repeat: no-repeat;
			color: #ffffff;
		}
		#drop_down_menu li ul {  
			/*list-style-position: inside;      
			list-style-image: url("/assets/images/bullet.gif");*/
			list-style-type: none;
			z-index: 22;    
			margin-top: 1px;
		*   margin-left: 0px;    
			padding: 12px 0px;  
			border-top: 10px solid #3fd2ff;
			border-bottom: 3px solid #3fd2ff; 
			background-color: #def7ff;  
		}
			#drop_down_menu li ul li {
				background: #def7ff url("/assets/images/bullet.gif") no-repeat;
				height: 15px;
				float: none;
				clear:both;  
				padding-left: 35px;
			*   padding-top: 5px;
			*   padding-bottom: 5px;
			*   margin: 0px;
			}
				#drop_down_menu li ul li:hover {
					background-color: white;
				}
			
				#drop_down_menu li ul li a {    
					font-weight:normal;
					text-decoration:none;    
					float: left;    
				*   margin: 0px;
					color: #4d2c80
				}

#ncdo-menu {		
	width: 926px;
	height: 18px;
	margin: 2px 2px 10px 2px;    
	vertical-align: bottom;
	background-color: #c4c4c4;	
	font-size: 70%;
	color: #ffffff;	
}

#ncdo-menu img {
	display: inline;
	float: left;
}

#bottom-menu {
	width: 920px;
	height: 18px;
	margin: 3px -5px 8px 0px;    
	font-size: 70%;	
	text-align: justify;
	background-color: #c4c4c4;	
	color: #4d2c80;	
}

#bottom-bar {
	width: 930px;
	height: 20px;
	padding: 1px 0px;
	margin: 0px;
	display: block; 
	clear: left;
	background-color: #c4c4c4;		
}

#bottom-menu div {
	display: inline;
	float: left;
}

#bottom-menu img {
	float: right;
	display: inline;	
	margin: -2px 0px 0px 0px;
}

#navbar {
	width: 626px;
	height: 12px;
	padding: 2px 4px 3px 30px;    	
	text-align: justify;
	font-size: 60%;
	font-weight: bold;
	color: #ffffff;	
}

#navbar a:link {
	color: #ffffff;
}

#navbar a:visited {
	color: #ffffff;
}

#navbar a:hover {
	color: #3a2160;
}

.book-title {
	color: #3fd2ff;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 8px;
}

.book-container {
	width: 600px;
	clear: left;
}

.book-contents {
	color: black;
}

.book-img {
	padding-top: 5px;
	padding-bottom: 15px;
	width: 95px;
	display: block;
	float: left;
	display: none;
}

.book-author {
	color: #4d2c80;
}

.book-author span {
	color: #3fd2ff;
	clear: left;
}

.book-desc {
	margin-bottom: 0.5em;
	clear: left;
}

.book-info {
	font-size: 80%;
	color: #808080;
	font-style: italic;
}

.link-title {
	display: block;
	color: #3fd2ff;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 8px;
	text-decoration: underline;
}

.link-title:hover {
	text-decoration: underline;
}

.book-title:hover div {
	text-decoration: underline;
}

.book-title .link-btn {
   display: inline-block;
   position: relative;
   top: 1px;
   width: 20px;
   height: 16px;
   margin-left: 4px;
   background-image: url("/assets/images/video-btn.png");
   background-repeat: no-repeat;
}

.book-title:hover .link-btn {
   background-image: url("/assets/images/video-hover.png");
}

.link-container {
	clear: left;
	list-style: square outside;
	margin: 0px 13px;
	padding: 0px;
}

.link-container li {
*	position: relative;
*	top: -6px;
	margin-bottom: 30px;
	width: 100%;
	vertical-align: top;
}

.link-contents {
	padding-top: -15px;
	color: black;
}

.link-desc {
	clear: left;
}

.link-url {
	font-size: 80%;
	color: #808080;
}

.link-hilite {
	font-size: 80%;
	color: #3fd2ff;
}

.link-hilite span {
	color: #4d2c80;
}

.main {
	background-color: #ffffff;
	overflow: hidden;
	width: 100%;
}

#watch-bg {
	overflow: hidden;
	position: relative;
	left: -30px;
	background-color: #F0F0F0;
	width: 660px;
	height: 344px;
	text-align: center;
}

#watch-bg div {
	display: block;
	margin: auto;
}

.watch-hdr {
	display: block;
	float: left;
	position: relative;
	left: -30px;
	color: #3fd2ff;
	font-weight: bold;
	font-size: 120%;
	width: 460px;
	text-align: center;
   vertical-align: middle;
	padding-top: 2px;
	margin: 0px;
}

.watch-bk {
   display: block;
   position: relative;
   left: -30px;
   float: left;
   width: 60px;
   height: 24px;
   padding: 1px 0px 1px 24px;
   margin: 0px;
   vertical-align: middle;
   background-image: url("/assets/images/arrow-back.png");	
   background-repeat: no-repeat;
}

a.watch-bk:hover {
	color: #3fd2ff;
}

a.book-title div {
	float: left;
}

.language-menu {
		margin: 0px 0px;
		padding: 0px 0px;
		font-family: verdana, arial, sanf-serif;
		font-size: 10px;
		font-weight: bold;
		float: right;
		color: #09d4ff;
	}

.language-menu ul {
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 19px;
	padding: 0px;
}

.language-menu ul li {
		display: inline;
		}

.language-menu ul li a {
		color: #09d4ff;
		margin-left: -3px; /*spacing between each menu link*/
		padding: 1px 3px 1px 3px;
		text-decoration: none;
	}

.language-menu ul li a:hover {
		color: #4d2c80;
	}

.language-menu ul li a.selected {
		color: #ffffff;
		background: #08d4ff;
	}

	
#videobar {
	background: black;
	height: 90px;
	margin: 0 -2px;
	width: 600px;
	border: 2px inset black;
	overflow: hidden;
	padding: 0;
}
	#videobar li {
		float: left;
		list-style: none;
		margin: 0;
	}
		#videobar a {
			display: block;
			opacity: 0.8;
		}
			#videobar a:hover {
				opacity: 1;
			}
	
			#videobar img {
				height: 90px;
				width: 120px;
			}