body {
        font-family: verdana,helvetica;
        color: #000000;
        
        font-size: 12px;
}

h1 {
        font-family: verdana,helvetica;
        font-size: 16px;
        font-weight: bold;
        
}

h2 {
        font-family: verdana,helvetica;
        font-size: 14px;
        font-weight: bold;
       
}

h3 {
        font-family: verdana,helvetica;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
}

.tableCms {
	border-collapse: collapse;
	
	
}

.tableDocs {
	border-collapse: collapse;
	
}


.tableNavi {

}

td {
        font-family: verdana,helvetica;
        color: #000000;
        font-size: 12px;
}


th {
        font-family: verdana,helvetica;
        
        
        font-size: 12px;
        font-weight: normal;
        text-align: left;
}

a {
        font-family: verdana,helvetica;
        font-size: 12px;
        
}

.linkAlert {
        font-family: verdana,helvetica;
        font-size: 12px;
        color: #A67C52;
}


.sbh {
        font-family: verdana,helvetica;
        color: #ffffff;
        font-size: 10pt;
}

.sb {
        font-family: verdana,helvetica;
        
        font-size: 10pt;
}


p {
        font-family: verdana,helvetica;
        color: #000000;
        font-size: 12px;
}

.navi {
        font-family: verdana,helvetica;
       
       
        font-size: 11px;
        margin-top: 10px;
}

#brievenContainer {
width: 200px;
//height: 270px;
margin-right:5px;
margin-left:5px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
border: none;
float:left;
}

#eind{
	clear: both;
}


/*----------------- makeAlert ---------------------------*/
.okButton {
	background-image: url(./images/buttonBG.png);
	background-color:Transparent;
	border: none;
	color: #ff0000;
	font-size: 12pt;
	font-family: arial;
	width: 46px;
	height:	46px;  
}

.alertTitle {	
	padding-top: 20px;
	padding-left: 20px;
	background-color: #CCCCC;
	font-family: arial;
	font-size: 12pt;
	color: #FFF;
	font-weight: bold;
}

.alertMessage {
	padding-top: 10px;
	font-family: arial;
	font-size: 12pt;
	color: #fff;
	font-weight: normal;
}

.alertBoxStyle {
	cursor: default;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	background-image: url(./images/alertBG.png);
	position: absolute;
	top: 100px;
	left: 100px;
	width: 400px;
	height: 200px;
	min-height: 200px;
	min-width: 400px;
	visibility:hidden; z-index: 999;
	text-align: center;
}

/*----------------- /makeAlert ---------------------------*/

/*----------------- makeNote -----------------------------*/
.okButtonNote {
background-color: #D4D4D4;
font-color: #000000;
font-size: 9pt;
font-family: arial;
width: 70px;
height:	20px;  
}
.alertTitleNote {
background-color: #A67C52;
font-family: arial;
font-size: 9pt;
color: #FFFFFF;
font-weight: bold;
}
.alertMessageNote {
font-family: verdana;
font-size: 12pt;
color: #000000;
font-weight: normal;
}
.alertBoxStyleNote {
cursor: default;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
background-color: #FFFCA2;
position: absolute;
top: 100px;
left: 100px;
width: 400px;
height: 400px;
	min-height: 400px;
	min-width: 400px;
visibility:hidden; 
z-index: 999;
/* border-style: groove; */
border-width: 5px;
border-color: #FFFFFF;
text-align: center;
}
/*----------------- /makeNote ---------------------------*/





.borderit img{border: 1px solid #808080;}

.borderit:hover img{border: 1px solid #FF1A00;}

.borderit:hover{color: #FF1A00; /* irrelevant definition to overcome IE bug */}

a:link.sb { font-size: 10pt; color: #ffffff; font-weight:normal; text-decoration:none;}
a:visited.sb { font-size: 10pt;  color: #ffffff; font-weight:normal; text-decoration:none;}
a:active.sb { font-size: 10pt;  color: #ffffff; font-weight:bold; text-decoration:none;}
a:hover.sb { font-size: 10pt;  color: #ffffff; font-weight:bold; text-decoration:none;}

a:link.sbo { font-size: 10pt;  color: #ffffff; font-weight:normal; text-decoration:none;}
a:visited.sbo { font-size: 10pt;  color: #ffffff; font-weight:normal; text-decoration:none;}
a:active.sbo { font-size: 10pt;  color: #ffffff; font-weight:normal; text-decoration:none;}
a:hover.sbo { font-size: 10pt;  color: #ffffff; font-weight:normal; text-decoration:none;}

a:link.fact { font-size: 10pt; color: #FF1A00; font-weight:normal; text-decoration:none;}
a:visited.fact { font-size: 10pt; color: #FF1A00; font-weight:normal; text-decoration:none;}
a:active.fact { font-size: 10pt; color: #FF1A00; font-weight:normal; text-decoration:none;}
a:hover.fact { font-size: 10pt; color: #FF1A00; font-weight:bold; text-decoration:none;}


a:link.linkAlert { font-size: 12pt; color: #A67C52; font-weight:bold; text-decoration:none;}
a:visited.linkAlert { font-size: 12pt; color: #A67C52; font-weight:bold; text-decoration:none;}
a:active.linkAlert { font-size: 12pt; color: #A67C52; font-weight:bold; text-decoration:none;}
a:hover.linkAlert { font-size: 12pt; color: #A67C52; font-weight:bold; text-decoration:none;}