.grid-view table
{
	clear:both;
	padding: 0;
	margin: 0;		
	color:#005588;
	font-size:11px;
	border-collapse: collapse;		
}
.grid-view .paginas a
{
	margin: 0px 5px;
}
.grid-view .paginas a.active
{
	color: #000;
}

.grid-view table th
{	
	color: black;	
	height: 25px;	
	font-weight: bold;
	font-size:12px;
	background: #0059A2;
	color: White;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	text-align:left;
}

.grid-view table tr.normal, .grid-view table tr.alternate
{		
	height: 20px;
	vertical-align: top;
	text-align: left;
	color:#005588;
	font-size:11px;
	background: White;
	border-bottom: 1px solid #666666;
	
}
.grid-view table tr.alternate
{
	background: #e5ebe4;
}

.grid-view table tr.normal:hover, .grid-view table tr.alternate:hover
{	
	color: Black;	
	font-weight: normal;
	font-size:11px;
	color: #0099cc;
	background: #dddddd;
	cursor:hand;
}
.grid-view table a 
{
	color:#0099cc;
	font-size:11px;
	text-decoration:none;
}

.kolom45
{
	width:45px;
}
.kolom50
{
	width:50px;
}
.kolom60
{
	width:60px;
}
.kolom70
{
	width:70px;
}
.kolom85
{
	width:85px;		
}
.kolom85
{
	width:90px;		
}
.kolom100
{
	width:100px;
}
.kolom150
{
	width:150px;
}
.kolom165
{
	width:165px;
}
.kolom170
{
	width:170px;
}
.kolom175
{
	width:175px;
}
.kolom200
{
	width:200px;
}
.kolom220
{
	width:220px;
}
.kolom250
{
	width:250px;
}
.kolom450
{
	width:450px;
}
.kolom50button 
{
	width:50px;
	text-align:center;
}
.kolom70button 
{
	width:70px;
	text-align:center;
}

.grid-view_no_hover
{
	clear:both;
	padding: 0;
	margin: 0;		
	color:#005588;
	font-size:11px;
}

.grid-view_no_hover tr.header,
.KolomHeader, .KolomHeader50, .KolomHeader70, .KolomHeader85, .KolomHeader90, .KolomHeader100, .KolomHeader150, .KolomHeader170, .KolomHeader200, .KolomHeader220, .KolomHeader250, .KolomHeader450
{
	color: black;	
	height: 25px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-size:11px;
	background: #a9ba14;
	color: White;
}


.grid-view_no_hover tr.normal, .grid-view_no_hover tr.alternate
{		
	height: 20px;
	vertical-align: middle;
	text-align: left;
	color:#005588;
	font-size:11px;
	background: White;
	border-bottom: 1px solid #666666;
}
.grid-view_no_hover tr.alternate
{
	background: #e5ebe4;
}


.KolomHeader50
{
	width:50px;
}
.KolomHeader70
{	
	width:70px;		
}
.KolomHeader85
{
	width:85px;
}
.KolomHeader90
{	
	width:90px;		
}
.KolomHeader100
{	
	width:100px;	
}
.KolomHeader150
{
	width:150px;
}
.KolomHeader170
{
	width:170px;
}
.KolomHeader200
{	
	width:200px;	
}
.KolomHeader220
{	
	width:220px;	
}
.KolomHeader250
{
	width:250px;
}
.KolomHeader450
{
	width:450px;
}

/*
Stijl voor div waarin de letter-controls komen
*/
.grid-view .letters
{
    
}

/*
Stijl voor ALLE links in de letters-div; a,b,c....REST
Deze kan ook worden uitgebreid met pseudo-classes:
a:link, a:visited, a:active en a:hover
*/
.grid-view .letters a
{
    margin:2px 3px;
    color:#d7007c;
    text-decoration:none;
    display:block;
    float:left;
    padding:1px 3px;
    border:1px solid #999;
    font-weight:bold;
    font-size:larger;
}

/*
Stijl voor de huidige letter-link
Deze kan ook worden uitgebreid met pseudo-classes:
a:link, a:visited, a:active en a:hover
*/
.grid-view .letters a.actief
{
    color: #000;
}

.grid-view .letters a.disabled
{
    color: #ccc;
}


/*
Stijl voor div waarin de paginacontrols komen
*/
.grid-view .paginas
{
    
}

/*
Stijl voor ALLE links in de pagina-div; 1,2,3 etc. maar ook vorige en volgende
Deze kan ook worden uitgebreid met pseudo-classes:
a:link, a:visited, a:active en a:hover
*/
.grid-view .paginas a
{
   display: block;
   float: left;
   text-align: center;
   border: 1px solid #ccc;
   margin: 0px 2px;
   width: 25px;
}

/*
Stijl voor de huidige pagina-link
Deze kan ook worden uitgebreid met pseudo-classes:
a:link, a:visited, a:active en a:hover
*/
.grid-view .paginas a.actief
{
    color: #000;
}

/*
Stijl voor de huidige links voor de volgende en vorige pagina
Deze kan ook worden uitgebreid met pseudo-classes:
a:link, a:visited, a:active en a:hover
*/
.grid-view .paginas a.volgende_vorige
{
    width: 75px;
}

/*
Stijl voor de huidige links voor de volgende en vorige pagina
Deze kan ook worden uitgebreid met pseudo-classes:
a:link, a:visited, a:active en a:hover
*/
.grid-view .paginas span
{
   display: block;
   float: left;
   text-align: center;
   margin: 0px 2px;
   width: 25px;
}

.text-center
{
	text-align:center;
}