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
}

h1,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;
}
	#google_translate_element img {
		display: inline-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;
}

#content-item-hdr {
	margin-top: 30px;
    margin-bottom: 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-container {
	border-bottom: 10px solid #3fd2ff;
	position: relative;
	_zoom: 1;
}

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

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

#top-logo img {
	padding: 13px;
}

#top-menu {
	position: absolute;
	z-index: 20;
	width: 455px;
	margin-top: 58px;
	*margin-top: 59px;
	right: 0;
	bottom: 1px;
	vertical-align: bottom;		
}

/*#zUL,#zUL ul {
	padding: 0px;
	margin: 0px;  
}

#zUL ul {
	position: relative;
    z-index: 20;
	vertical-align: bottom;	
}

#zUL li ul li a {
	margin-left: 1em;
	color: #4d2c80
}

#zUL li ul li:hover a {
	color: #bb0568
}

#zUL li {
	position: relative;	
    width: 441px;	
	display: inline;
    float: left;
	list-style-type: none;
}

#zUL li ul {
	position: absolute;
	visibility: hidden;
	z-index: 22;	
	margin-top: 1px;	
	padding: 12px 0px;	
	border-top: 10px solid #3fd2ff;
    border-bottom: 3px solid #3fd2ff;
    font-size: 75%;
	background-color: #def7ff;	
}

#zUL li ul li {
	padding: 5px 0px 5px 14px;		
	list-style-image: url("/assets/images/bullet.png");
	list-style-position: inside;
	border: none;
}

#zUL li ul li:hover {
	background-color: #ffffff;
}

#zUL li:hover ul {
	visibility: visible;
}

#zUL li a.head {	
	position: absolute;
	bottom: 0px;
	width: 411px;
	height: 16px;
	padding: 8px 6px 6px 38px;
	display: block;
	font-size: 75%;
	font-weight: bold;
	background-color: #4d2c80;
	background-image: url("/assets/images/top-arrow-up.png");
    	background-repeat: no-repeat;
	color: #ffffff;
}

#zUL li:hover a.head {
	background-color: #3fd2ff;
	background-image: url("/assets/images/top-arrow-down.png");
	background-repeat: no-repeat;
}*/

#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;
    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-image: url("/assets/images/bullet.gif");
	background-repeat: 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 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: 0;
		padding: 0;
		font-family: verdana, arial, sanf-serif;
		font-size: 10px;
		font-weight: bold;
		position: absolute;
		right: 0;
		top: 0;
		color: #09d4ff;
	}

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

.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;
	}