/*
****************************************************************************
KTTC Leopoldsburg style sheet

. = class
# = id
nothing = element
images/Achtergrond/paletjes1920.jpg zit in index_Home.php
aanpassing: 13 augustus: Font-Family, reordering, line-height: 1.5;
*****************************************************************************
*/

#Afzakker	{Background-Color: red;color:#FFFFFF}
#Eindronde	{Background-Color: white;color:#000000; font style: italic;}
#Stijger	{Background-Color: green;color:#FFFFFF}
    
.LEO		{Font-Weight: bold;}
.LEO2		{Font-Weight: bold; color: #CC0066;}		
.Anders		{Font-Weight: bold; color: red; }
.mail		{text-decoration: underline; color=#CC0066;}
.Titelke	{text-decoration: underline;}
.kampioen	{color=#CC0066;}
.uitspraak	{font style: italic;}
.input		{Font-family: Tahoma, sans-serif; font style: italic; font-size: 9pt;} 
.nieuw		{background-color: white;}
.kwis		{font style: italic;Font-Weight: bold;}
.winst		{font style: bold; color: #CC0066;}
.win		{font style: bold; color: #CC0066;border: 1px solid #666666;}
.eerste		{Font-Weight: bold; color: #CC0066;}	
.laatste	{Font-Weight: bold; color: red;}	

* {
    
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF; 

  	/*
	scrollbar-face-color: black;
	scrollbar-highlight-color: black;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: gray;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #ffb2ff;
  	*/

	line-height: 1.5;	
}

body2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #D1D8FA;

	scrollbar-face-color: #27295A;
	scrollbar-highlight-color: #000066;
	scrollbar-3dlight-color: #CC0066;
	scrollbar-darkshadow-color: #CC0066;
	scrollbar-shadow-color: #CC0066;
	scrollbar-arrow-color: #00FF00;
	scrollbar-track-color: #27295A;

	line-height: 1.5;
}

TABLE {   
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;	
}

.scroll_overflow {
	padding:0;
	margin:0;
	width:100%;
	overflow:auto;
}

#indexstart1 {
  	float: center;
  	width: 735px;
  	border: 8px solid #ffb2ff;
  	height: auto;
  	align: center;
  	margin-left: auto;
  	margin-right: auto;
}

#indextable {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
  	align: center;
  	border: 0px;
  	padding: 2;
  	border-spacing: 0;
  	width: 730px;

	color: #000000;
	text-decoration: none;
	background-color: #cc0000;
  	/*#F5F5F5; */	

}

.stripe tr:nth-child(even) {
  	background-color: #eee;
}

.stripe tr:nth-child(odd) {
  	/*  
	background-color: white; 
	*/
}

/* highlight date */
span.highlight {
    background-color: yellow;
}

.stripe{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;	
}

.stripe tbody td {
	border-collapse: collapse; 
	border-bottom: 1px solid #e4e4e4;
  	padding-bottom: 4px;  
}

#naam {
	font-style: italic;
}


#sec1 {
    	position: absolute; 
    	background-color:#CC0066;
    	border-style: solid;
    	color: white;
    	padding: 5px;
}

.Newstitel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #808080;
}

.geenlink {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #CC0066;
	text-decoration: none;		
}

.Message {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #CC0066;	
	text-decoration: none;
	border: 2px solid black;
	list-style-type: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.HMENU	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	text-decoration: bold;
	background-color: darkred;
	text-align: center;
	color: #FFFFFF;
  	
	/*
	color: #E6E6E6;  
  	background-color: #F5F5F5;
	border: 1px solid black;
	background-color: #ffb2ff;
	  */
}

#HMENU a.action_link {
  	text-decoration: none;
  	color: #FFFFFF;
  	
	/*
  	color: #000000;
  	*/
}

#HMENU {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: bold;
	background-color: #cc0000;  
	text-align: center;
  	height: 100%;  
    	
	/* 
	background-color: #F5F5F5; 
	color: #E6E6E6;      
	border: 1px solid black;
	background-color: #ffb2ff;
	color: #000000;
	 */
}

#HMENU a:hover{
	background-color: #FFFFFF;
	color: #cc0000;  
	text-decoration: none;	
	display: block;	
	width: 100%;
  	height: 100%;	
	text-align: center;  

	/*
	color: #000000; 
	color: #F5F5F5;    
	background-color: #CC0066;    
	border-bottom: 1px solid black;	
	background-color: #ffb2ff;
	*/	
}

#HMENU a:active{
	background-color: #FFFFFF;
	color: red;    
	text-decoration: none;	
	display: block;	
	width: 100%;
  	height: 100%;	  	
	text-align: center;  

	/*
	color: #000000;
	background-color: #CC0066;
	color: #F5F5F5;      
	border-bottom: 1px solid black;	
	*/	
}

#HMENU3 a{
	text-decoration: none;
	border-bottom: 1px solid black;	
}

#HMENU2 a{
	padding: 2px;
	padding-left: 4px;
	display: block;
	width: 100%;
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}

#special a{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: white;
	text-decoration: underline;		
}

#special {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: white;
	text-decoration: none;		
}

.nadruk	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #CC0066;
	text-decoration: bold;
}

.D11 {
   	POSITION:absolute;
   	VISIBILITY:hidden;
   	Z-INDEX:200;
}

.news1 {

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF;

	/*
	background-color: #e6e6fa;
	*/

	color: #000000;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;	
	padding-left: 10px;
	padding-right: 5px;
}

.news2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;

	/*
	background-color: #e6e6fa;
	*/
}

.news3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;

	/*
	background-color: #e6e6fa;
	*/
}

.news10 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	visibility:hidden;
	background-color: #e6e6fa;
	color: #000000;
	text-decoration: none;
}

.news101 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	visibility:hidden;
	color: #000000;
	text-decoration: none;
}

.newskop {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #cccccc;
	color: #000000;
	text-decoration: none;
	border: 1px solid #aaaaaa;	
	font-weight: bold;
	margin-top: 0; margin-bottom: 0.5em;
	line-height: 2em;	
}


.tabel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
  	
	/*#F5F5F5; */	
}

.tabel2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
  	
	/*#F5F5F5; */		
}

.t2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
  	
	/*#F5F5F5; */		
}

.t3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
  	
	/*#F5F5F5; */		
}

.t4 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 10px;	
}

.t5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.t6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.t7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.Tabenkel{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;	
}

.Tabenkel tbody td {
	border-collapse: collapse; 
	border-bottom: 1px solid #e4e4e4;
  	padding-bottom: 4px;  
}

.t2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;

	/*#F5F5F5; */		
}

.tekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	padding: 5px;
}

.tekst2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	padding: 5px;
}

.histotxt {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	padding: 5px;
    line-height: 1.5;
}

.kaders {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #666666;
	margin-left: 2px;
}

.kaders0 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	margin-left: 2px;
}

.kaders1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	border: 2px solid black;
	list-style-type: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.k1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	padding: 3px;
	vertical-align: middle;
	border-left: 1px solid #666666;	
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;		
	background-color: white;	
}

.k2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;	
	background-color: white;		
}

.k3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	border-right: 1px solid #666666;	
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;	
	background-color: white;
}

.kop0 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #FFFFFF; 
	background-color: #000000;
	border: 2px solid #000000; 
	margin-left: 1px;


}

.kop {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #FFFFFF; 
	background-color: #000000;
  	padding: 3px;
	border: 1px solid #000000; 
	margin-left: 1px;
  
}

.kopM {

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;			
	border: 1px solid #000000;
	border-collapse: collapse;
	background-color: #000000;				
	padding: 3px;
	color: #FFFFFF;
    border-radius: 6px;
    box-sizing: border-box;				
}

.kopWit {

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;			
	border: 1px solid #000000;
	border-collapse: collapse;				
	padding: 2px;
    border-radius: 6px;
    box-sizing: border-box;				
}

.kopOLD {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0066;
	text-decoration: none;
	border: 1px solid #666666;
	list-style-type: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	margin-left: 1px;
}

.kop2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	background-color: #CC0066;
	text-decoration: none;
	border: 1px solid #666666;
	list-style-type: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	margin-left: 1px;
}

.kopsub {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	border: 1px solid #666666;
	font-weight: bold;
	margin-left: 1px;
}

.kop3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #27295A;
	text-decoration: none;
	border: 1px solid #666666;
	list-style-type: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	margin-left: 1px;
}

.kopC {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
	border: 1px solid #CC0066;
	list-style-type: none;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	margin-left: 1px;
}

/* =-=-=-=-=-=-=-[Menu Seven]-=-=-=-=-=-=-=- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu7 {
	border-style: none dashed dashed dashed;
	border-color: #608FB5;
	border-width: 1px;
	}
	
#menu7 li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#menu7 li a:visited {
	color: white;
	display: block;
	background: blue repeat-x;
	padding: 10px 0 0 10px;
	}
	
#menu7 li a:link {
	color: white;
	display: block;
	background: blue repeat-x;
	padding: 10px 0 0 10px;
	}
	
#menu7 li a:hover {
	color: #fff;
	background: blue repeat-x 0 -10px;
	padding: 10px 0 0 10px;
	}
	
#menu7 li a:active {
	color: #fff;
	background: blue repeat-x 0 -10px;
	padding: 10px 0 0 10px;
	}

/* =-=-=-=-=-=-=-[End Menu Seven]-=-=-=-=-=-=-=- */

a.action_link {
  text-decoration: none;
}

select.form {
	font-family: Arial, Helvetica, Verdana, sans-serif;
  	font-size: 10px; 
  	color:  #517693;
  	text-decoration: none;
}

a:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #517693;
	text-decoration: underline;
}

a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #517693;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	text-decoration: underline;	
	color: black;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	text-decoration: underline;
}

a.nieuw:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}

a.nieuw:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
}

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

a.nieuw:active {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: black;
	text-decoration: underline;
}


.cl2 a:link {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #CC0066;
	display: block;
	width: 100%;
	text-decoration: underline;
}

.cl2 a:visited {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #CC0066;
	text-decoration: underline;
}

.cl2 a:hover {	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	background: white;	
	color: #800080;
}

.cl2 a:active {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: black;
	background: white;
	text-decoration: underline;
}

.topKader {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #666666;
}

.kaderInhoud {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	
	border-top: 1px none #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	margin-left: 2px;
	padding: 3px;
}

.tekstTitel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.kaderOnderlijn {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

.centerInTabellen {
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: thin groove #CCCCCC;

}

.tekstSelectBox {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	background-image: url('../../images/bgRuit.gif');
	background-color: #000000;
	border: 1px solid #999999
}

.buttons {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	background-color: #333333;
	border: 1px solid #999999;
	cursor: hand;

}

.textFields {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #999999;
	background-color: #333333;
}

.linkOnderlijn {
	text-decoration: underline;
	color: #00CC99;
}

a.info0 { 
    	color: #517693;
}

a.info {
    	position:relative; /*this is the key*/
    	z-index:24; 
    	color:#517693;
    	text-decoration:underline
}

/*
a.info:hover{z-index:25; background-color:#e1e1e1}
*/
a.info span{display: none}

a.info:hover span
{ /*the span will display just on :hover state*/
    	display:block;
    	position:absolute;
    	top:2em; left:2em; width:15em;
    	border:1px solid #000000;
    	background-color:#ffffff;
    	color:#517693;
    	text-align: center
}   
    
.roundedcornr_box_698043 {
  	background: #000000;
}

.roundedcornr_top_698043 div {
   	background: url("../../images/Hoeken/roundedcornr_698043_tl.png") no-repeat top left;
}

.roundedcornr_top_698043 {
   	background: url("../../images/Hoeken/roundedcornr_698043_tr.png") no-repeat top right;
}

.roundedcornr_bottom_698043 div {
   	background: url("../../images/Hoeken/roundedcornr_698043_bl.png") no-repeat bottom left;
}

.roundedcornr_bottom_698043 {
   background: url("../../images/Hoeken/roundedcornr_698043_br.png") no-repeat bottom right;
}

.roundedcornr_top_698043 div, .roundedcornr_top_698043, 
.roundedcornr_bottom_698043 div, .roundedcornr_bottom_698043 {
   	width: 100%;
   	height: 30px;
   	font-size: 1px;
}
.roundedcornr_content_698043 { margin: 0 30px; }

.container div{
   	width: 60%;

}