﻿body                                         {margin: 2px 0px 0px 0px; font-family: Verdana; color: #ff00ff; font-size: 8pt; background-image:url('backgrlogo2007.gif');}
a                                            {color: #FF0000; text-decoration: none; }
a:hover                                      {color: #000000; text-decoration: none;}


#box                                         { width: 800px; margin: 0px auto; background-color: #F8F8F8;}                     /* geen hoogte opgeven */
#box900                                      { width: 800px; height: 1000px; margin: 0px auto; background-color: #F8F8F8;} 
#spacer        	       		                 { width: 800px; height: 103px; margin: 0px auto; background-color: #F8F8F8;}     /* hoogte =103,  hierdoor 3px over tussen kopfoto en menu   */

 
 /* indexpage 2 kolommen DIV */
.contain                                     {width:100%; margin: 0px; background-color: #F8F8F8; }
.left                                        {float: left; width:615px; padding: 5px 0px 5px 5px; border: 0px dotted red; }  /*width was 195 */
.right                                       {margin-left: 625px; padding: 5px; border: 0px dotted green;} /* margin was 200 */
.innerleft                                   {border: 1px dotted #C0C0C0; background-color: white; margin: 0px 0px 5px 0px; padding: 0px; text-align: left; font-size: 8pt; color: #5c5c5c;}  
.innertxt                                    {padding: 0px 15px 0px 15px; text-align: justify; font-size: 9pt; color: #5c5c5c; line-height:150%;}  
.innerright                                  {border: 1px dotted #C0C0C0; background-color: white; margin: 0px 0px 3px 0px; padding: 5px; text-align: center; font-size: 8pt; color: #5c5c5c; }  
.header                                      {border-top-style:solid; border-bottom-style:solid;  border-color:red; border-width: 1px; margin: 10px 0px 5px 0px; padding: 5px; background-color: white; text-align: left; font-size: 11pt; color: #5c5c5c; font-weight: bold;}
.txtupdate                                   { text-align: right; font-size: 9pt; color: #5c5c5c;}
.onder                                       {padding: 5px; clear: left;}
.tabind                                      {border-collapse: collapse; width: 100%;}          /* tabel index pagina */
.tabind td                                   {border: 0px dotted red; }      /* border 1 maken voor overzicht */

/* einde indexpage voor 2 kolommen DIV */

.clear                                       { clear:both;}
                                     
.titel                                       { margin: 0px auto; padding: 15px 0px 5px 0px; text-align: center; font-size: 10pt; color: #616161; font-weight: bold;} /* geen breedte opgeven 30-1-2010*/
.titel2                                      { margin: 0px auto; padding: 15px 0px 5px 0px; text-align: center; font-size: 12pt; color: #616161; font-weight: bold;} /* geen breedte opgeven 30-1-2010*/
.titel3                                      { margin: 0px auto; padding:  5px 0px 8px 0px; text-align: left; font-size: 10pt; color: #616161; font-weight: bold;} /* geen breedte opgeven 9-2010*/

.rit                                         { width: 710px; margin: 10px auto; border: 1px dotted #C0C0C0; background-color: white;}
.rittekst                                    { width: 700px; margin: 0px auto; padding: 5px; text-align: justify; font-size: 9pt; color: #5c5c5c; line-height:130%; background-color: white;} 
.ritspacer                                   { width: 700px; height: 5px; margin: 0px auto; font-size: 6pt; background-color: #fe6a6d;}
.kettingspacer                               { width: 700px; height: 40px; margin: 0px auto; font-size: 6pt; background-position:center; background-repeat:no-repeat; background-image:url('../imback/separator.png') }
.tekstkl                                     { font-size: 8pt; background-color: #ffffD0;}


.feeder                                      { width: 570px;}
.feederl                                     { width: 375px; float: left; padding: 0px 0px 0px 10px; text-align: left; font-size: 8pt; background-color: white;}
.feederr                                     { width: 150px; float: right; text-align: center; padding: 30px 0px 0px 0px; font-size: 8pt; background-color: white;}

.im                                          {width: 100%; text-align: center; margin: 5px 5px 5px 5px;}        /* div voor image midden, geen tekstruimte links en rechts */
.imam                                        {text-align: center; margin: 5px 5px 5px 5px; border: 1px solid #999;}               /* image midden  .tabpic gebruiken*/
.imar                                        {float: right; padding: 5px; border: 1px solid #999; margin: 7px 0px 5px 7px;}        /* image rechts */
.imal                                        {float: left; padding: 5px; border: 1px solid #999; margin: 7px 7px 5px 0px;}       /* image links */
.bor                                         {border: 2px solid #999;}

.tabcust                                     {border-collapse:collapse; width:100%;} /* zie info2010*/
.tabcust td                                  {padding:2px 7px 2px 7px; }
.tabcust th                                  {font-size: 13pt; padding:4px 20px 4px 3px; background-color: #fc6063; color:#ffffff; border:1px solid white;}/* zie ntfu2009 */
.tabcust tr.alb th                           {background-color: green; }  /* de extra class voor th, anders kleur th of tabel */
.tabcust tr.alt td                           {background-color:#F8F8F8; }  /* de extra class voor td, anders kleur td of tabel */
.tabcust tr.yel td                           {background-color:yellow; }
.tdinf                                       {background-color:#f5f5f5; width:90px; color:red; text-align: center; border: 3px solid white;}/* zie info2010*/

.tda                                         {background-color:#F8F8F8; font-size: 8pt; color:#0000FF; }  /* extra kleur voor td*/
.tdb                                         {background-color:#F8F8F8; font-size: 8pt;}

.tabcusta                                    {border-collapse:collapse; width:100%; } /* zie contact*/
.tabcusta td                                 {padding:2px 7px 2px 7px; background-color:#f5f5f5; }

.tabcustb                                    {border-collapse:collapse;} /* test test */
.tabcustb td                                 {padding:2px 7px 2px 7px; background-color:#f5f5f5; }


.tabpic                                      {border-collapse:collapse; border: 1px solid #999; margin: 0px auto;}  /* voor afbeeldingen met text, tabel in midden van pagina. zie clubk 2010*/
.tabpic td                                   {padding:5px; font-size: 8pt;}

/* tabel clubkampioenen */
.tabck                                       {border-collapse:collapse; border: 3px solid white; margin: 0px auto;} 
.tabck th                                    {font-size: 10pt; padding:4px 2px 4px 3px; background-color: #fc6063; color:#ffffff; border:0px solid white;}
.tabck td                                    {background-color:#f5f5f5; padding:2px 7px 2px 7px; border: 3px solid white;}
.tdck                                        {background-color:#f5f5f5; width:170px; text-align: center; font-size: 8pt;}
/* einde tabel clubkampioenen */

.top                                         {width: 800px; text-align: center; padding: 5px 0px 10px 0px;font-size: 8pt;}
.footer                                      {width: 800px; margin: 0px auto; padding: 5px 0px 5px 0px; text-align: center; font-size: 8pt; color: black; background-color: #c0c0c0;}




/*    .class,  #id          #F8F8F8; #e9E8D0;  #C0C0C0 #00FF00; #e5E8D0;  "#0000FF"  */
/*    margin is voor Image  The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent */
/*    padding is voor tekst,The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element.*/