* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline: none;
}

html {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 135%;
	overflow-y: scroll;
}

body {
}

#page {
	background: #d4d3d3;
	min-height: 600px;
}
.typeCbnHome #page {
	background: #fff url(/images/site/background-home.gif) top center repeat-x;
}

#header {
	position: relative;
	background: #fff url(/images/site/header.jpg) 528px 0px no-repeat;
	height: 127px;
}

#header h1 {
	display: block; 
	width: 170px;
	height: 85px;
	background: transparent url(/images/site/cbn.gif) top left no-repeat;

	position: absolute;
	top: 24px;
	left: 20px;
}
#header h1 a {
	display: block;
	width: 170px;
	height: 85px;

	text-indent: -1000em;
}

#header div.languages {
	position: absolute;
	width: 400px;
	left: 500px;
	top: 5px;
}
#header div.languages h3 {
	display: none;
}
#header div.languages ul {
	float: right;
	
	margin: 0;
	padding: 0;
}
#header div.languages ul li {
	display: inline;

	margin: 0 0 0 12px;
	padding: 0;
}
#header div.languages a {
	color: #444;
	font-size: 0.70em;
	text-decoration: none;
}
#header div.languages a img {
	vertical-align: middle;
}



#content {
	background: url(/images/site/content.jpg) 528px 0px no-repeat;
	min-height: 300px;
	-zoom: 1;
}
.typeCbnHome #content {
	background: url(/images/site/content-home.jpg) top left no-repeat;
	height: 600px;
}
.left {
	float: left;
	width: 215px;
	padding: 0;
	margin: 0 25px 0 0;
}
.right {
	float: left;
	width: 660px;
	margin: 40px 0 0;
	position: relative;
}

.typeCbnHome .right {
	width: 300px;
	padding: 0 360px 0 0;
	margin: 20px 0 0;
}


.left ul {
	width: 190px;
	background: #0b66ac url(/images/site/navigation.jpg) top left no-repeat;
	font-size: 0.7em;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 24px 0;
}
.left ul li {
	display: block;
	text-align: left;
	padding: 2px 0 2px 36px;
}
.left ul li.hover,
.left ul li:hover {
	background: #5a5a5a;
}
.left ul li.selected {
	background: #458dc4;
}
.left ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.left ul.sub {
	background: #095087;
}



.right h2 {
	font-size: 1.6em;
	color: #03406e;
	margin: 0 0 1em;
	line-height: 130%;
}
.right .newsitem {
	padding: 0 0 1em;
	margin: 0 0 1em;
	border-bottom: 1px solid #166098;
	overflow: hidden;
}
.right .newsitem h2 {
	font-size: 1.2em;
	color: #03406e;
	margin: 0 0 0.3em;
}
.right .newsitem h2 a {
	color: #03406e;
	text-decoration: none;
}
.right .newsitem p.more {
	text-align: right;
	margin: -2em 0 0;
}
.right .newsitem p.more a {
	color: #666;
}
.right h3 {
	color: #166098;
	margin: 0 0 1em;
}
.right h4 {
	color: #166098;
	margin: 0 0 0.3em;
	font-size: 0.8em;
}
.right p {
	font-size: 0.70em;
	margin: 0 0 1em;
	color: #444;
}
.right blockquote {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	margin: 0 0 1em;
	padding: 2em;
	font-size: 0.95em;
	line-height: 140%;
}
.right p.Introductie {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: #166098;
}
.right ul {
	font-size: 0.7em;
	margin: -0.3em 0 1em;
}
.right ul li {
	margin: 0 0 0 1.4em;
	color: #444;
}
.right img.Rechts {
	float: right;
	margin: 4px 0 16px 16px;
	border: 5px solid #fff;
}
.right img.Links {
	float: left;
	margin: 4px 16px 16px 0;
}
.right table {
	margin: 0 0 1em;
	padding: 0;
	border-collapse: collapse;
	border-spacing: none;
	width: 100%;
}
.right table td {
	border: 1px solid #fff;
	font-size: 0.7em;
	vertical-align: top;
	padding: 2px 4px;
	color: #444;
}
.right table td td {
	border: none;
	font-size: 100%;
	padding: 0;
}


.typeCbnHome .right h2 {
	display: none;
}
.typeCbnHome .right p {
	font-size: 0.7em;
	color: #fff;
}
.typeCbnHome .right p.Introductie {
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
	font-style: normal;
}
.typeCbnHome .right ul {
	color: #fff;
}
.typeCbnHome .right ul li {
	color: #fff;
}
.typeCbnHome .right a {
	color: #fff;
	text-decoration: none;
}



.footer {
	background: #03406e;
	color: #fff;
	font-size: 0.7em;
	padding: 12px 12px 12px 36px;
}
.typeCbnHome .footer {
	background: #fff;
	color: #666;
	border-top: 1px solid #aaa;
}

.clear {
	clear: both;
	padding: 0 0 200px;
}



a img {
	border: none;
}



.formElement {
	position: relative;
	height: 2.5em;
}

.formElement h4 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	
	font-size: 0.7em;
	font-weight: normal;
}
.formElement div {
	position: absolute;
	top: 0px;
	left: 130px;
}
.formText input,
.formTextarea textarea {
	width: 350px;
}
.formTextarea {
	height: 120px;
}
.formSubmit {
	clear: both;
	margin: 2em 0 2em;
	padding: 0.2em 0.5em;
	font-size: 0.8em;
}


.sidebar {
	position: absolute;
	left: 360px;
	top: 0px;
	width: 320px;
}


#movieplayer {
	margin: 20px 0 0 0;
	width: 320px;
	height: 260px;
}

.sidebar ul.newswidget {
	margin: -1em 0 0;
	padding: 0;
}
.sidebar ul.newswidget li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sidebar ul.newswidget li a {
}


hr {
	display: none;
}


#dashboardPusher {
	position: relative;
	height: 63px;
}

#dashboardBackground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 81px;
	z-index: 900;

	background: url(/images/dashboard/background.png) top left repeat-x;
	-background: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dashboard/background.png', sizingMethod='scale');
}

#dashboard {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 81px;
	z-index: 901;
	
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	
	-moz-user-select:none;
}

#dashboard * {
	padding: 0; margin: 0;
	width: auto; height: auto;
}

#dashboard div.title {
	position: absolute;
	top: 28px;
	left: 10px;
	
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
	
	text-indent: none;
	letter-spacing: -0.05em;
	text-transform: lowercase;
}

#dashboard ul.menu {
	position: absolute;
	left: 128px;
	top: 0px;
	list-style-type: none;
}

#dashboard ul.menu li {
	float: left;
	font-size: 10px;
	line-height: 20px;
	background: #656565 url(/images/dashboard/menu-left.gif) bottom left no-repeat;
	margin: 0 8px 0 0;
}

#dashboard ul.menu a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(/images/dashboard/menu-right.gif) bottom right no-repeat;
	padding: 1px 20px 0px 8px;
}	

#dashboard ul {
	position: absolute;
	top: 28px;
	left: 128px;
	
	list-style-type: none;
	letter-spacing: -0.05em;
	text-transform: lowercase;
}

#dashboard ul li {
	position: relative;
	float: left;
	line-height: 26px;
}

#dashboard ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 8px;
}

#dashboard ul li.selected {
	background: url(/images/dashboard/selected-right.gif) center right no-repeat;
}

#dashboard ul li.selected a {
	background: url(/images/dashboard/selected-left.gif) center left no-repeat;
}

#dashboard #dashboardAdmin {
	position: absolute;
	top: 24px;
	right: 90px;

	line-height: 26px;
}
#dashboard #dashboardLogout {
	position: absolute;
	top: 24px;
	right: 18px;

	line-height: 26px;
}
#dashboard #dashboardAdmin a,
#dashboard #dashboardLogout a {
	display: block;
	padding: 0 8px;

	color: #fff;
	letter-spacing: -0.05em;
	text-decoration: none;
	text-transform: lowercase;
}

#dashboard #dashboardAdmin.selected {
	background: url(/images/dashboard/selected-right.gif) center right no-repeat;
}

#dashboard #dashboardAdmin.selected a {
	background: url(/images/dashboard/selected-left.gif) center left no-repeat;
}

#tree {
	position: absolute;
	width: 320px;
	padding: 0; margin: 0;
	z-index: 999;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;

	background: Window;
	border: 1px solid #716f64;

	-moz-user-select:none;
}
#tree div {
	height: 280px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
#tree ul {
	list-style-type: none;
	padding: 0; margin: 0;
}
#tree ul li {
	padding: 0; margin: 0;	
	font-size: 11px;
	line-height: 22px;
}
#tree ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: url(/images/cms/page.png) 8px 2px no-repeat;
	padding: 0 0 0 28px;
	white-space: nowrap;
}
#tree ul li li a {
	background-position: 28px;
	padding-left: 48px;
}
#tree ul li li li a {
	background-position: 48px;
	padding-left: 68px;
}
#tree ul li li li li a {
	background-position: 68px;
	padding-left: 88px;
}
#tree ul li li li li li a {
	background-position: 88px;
	padding-left: 108px;
}
#tree ul li li li li li li a {
	background-position: 108px;
	padding-left: 128px;
}
#tree ul li li li li li li li a {
	background-position: 128px;
	padding-left: 148px;
}
#tree ul li a:hover {
	background-color: #f1efe2;
}
#tree ul li a.selected,
#tree ul li a.selected:hover {
	background-color: #316ac5;
	color: #fff;
}


#dialog {
	position: absolute;
	width: 220px;
	padding: 0; margin: 0;
	z-index: 999;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;

	background: url(/images/dashboard/dialog-right.png) top right no-repeat; 
}
#dialog.wide {
	width: 440px;
}
#dialog h2 {
	line-height: 26px;
	font-size: 12px;
	font-weight: normal;
	text-transform: lowercase;
	text-align: left;
	padding: 0 16px;
	letter-spacing: -0.05em;
	-moz-user-select:none;
	
	margin: 0 16px 0 0;
	background: url(/images/dashboard/dialog-left.png) top left no-repeat; 
}
#dialog div {
	padding: 16px 16px 12px;
	background: #fff;
}
#dialog div div {
	padding: 0;
}

#dialog form {
	margin: -8px 0 0;
}
#dialog form p {
	text-align: left;
	font-size: 11px;
}
#dialog form p label {
	display: block;
	width: 100%;
	margin: 8px 0 3px;
}
#dialog form p select,
#dialog form p input {
	font-size: 11px;
}
#dialog .message {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#dialog .buttons {
	margin: 12px 0 0;
	text-align: right;
}
#dialog .buttons input {
	margin: 0 0 0 10px;
	width: 100px;
	font-size: 11px;
}
#dialog .container {
	padding: 0; margin: 1em 0 0;

	background: #fff;
	border: 1px solid #aaa;

	height: 240px;
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#dialog a.site {
	background-image: url(/images/cms/world.png);
}
#dialog ul li a {
	text-decoration: none;
	color: #000;
	white-space: nowrap;
}
#dialog ul li a.selected {
	background-color: #316ac5;
	color: #fff;
	outline: none;
}


#dialog .buttons button {
	font-size: 11px;
	padding: 0 6px;
	margin: 0 0 0 6px;
	height: 24px;
	line-height: 24px;
}
#dialog .buttons button img {
	vertical-align: middle;
	margin: 0 4px 0 0;
	position: relative;
	top: -1px;
}



ul.tree {
	width: auto;
	padding-left : 0px;
	margin-left : 0px;
}
ul.tree, ul.tree ul {
	padding-left: 0;
}
ul.tree ul {
	margin-left: 16px;
		
}
ul.tree li.closed ul {
	display: none;
}


ul.tree li {
	list-style: none;
	display: block;
	width: auto;
	background: url(/images/dashboard/i-repeater.gif) 0 0 repeat-y;
}
ul.tree li.last {
	list-style: none;
	background-image: none;
}


ul.tree span.a {
	background: url(/images/dashboard/t.gif) 0 50% no-repeat;
	display: block;
}
ul.tree span.a.last {
	background: url(/images/dashboard/l.gif) 0 50% no-repeat;
}
ul.tree span.b {
}
ul.tree span.a.children span.b {
	background: url(/images/dashboard/minus.gif) 0 50% no-repeat;
	cursor: pointer;
}
ul.tree li.closed span.a.children span.b {
	background: url(/images/dashboard/plus.gif) 0 50% no-repeat;
	cursor: pointer;
}
ul.tree span.c {
	margin-left: 16px;
}
ul.tree span.a.children span.c {
	background: url(/images/dashboard/i-bottom.gif) 0 50% no-repeat;
}
ul.tree span.a.closed span.c {
	background-image: none;
}


ul.tree a  {
	white-space: nowrap;
	overflow: hidden;
	padding: 2px 4px 3px 20px;
	line-height: 20px;
	background: url(/images/cms/page.png) 0 50% no-repeat; 
}


/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel { 
	position: relative;
	overflow: hidden;
	visibility: visible; /* component turns it on when first item is rendered */
}
				
.carousel .carousel-list { 
	width: 10000000px;
	position: relative;
	z-index: 1; 
}

.carousel .carousel-list li { 
	float: left;
	list-style: none;
	overflow: hidden;
}
.carousel div { 
	overflow: hidden;
	margin: 0px auto;
	position: relative; 
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel { 
	background: #494949;
	padding: 0;
	width: 460px;
}
.carousel #prev-arrow {
	position: absolute;
	left: 4px;
	top: 46px;
}
.carousel #next-arrow {
	position: absolute;
	right: 4px;
	top: 46px;
}
.carousel div {
	margin: 10px 20px 70px;
	width: 425px;
}
.carousel .carousel-list { 
	margin: 0;
	padding: 0;
}
.carousel .carousel-list li { 
	margin: 0 10px 0 0;
}
.carousel .carousel-list li img {
	border: 3px solid #494949;
}
.carousel .carousel-list li a.selected img {
	border: 3px solid #fff;
}


.carousel #hoverinfo {
	position: absolute;
	left: 3px;
	top: 95px;
	
	width: 410px;
	
	border-top: 1px solid #666;
	padding: 6px 0 0;
	
	color: #fff;
	text-align: left;
	font-size: 0.75em;
	line-height: 150%;
}