/*
	-- -- -- -- -- -- -- --
	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 {
	background: #666666 url(../images/pic/bg.jpg);
	rightmargin: 0 ;
	leftmargin: 0 ; 
	topmargin: 0 ;
	bgcolor::#ffffff ; 
	marginheight: 0 ; 
	marginwidth: 0 ;
	
}

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

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

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

h1{font-family:times new roman;font-size: 16pt;font-weight:bold;color:rgb(255,255,255);}
h2{font-family:verdana;font-size: 9pt;font-weight:bold;color:rgb(238,28,37);}
a{color: rgb(255,255,255);text-decoration: none;}
a:hover{color:rgb(255,124,30);text-decoration: underline; }
.menu td a{color:#ffffff;font-size: 8pt;text-decoration: none;}
.menu td a:hover{color:#cccccc;text-decoration: none;}
H3 {font-size: 16pt; font-weight: normal}
H4 {font-size: 14pt; font-weight: normal}
.marquee {color: #ffffff; font-size: 15px;	font-weight: normal}
/* 	-- -- -- -- -- -- -- --
	Layout setup
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

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

#navList li {
	display: inline;
	margin-left: -3px;
	padding: 0px 0px 0px;
	border: 0px solid #e11c25; 
	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: 5px;
	color: #ffffff;
	font-weight:bold ; 
}

#navList li a:hover {
	cursor: pointer;
	color: #333333;
	background: #ffffff;
	border: 0px solid #333333;
	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 #ffffff;
	border-left-width: 0px;
	border-right-width: 0px;
}

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


#navList .sup{ 
	color: #BABA00;
}

#navList .supCurrent{ 
	color: #000000;
}

*/
#navigation-shadow {
	width: 940px;
	height: 40px;
	background:#e11c25;
	border: 0px solid #ff7c1d;
}

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

#long-shadow {
	margin-top: 5px;
	width: 939px;
	height: 402px;
	background: #ffffff;
	border: 0px solid #333333;
}

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

#kot-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;
}


	/*	-- 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: #cc0000;
	text-decoration: none;
}
*/
	/*	-- Menu(s) -- */
	
.menuList, .programmaList {
	padding-bottom: 3px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", "Tahoma", sans-serif;
	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: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #ff9a00; /* 6b6454   */
	text-decoration: none;
}

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

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

	/*	-- Content -- */

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

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

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

#content-right {
	float: right;
	/*width: 543px;*//*	-- 555 -- */
}
	
	
.leftBlock-shadow {			
	margin: 0 0 5px 0;
	width: 396px;
	/*height: 100%;*/
	background: #555555;
	border: 0px solid #ffffff;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

.leftBlock {
	padding: 9px 10px 9px;	
	border: 1px solid #ff9A00;
	text-align: left;
}

.rightBlock-shadow {			
	margin: 0 0 5px 4px;
	width: 540px;
	/*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;
	text-align: left;
}

.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;
}
/*	-- 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: #ffc0c0;
}

#content-right .box {
	background-color: #e11c25; /*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;
}