/*
	-- -- -- -- -- -- -- --
	TWC main CSS file
	last edit: 08 jan 10
	-- -- -- -- -- -- -- -- 
	Default font settings. 
	The font-size percentage is of 16px. (0.688 * 16px ~ 11px)
	-- -- -- -- -- -- -- --
	Margin: top-right-bottom-left
	Padding: bottom-right-top-left
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

body {
	/* color: #514c3f */;
	background: #666666 url(../images/pic/bg.jpg) repeat top center;
	
}

body, td{
	font: 68.8% "Lucida Grande", "Lucida Sans Unicode", "Tahoma", sans-serif;
	color:#000000;
	font-size: 11px;
}

body{  
scrollbar-face-color: #808080; /*/ obviously change this to whatever you want /*/  
scrollbar-arrow-color: #FFFFFF;  
scrollbar-highlight-color: #FFFBF0;  
scrollbar-3dlight-color: #808080;  
scrollbar-shadow-color: #FFFBF0;  
scrollbar-darkshadow-color: #808080;  
scrollbar-track-color: #CCCCCC;  
} 


/* 	-- -- -- -- -- -- -- --
	Re-usables
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */



/* 	-- -- -- -- -- -- -- --
	HTML Elements
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

acronym, abbr {
	cursor: help;
}

a:link, a:visited {
	text-decoration: none;
}

code, kbd, var {
	font: 1em Monaco, monospace;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

h1,h2,h3,h4,h5,h6 {
	padding: 3px 0 5px 0;
	color: #553c01;
	font: bold 1.273em/1 Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d1d0c6;
}

h2 {
	padding: 15px 0 5px 0;
}

li ul, li ol {
	padding: 0 1.5em;
}

p {
	padding: 6px 0;
	text-align: justify;
	line-height: 1.2;
}

pre, code {
	overflow: auto;
	display: block;
	margin: 0;
	padding: 8px 10px 8px 45px;
	line-height: 1.5;
}

sup, sub {
	line-height: 0;
}

table { 
	margin-bottom: 1.4em;
	width:100%;
}

th {
	font-weight: bold;
}

thead th {
	background: #c3d900;/*	-- c3d9ff -- */
}

th,td,caption {
	padding: 4px 10px 4px 5px;
}

tr.even td {
	background: #e5ecf9;
}

tfoot {
	font-style: italic;
}

caption {
	background: #eee;
}

ul, ol {
	margin: 0 1.5em 1.5em 1.5em;
	padding: 0px;
}

ol {
	list-style: decimal outside;
}

ul {
	list-style: outside;
}

/* 	-- -- -- -- -- -- -- --
	Classes
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

.txtLeft {
	text-align: Left;
}

.txtRight {
	text-align: right;
}

.txtCenter {
	text-align: center;
}

.hRight {
	margin-top: -13px;
}

.blue {
	color: #007dbd;
}

.seperator {
	padding-top: 5px;
	padding-bottom: 0px;
	height: 1px;
	border-bottom: 1px solid #d1d0c6;
}

	/*	-- Panel -- */

.marquee {
	color: #ffffff; /* 40c7ff tekst home */
	font-size: 15px;
	font-weight: normal;
}

	/*	-- Images -- */
	
.programmaList img {
	padding-right: 8px;
	position: relative;
	vertical-align: 0;
	top: 1px;
}

	/*	-- Lists -- */

fieldset ul, fieldset ol {
	padding-top: 3px;
	padding-left: 17px;
	padding-bottom: 0px;
	line-height: 1.2;
}

fieldset li {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 10px 1px;
	text-align: justify;
}

.box ul, .box ol {
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height: 1.2;
}

.box li {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 10px 1px;
	text-align: justify;
}

.box-list ul, .box-list ol {
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height: 1.2;
}

.box-list li {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px 10px 1px;
	text-align: justify;
}

	/*	-- Floats -- */
	
.hRight, .menuRight, .liRight, .ctRight {
	float: right;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
}

.hRight {
	color: #a19a8a;
	font-size: 0.786em;
	line-height: 1.25;
	margin-top: -13px;
}
	
.menuRight {
	color: #a10000;/* color: a19a8a */
	font-size: 0.909em;
	line-height: 1.25;
}

.liRight {
	color: #a19a8a;
	font-size: 0.909em;
	line-height: 1.5;
}

.ctRight {
	/* color: 18e8b7a */
	font-size: 0.909em;
	line-height: 1.5;
}

.flLeft {
	float: left;
	padding: 8px 20px 8px;
	width: 213px;
	text-align: left;
}

.flRight {
	float: right;
	padding: 8px 20px 8px;
	width: 214px;
	text-align: left;
	border-left: 1px dotted #d1d0c6;
}

.clear {
	clear: both;
}

.formRight, .formRightB {
	float: right;
	margin-left: 5px;
	width: 370px;

	text-align: left;
}

.formRight-alt {
	float: right;
	margin-left: 5px;
	width: 240px;

	text-align: left;
}

	/*	-- Boxes -- */

.box, .box-color {
	margin-top: -1px;
	padding: 0px 10px 0px;
	border-top: 1px dotted #d1d0c6;
	border-left: 1px dotted #d1d0c6;
	border-bottom: 1px dotted #d1d0c6;
	border-right: 1px dotted #d1d0c6;
}

#content-left .box, .box-color {
	background-color: #fefef3;
}

#content-right .box {
	background-color: #fdfde8;
}

.box-list {
	margin-top: -1px;
	padding: 0px 10px 0px;
	background-color: #fdfde8;
	border-top: 1px dotted #d1d0c6;
	border-left: 1px dotted #d1d0c6;
	border-bottom: 1px dotted #d1d0c6;
	border-right: 1px dotted #d1d0c6;
}

.box-float {
	overflow: auto;
	margin-top: 5px;
	background-color: #fdfde8;
	border-top: 1px dotted #d1d0c6;
	border-left: 1px dotted #d1d0c6;
	border-bottom: 1px dotted #d1d0c6;
	border-right: 1px dotted #d1d0c6;
}


/* 	-- -- -- -- -- -- -- --
	Links
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:active{
	color: #cc5f0e;/*	-- cc5f0e -- */
	text-decoration: none;
}

a:hover, p a:hover {
	color: #1382c6 ;/*	-- 1382c6 -- */
	text-decoration: none;
	border-bottom: 0px dotted #d1d0c6;
}

p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	border-bottom: 1px dotted #d1d0c6;
}

	/*	-- Headings -- */

h1 a:link ,h2 a:link ,h3 a:link ,h4 a:link ,h5 a:link ,h6 a:link  {
	color: #1382c6;
	text-decoration: none;
}

h1 a:visited ,h2 a:visited ,h3 a:visited ,h4 a:visited ,h5 a:visited ,h6 a:visited  {
	color: #1382c6;
	text-decoration: none;
}

h1 a:active ,h2 a:active ,h3 a:active ,h4 a:active ,h5 a:active ,h6 a:active  {
	color: #1382c6;
	text-decoration: none;
}

h1 a:hover ,h2 a:hover ,h3 a:hover ,h4 a:hover ,h5 a:hover ,h6 a:hover  {
	color: #cc000e;/*	-- cc5f0e-- */
	text-decoration: none;
}

	/*	-- Panel -- */
	
#panel a:link {
	color: #cbcbaf;
	text-decoration: none;
}

#panel a:visited {
	color: #cbcbaf;
	text-decoration: none;
}

#panel a:active {
	color: #cbcbaf;
	text-decoration: none;
}

#panel a:hover {
	color: #f0f0f0; /*	-- 40c7ff -- */
	text-decoration: none;
	border-bottom: 1px dotted #4b4431;
}

	/*	-- Footer -- */

#footer a:link {
	color: #666666;
	text-decoration: none;
}

#footer a:visited {
	color: #ff9A00;
	text-decoration: none;
}

#footer a:active {
	color: #a1a097;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 0px dotted #d1d0c6;
}

	/*	-- Headings -- */

.hRight a:link {
	color: #ff9A00;
	text-decoration: none;
}

.hRight a:visited {
	color: #a19a8a;
	text-decoration: none;
}

.hRight a:active {
	color: #a19a8a;
	text-decoration: none;
}

.hRight a:hover {
	/*	-- 0086d8 -- */
	color: #e11c25;
	text-decoration: none;
	border-bottom: 1px dotted #d1d0c6;
}

	/*	-- Images -- */

img {
	border: 0px;
}

img.vlag {
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
}

img.vlagB {
	position: relative;
	vertical-align: 0;
	top: 1px;
	padding-left: 2px;
	padding-right: 5px;
	border: 0px;
}

img.float, img.none, img.none-alt {
	border: 1px dotted #d1d0c6;
	background: #FFF;
	padding: 1px;
}

img.float {
	float: right;
	margin: 8px 0px 0px 8px;
}

img.none {
	float: none;
	margin: 8px 8px 0px 8px;
}

img.none-alt {
	float: none;
	margin: 0;
}

img.pic {
	margin: 8px 8px 0px 8px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
}

img.pic:link {
	margin: 8px 0px 0px 8px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
}

img.pic:visited {
	margin: 8px 0px 0px 8px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
} 

img.pic:active {
	margin: 8px 0px 0px 8px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
} 

img.pic:hover {
	margin: 8px 0px 0px 8px;
	border: 1px solid #cc5f0e;
	background: #FFF;
	padding: 1px;
}

img.partner {
	border: 1px dotted #FF9A00;
	background: #FFF;
	padding: 1px;
}

img.partner:link {
	border: 1px dotted #FF9A00;
	background: #FFF;
	padding: 1px;
}

img.partner:visited {
	border: 1px dotted #FF9A00;
	background: #FFF;
	padding: 1px;
} 

img.partner:active {
	border: 1px dotted #FF9A00;
	background: #FFF;
	padding: 1px;
} 

img.partner:hover {
	border: 1px solid #333333;
	background: #FFF;
	padding: 1px;
}

img.gallery {
	float: left;
	margin: 5px 19px 5px 5px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
}

img.gallery:link {
	float: left;
	margin: 5px 19px 5px 5px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
}

img.gallery:visited {
	float: left;
	margin: 5px 19px 5px 5px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
} 

img.gallery:active {
	float: left;
	margin: 5px 19px 5px 5px;
	border: 1px dotted #40c7ff;
	background: #FFF;
	padding: 1px;
} 

img.gallery:hover {
	float: left;
	margin: 5px 19px 5px 5px;
	border: 1px solid #cc5f0e;
	background: #FFF;
	padding: 1px;
}


/* 	-- -- -- -- -- -- -- --
	Layout setup
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#shadow {
	background: transparent url('../images/pic/bgShadow.jpg') no-repeat top center;
}

#container {
	margin: 0 auto;
	width: 940px;
	height: 100%;
}

	/*	-- Header -- */

#header {
	height: 185px;
	background: transparent url('../images/pic/bgHeader.jpg') no-repeat top left;
}

	/*	-- Navigation -- */

#navigation-shadow {
	width: 100%;
	height: 40px;
	/* -- fefef3 -- */
	background:#e11c25
	/* background: url('../images/pic/nav/buttomrep.jpg') no-repeat top left */;
	/* -- #e11c25 -- */
	/* -- e8e4d9 -- */
	border: 0px solid #ffffff;
	/* border-right-width: 0px;
	border-bottom-width: 0px; */
}

#navigation {
	height: 40px;
	/* -- b3b1a6 -- */	
	border: 0px solid #333333;
}

	/*	-- Panel -- */

#panel-shadow {
	margin-top: 5px;
	width: 939px;
	height: 35px;
	/* -- datum -- */	
	background: #333333;
	/* -- border -- */
	border: 0px solid #333333;
	/* border-right-width: 3px;
	border-bottom-width: 2px; */
}

#panel {
	height: 33px;
	line-height: 2.75;
	/*	-- fdfde8 -- */
	border: 1px solid #ffffff;
}

#panel-left {
	float: left;
	padding: 0 20px 0;	
	width: 593px;
	height: 100%;
}

#panel-right {
	float: right;
	padding: 0 20px 0;
	width: 264px;
	height: 100%;
	text-align: right;
}


	/*	-- Content -- */

#content {
	overflow: auto;	
	margin: 5px 0 0 0;
	width: 942px;
	height: 100%;
}

#content-left {
	float: left;
	width: 190px;
}

#content-center {
	float: left;
	width: 190px;
}

#content-right {
	float: left;
	width: 552px;/*	-- 555 -- */
}
	
#content-flash {
	float: left;
	width: 744px;/*	-- 555 -- */
}

#content-nieuws {
	float: left;
	width: 530px;/*	-- 555 -- */
}
		
.leftBlock-shadow {			
	margin: 0 0 5px 0;
	width: 190px;/*	-- 380-- */
	height: 100%;
	background: #ffffff;/*	-- twc -- */
	border: 0px solid #808080;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

.leftBlock {
	padding: 9px 10px 9px;	
	border: 1px solid #333333;/*	-- twc -- */
}

.flashBlock-shadow {			
	margin: 0 0 5px 4px;
	width: 744px;
	height: 100%;
	background: #ffffff;/*	-- twc -- */
	border: 1px solid #808080;
	border-right-width: 3px;
	border-bottom-width: 2px;
}

.flashBlock {
	padding: 20px 200px 30px;	
	border: 0px solid #333333;/*	-- twc -- */
}

.rightBlock-shadow {			
	margin: 0 0 5px 4px;
	width: 550px;
	height: 100%;
	background: #ffffff;/*	-- twc -- */
	border: 0px solid #808080;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

.rightBlock {
	padding: 3px 0px 3px;	
	border: 1px solid #333333;/*	-- twc -- */
}

.centerBlock-shadow {			
	margin: 0px 0px 5px 6px;
	width: 190px;/*	-- 939 -- */
	height: 100%;
	background: #ffffff;
	border: 0px solid #808080;/*	-- twc -- */
	border-right-width: 0px;
	border-bottom-width: 0px;
}

.centerBlock {
	padding: 9px 10px 9px;	
	border: 1px solid #000000;
}

.footercenter-shadow {			
	margin: 0px 0px 5px 0px;
	width: 939px;/*	-- 939 -- */
	height: 100%;
	background: #ffffff;
	border: 0px solid #808080;/*	-- twc -- */
	border-right-width: 0px;
	border-bottom-width: 0px;
}

.footercenter {
	padding: 9px 5px 9px;	
	border: 1px solid #000000;
}

.nieuwsBlock-shadow {			
	margin: 0px 0px 0px 0px;
	width: 530px;
	height: 100%;
	background: #ffffff;/*	-- twc -- */
	border: 20px solid #808080;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

	/*	-- Footer -- */

#footer {
	margin: 15px 0 0 0;
	width: 100%;
	height: 45px;
		/*	-- a1a097 -- */
	color: #ff9a00;
	text-transform: uppercase;
	border: 0px solid #b3b1a6;
	border-top-width: 1px;
}

#footer-left {
	float: left;
	padding: 0 0 0 5px;
	width: 435px;
}
	
#footer-right {
	float: right;	
	width: 500px;
	text-align: right;
}

#footer-center {
	float: right;	
	padding: 0 0 0 0px;
	width: 940px;
}

	/*	-- Content slider -- */
	
.stepcarousel{
	margin-top: 10px;
	position: relative; /* leave this value alone */
	overflow: scroll; /* leave this value alone */
	width: 540px; /* Width of Carousel Viewer itself ok */
	height: 75px; /* Height should enough to fit largest content's height ok */
}

.stepcarouselB {
	margin-top: 10px;
	position: relative; /* leave this value alone */
	overflow: hidden; /* leave this value alone */
	width: 540px; /* Width of Carousel Viewer itself */
	height: 100%; /* Height should enough to fit largest content's height */
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left;
	margin: 0px; /* margin around each panel */
	width: 402px; /* Width of each panel holding each content */
}

.panel img {
	margin-left: 3px;
}

.panelB img {
	margin-left: 3px;
	margin-bottom: 5px;
}

	/*	-- Gallery -- */

#gallery {
	overflow: auto;	
	margin: 0;
	padding: 5px 14px 5px;
	width: 480px;
	height: 100%;
}

/* 	-- -- -- -- -- -- -- --
	Menu & navigation setup
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/*	-- Navigation -RV- */

#navList {
	padding-top: 8px;
	padding-bottom: 8px;
	width: 99.8%;
	height: 20px;
	color: #000000;	
	font: normal 16px "Times New Roman";
	text-align: right;
	text-transform: uppercase;
	border: 1px solid #ffffff;
	border-top-width: 3px;
}

#navList li {
	display: inline;
	margin-left: -3px;
	padding: 0px 0px 0px;
	border: 0px solid #e11c25; /*	-- fdfde8 -- */
	border-left: 1px solid #ffffff;
	border-top-width: 5px;
}

#navList li a, #navList li a:link {
	padding-top: 0px;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-right: 8px;
	color: #ffffff;
	font-weight: bold ;
}

#navList li a:hover {
	cursor: pointer;
	color: #333333;/*	-- twc col char navigation bar -- */
	background: #ffffff;/*	-- twc col bg navigation bar -- */
	border: 0px solid #333333;/*	-- fefef3 -- */
	border-top-width: 8px;
}

#navList li a#current, #navList li a#current:link {
	cursor: default;
	margin: 0px;
	padding-top: 5px;
	color: #ff7c1d;
	background: #333333;
	border: 0px solid #201a0c;
	border-bottom: 0px solid #858075;
	border-left-width: 0px;
	border-right-width: 0px;
}

#navList li a#current:hover {	
	border-bottom: 8px solid #ff7c1d;
}
/*
#navList .sup, #navList .supCurrent { 
	position: relative;
	vertical-align: 0;
	padding-left: 3px;
	bottom: 1.818em;
	font-size: 0.545em;
}

#navList .sup{ 
	color: #BABABA;
}

#navList .supCurrent{ 
	color: #201a0c;
}
*/
	/*	-- Menu(s) -- */
	
.menuList, .programmaList {
	padding-bottom: 3px;
	color: #ff9a00      /* 6b6454 */ ;
	list-style: none outside;
}

.menuList li.rowA, .programmaList li.rowA {
	display: block;
	background: #606060;
	border: 0px solid #d1d0c6;
	border-bottom-width: 1px;
}

.menuList li.rowB, .programmaList li.rowB {
	display: block;
	background: #333333;
	border: 0px solid #d1d0c6;
	border-bottom-width: 1px;
}

.menuList li a, .menuList li a:link, .programmaList li a, .programmaList li a:link {
	display: block;
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-right: 5px;
	color: #ff9a00; /* 6b6454   */
	text-decoration: none;
}

.menuList li a, .menuList li a:link {
	padding-left: 32px;
}

.programmaList li a, .programmaList li a:link {
	padding-left: 15px;
}

.menuList li a, .menuList li a:link {
	background: transparent url('images/pic/bulletYellow.gif') no-repeat 15px 11px;
}

.menuList li a:hover, .programmaList li a:hover {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
	background-color: #ff9a00;/*   f9f9e5       */
	border: 0px solid #d1d0c6;
}

.submenu {
	margin: 0px;
}

.sub-menuList, .sub-programmaList {
	color: #6b6454;
	list-style: none outside;
}

.sub-menuList li, .sub-programmaList li {
	display: block;
	background: #fefede;
	border: 0px solid #d1d0c6;
	border-bottom-width: 1px;
}

.sub-menuList li a, .sub-menuList li a:link, .sub-programmaList li a, .sub-programmaList li a:link {
	display: block;
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-right: 5px;
	color: #6b6454;
	text-decoration: none;
}

.sub-menuList li a, .sub-menuList li a:link {
	padding-left: 52px;
}
	
.sub-programmaList li a, .sub-programmaList li a:link {
	padding-left: 35px;
}

.sub-menuList li a, .sub-menuList li a:link {
	background: transparent url('images/pic/bulletBlue.gif') no-repeat 35px 11px;
}

.sub-menuList li a:hover, .sub-programmaList li a:hover {
	color: #514c3f;
	background-color: #f9f9e5;
	border: 0px solid #d1d0c6;
}

	/*	-- Footer -- */
	
#footerList {
	padding-top: 7px;
}

#footerList li {
	display: inline;	
	margin-left: -2px;
	border: 0px solid #333333; /*	-- twc-- */
	border-left-width: 1px;
}

#footerList li a, #footerList li a:link {
	padding: 0 5px 0;
	color: #ff9a00; /*	-- twc-- */
	text-decoration: none;
}

#footerList li a:hover {
	color: #ffffff; /*	-- twc-- */
}