.table
{ border: solid 1px #959595; border-collapse: collapse; border-color: #CCCCCC;}

A:link
{
    font-size: 16px;
    color: #F0BC07;
    font-family: 'Trebuchet MS';
    text-decoration: none;
}
A:visited
{font-size: 16px;
    color: #F0BC07;
    font-family: 'Trebuchet MS';
    text-decoration: none;
}
A:active
{font-size: 16px;
    color: #F0BC07;
    font-family: 'Trebuchet MS';
    text-decoration: underline;
}
A:hover
{font-size: 16px;
    color: #FF9900;
    font-family: 'Trebuchet MS';
    text-decoration: underline;
}
.text
{
    font-size: 16px;
    color: black;
    font-family: 'Trebuchet MS';
}
.bijbel
{font-size: 16px;
    color: #EB8D00;
    font-family: 'Trebuchet MS';
}
.quote
{font-size: 16px; 
    color: #000099;
    font-family: 'Trebuchet MS';
}
.paginakop
{font-size: 25px;
    color: #FF9900;
    font-family: 'Trebuchet MS';
}
.header
{font-size: 17px;
    color: #000000;
    font-family: 'Trebuchet MS';
}

.oranjekopje
{font-size: 17px;
    color: #FF9933;
    font-family: 'Trebuchet MS';
}

.vers
{font-size: 12px;
    color: #000000;
    font-family: 'Trebuchet MS';
}

.dun
{font-size: 16px;
    color: #858585;
    font-family: 'Trebuchet MS';
}

 a.popup{
    position:relative; /*this is the key*/
    z-index:auto; background-color:#FFFFFF;
    color:#004500;
    text-decoration:none}

a.popup:hover{z-index:auto; background-color:#FF9900}

a.popup span{display: none}

a.popup:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:25px; left:-80px; width:250px;
    border:1px solid #FF9900;
    border-radius: 10px;
    padding: 10px 10px;
    background-color:#F7FFF4; color:#000000;
    text-align: center;
	text-decoration: none;
    box-shadow: 3px 3px 3px 3px #888888;}

a.popup2{
    position:relative; /*this is the key*/
     font-family: Trebuchet MS;
    font-size: 12px;
    z-index:auto; background-color:#FFFFFF;
    color:#000000;
    text-decoration:none}

a.popup2:hover{z-index:auto; background-color:#FF9900}

a.popup2 span{display: none}

a.popup2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:25px; left:-80px; width:250px;
    border:2px solid #000000;
    border-radius: 10px;
    padding: 10px 10px;
    background-color:#F9FCF8; color:#000000;
    font-size: 16px;
    text-align: left;
	text-decoration: none;
    box-shadow: 3px 3px 3px 3px #888888;
    }

 .ConCom1
 { text-decoration: none;
font-family: Trebuchet MS;
color: #000000;
font-size:12px;
}

.ConCom1:hover
{ text-decoration: underline;
font-family: Trebuchet MS;
background-color: #ff9900;
color: #000000;
font-size:12px;
}

.ConCom2
{
display: none; 
border: solid #005300 2px; 
padding: 10px; 
background-color: #F7FFF4; 
text-align: justify; 
font-size: 16px; 
font-family: Trebuchet MS; 
width: 595px;

}


.ConCom3
{text-align: center; 
text-decoration: underline;
color: #002200;

} 

.ConCom4a
{ font-size: 16px;
} 
.ConCom4b
{ text-decoration: underline; 
color: #FF0000;
}
.ConCom4b:hover
{ text-decoration: underline; 
color: #F7fff4;
background-color: #ff0000;
}

.VS
{font-family: Trebuchet MS;
color: #FF9933;
font-size: 16px;
}