/* Dow standard stylesheet */
BODY
{   MARGIN-TOP: 0px;
    FONT-SIZE: 80%;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: white
}

TD
{   FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}
TH
{   FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}

TABLE.TableSmall TD
{	FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}

TABLE.TableSmall TH
{	FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}
TABLE.TableLarge TD
{	FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}
TABLE.TableLarge TH
{	FONT-WEIGHT: bold;
    FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}
TD.CellSmall
{	FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}
TD.CellSmallBold
{	FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}
TD.CellLarge
{	FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial
}

P, blockquote					
{	MARGIN-TOP: 0; 
	MARGIN-BOTTOM: .9em;
   
}
P.SiteHeader
{	MARGIN-TOP: 0.2em; 
	MARGIN-BOTTOM: 0.2em
}
UL, OL                       
{   MARGIN-TOP: .5em; 
	MARGIN-BOTTOM: .5em;
}

UL UL, UL OL, OL UL, OL OL   
{	MARGIN-TOP: 0; 
	MARGIN-BOTTOM: 0
}
OL.COL 
{	MARGIN-LEFT: 27px
}
UL.COL
{	MARGIN-LEFT: 21px
}
BLOCKQUOTE.COL 			     
{	MARGIN: 8px 20px 8px 21px
}
BLOCKQUOTE.COL-tight	     
{	MARGIN: -8px 20px 0px 21px
}

.BC										
{	FONT-SIZE: 85%; 
	MARGIN-BOTTOM: .7em
}

.CellColorLighter
{	BACKGROUND-COLOR: #dddddd
}
.CellColorLightest 
{ 	BACKGROUND-COLOR: #EEEEEE 
}
.CellColorLight
{	BACKGROUND-COLOR: #cccccc
}
.CellColorMedium
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #999999
}
.CellColorDark
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #666666
}
.CellColorDarkest
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #333333
}
.CellColorNone
{	BACKGROUND-COLOR: #ffffff
}
.CellColorGreen
{	BACKGROUND-COLOR: #008000
}
.CellColorYellow
{	BACKGROUND-COLOR: yellow
}
span.FontRed, .FontRed
{	COLOR: #ff0000
}
span.FontRedB, .FontRedB
{	COLOR: #ff0000;
    FONT-WEIGHT: BOLD
}
span.FontWhite, .FontWhite
{	COLOR: #ffffff;
}
span.FontWhiteB, .FontWhiteB
{	COLOR: #ffffff;
    FONT-WEIGHT: BOLD
}
span.FontDGrey, .FontDGrey
{	COLOR: #333333
}
span.FontDGreyB, .FontDGreyB
{	COLOR: #333333;
    FONT-WEIGHT: BOLD
}

/* Added margin-bottom - 22-Apr-04 MF */
.PageHeader
{	FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #333333;
    LINE-HEIGHT: 20px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    MARGIN-BOTTOM: 1.2em			
}
.totaltop
{ margin:  0 0 0px 0px;
  	height: 100px;
 	width: 1000px;
 	padding: 0 0 0 0;
 	 border:  0 0px ;
 }

.Keyword
{	MARGIN-TOP: -20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #999999;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
  /* added padding-top - 22-Apr-04 MF */
.Content
{	PADDING-LEFT: 20px;
    PADDING-TOP: 12px;             
}
.Content A:link
{	COLOR: #000000
}
.Content A:active
{	COLOR: #000000
}
.Content A:visited
{	COLOR: #666666
}
.Content A:hover
{	COLOR: #ff0000
}
/*  ---  inhoud -- */
/* background: #fff url(../images/DKC_Logo_bg.jpg) repeat-y left; */
#inhoud {
 height:auto;
 text-align: left;
 min-height: 600px;
 
    width: 1000px;
}

/* hack voor IE6 
* html .inhoud {
 height: 800px;
 }

*/

/*  --- rechterkolom  -- */

#rechterkolom 
{
 position: inherit;
 left:200px;
 top:100px;
 min-width: 320px;
 max-width: 800px;
 height: auto;
 margin: 0 0 0 0px;
 padding-left: 220px;
 padding-right: 0.5cm;
 
   }

/* hack voor firefox */
/* html>/* */ /*body #rechterkolom { */
/* margin-top: 40px;
 }
  --- linkerkolom  --*/

.linkerkolom {
 width: 200px;
 float: left;
 margin-left: 0px;
 margin-top: 3px;
 background: #EEEEEE;
 text-align: left;
 min-height: 400px;
background-image: url(../images/DKC Logo 200w bgg.jpg) repeat-y left;
padding: 1px 0px 6px 0px;
 }
#linkermenu {
 position:   fixed ;
 top:0px;
 width: 200px;
 height:  100%;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 background-color: #EEEEEE;
   
 text-align: left;
 line-height: 2em;
 font-size: 93%;
    left: 0px;
}
 #menufoot
{  
   position:   relative;
   width: 200px;
   top:auto;
   bottom: 0;
   left:0;
 	padding-bottom: 0px;
    padding-left: 0px;
    font-weight: normal;
    font-size: 75%;
     background: #EEEEEE;

    color: #666666;
    font-family:   Verdana, Arial;
    }

#menufoot A:link
{	color: #000000
}
#menufoot A:active
{	color: #000000
}
#menufoot A:visited
{	color: #666666
}
#menufoot A:hover
{	color: #ff0000
}
 .rood { color: Red; }
 .roodcent { color: Red;   text-align: center;}
 .silver { background-color: Silver;}
 .lichtblauw { background-color: Aqua;}
 .geel { background-color: Yellow;}
 .teltniet { background-color: #AAAAAA;}


/* hack voor firefox */
html>/**/body .kadertekst ul {
 padding-left: 14px;
 }
/*  --- paginavoet --- */

#pagefoot
{
   height: 125px;
 	width: 600px;
}
.pictures
{
     border-width: 0;
     padding: 0 0 0 0 ;
     float: left;
}
/*  --- paginavoet --- */

#bodem
{  
  	width: 600px;
  	height: 125px;
    font-size: 70%;
    color: #666666;
    font-family: Verdena, Arial;

 }
    #introtext
    {
    FONT-SIZE: 80%;
	FONT-FAMILY: Verdana, Arial;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em;
    padding-left: 1em;
    padding-right: 1em;

    }

/* links on red text */
A.FontRed:link          
{	COLOR: #FF0000;}
A.FontRed:visited       
{	COLOR: #FF0000;}
A.FontRed:hover         
{	COLOR: #000000;}
A.FontRed:active        
{	COLOR: #FF0000;}

/* for links in area that do not have content style */
A.Genlink:link          
{	COLOR: #000000;}
A.Genlink:visited       
{	COLOR: #666666;}
A.Genlink:hover         
{	COLOR: #ff0000;}
A.Genlink:active        
{	COLOR: #000000;}

span.SubTitleLarge, .SubTitleLarge
{	FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
span.SubTitleMedium, .SubTitleMedium
{	FONT-WEIGHT: bold;
    FONT-SIZE: 110%;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
span.SubTitleSmall, .SubTitleSmall
{	FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
span.RedSubTitleLarge, .RedSubTitleLarge
{	FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    COLOR: #ff0000;
    FONT-FAMILY: Arial
}
span.RedSubTitleMedium, .RedSubTitleMedium
{	FONT-SIZE: 110%;
    COLOR: #ff0000;
    FONT-FAMILY: Arial
}
span.RedSubTitleSmall, .RedSubTitleSmall
{	FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #ff0000;
    FONT-FAMILY: Arial
}
HR
{	COLOR: #999999;
    HEIGHT: 1px
}
/* float and pullquote styles for quotes in page-content */
.float-l 
{	FLOAT: left; 
	MARGIN: .5em .6em .5em 0
}
.float-r 
{	FLOAT: right; 
	MARGIN: .5em 0 .6em .5em
}

.pullquote     
{	BORDER-TOP: thin dotted #222; 
    BORDER-BOTTOM: thin dotted #222; 
    PADDING: 12px; 
    BACKGROUND: #eee;
    WIDTH: 40%;
}
.pullquote P   
{	MARGIN: 0 0 .5em 0
}

/* Added padding-top 22-Apr-04 MF */
.footer
{	PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 70%;
    COLOR: #666666;
    FONT-FAMILY: Arial
}
.footer A:link
{	COLOR: #000000
}
.footer A:active
{	COLOR: #000000
}
.footer A:visited
{	COLOR: #666666
}
.footer A:hover
{	COLOR: #ff0000
}

.ButtonDark
{	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
     cursor: auto;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #999999
}
.ButtonWhite
{	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
     cursor: auto;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffffff
}
/* Added margin properties */
H1								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 135%;
	FONT-FAMILY: Verdana, Arial;
    MARGIN-TOP: 0
}
H2								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 110%;
	FONT-FAMILY: Verdana, Arial;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em
}
H3								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 100%;
	FONT-FAMILY: Verdana, Arial;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em;
}
H4								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 90%;
	FONT-FAMILY: Verdana, Arial;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em;  
}
H5								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 80%;
	FONT-FAMILY: Verdana, Arial;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em
}
H6								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 70%;
	FONT-FAMILY: Verdana, Arial;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em;
}
/*  Next styles can be useful for showing/hiding information using Javascript */
.Show   
{ 	DISPLAY: inline}
.NoShow 
{ 	DISPLAY: none}
.In     
{ 	 cursor:  auto;  color: #FF0000;  text-decoration: underline}
.Out    {}

/*  Next styles only to be used for code examples */
.code                   
{	FONT-SIZE: 100%; 
	FONT-FAMILY: "Courier New";
}
TD.code, TH.code        
{	FONT-SIZE: 80%;
	FONT-FAMILY: "Courier New";
}

/* Next styles to be used for links that are not true hyperlinks but on-click or hover over show a small pop-up box */
A.overlib:link          
{	TEXT-DECORATION: none; 
	BORDER-BOTTOM: 1px dotted #222;
}
A.overlib:visited        
{	TEXT-DECORATION: none; 
	BORDER-BOTTOM: 1px dotted #222; 
}
A.overlib:hover         
{	TEXT-DECORATION: none; 
	BORDER-BOTTOM: 1px dotted #C00; 
	COLOR: #C00; 
	CURSOR: help;
}

.Small
{	FONT-SIZE: 90%;
	FONT-FAMILY: Arial
}
.Smaller
{	FONT-SIZE: 85%;
	FONT-FAMILY: Arial
}
.SmallLink A:link
{	FONT-SIZE: xx-small;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SmallLink A:active
{	FONT-SIZE: xx-small;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SmallLink A:visited
{	FONT-SIZE: xx-small;
    COLOR: #666666;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SmallLink A:hover
{	COLOR: #ff0000;
    TEXT-DECORATION: none
}
/* Style for news box, especially on main pages. */
TABLE.news
{	MARGIN: 0 0 .5em .6em }
TABLE.news TH
{   FONT-WEIGHT: bold;
	FONT-SIZE: 70%; 
	background: #EEEEEE
}
TABLE.news TD
{   FONT-SIZE: 70%; 
	BACKGROUND: #FCFCFC
}
TABLE.news P
{   MARGIN: 0 0 .4em 0}

/* step-action table styles and styles for nested tables */
.step-action, .step-action TABLE
{	BORDER-COLLAPSE: collapse; 
	MARGIN: 0 0 .8em 0;
}
.step-action TH
{	FONT-WEIGHT: bold; 
	BACKGROUND: #EEEEEE
}
.step-action P
{	MARGIN: 0 0 .7em 0
}
TABLE.nested              
{	MARGIN: 0 0 .8em 0
}
TABLE.nested TH           
{	FONT-WEIGHT: bold;
	FONT-SIZE: 70%; 
	BACKGROUND: #EEE
}
TABLE.nested TD           
{	FONT-SIZE: 70%
}
TABLE.nested P            
{	MARGIN: 0 0 .5em 0
}

.HeaderBorder table  
{	BORDER-BOTTOM: 1px solid #DDD; 
	BORDER-TOP: 1px solid #DDD; 
	BACKGROUND: #EEE; 
	MARGIN-TOP: 18px; 
	MARGIN-BOTTOM: 8px;
}
TD.HeaderBorder      
{	BORDER-BOTTOM: 1px solid #DDD; 
	BORDER-TOP: 1px solid #DDD; 
	BACKGROUND: #EEE;
}  

/* styles to remove (all) padding and margins */
.tight
{	MARGIN: 0; 
	PADDING: 0;
}
.tight-bottom
{	MARGIN-BOTTOM: 0; 
	PADDING-BOTTOM: 0
}
.tight-top
{	MARGIN-TOP: 0; 
	PADDING-TOP: 0;
}
.MB12 
{ 	MARGIN-BOTTOM: 12px}


TEXTAREA, INPUT, LEGEND
{	COLOR: #333333;
    FONT-FAMILY: Arial;
}
@media screen {
.SiteHeader
{	PADDING-LEFT: 10px;
    FONT-SIZE: 20px;
    PADDING-BOTTOM: 5px;
    WIDTH: 100%;
    COLOR: #ffffff;
    PADDING-TOP: 5px;
    FONT-FAMILY: 'Arial Black', 'Swis721 Blk BT', Helvetica, 'Arial Bold';
}
  .uitslag-tabel
    {
        width: 95%;
        background-color: #DDDDDD;
        border-width:  medium;
        border-color: White;
        text-align: center;
    }

 .stylecw30 { text-align: center; width: 30px; }
 .stylecw50 { text-align: center; width: 50px; }
 .stylecw60 { text-align: center; width: 60px; }
 .stylelw130 {text-align:  left;   width: 130px; }


table#klassement {
 border: 1px; 
  background-color: #EEEEEE;
  width: 557px;
   padding: 2px;
  border-style: ridge;
 }

table#klassement tr.Yell        { background-color:  #FFFFDD; text-align: center;}
table#klassement tr.Gr          { background-color:  #EEEEEE; text-align: center;}
table#klassement tr.darkgrey { background-color:  #C0C0C0; text-align: center;}

table#klein {
 border: 1px; 
  background-color: #EEEEEE;
  width: 450px;
   padding: 2px;
  border-style: ridge;
   border-color:   Silver ;
 }

table#klein tr.Yell { background-color:  #FFFFDD; text-align: center;}
table#klein tr.Gr { background-color:  #EEEEEE;   text-align: center;}
table#klein tr.darkgrey {background-color:  #C0C0C0;text-align: center;}