.tabelRand { border: 1px solid #666666; }
.navcontainer {margin: 0px;padding: 0px;}
div#fotoFout {margin: 0px;padding: 5px;background-color: #F7EBEC;font-family: Verdana, Helvetica, sans-serif;font-size: 11px;font-style: bold;color:red;} 
div#makjeTekst {margin: 0px;padding: 5px;background-color: #FFCA2E;font-family: Verdana, Helvetica, sans-serif;font-size: 11px;font-style: normal;} 
div#fotoOplaad {margin: 0px;padding: 5px;background-color: #FFF;font-family: Verdana, Helvetica, sans-serif;font-size: 11px;font-style: normal;} 

/* tabellen */
.lijntje { border: 1px solid #CCCCCC; }

/* roze */
.tabel1 { background-color: #F7EBEC;)}
/* grijs */
/* .tabel2 { background-image:url('http://www.huisadvertenties.nl/plaatjes/nav_grijs.gif')} */
.tabel2 { background-color: #CCCCCC;)}
/* groen met rand */
.tabel3 { background-color: #CCCC66; border: 1px solid #666666;}
/* donkergroen */
.tabel4 { background-color: #A0A88E;}
/* lichtblauw */
.tabel5 { background-color: #D8DFE7;}
/* lichtgrijs */
.tabel6 { background-color: #EFEFF1;}
/* paars */
.tabel7 { background-color: #D2D4E0;}
/* licht groen */
.tabel8 { background-color: #D3DABC;}
/* donker paars */
.tabel9 { background-color: #996699;}
/* donker blauw */
.tabel10 { background-color: #6E89B3;} 

.tabelStijl0 {
background: #F0F0F0;
border-top: thin;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #333333;
}
.tabelStijl1 {
background: #FFFFFF;
border-top: thin;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #333333;

}
.tabelStijl3 {
background: #E9F6DA;
border-top: thin;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #333333;
}

/* knoppen */

input.admin
{   background-color: #39c;
    border: solid 1px;
	border-color: SlateGray;
    color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    padding: 0px;
	text-decoration: none;
    width: 13em;
	display: block;
	float:left;
	overflow:hidden;
    cursor: hand;
}

input.admin:hover
{   background-color: #FFFFFF;
    color: Black;}

/* depress effect on click */
input.admin:active, input.admin:focus {
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

input.delete
{   background-color: #FFFFFF;
    border: 0px;
    color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    padding: 0px;
	text-decoration: none;
    width: 13em;
	display: block;
	float:left;
	overflow:hidden;
    cursor: hand;
   	color: #000000;
}

input.delete:hover
{   background-color: #FFFFFF;
    color: Black;}

/* depress effect on click */
input.delete:active, input.delete:focus {
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

/* knop foto volgorde veranderen */

input.volgorde
{   background-color: #FFFFFF;
    border: 0px;
    color: Red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
    padding: 0px;
	text-decoration: none;
    width: 13em;
	display: block;
	float:left;
	overflow:hidden;
    cursor: hand;
   	color: Red;
}

input.volgorde:hover
{   background-color: #FFFFFF;
    color: Black;}

/* depress effect on click */
input.volgorde:active, input.volgorde:focus {
	border: solid 1px;
	border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}


/* fancy roll-over thumbs */

.thumb img {
  padding:4px;
  border:1px solid #ddd;
  }
  
.thumb img:hover {
  padding:4px;
  border:1px solid #666666;
  }
  
  
.fotoGroot img {
  padding:4px;
  border:1px solid #ddd;
  }
  

/* dropdowns */

option {BACKGROUND: #EFEFF1; SCROLLBAR-FACE-COLOR: #EEEEE6;
SCROLLBAR-HIGHLIGHT-COLOR: #999999; SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
font-family:verdana,arial; font-size: 11px; COLOR: #3e5856;
border: solid #3e5856; border-width: 0;}

/* tekstblok */

.tekstblokadmin{
BACKGROUND:#EEF0F3;
border-top:0px solid #999999;
border-left:0px solid #999999;
border-right:0px solid #999999;
border-bottom:0px solid #999999;
font-size:11px;
font-family:verdana,arial;
}

/* tekstvak */

.tekstvak {
	background: #EEF0F3;
	border-top: none;
	border-left:none;
	border-right: none;
	border-bottom: none;
	font: normal 11px Verdana;
	color: #000000;
}
.tekstarea {
	background: #EEF0F3;
	border-top: none;
	border-left:none;
	border-right: none;
	border-bottom: none;
	font: normal 11px Verdana;
	color: #000000;
}

.tekstareaWIT {
	background: #FFFFFF;
	border-top: none;
	border-left:none;
	border-right: none;
	border-bottom: none;
	font: normal 11px Verdana;
	color: #000000;
}

/* tekst */

.tekstfout {font: normal 11px Verdana, sans-serif; color : red; }
.tekstgrijs {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : #666666 }
.tekstwit {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : #fff }
.tekstlichtgrijs {font-size: 8pt; font-family: Verdana, arial; line-height: 145%; color : #ccc }

A.link2:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: bold; color:#CC6600; text-decoration:none;}
A.link2:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: bold; color:#CC6600; text-decoration:none;}
A.link2:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: bold; color:#999999; text-decoration:none;}
A.link2:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: bold; color:#996600; text-decoration:none;}

A.grijs:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#999999; text-decoration:none;}
A.grijs:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#999999; text-decoration:none;}
A.grijs:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000000; text-decoration:none;}
A.grijs:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000000; text-decoration:none;}

A.rood:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: red; text-decoration:none;}
A.rood:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: red; text-decoration:none;}
A.rood:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: red; text-decoration:none;}
A.rood:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#999999; text-decoration:none;}

A.zwart:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#000000; text-decoration:none;}
A.zwart:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#000000; text-decoration:none;}
A.zwart:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#999999; text-decoration:none;}
A.zwart:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: bold; color: red; text-decoration:none;}


A.Kruimelzwart:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000000; text-decoration:none;}
A.Kruimelzwart:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#000000; text-decoration:none;}
A.Kruimelzwart:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color:#FFFFFF; text-decoration:none;}
A.Kruimelzwart:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: bold; color:#FFFFFF; text-decoration:none;}


A.blauw:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#006699; text-decoration:none;}
A.blauw:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#0006699; text-decoration:none;}
A.blauw:active  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color:#006699; text-decoration:none;}
A.blauw:hover   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: bold; color: red; text-decoration:none;}

.tekst {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;line-height: 145%; font-style: normal; color: #000000; text-align:left;}


/* navigatie */
A.menulink:link    {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; color:#000000; text-decoration:none;}
A.menulink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; color:#000000; text-decoration:none;}
A.menulink:active  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; color:#000000; text-decoration:none;}
A.menulink:hover   {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; color:#000000; text-decoration:none;}


/* groen */
td.off {background: #D3DABC;;}
td.on {background: #FFFFFF;}

/* navigatie wit */
td.uit {background: #FFFFFF;;}
td.aan {background: #F8F8F8;}

/* geel */
td.aus {background: #FFE9A6;}
td.ann {background: #EEEEEE;}

/* licht geel Zoekkleur*/
td.oll  {background: #DBDDFF;}
td.all {background: #F8F8F8;}

/* groen */
td.oit {background: #D3DABC;;}
td.oin {background: #F8F8F8;}


/* Navigatie */


#navlist {
  padding: 5px 0;
  margin-left: 0;
  border-bottom: 1px solid #cccccc;
  font: bold 12px Verdana, sans-serif;
  height: 18px;}
#navlist li {
  text-align: center;
  list-style: none;
  margin: 0;
  display: inline;
  float: left;
  width: 140px;
  margin-right: 5px;}
#navlist li a {
  text-align: center;
  float: left;
  width: 140px;
  padding: 5px 0px 5px 0px;
  border: 1px solid #cccccc;
  border-bottom: none;
  // background: #eeeeee;
  background-image:url('http://www.huisadvertenties.nl/plaatjes/2006/Vakje_Achtergrond.jpg');
  text-decoration: none;}
#navlist li a:link { color: #000000; }
#navlist li a:visited { color: #000000; }
#navlist li a:hover {
  color: #000;
  // background: #dddddd;
  background-image:url('http://www.huisadvertenties.nl/plaatjes/2006/Vakje_Achtergrond.jpg');
  border-color: #999999; }

/* help popups */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#E8E8E8}

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:25em;
	padding: 1px 3px 2px 3px;
    border:1px solid #fff;
    background-color:#D9FF64; color:#000;
    text-align: left}