/*--------------------------- 
  Pagina Opmaak
----------------------------*/
HTML { 
 overflow: hidden; /*enkel nodig voor IE*/
 margin: 0px;
 padding: 0px;
 text-align: left; /*2007*/
 }

BODY {
 margin: 0px 0px 0px 0px; /*top, rechts, bottom, links*/
 padding: 0px 0px 0px 0px;
 }

h2 {
 font-size: 14pt;
 font-family: "Times new roman";
 font-weight: bold;
 color: white;
 line-height: 20pt;
 }
 
h5 {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 border-bottom: 1px solid #666;
 font-size: 12pt;
 font-style: normal;
 font-weight: bold;
 font-family: "Arial";
 }

h6 {
 margin: 0px;
 padding: 0px 0px 15px 0px;
 font-size: 12pt;
 font-family: "Times new roman";
 font-style: normal;
 color: black;
 line-height: 15pt;
 text-align: center;  
 }

p {
 margin-top: 0px; /*voor firefox*/
 padding: 0px;
 }

a:link {
 color: #369;
 line-height: 16px;
 text-decoration: none;
 }
  
a:hover {
 color: blue;
 font-weight: bold;
 }	

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

#k50 {
 width: 70px;
 text-align: center;
 }

#k100 {
 width: 90px;
 text-align: center;
 }

#k200 {
 width: 175px;
 padding: 0px 0px 0px 10px; /*top, rechts, bottom, links*/
 }

#k300 {
 width: 320px;
 padding: 0px 10px 0px 10px; /*top, rechts, bottom, links*/
 }

/*--------------------------- 
  Titel gedeelte
----------------------------*/
#Mededeling {
 position: absolute;
 top: 99px;
 left: 200px;
 width: 620px;
 background-color: #C0C0C0; /*grijs*/
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 line-height: 20px;
 text-align: center;
 }

#Titel {
 position: absolute;
 margin: 1px 0px 0px 1px; /*top, rechts, bottom, links*/
 padding: 0;
 top: 0px;
 left: 0px;
 width: 1016px;
 height: 118px;
 border-bottom: 1px solid #666;
 }

#Titel ul { /*variable width centered*/
 margin: 0px;
 padding: 0px;
 list-style: none;
 }

#Titel ul li {
 margin: 0px;
 padding: 7px 48px 7px 48px; /*top, rechts, bottom, links*/
 float: left;
 }

#Titel ul li img {
 border: 0px;
 }

/*---------------------------
  Menu gedeelte
----------------------------*/
#Bezoekersmenu {
 position: absolute;
 top: 120px;
 left: 1px;
 height: 600px;
 width: 198px;
 border-right: 1px solid #666;
 background-image: url("img/Menu_Achtergrond.jpg");
 padding-top: 10px;
 text-align: center;
 }

#Bezoekersmenu ul { /*fixed width centered*/
 width: 150px;
 margin: 5px auto;
 padding: 0px;
 list-style: none;
 }

 #Bezoekersmenu ul li {
 margin: 5px auto;
 padding: 0px;
 height: 30 px;
 width: 120px;
 list-style: none;
 }

#Bezoekersmenu ul li a {
 background: #FFF url(img/menu3.gif);
 border: 1px solid #69c;
 width: 100%;
 display: block;
 font-family: "Arial";
 font-size: 12pt;
 font-style: normal;
 color: #888;
 line-height: 30px;
 }

#Bezoekersmenu ul li a:hover {
 background: url(img/menu3.gif) 1px -32px;
 border: 1px solid #036;
 color: #283A50;
 }

#Flyoutmenu {
 position:absolute;
 top: 120px;
 left: 1px;
 height: 600px;
 width: 198px;
 border-right: 1px solid #666;
 background-image: url("img/Menu_Achtergrond.jpg");
 padding-top: 10px;
}

#Flyoutmenu ul { /*fixed width centered*/
 width: 150px;
 margin: 0 auto;
 padding: 0px;
}

#Flyoutmenu ul li {
 position:relative;
 width: 120px;
 height: 30px;
 margin: 0px auto;
 padding: 3px;
 list-style: none;
}

#Flyoutmenu ul li a {
 width: 100%;
 height: 30px;
 margin: 0 auto;
 padding: 0px;
 background: #FFF url(img/menu3.gif);
 border: 1px solid #69c;
 display: block;
 font-family: "Arial";
 font-size: 12pt;
 font-style: normal;
 color: #888;
 text-align: center;
 line-height: 30px; /*zelfde als height*/
}

#Flyoutmenu ul li a:hover {
 background: #FFF url(img/menu3.gif) 1px -32px;
 border: 1px solid #036;
 color: #283A50;
}

#Flyoutmenu ul li a:active {
 color: #283A50;
}


#Flyoutmenu ul ul { /* hide the sub levels and give them a positon so that they take up no room */
 visibility:hidden;
/* visibility:visible;*/
 margin: 0px;
 padding: 0px;
 position:absolute;
 top:3px;
 left:100px;
}

#Flyoutmenu ul ul li {
 width: 100px;
 height: 20px;
 margin: 0 auto;
 padding: 0px;
}

#Flyoutmenu ul ul li a {
 height: 20px;
 width: 100%px;
 background: #FFF url(img/menu3.gif) 1px -10px;
 margin: 0px;
 padding: 0px; /*top, rechts, bottom, links*/
 line-height: 20px;
 font-size: 10pt;
}

#Flyoutmenu ul li:hover ul, #Flyoutmenu ul a:hover ul { /*make the second level visible when hover on first level link */
/*ul li:hover ul voor IE7, ul a:hover ul ul a:hover ul voor IE6*/
 visibility:visible;
}

/*---------------------------
  Gegevens gedeelte
----------------------------*/
#copyright {
 position: absolute;
 bottom: 10px;
 left: 220px;
 height: 20px;
 width: 300px;
 border: 1px solid #666;
 background-color: #FFA; /*geel*/
 line-height: 20px;
 font-size: 10pt;
 font-family: "Courier New";
 text-align: center;
}

#fout {
 color: red;
 }

#Foto-Bottom {
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 28px;
 margin: 0;
 padding: 0;
 background-color: #11BEC1; /*turquoise*/
 color: #eee;
 line-height: 28px;
 border-top: 1px solid #666;
 }

#Foto-Bottom a {
 padding: 0px 2px 0px 2px; /*top, rechts, bottom, links*/
 font-size: 11pt;
 font-family: "Arial";
 color: #eee;
 }

#Foto-Bottom a:hover {
 color: #FFA; /*geel*/
 }

#Foto-Bottom ol { /*Fotos fixed width centered*/
 margin: 0 auto;
 width: 1000px;
 list-style: none;
 text-align: center;
 }

#Foto-Bottom ol li { /*fixed width centered*/
 float: left;
 width: 330px;
 padding: 0px;
 }

#Foto-Bottom ul { /*Thumbs fixed width centered*/
 margin: 0 auto;
 width: 900px;
 list-style: none;
 text-align: center;
 }

#Foto-Bottom ul li { /*fixed width centered*/
 float: left;
 width: 222px;
 padding: 0px;
 }

#Foto-Top {
 width: 100%;
 height: 25px;
 background-color: #11BEC1; /*turquoise*/
 border-bottom: 1px solid #666;
 text-align: center;
 }

#Foto-Top h1 {
 font-size: 16pt;
 font-family: "Times New Roman";
 font-weight: bold;
 color: #FFF;
 background: transparent;
 line-height: 25px;
 margin: 0px;
 padding: 0px;
 }

#Fotos {
 position: absolute;
 top: 26px;
 left: 0px;
 bottom: 29px;
 right: 7px;
 height: expression(document.documentElement.clientHeight-55); /*voor ie explorer*/
 width: 100%;
 overflow: auto;
 background-color: #EEE; /*lichtgrijs*/
 text-align: center;
 margin: 0px;
 padding 0px;
 }

#Fotos img {
 border: 1px solid #666;
 }

#Fotos p {
 margin-top: 0px;
 }

#Fotos ul { /*fixed width centered*/
 margin: 0 auto;
 width: 900px;
 list-style: none;
 text-align: center;
 }

#Fotos ul li { /*fixed width centered*/
 float: left;
 width: 222px;
 margin: 0px;
 padding: 0px 0px 5px 0px; /*top, rechts, bottom, links*/
 }

#Galerij {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-175); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-233); /*voor ie explorer*/
 margin: 0px;
 padding: 15px;
 text-align: left;
 background-image: url("img/WTCTilt2010.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 }

#Galerij a:hover {
 color: blue;
 }

#Kalender {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-175); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-233); /*voor ie explorer*/
 margin: 0px;
 padding: 15px;
 background-image: url("img/Data_Achtergrond.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Arial";
 }

#Kalender table {
 clear: both; /*voor firefox*/
 border-collapse: collapse;
 }

#Kalender table th {
 margin: 0px;
 padding: 0px;
 border: 2px solid #666;
 font-family: "Courier New";
 font-size: 12pt;
 line-height: 25px;
 text-align: center;
 }

#Kalender table td {
 border: 1px solid #666;
 line-height: 20px;
 font-family: "Arial";
 font-size: 11pt;
 }

#Kalender ol { /*fixed width centered*/
 margin: 0px;
 padding: 0px;
 width: 760px;
 list-style: none;
 }

#Kalender ol li {
 margin: 0px;
 padding: 0px;
 float: left;
 height: 50px;
 width: 250px;
 line-height: 45px;
 font-size: 11pt;
 font-style: normal;
 font-family: "Arial";
 }

#Kalender ul { /*fixed width centered*/
 margin: 0px;
 padding: 0px;
 width: 760px;
 list-style: none;
 }

#Kalender ul li {
 margin: 0px 0px;
 padding: 1px 10px 15px 10px; /*top, rechts, bottom, links*/
 float: left;
 width: 350px;
 line-height: 18px;
 font-size: 11pt;
 font-style: normal;
 font-family: "Times new roman";
 }

#Leden {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-175); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-233); /*voor ie explorer*/
 margin: 0px;
 padding: 15px;
 background-image: url("img/Data_Achtergrond.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 }

#Leden ol { /*fixed width centered*/
 margin: 0 auto;
 padding: 0px;
 width: 700px;
 list-style: none;
 }

#Leden ol li { /*fixed width centered*/
 float: left;
 width: 230px;
 height: 25px;
 margin: 0px -1px 0px 0px;
 padding: 0px;
 line-height: 25px;
 text-align: center;
 font-size: 12pt;
 font-weight: bold;
 font-family: "Courier New";
 border: 2px solid #666;
 }

#Leden ul { /*fixed width centered*/
 margin: 0 auto;
 padding: 0px;
 width: 701px;
 list-style: none;
 }

#Leden ul li { /*fixed width centered*/
 float: left;
 width: 222px;
 height: 20px;
 margin: 0px -1px 0px 0px;
 padding: 0px 0px 0px 10px; /*top, rechts, bottom, links*/
 line-height: 20px;
 border-color: #666;
 border-style: solid;
 border-width: 0px 1px 1px 1px;
 font-size: 11pt;
 font-family: "Courier New";
 }

#Leden table {
 clear: both; /*voor firefox*/
 border-collapse: collapse;
 }

#Leden table th {
 margin: 0px;
 padding: 0px;
 border: 2px solid #666;
 font-family: "Courier New";
 font-size: 12pt;
 line-height: 25px;
 text-align: center;
 }

#Leden table td {
 border: 1px solid #666;
 line-height: 20px;
 font-family: "Courier New";
 font-size: 11pt;
 }

#Registratie {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-175); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-233); /*voor ie explorer*/
 margin: 0px;
 padding: 15px;
 background-image: url("img/Data_Achtergrond.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 line-height: 17px;
 }

#Registratie a {
 line-height: 17px;
 }

#Registratie a:hover {
 color: blue;
 }

#Registratie table {
 background-color: #000080;
 border-collapse: collapse;
 }

#Registratie table td {
 font-size: 10pt;
 font-style: normal;
 font-family: "Courier New";
 }

#Reglement {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-175); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-233); /*voor ie explorer*/
 margin: 0px;
 padding: 15px;
 background-image: url("img/Data_Achtergrond.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 }

#Reglement li{
 margin-bottom:15px;
 }

#Ritten {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-175); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-233); /*voor ie explorer*/
 margin: 0px;
 padding: 15px;
 background-image: url("img/Data_Achtergrond.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 }

#Ritten h5 {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
 font-size: 14pt;
 font-style: normal;
 font-weight: normal;
 font-family: "Arial";
 text-align: center;
 text-decoration: underline;
 }

#Ritten img {
 float: right;
 margin: 10px;
 }

#Ritten li{
 margin-bottom:15px;
 }

#Ritten li img {
 float: left;
 margin: 10px;
 }

#Sponsors {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-165); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-223); /*voor ie explorer*/
 margin: 0px;
 padding: 10px;
 background-image: url("img/Data_Achtergrond.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 }

#Sponsors img {
 border: 1px solid #666;
 }

#Sponsors table {
 border-collapse: collapse;
 border: none;
 font-family: "Courier New";
 font-size: 12pt;
 }

#Sponsors td {
 border: none;
 padding: 15px;
 }

#Toplijn {
 position: absolute;
 top: 120px;
 left: 200px;
 height: 25px;
 width: 816px;
 background-color: #FFA; /*geel*/
 border-bottom: 1px solid #666;
 }

#Toplijn h1 {
 font-size: 16pt;
 font-family: "Times New Roman";
 font-weight: bold;
 color: #11BEC1; /*turquoise*/
 background: transparent;
 line-height: 25px;
 margin: 0px;
 padding: 0px; 
 }

#Toplijn ul { /*variable width centered*/
 margin: 0px;
 padding: 0px;
 list-style: none;
 }
  
#Toplijn ul li {
 float: left;
 width: 270px;
 height: 25px;
 text-align: center;
 }

#Toplijn ul li a {
 background: #FFF url(img/menu3.gif) 1px -10px;
 border: 1px solid #69c;
 padding: 1px 10px 1px 10px; /*top, rechts, bottom, links*/
 line-height: 25px;
 font-size: 11pt;
 font-family: "Arial";
 color: #888;
 }

#Toplijn ul li a:hover {
 background: url(img/menu3.gif) 1px -31px;
 border: 1px solid #039;
 color: #283A50;
 }

#Welkom {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 200px;
 right: 7px; /*voor firefox*/
 bottom: 1px; /*voor firefox*/
 height: expression(document.documentElement.clientHeight-175); /*voor ie explorer*/
 width: expression(document.documentElement.clientWidth-233); /*voor ie explorer*/
 margin: 0px;
 padding: 15px;
 background-image: url("img/Data_Achtergrond.jpg");
 font-size: 11pt;
 font-style: normal;
 font-family: "Courier New";
 }

#Welkom img {
 border: 1px solid #666;
 }
  
#Welkom table {
 clear: both; /*voor firefox*/
 background-color: #FFA; /*geel*/
 width: 785px;
 }

#Welkom td {
 height: 25px;
 }

#Welkom ol {
 list-style-type: circle;
 }

#Welkom ul { /*fixed width centered*/
 margin: 0 auto;
 width: 780px;
 padding: 0px;
 list-style: none;
 }

#Welkom ul li { /*fixed width centered*/
 float: left;
 width: 250px;
 height: 170px;
 }

/*---------------------------
  Leden gedeelte
----------------------------*/

#WTCLeden {
 overflow: auto;
 position: absolute;
 top: 146px;
 left: 1px;
 right: 7px;
 bottom: 1px;
 height: expression(document.documentElement.clientHeight-185); /*voor ie explorer 185*/
 width: expression(document.documentElement.clientWidth-45); /*voor ie explorer 45*/
 clear: both; /*voor firefox*/
 background-color: #EEE; /*lichtgrijs*/
 text-align: center;
 margin: 0px;
 padding: 20px;
 font-family: "Courier New";
 font-size: 11pt;
 font-style: normal;
 }

#WTCLeden p { /*Leden*/
 text-align: left;
 }

#WTCLeden table { /*Kalender, Nieuws, Klassement*/
 border-collapse: collapse;
 margin: 0 auto; /*voor firefox*/
 margin-top: 20px;
 text-align: center;
 }

#WTCLeden table th {
 margin: 0px;
 padding: 0px;
 border: 2px solid #666;
 line-height: 25px;
 font-family: "Courier New";
 font-size: 12pt;
 }

#WTCLeden table td {
 border: 1px solid #666;
 line-height: 20px;
 font-family: "Arial";
 font-size: 12pt;
 }

#WTCLeden ul { /*fixed width centered, Bestanden-Leden-Verslagen*/
 margin: 0 auto;
 width: 900px;
 list-style: none;
 text-align: left;
 }

#WTCLeden ul li { /*fixed width centered*/
 float: left;
 width: 280px; /*440 voor 2 kolommen*/
 height: 30px;
 line-height: 30px; /*kleiner dan li*/
 font-family: "Courier New";
 font-size: 11pt;
 }

#WTCLeden ul li a {
 color: #666;
 line-height: 30px; /*kleiner dan li*/
 font-family: "Courier New";
 font-size: 11pt;
 }

#WTCLeden ul li a:hover {
 color: #369;
 }

#WTCLeden ul li a:visited {
 color: #666;
 }

#WTCmenu {
 position: absolute;
 top: 120px;
 left: 1px;
 height: 25px;
 width: 1016px;
 border-bottom: 1px solid #666;
 background-color: #FFA; /*geel*/
 font-size: 12pt;
 font-style: normal;
 font-family: "Times new roman";
 line-height: 25px;
 }
 
#WTCmenu ul { /*fixed width centered*/ 
 margin: 0px auto;
 width: 900px;
 list-style: none;
 text-align: center;
 font-style: normal;
 }

#WTCmenu ul li { /*fixed width centered*/
 float: left;
 width: 175px;
 margin: 0px;
 padding: 0px;
 height: 19px;
 }
 
#WTCmenu ul li a {
 line-height: 19px;
 color: #666;
 font-family: "Times new roman";
 font-size: 12pt;
 }
 
#WTCmenu ul li a:hover {
 color: #11BEC1; /*turquoise*/
 }

#WTCmenu ul li a:active {
 color: #11BEC1; /*turquoise*/
 }