<!--

/* Hieronder staan de styles standaard gebruikt worden voor websites van Webfix */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}




BODY		{
			font-family: Arial, Verdana, Times New Roman;
			font-weight: normal; 
			font-size:10pt;
			color: #000000;
			overflow-y: scroll;
			overflow: -moz-scrollbars-vertical;		
			text-align: left;

			}



html
{
height: 100%;
}

#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#content
{
padding-bottom: 242px;
}

#footer
{
position: relative;
margin-top: -242px;
} 


			
			
td.mijncel2 a {
display: block;
background-color: #37342d;
padding-top: 2;
height: 22;
} 

td.mijncel2 a:hover {
background-color: #04b6e2;
padding-top: 2;
height: 22;
}		

td.mijncel3 a {
display: block;
background-color: #37342d;
padding-top: 10;
height: 42;
} 

td.mijncel3 a:hover {
background-color: #b9b9b9;
padding-top: 10;
height: 42;
}	

td.mijncel4 a {
display: block;
padding-top: 4px;
height: 26px;
padding-bottom:0px;
vertical-align:text-middle;
margin: 0px;
} 

td.mijncel4 a:hover {
background-color: #0a9eec;
margin: 0px;
padding-top: 4px;
height: 26px;
}


td.mijncel5 a {
display: block;
padding-top:15px;
padding-bottom:0px;
height: 45px;
margin: 0px;
} 

td.mijncel5 a:hover {
background-color: #0a9eec;
padding-top:15px;
height: 45px;
margin: 0px;
}

td.mijncel6 a {
display: block;
background-color: #009ed1;
padding-top: 2;
padding-left: 0;
height: 30;
text-align: center;
} 

td.mijncel6 a:hover {
background-color: #04b6e2;
padding-top: 2;
padding-left: 0;
height: 30;
}

td.mijncelgoed a {
display: block;
background-color: #009ed1;
padding-top: 5;
padding-left: 0;
height: 25;
text-align: center;
} 

td.mijncelgoed a:hover {
background-color: #04b6e2;
padding-top: 5;
padding-bottom: 2;
padding-left: 0;
height: 25;
}


td.mijncel7 a {
display: block;
background-color: #fff;
padding-top: 2;
padding-left: 0;
height: 22;
text-align: center;
} 

td.mijncel7 a:hover {
background-color: #04b6e2;
padding-top: 2;
padding-left: 0;
height: 22;
}

td.zebra1 {
background-color: #eaeaea;
height: 35;
padding: 10px;
}

td.zebra2 {
background-color: #eaeaea;
height: 35;
}


.btnav { background-color: #84C1DF; border: 1px #000000 solid;} 
			
			
A			{
			font-weight: bold;
			font-size: 10pt;
			font-family: Arial, Verdana, Times New Roman;
			color: #009ed1;
			cursor: hand;
			text-decoration:none;
			}
			
A:hover 	{
			font-weight: bold; 
			font-size: 10pt; 
			font-family: Arial, Verdana, Times New Roman;
			color: #057092;  
			cursor: hand;
			}	
			
A:hover.wit	{
			font-weight: normal; 
			font-size: 10pt; 
			font-family: Arial, Verdana, Times New Roman;
			color: #FFFFFF;  
			cursor: hand;
			}	
			
A:hover.blue	{
			font-weight: bold; 
			font-size: 10pt; 
			font-family: Arial, Verdana, Times New Roman;
			color: #0a9eec;  
			cursor: hand;
			}	
			
A:hover.mini	{
			font-weight: normal; 
			font-size: 8pt; 
			font-family: Arial, Verdana, Times New Roman;
			color: #0a9eec;  
			cursor: hand;
			}	
			
A:hover.big1	{
			font-weight: normal; 
			font-size: 12pt; 
			font-family: Arial, Verdana, Times New Roman;
			color: #FFFFFF;  
			cursor: hand;
			}			

A:hover.blue2	{
			font-weight: normal; 
			font-size: 10pt; 
			font-family: Arial, Verdana, Times New Roman;
			color: #13b2c6;  
			cursor: hand;
			}			
			
			
TD 			{
			font-family: Arial, Verdana, Times New Roman;
			font-weight: normal;
			font-size:10pt;
			color: #000000;
			margin: 0px;
			text-align: left;
			}
			
P			{
			font-family: Arial, Verdana, Times New Roman;
			}
			
.size1	 	{
			font-weight: normal; 
			font-size:8pt;
			}
			
.size2 		{
			font-size:10pt;
			}
			
.size3 		{
			font-size:12pt;
			}			
			
.titel1 	{
			font-weight: bold;
			color: #009ed1;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 16pt;
			text-align: left;
			}	
						
			
.titel2 	{
			font-weight: bold;
			color: #4c4c4c;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 12pt;
			}
			
.titel3 	{
			font-weight: normal;
			color: #009ed1;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 14pt;
			}	
			
.titel4 	{
			font-weight: normal;
			color: #333333;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 17pt;
			}	
			
.titel5 	{
			font-weight: bold;
			color: #fff;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 14pt;
			}	

.titel6		{
			font-weight: normal;
			color: #0075b6;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 10pt;
			}	

.titel7		{
			font-weight: normal;
			color: #cecece;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 16pt;
			}	
			
.titel8		{
			font-weight: bold;
			color: #FFFFFF;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 12pt;
			}	
			
.titel9		{
			font-weight: bold;
			color: #333;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 11pt;
			}	
			
.titel10 	{
			font-weight: normal;
			color: #0a9eec;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 14pt;
			}	



.titel11    {font-weight: bold; font-size:16px; font-family:arial, serif; color:#0077b1; margin:0; padding:5px 0;}
.titel12    {font-weight: bold; font-size:12pt; font-family:arial, serif; color:#e51212; margin:0; padding:5px 0;}	
.titel14    {font-weight: bold; font-size:12pt; font-family:arial, serif; color:#009ed1; margin:0; padding:5px 0;}
.titel15    {font-weight: bold; font-size:12pt; font-family:Arial Rounded MT Bold, Arial black, serif; color:#FFFFFF;}
.titel16   {font-weight: bold; font-size:11pt; font-family:arial, serif; color:#3e3e3e; margin:0; padding:5px 0;}
.titel17   {font-weight: bold; font-size:11pt; font-family:arial, serif; color:#7e7d7d; margin:0; padding:5px 0;}



			
			
.link1 a 	{
			font-weight: bold;
			text-decoration:none;
			font-family: Arial, Verdana, Times New Roman;
			color: #000000;
			cursor: hand;
			font-size: 10pt;
			} 
			
.link2 a 	{
			font-weight: normal;
			text-decoration:none;
			font-family: Arial, Verdana, Times New Roman;
			color: #FFFFFF;
			cursor: hand;
			font-size: 10pt;
			}	
			
.link3 a 	{
			font-weight: bold;
			text-decoration:none;
			font-family: Arial, Verdana, Times New Roman;
			color: #FFFFFF;
			cursor: hand;
			font-size: 10pt;
			}	
			

.link4 a 	{
			font-weight: normal;
			text-decoration:none;
			font-family: Arial, Verdana, Times New Roman;
			color: #FFFFFF;
			cursor: hand;
			font-size: 8pt;
			}	
			
.link5 a 	{
			font-weight: normal;
			text-decoration:none;
			font-family: Arial, Verdana, Times New Roman;
			color: #7e7d7d;
			cursor: hand;
			font-size: 12pt;
			}		
			
.link6 a 	{
			font-weight: bold;
			text-decoration:none;
			font-family: Arial Rounded MT Bold, Arial, Verdana, Times New Roman;
			color: #ffffff;
			cursor: hand;
			font-size: 12pt;
			}	
			


/* Hieronder dienen de styles te staan die specifiek voor deze website zijn toegevoegd */


.GENERAL .HEADER { background: #E0E0E0 }
.GENERAL {background: #fff; font-size: 11pt; margin-top: 15pt; margin-bottom: 4pt; border: 1pt solid #d0d0d0 }
.GENERAL2 {background: #e7e7e7; font-size: 11pt; margin-top: 2pt; margin-bottom: 2pt; border: 1pt solid #d0d0d0 }
.STANDARD {margin-left: auto; margin-right: auto }
.RECHTS {margin-left: auto; margin-right: 0 }
.LINKS {margin-left: 0; margin-right: auto }
.GENERAL .FIELD { height: 25pt; font-weight: bold }
.GENERAL .VALUE { height: 25pt; }
.GENERAL .VALUE INPUT, .GENERAL .VALUE TEXTAREA { border: 1pt solid #808080; width: 80% }
.GENERAL .VERSION { margin: 0pt }
.GENERAL .THUMBNAIL { width: 15%; text-align: center }
.GENERAL .THUMBNAIL IMG { border: 1pt solid #808080 }
.GENERAL .BUTTONS { text-align: right; background: #504c44; height: 50pt}
.GENERAL .BUTTONS A { margin: 0pt }
.GENERAL .ERROR { font-family: Arial; height: 25pt; background: #f34a4c; color: #fff; font-size: 10pt; border: 1pt solid #ef0000 }
.GENERAL .MESSAGE {font-family: Arial; padding-left: 15px; height: 25pt; background: #a4fea4; color: #000; font-size: 10pt; border: 1pt solid #62bd55 }
.GENERAL .LINE { border-left-width: 1pt; border-right-width: 1pt; border-top-width: 1pt; border-bottom-style: solid; border-bottom-width: 1pt }

.THUMB { width: 125pt; height: 125pt; margin-bottom: 5pt; margin-top: 10pt; text-align: center }
.THUMB IMG { border: 1pt solid #808080; vertical-align: middle }
.THUMB .VERSION { font-size: 10pt; margin: 0pt; color: #808080 }

TABLE .BUTTON { font-size: 10pt; color: #FFFFFF; background: #808080; width: 125pt; text-transform: lowercase; margin-right: 10pt }
TABLE .BUTTON A { color: #FFFFFF; background: #808080; text-decoration: none; text-transform: lowercase }
TABLE .BUTTON IM { vertical-align: center }
TABLE .BUTTON A:hover { color: red }


table
{ 
text-align: left;
}

td.pad
{ 
padding: 15px;
}

td.pad2
{ 
padding: 4px;
}

.tekstwit 	{
			font-weight: normal;
			color: #FFFFFF;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 10pt;
			}
			
.rood 	{
			color: #c43632;
			font-family: Arial, Verdana, Times New Roman;
			}			
			

.tekstgrijs {
			font-weight: normal;
			color: #686868;
			font-family: Arial, Verdana, Times New Roman;
			font-size: 12pt;
			}
			
#hintbox	{ /*CSS for pop up hint box */
			position:absolute;
			top: 0;
			background-color: #FFFFFF;
			width: 175pt; /*Default width of hint.*/ 
			padding: 3pt;
			border:1pt solid #000000;
			font:normal 11pt Verdana;
			line-height:18pt;
			z-index:100;
			border-right: 3pt solid black;
			border-bottom: 3pt solid #000000;
			visibility: hidden;
			}

.hintanchor	{ /*CSS for link that shows hint onmouseover*/
			font-weight: bold;
			color: navy;
			margin: 3pt 8pt;
			}



.TABLEGENERATOR { width: 100%; height: 100%; background: #F1F1F1 } 
.TABLEGENERATOR TABLE { font-family: arial; font-size: 12pt; width: 100% } 
.TABLEGENERATOR INPUT { font-family: arial; font-size: 11pt }
.TABLEGENERATOR TD { border-bottom: 1pt solid #D0D0D0 }
.TABLEGENERATOR TD { padding: 3pt }
.TABLEGENERATOR .HEADER { background: #E0E0E0 }

.COLORPICKER { width: 100%; height: 100%; background: #F1F1F1; font-family: arial; font-size: 11pt }
.COLORPICKER TABLE { margin: 3pt; font-size: 12pt }

H1 { color: green }				/* kop 1 */
H2 { }							/* kop 2 */
H3 { }							/* kop 3 */
H4 { }						    /* kop 4 */
P { font-size: 10pt }			/* paragraaf */
BR {  }							/* break */
BLOCKQUOTE {  }					/* quote */

.ONE { color: red }
.TWO { color: blue }
.THREE { color: green }

#ONE { font-size: 14pt }
#TWO { font-weight: bold }
#THREE { font-weight: underline }

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 500;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  width: 300px;
  padding: 20px;
  border: 2px solid #00b0e3;
  background-color: #fff;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif; color:#999999;
  text-align: left;
  color: #999999;
}


span.toolsmall {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.toolsmall span.tipsmall {
  display: none;        /* so is this */
}

span.toolsmall:hover span.tipsmall {
  display: block;
  z-index: 500;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  width: 170px;
  padding: 20px;
  border: 2px solid #00b0e3;
  background-color: #fff;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif; color:#999999;
  text-align: left;
  color: #999999;
}


.loep {
    bottom: 0;
    height: 20px;
    position: absolute;
    right: 0;
    width: 20px;
    z-index: 100;
}


/* css/tooltip.css */

-->