/* ids for main div-wireframe */
body { font-family: Arial, Helvetica, sans-serif; margin:0px; }

td,th { border: 0px solid black; }
td { vertical-align: top; }
img { margin:0px; padding:0px; border:none; }

h1 { font-size: 16px; margin:0px;}

a:link, a:visited {
	font-weight: bold;
	/*color: #005a9c;*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a.default_link {
	color: #005a9c;
}

p {
	margin-top: 0px;
}

.formvlak {
    background-color: #FF6666;
    font-size: 24px;
}

/* -[menu stuff]---------------------------------------- */

.height21 {
	height: 15px;
	line-height: 15px;
	vertical-align: inherit;
	text-align: inherit;
	margin: 0px 4px 0px 4px;
	padding: 0px;
}

.level1 {
	width: 0px;
}
.level2 {
	width: 10px;
}
.level3 {
	width: 20px;
}
.level4 {
	width: 30px;
}
.level5 {
	width: 40px;
}
.level6 {
	width: 50px;
}

/* ----------------------------------------------------- */

.center {
	text-align:center;
}
.centerTable {
	margin-left: auto;
	margin-right: auto;
}

.topBottomPadding {
	padding-top: 2px;
	padding-bottom: 2px;
}

.noMargin {
	margin: 0px;
}

td.top10 {
	padding-top: 10px;
	vertical-align: top;
}

td.left10 {
	text-align: left;
	padding-left: 10px;
}

td.right10 {
	text-align: right;
	padding-right: 10px;
}

/* ----------------------------------------------------- */

.zak_normal {
	font-size: 12px;
	padding-bottom: 8px;
	font-weight: bold;
}

.broodtekst_normal {
	font-size: 12px;
	padding-bottom: 8px;
}

.zakbroodcell {
        padding-top: 10px;
}
	
.location {
	text-transform: uppercase;	
}

.auteur {
	font-size: 12px;
	font-style: italic;
	padding: 5px 0px 5px 0px;
}
.chapeau {
	font-size: 14px;
	font-style: italic;
	padding: 5px 0px 5px 0px;
}

.onderschrift {
	font-size: 10px /*0.8em*/ ;
	font-style: italic;
	line-height: 100%; /*1.1em;*/
	text-align: left;
	color: #000000;
}

.foto {
	font-size: 10px /*0.8em*/ ;
	font-style: italic;
	line-height: 100%; /*1.1em;*/
	text-align: right;
	color: #000000;
}

/* ----------------------------------------------------- */

.broodtekst_normal_nohook {
	font-size: 12px;
	padding-bottom: 8px;
}

.broodtekst_normal_nohook p {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* ----------------------------------------------------- */

.mainHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 3px;
	color: #000000;
}

.mainFont, body, table {
	font-size: 12px; 
	color: #000000;
	line-height: 132%;
	font-family: Arial, Helvetica, sans-serif;
}

.articleHeader {
	font-size: 16px;
	font-weight: bold;
	display: block;
}

.articleHeaderDate {
	text-align: right;
	font-size: 11px;
	line-height: 100%;
}

.articleHeaderDateCell {
	padding: 0px;
}

.sectiontitle_lijn {
	font-size: 18px;
	color: #005a9c;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #000000;
	letter-spacing: 4px;
	padding-top: 10px;
	text-transform: uppercase;
}

/* ----------------------------------------------------- */

div.relatedArticlesBlock {
	background-color: #D9F0FD;
	padding: 2px;
	margin: 2px;
	height: auto;
	width: auto;
}
div.relatedArticlesHeader {
	font-weight: bold;
	font-style: italic;
	font-size: 10pt;
	padding-bottom: 10px;
}
span.relatedArticlesDate {
	font-size: 8pt;
	font-weight: bold;
}
a.relatedArticlesLink, a.relatedArticlesLink:visited {
	font-size: 8pt;
	font-weight: normal;
}

/* ----------------------------------------------------- */

a.portalimage_telesport:link, a.portalimage_telesport:visited {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #027afe;
	padding: 2px;
	text-decoration: none;
	height: 16px;
	font-weight: bold;
}
a.portalimage_telesport:hover {
	color: #000000;
	background: #e1eaf1;
}

/* ----------------------------------------------------- */

.topnav_telegraaf {
	background-color: #009DF0;
	border-bottom: 5px solid white;
}

.topnav_oranje {
	background-color: #EE8811;
	border-bottom: 5px solid white;
}

.actionbalk_telegraaf_logo {
	background-color: #9ECDF1;
	border-top-style: none;
	border-right: 2px solid white;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #D2C217;
	border-bottom-width: 1px;
}

.actionbalk_oranje_logo {
	background-color: #EE8811;
	border-top-style: none;
	border-right: 2px solid white;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #D2C217;
	border-bottom-width: 1px;
}

.actionbalk_telegraaf {
	background-color: #9ECDF1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #D2C217;
	border-bottom-width: 1px;
}

.right_telegraaf {
	background-color: #B2E1FA;
}

/* ----------------------------------------------------- */

.breadcrumb {
	font-style: italic;
	font-weight: bold;
	color: #005a9c;
}

.breadcrumbsArea {
	padding-left: 5px;
	padding-top: 2px;
	height: 24px;
}

.breadcrumbsArrow {
	vertical-align: middle;
}

/* ----------------------------------------------------- */

.topnav_telesport {
	background-color: #009DF0;
	border-bottom: 2px solid white;
}

.actionbalk_telesport {
	background-color: #9ECDF1;
	border-top-style: none;
	border-right-style: 2px solid white;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0084CA;
	border-bottom-width: 1px;
}

.actionbalk_telesport_logo {
	background-color: #9ECDF1;
	border-top-style: none;
	border-right: 2px solid white;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0084CA;;
	border-bottom-width: 1px;
}

.actionbalk_telesport_turijn_logo {
	background-color: #9ECDF1;
	border-top-style: none;
	border-right: 2px solid white;
	border-left-style: none;
}

.actionbalk_oranje {
	background-color: #EE8811;
	border-top-style: none;
	border-right-style: 2px solid white;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0084CA;
	border-bottom-width: 1px;
}

.right_telesport {
	background-color: #B2E1FA;
}

.sectiontitle
{
	color: #8CB4D9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

/* ------------------------------------------------------ */
.snelnieuwsRow {
	height: 30px;
}

.snelnieuwsImage {
	width: 30px;
	text-align: center;
	vertical-align: top;
}

.snelnieuwsEvenRow {
	font-size: 9pt;
	/*background-color: red;*/
}

.snelnieuwsOddRow {
	font-size: 9pt;
	background-color: #FFF4AA;
}

.snelnieuws {
	background-color: #FFFCE8;
}

.snelnieuws_header {
	/*height: 20px;*/
	font-size: 9pt;
	background-color: #2828A4;
}

a.snelnieuws_link, a.snelnieuws_link:visited,a.snelnieuws_link:hover {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.snelnieuws_today {
	color: #ffffff;
	font-weight: bold;
}
.snelnieuws_lastChanged {
	font-size: 8pt;
	color: #ffffff;
}

/* ------------------------------------------------------ */

.headerImg {
	display: block;
}

.sectionContent {
	width: 500px;
	/*background-color: red;*/
}

.sectionContentLayer {
	width: 486px;
	margin-left: 7px;

}

.leftContent {
	width: 230px;
}

.rightContent {
	width: 270px;
}

.rowElement {
/*	background-color: #ddddff;*/
	border: 1px solid black;
}


.alignRight {
	text-align: right;
}

/* ----------------------------------------------------- */

.invulveld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	height: auto;
	border: 1px solid #000000;
}

.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 1px 3px;
	height: auto;
	border: none;
	background-position: center;
	width: auto;
}
.reageer_naam {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7F7F7F;
	text-decoration: none;
	font-style: italic;
	padding-left: 12px;
	border-bottom-color: #7F7F7F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #7F7F7F;
	border-left-style: solid;
	border-left-width: 1px;
}
.reageer_tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7F7F7F;
	padding-left: 12px;
	line-height: 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 12px;
	border-top-color: #7F7F7F;
	border-top-width: 1px;
	border-right-color: #7F7F7F;
	border-top-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #7F7F7F;
	border-bottom-width: 1px;
	border-left-color: #7F7F7F;
	border-bottom-style: solid;
	border-left-style: solid;
	border-left-width: 1px;
}
.reageer_datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7F7F7F;
	text-decoration: none;
	font-style: italic;
	padding-right: 12px;
	border-bottom-color: #7F7F7F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #7F7F7F;
	border-right-style: solid;
	border-right-width: 1px;
}

.fullwidth {
	width: 100%;
}

.formWidth {
	width: 90%;
	padding-right: 20px;
}

/* ----------------------------------------------------- */

.klein
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/*
.kleur3bg {
	background-color: #666666
}
*/
/* ----------------------------------------------------- */

.navigatie {
	background-color: #ffffff;
	color: #000000; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	padding-left: 10px; 
	cursor: pointer; 
	/*border: 1px solid #666666;*/
	padding-top: 1px;
	padding-bottom: 1px;
}

.navigatie2 {
	background-color: #ffffff;
	color: #000000; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 11px; 
	padding-left: 20px; 
	cursor: pointer; 
	background-color: #ffffff;
	color: #000000; 
}

.navigatiekop {
	padding-left: 8px; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #2828A4;
	color: #FFFFFF;
	text-transform: uppercase;
	/*border: 1px solid #666666;*/
}

.navigatieDiv {
	position:absolute;
	width:145;
	height:100%;
	z-index:1;
	background-color: transparent;
	layer-background-color: transparent;
	border: 0px none #000000;
	overflow: visible;
	left: 0px;
	visibility: hidden;
}

.navigatieMenuTable {
	border: 0px;
	background-color: #666666;
	/*border-collapse: collapse;*/
}

.topMenuBalkje {
	border-color: #D8000A; 
	border-width: 1px;
	border-style: solid;
	border-right: 1px solid #666666;
}

/* ----------------------------------------------------- */

a.portalimagereacties:link, a.portalimagereacties:visited {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #868686;
	background-color: #ffffff;
	padding: 1px 2px 1px 2px;
	height: 16px;
	font-weight: bold;
	border:1px solid #868686;
	text-decoration: none;
	font-weight: bold;
}

a.portalimagereacties:hover {

	background-color: #868686;
	color: #ffffff
}

/* ----------------------------------------------------- */

.nav_sporten {
	border-width: 1 0 0 1;
	border-color: #000000;
	border-style: solid;
	width: 120px;
}
.nav_sporten td {
	border-width: 0 1 1 0;
	border-color: #000000;
	border-style: solid;
	background: #9ECDF1; 
	padding: 2px;
}
.nav_sporten a:link {
	color: #009DF0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.nav_sporten a:visited {
	color: #009DF0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.nav_sporten a:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.olympic_menu {
	position: relative;
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* ----------------------------------------------------- */

.movieplayerMini {
	padding-bottom: 9px;
}
.movieplayerNormal {
	border: 1px solid #cccccc;
/*
	align: center;
	vertical-align: middle;
*/
}

.movieplayerFrame {
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	width: 64px;
	height: 140px;

	border: 0px;
	padding: 0px;
	margin: 0px;

	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #777777;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #777777;
}

/* -------------------SUBMENU----------------------- */

.rubriek
{
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	border: 1px solid #666666;
}

.rubrieksel
{
	color: #FFFF00;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	cursor: pointer;
	background-color: #666666;
}


/* --- banner stuff --- */


.banner_rectangle {
	padding-top:10px;
	text-align: center;
}

/* --- uitslag stuff --- */


.uitslag_header {
	margin-top: 10px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #027afe;
	background-color: #009df0;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

.uitslag_subheader {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #027afe;
	background-color: #9dc9f1;
	color: #000000;
	text-align: center;
}

table.turTable tr td p {
	margin: 0px;
	
}
table.turTable {
	width: 100%;
	border: 1px solid #027afe;
}
td.turCell {
	background-color: #ffffff;
}

/* --- actionButtons --- */

.ActionNaam {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 8px;
	font-weight: bolder;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: bottom;
}
.ActionBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
}

.etalageLink A
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	font-size: 11px;
	cursor: pointer;
	padding: 2px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

.etalageLink
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
	padding: 2px;
}
.etalage {
	background-color: #dae7f2;
	vertical-align: top;
}

#header {
	float: left;
	/*background-color: #00007f;*/
}
#leftmenu {
	width: 26px;
	float:left;
	background-color: #000000;
	color: #ffffff;
}
#container {
	float: left;
}
#top {
	width: 851px;
	height: 42px; /* don't delete! needed to 'fix' wireframe.. ? */
	background-color: #0000ff;
	float: left;
}
#bannerright {
	width: 123px;
	float: right;
	height: 600px; /* can this be deleted in the future? .. does not brake wireframe */
	/*background-color: #00ff00;*/
}
#content {
	width: 641px;
	/*background-color: #ff0000;*/
	float: left;
	padding: 0px;
}
#contentright {
	width: 210px;
	/*height: 158px;*/ /* fixed op '558px'.. kan nog weg? */
	background-color: #00ffff;
	float: left;
	z-index: -10;
	overflow: hidden;
}
#bottomright {
	width: 333px;
	float: right;
	background-color: #ff00ff;
	/*word-wrap: break-word; // IE only */
	overflow: hidden;
}
#bottomleft {
	width: 495px;
	float: left;
	background-color: #ffff00;
}
#bottommiddle {
	width: 146px;
	float: left;
	text-align: center;
	/*background-color: #7f0000;*/
	background-color: #f7f7f7;
}
#footer {
	float: left;
	/*background-color: #007f00;*/
	margin-left: 26px;
	display: inline; /* fix double margin in IE bug */
}

/* classes */

.banner120x600 {
    text-align: right;
}

.banner120x30 {
    width: 120px;
	margin: 6px 0px 0px 0px;
}

.fullwidth {
	width: 1000px;
}

.fullcontainerwidth {
	width: 974px;
}

.datewidth {
    width: 66px;
}

.height21 {
	height: 15px;
	line-height: 15px;
	vertical-align: inherit;
	text-align: inherit;
	margin: 0px 4px 0px 4px;
	padding: 0px;
	cursor: hand;
}

.newscontainer {
    padding-top: 10px;
    padding-right: 10px;
}



.statgrafiek {
    margin-left: 5px;
    margin-right: 10px;
}

.tab {
    cursor: pointer;
}

.timewidth {
    width: 34px;
}

.uppercase {
    text-transform: uppercase;
}


/* -------------------------------- 
 * CSS for extra border, padding and margin
 * -------------------------------- */

.bb1white {
    border-bottom: 1px solid #ffffff;
}

.m5 {
    margin: 5px;
}
.mt5 {
    margin-top: 5px;
}
.ml5 {
    margin-left: 5px;
}
.mr5 {
    margin-right: 5px;
}

.pr1 {
    padding-right:1px;
}

.pb2 {
    padding-bottom: 2px;
}
.pr2 {
    padding-right:2px;
}

.p5 {
    padding: 5px;
}
.pb5 {
    padding-bottom: 5px;
}
.pl5 {
    padding-left: 5px;
}
.pr5 {
    padding-right: 5px;
}
.pt5 {
    padding-top: 5px;
}
/* -------------------------------- 
 * CSS for 'Nieuws' tabs
 * -------------------------------- */

.tabs_nieuws {
    padding-top: 10px;
    background-color: #dae5f9;
}
.tabContent_nieuws {
    /*background-color: red;*/
}
.nieuwsTab1_aan {
    background-image: url('/graphics/dft/nieuws/tab_nieuwsoverzicht_aan.gif');
    width: 99px;
    height: 17px;
    background-repeat: norepeat;
    margin-left: 3px;
}
.nieuwsTab1_uit {
    background-image: url('/graphics/dft/nieuws/tab_nieuwsoverzicht_uit.gif');
    width: 104px;
    height: 17px;
    background-repeat: norepeat;
    margin-left: 3px;
}

.nieuwsTab2_aan {
    background-image: url('/graphics/dft/nieuws/tab_wallstreetjournal_aan.gif');
    width: 107px;
    height: 17px;
    background-repeat: norepeat;
    margin-left: 3px;
}
.nieuwsTab2_uit {
    background-image: url('/graphics/dft/nieuws/tab_wallstreetjournal_uit.gif');
    width: 107px;
    height: 17px;
    background-repeat: norepeat;
    margin-left: 3px;
}

.nieuwsTab3_aan {
    background-image: url('/graphics/dft/nieuws/tab_archief_aan.gif');
    width: 54px;
    height: 17px;
    background-repeat: norepeat;
    margin-left: 3px;
}
.nieuwsTab3_uit {
    background-image: url('/graphics/dft/nieuws/tab_archief_uit.gif');
    width: 54px;
    height: 17px;
    background-repeat: norepeat;
    margin-left: 3px;
}


/* -------------------------------- 
 * CSS for 'statische grafieken' tabs
 * -------------------------------- */
.tabs_statgrafiek {
    padding-top: 10px;
    background-color: #dae5f9;
}
.tabContent_statgrafiek {
    background-color: #ffffff;
    height: 100px;
    overflow: hidden;
}
.statgrafiekTab1_aan {
    background-image: url('/graphics/dft/aex_aan.gif');
    width: 48px;
    height: 15px;
    background-repeat: norepeat;
}
.statgrafiekTab1_uit {
    background-image: url('/graphics/dft/aex_uit.gif');
    width: 48px;
    height: 15px;
    background-repeat: norepeat;
}
.statgrafiekTab2_aan {
    background-image: url('/graphics/dft/dow_aan.gif');
    width: 48px;
    height: 15px;
    background-repeat: norepeat;
}
.statgrafiekTab2_uit {
    background-image: url('/graphics/dft/dow_uit.gif');
    width: 48px;
    height: 15px;
    background-repeat: norepeat;
}
.statgrafiekTab3_aan {
    background-image: url('/graphics/dft/nasd_aan.gif');
    width: 45px;
    height: 15px;
    background-repeat: norepeat;
}
.statgrafiekTab3_uit {
    background-image: url('/graphics/dft/nasd_uit.gif');
    width: 45px;
    height: 15px;
    background-repeat: norepeat;
}