* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 background-color: #ccb;
 background-repeat:repeat;
}
.wrapper {
 width: 782px;
 margin: 0 auto;
}
/* ------------------------ Start Header -----------------*/
.header0 {  /* zwarte border rond gele kader */
 float: left;
 background-color: black; /*#333;*/
 height: 125px;
 width: 782px; 
 display: inline; 
 } 

.header1 {/* gele kant links*/
 float: left;
 margin: 7px 0px 0px 7px;
 font-size: 48px;
 font-weight: bold;
 color: black;
 background-color: yellow; 
 height: 110px;  
 width: 317px; /*340*/
 /* padding: 0px 5px 0px 0px; T R B L*/
 display: inline; 
}

.header2 {/* gele kant rechts*/
 float: left;
 margin: 7px 0px 0px 0px;
 color: black;
 background-color: yellow; 
 height: 110px;  
 width: 453px; /* 430*/
 /* padding: 0px 5px 0px 0px; T R B L*/
 display:inline; 
}

.header21 {/* zwarte kleine balk links en rechts*/
 float: left;
 margin: 60px 0px 0px 0px;
 color: black;
 background-color: black; 
 height: 40px;  
 width: 40px;
 /* padding: 0px 5px 0px 0px; T R B L*/
 display: inline; 
}




.header3 {  /* zwarte vertical balk */
 float: left;
 background-color: black; /*#333;*/
 height: 110px;
 width: 43px; 
 display: inline; 
 } 

.header5 {  /* dummy balk voor de jpg op het openingscherm lager te zetten */
 margin: 0px 0px 13px 0px;
 /*border: 10px 50px 50px 50px;*/
 border-style: solid;
 border-color: #333333;
 background-color: #333333; /*#333;*/
 min-height: 5px;
 width: 30px;
 padding: 0px 0px 0px 20px; 
 float: left;
display: inline; 
 } 
 

* html .header6 {height:110px} /* IE Min-Height Hack */ 


/* ------------------------ End Header -----------------*/

/* ------------------------ Start Nav Bar -----------------*/
.nav-bar {
 background-color: #E8E8E8;
 margin: 0px 0px 13px 0px;
 min-height: 17px;
 padding: 13px;
 border: 1px solid #AEAEAE;
}
* html .nav-bar {height: 17px} /* IE Min-Height Hack */ 

.nav-links li {
 list-style: none;
 display: inline;
 margin-right: 16px;
}

.nav-links li a:link {
 background-color: #E8E8E8;
 color: #333;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
.nav-links li a:visited {
 background-color: #E8E8E8;
 color: #333;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
.nav-links li a:hover {
 background-color: #E8E8E8;
 color: #999;
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
}
/* ------------------------ End Nav Bar -----------------*/

#wrap {
		border-left: 10px solid #666666;
		border-right: 10px solid #666666;
		background: #B1B1B1;
		margin: 0 auto;
		width:782px;
}

/* ------------------------ BUITENSTE KADER -----------------*/
#outercontent1 {
 background-color: #AEAEAE;/*#e8e8E8*/
 width: 754px;
 padding: 0px 13px 13px 13px;
 /*min-height: 655px;*/
 margin-bottom: 0px;
 border: 1px solid #AEAEAE;
}
* html #outercontenta {height: 655px} /* IE Min-Height Hack */ 

#outercontent {
 background-color: #e8e8E8;
 width: 754px;
 /*margin: 13px 13px 13px 13px;  T R B L*/
 padding: 13px;
 /*min-height: 655px;*/
 margin-bottom: 13px;
 border: 1px solid #AEAEAE;
}
* html #outercontenta {height: 655px} /* IE Min-Height Hack */ 



/* ------------------------ einde BUITENSTE KADER -----------------*/

/* ------------------------ Start Columns -----------------*/
#linkercolumn {  
 background-color: #333333;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 7px;
 width: 550px;
 float: left;
 color: #E9E9E9;
}
#onecolumn { /* nodig voor de tijden te displayen */ 
 background-color: #333333;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 7px;
 width: 739px;
 float: left;
 color: #E9E9E9;
}


/* ------------------------ new -----------------*/
div#box1{
background-color:#333333;
float: left;
width: 354px;
height: 70px;
text-align: center;
color:#FFFFFF;
}

div#box2{
background-color: #333333;
float: left;
width: 25px;
height: 70px;
}

div#box3{
background-color:#333333;
float: left;
width: 374px;
height: 70px;
text-align: center;
color:#FFFFFF;
} 


#progcolumn { /* nodig voor het programma te displayen */ 
 background-color: #333333;
 margin: 0px 1px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px 0px 0px 6px;
 width: 360px;
 height: 500px;
 float: left;
 overflow: auto; 
 color: #E9E9E9;
}
#wedcolumn { /* nodig voor de wedstrijden te displayen */ 
 background-color: #333333;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px 0px 0px 10px;
 width: 376px;
 height: 500px;
 float: left;
 overflow: auto; 
 color: #E9E9E9;
}

/* ------------------------ new end -----------------*/
.rightcolumn {
 margin: 0px 0px 13px 13px;
 line-height: 37px;
 padding: 14px;
 display: inline; /* IE Hack */
 width: 145px;
 float: left;
 border: 1px solid #AEAEAE;
 background-color: #ccc;
}
/* ------------------------ End Columns -----------------*/

/* ------------------------ Start Footer -----------------*/
#footer {
 /*border: 1px solid #AEAEAE;*/
 clear:both; /* zorgt er voor dat de lijn onderaan komt te staan*/
 padding: 13px;
 margin-bottom: 12px;
 background-color: #333333;
 color: #E9E9E9
}
#footer2 {
 /*border: 1px solid #AEAEAE;*/
 clear:both; /* zorgt er voor dat de lijn onderaan komt te staan*/
 padding: 0px;
 margin-bottom: 13px;
 background-color: #AEAEAE;
 color: #E9E9E9
}

/* ------------------------ End Footer -----------------*/

/* ---------------------------mail-------------------------*/

 textarea    { font-family: sans-serif }
   input.click { cursor: pointer }
   table#perfect         { background-color: black; border: solid black 1px;
                           padding: 7px; margin-left: auto; margin-right: auto }
   table#perfect caption { color: yellow; background-color: black;
                           font-size: 110%; font-weight: bold; padding: 3px;
                           margin-left: auto; margin-right: auto }
   table#perfect th      { text-align: right; font-weight: bold;color: whith; }
   table#perfect div     { text-align: center; margin-top: 6px }
   table#perfect span    { float: right; font-size: 65% }
   table#perfect a       { color: gray; text-decoration: none }



/* ---------------------------mail-------------------------*/

#clock {
 float: left;
 margin:  0px 0px 0px 30px; /*T R B L*/
 width: 380px;
 background-color: yellow;
 color: red;
}



h1 {
 font-size: 23px;
 font-family: Arial;
 
}

h2 {
 font-size: 18px;
 font-family: Arial;
}

h3 {
 font-size: 14px;
 font-family: Arial;
}

.float {
 float: left;
 padding: 0px 10px 0px 0px;
}
img {
 border: none;
}
/* Links */
a:link {
 color: #1589FF;
 text-decoration: none;
}
a:visited {
 color: #1589FF;
 text-decoration: none;
}
a:hover {
 color: #333333;
 background-color: #fff;
 text-decoration: none;
}