<STYLE TYPE="text/css">

BODY	{
	background: #F894F3 url(http://www.tonika.nl/vimages/bg-mag2.jpg) bottom left fixed repeat-x;
	margin: 0px;
	padding: 0px;
	border: 0;
	text-align: center;
	font-family:  arial, helvetica, sans-serif;	
	font-size: 12px;
	}
#bodytag	{
	background: #F894F3 url(http://www.tonika.nl/vimages/bg-mag2.jpg) bottom left fixed repeat-x;
	margin: 0px;
	padding: 0px;
	border: 0;
	text-align: center;
	font-family:  arial, helvetica, sans-serif;	
	font-size: 12px;
	}
	
#container {
		background-color: transparant;
		padding: 0px 0px 0px 0px;
		width: 760px;
}

FORM {
	display: inline;	
}


table {
		color:black;
		background: transparent;
		font-family: Arial;
		font-size:12px;
		border-collapse:collapse;
		padding: 0px 0px 0px 0px;
		text-align:left;
		vertical-align: top;
		empty-cells: show;
		border-collapse: collapse;
}				
 

table.content {
		color:black;
		background: transparent;
		font-family: Arial;
		font-size:12px;
		border-collapse:collapse;
		padding: 0px 0px 0px 0px;
		text-align:left;
		vertical-align: top;
		empty-cells: show;
}	 
 
table.afdeling {
		color:black;
		background: transparant;
		font-family: Arial;
		font-size:12px;
		border-collapse:collapse;
		padding: 0px 0px 0px 0px;
		text-align:left;
		vertical-align: top;
		empty-cells: show;
}	 
 
table.formulier {
		color:black;
		background: White;
		font-family: Arial;
		font-size:12px;
		border-collapse:collapse;
		padding: 50px 50px 50px 50px;
		text-align:left;
		vertical-align: top;
		empty-cells: show;
}	 



b.magenta {color:#A5045B;
		 font-weight:bold;
		 font-size:14px;
		 line-height: 10pt;
		 }


/** td niet declareren! **/
 


td.content {color:black;
		 background: white;
		 font-weight:normal;
		 font-size:12px;
		 font-family: arial;	 
		 text-decoration:none;
		 padding: 15px 20px 0px 20px;
		 vertical-align: top;
		 }

td.contentindex{color:black;
		 background: white;
		 font-weight:normal;
		 font-size:12px;
		 font-family: arial;	 
		 text-decoration:none;
		 padding: 0px 0px 0px 0px;
		 vertical-align: top;
		 width: 568px;
		 }
td.contentwebshop{color:black;
		 background: white;
		 font-weight:normal;
		 font-size:12px;
		 font-family: arial;	 
		 text-decoration:none;
		 padding: 0px 0px 0px 0px;
		 vertical-align: top;
		 }


td.wit {color:black;
		 background: white;
		 font-weight:normal;
		 font-size:12px;
		 font-family: arial;	 
		 text-decoration:none;
		 padding: 0px 0px 0px 0px;
		 vertical-align: top;
		 }
		 		 
td.column {
		width: 145px;
		color:black;
		background: #F6CE3F url(http://www.tonika.nl/vimages/bg-column.jpg);
		font-family: Arial;
		font-weight:normal;
		font-size:12px;
		padding: 5px 10px 0px 10px;
		text-align:left;
		empty-cells: show;
		border-collapse: collapse;
		vertical-align: top;
}

td.column2 {
		width: 165px;
		color:black;
		background: #F6CE3F url(http://www.tonika.nl/vimages/bg-column.jpg);
		font-family: Arial;
		font-weight:normal;
		font-size:12px;
		padding: 25px 0px 0px 0px;
		text-align:left;
		empty-cells: show;
		border-collapse: collapse;
		vertical-align: top;
}
td.column2 p {
		padding: 0px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
}

td.column2 #shortlist {
 font-family: Arial;
 font-size: 12px;
 border: 1px solid #F9F9F9;
 padding: 0;
 margin: 0;
 background-color: #F5F5F5;
 color: #000000;
}
	td.column2 #shortlist ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	}
	td.column2 #shortlist ul li {
	 margin: 0;
	 padding: 1px 0px 1px 0px;
	}
	td.column2 #shortlist ul li a {
	 display: block;
	 padding: 1px 1px 1px 2px;
	 background-color: #FFF;
	 color: #666;
	 text-decoration: none;
	 width: 100%;
	}
	html>body td.column2 #shortlist ul li a {
	 width: auto;
	}
	td.column2 #shortlist ul li a:hover {
	 background-color: #f5f5f5;
	 font-size: 12px;
	 color: #000000;
	}
	
	td.column2 #shortlist ul li a img {
		border: 1px solid #f5f5f5;
	}
	td.column2 #shortlist ul li a:hover img {
		border: 1px solid #d9d9d9;
	}

td #tweet ul {
	  margin:5px;
	  padding:0px;
}
td #tweet ul li {
	  list-style-type:none;
	  margin:3px 5px 3px 5px;
	  padding:0px;
}
td #tweet ul li .time a {
	  font-size:10px;
}


td.columnzz {
		width: 165px;
		color:black;
		background: #fef28c;
		font-family: Arial;
		font-weight:normal;
		font-size:12px;
		padding: 0px 0px 0px 0px;
		text-align:left;
		empty-cells: show;
		border-collapse: collapse;
		vertical-align: top;
}

td.columnz {
		width: 165px;
		color:black;
		background: #fef28c;
		font-family: Arial;
		font-weight:normal;
		font-size:12px;
		padding: 0px 4px 0px 4px;
		text-align:left;
		empty-cells: show;
		border-collapse: collapse;
		vertical-align: top;
}
td.groep {
		color:black;
		background: transparant;
		font-family: Arial;
		font-size:12px;
		border-collapse:collapse;
		padding: 2px 5px 2px 5px;
		text-align:center;
		vertical-align: top;
		empty-cells: show;
		color: #000000;
		text-decoration: none;
}

td.groep ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

td.groep ul li {
 margin: 0;
 padding: 2px 2px 2px 2px;
}
td.groep ul li.small {
 margin: 0;
 padding: 0px 0px 0px 0px;
}

td.groep ul li a {
 display: block;
 border: 1px solid #FFFFFF;
 padding: 2px 2px 2px 2px;
 background-color: #FFFFFF;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 width: 100%;
 height: 100%;
}


html>body td.groep ul li a {
 width: auto;
 height: auto;
}

td.groep ul li a:hover {
 background-color: #EEEEEE;
  border: 1px solid #555555;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 color: #A5045B;
}


td.contentstart {
	color:black;
	background: transparant;
	font-family: Arial;
	width:140px;
	font-size:12px;
	border-collapse:collapse;
	padding: 0px 10px 20px 10px;
	text-align:left;
	vertical-align: top;
	empty-cells: show;
}	

td.tubelinks {
		background: black url(http://www.tonika.nl/vimages/tube-l2.gif);	
	   	width:8px; 
		empty-cells: show; 
		}
td.tuberechts {
		background: black url(http://www.tonika.nl/vimages/tube-r2.gif);	
	   	width:8px; 
		empty-cells: show; 
		}
td.tubehoriz {
		background: black url(http://www.tonika.nl/vimages/tube-h.gif);	
	   	height:8px;
		empty-cells: show; 
		}
		
td.menu {
		background: black;	
		padding: 0px 0px 0px 0px;
		color:red;
		}	
		
td.space50 {
		background: transparant;	
	   	width:50px;
		}			

td.aft-tube {
		background: black;	
		height:5px;
		width: 8px;
		padding: 0px 0px 0px 0px;
		}			
td.aft-midden {
		background: black;	
		width: 744px;
		height:5px;
		padding: 0px 0px 3px 0px;
		text-align:center;
		vertical-align:top;
		}

			
img.kop		{
		border: none;
		}

b.datum	{
	color: white;
	font-family:  arial, helvetica, sans-serif;	
	font-size: 14px;
	}
b.rood	{
	color: red;
	}		
						
A        {color:#A5045B;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:none;}		 
A:hover  {color:#A5045B;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:underline;}
A.under        {color:#A5045B;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:underline;}		 
A.under:hover  {color:red;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:underline;}		 
A.zwart  {color:black;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:underline;}		 
A.zwart:hover  {color:black;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:underline;}		 
A.rood {color:red;
		 font-size:12px;
		 font-weight:bold;
		 font-family: arial;	 
		 text-decoration:underline;}		 
A.rood:hover  {color:red;
		 font-size:12px;
		 font-weight:bold;
		 font-family: arial;	 
		 text-decoration:underline;}			 
A.column {color:white;
		 font-size:12px;
		 font-weight:bold;
		 font-family: arial;	 
		 text-decoration:none;}		 
A.column:hover  {color:white;
		 font-size:12px;
		 font-weight:bold;
		 font-family: arial;	 
		 text-decoration:underline;}
A.ooo {color: #C0C0C0;
		 font-weight:bold;
		 font-family: arial;	 
		 text-decoration:none;}		 
A.ooo:hover  {color: #C0C0C0;
		 font-weight:bold;
		 font-family: arial;	 
		 text-decoration:underline;}		 
A.groep  {color:black;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:none;}		 
A.groep:hover  {color:black;
		 font-size:12px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:underline;}		
A.nav  {color:#fd6cca;
		 font-size:11px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:none;}		 
A.nav:hover  {color:#ffff99;
		 font-size:11px;
		 font-weight:normal;
		 font-family: arial;	 
		 text-decoration:none;}			  
h1       {color:#A5045B;
		 font-weight:bold;
		 font-size:17px;
		 font-family: arial;	 
		 text-decoration:none;}		
h2       {color:#A5045B;
		 font-weight:bold;
		 font-size:15px;
		 font-family: arial;	 
		 text-decoration:none;}		
h3       {color:#000;
		 font-weight:bold;
		 font-size:15px;
		 font-family: arial;	 
		 text-decoration:none;}	
big      {color:#A5045B;
		 font-weight:bold;
		 font-size:30px;
		 font-family: arial;	 
		 text-decoration:none;}		
big.ietskl     {color:#A5045B;
		 font-weight:bold;
		 font-size:26px;
		 font-family: arial;	 
		 text-decoration:none;}				 	  
i        {color:black;
		 font-weight:normal;
		 font-size:15px;
		 font-family: times new roman;	 
		 text-style: italic;}	
UL.magenta {list-style-image:url(http://www.tonika.nl/vimages/paarsedot.gif);}
	 		
		
/* Style for top-menu */
.topMenu {
  background-color: #000000;
  border-width: 1;
  border-style: solid;
  border-color: #CE94A7;
}

.submenu {
  background-color: #F1FFDA;
  border-width: 1;
  border-style: solid;
  border-color: black;
}

/* Style for top items: normal state */
.topItemNormal {
  background-image: url(http://www.tonika.nl/vimages/zw.gif) repeat;
  background-color: black;
  cursor: pointer;
}



/* Style for top items: mouseover state */
.topItemOver {
  background-image: url(http://www.tonika.nl/vimages/zw.gif);
  background-color: black;
  cursor: pointer;
}



/* Style for topitems text: normal state */
.topItemTextNormal {
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
  color: #FFE189;
}

/* Style for items text: mouseover state */
.topItemTextOver {
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
  color: #FF60CD;
}


.itemNormal {
  font-family: arial;
  font-size: 12px;
  color: #000000;
  cursor: pointer;
  background-color: #F6DBEE;
}

.itemOver {
  font-family: arial;
  font-size: 12px;
  color: Yellow;
  cursor: pointer;
  background-color: #B6008C;
}


/* Style for items: normal state */
.itemNormal100 {
  cursor: pointer;
  background-color: #F6DBEE;
  padding: 2px 2px 2px 2px;
  width: 100px;
}

/* Style for items: mouseover state */
.itemOver100 {
  cursor: pointer;
  background-color: #B6008C;
  padding: 2px 2px 2px 2px;
  width: 100px;
}


/* Style for items: normal state */
.itemNormal120 {
  cursor: pointer;
  background-color: #F6DBEE;
  padding: 2px 2px 2px 2px;
  width: 120px;
}

/* Style for items: mouseover state */
.itemOver120 {
  cursor: pointer;
  background-color: #B6008C;
  padding: 2px 2px 2px 2px;
  width: 120px;
}


/* Style for items: normal state */
.itemNormal140 {
  cursor: pointer;
  background-color: #F6DBEE;
  padding: 2px 2px 2px 2px;
  width: 148px;
}

/* Style for items: mouseover state */
.itemOver140 {
  cursor: pointer;
  background-color: #B6008C;
  padding: 2px 2px 2px 2px;
  width: 148px;
}




/* Style for items: normal state */
.itemNormal145 {
  cursor: pointer;
  background-color: #F6DBEE;
  padding: 2px 2px 2px 2px;
  width: 145px;
}

/* Style for items: mouseover state */
.itemOver145 {
  cursor: pointer;
  background-color: #B6008C;
  padding: 2px 2px 2px 2px;
  width: 145px;
}



/* Style for items: normal state */
.itemNormal150 {
  cursor: pointer;
  background-color: #F6DBEE;
  padding: 2px 2px 2px 2px;
  width: 150px;
}

/* Style for items: mouseover state */
.itemOver150 {
  cursor: pointer;
  background-color: #B6008C;
  padding: 2px 2px 2px 2px;
  width: 150px;
}

/* Style for items: normal state */
.itemNormal130 {
  cursor: pointer;
  background-color: #F6DBEE;
  padding: 2px 2px 2px 2px;
  width: 130px;
}

/* Style for items: mouseover state */
.itemOver130 {
  cursor: pointer;
  background-color: #B6008C;
  padding: 2px 2px 2px 2px;
  width: 130px;
}


/* Style for items text: normal state */
.itemTextNormal {
  font-family: arial;
  font-size: 12px;
  color: #000000;
}

/* Style for items text: mouseover state */
.itemTextOver {
  font-family: arial;
  font-size: 12px;
  color: Yellow;
}

/*The following styles are custom made by JohanW*/

.abhp {
  font-size: 100%;
  vertical-align : top;
  height: 170px;
}

	.abhp ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 vertical-align: top;
	}
	
	.abhp ul li {
	 margin: 0px 7px 0px 7px;
	 padding: 0px 2px 2px 2px;
	 display: inline;
	 text-align: center;
	 vertical-align: top;
	}
	
	.abhp ul li a {
		margin: 0px 7px 0px 7px;
	 float:left;
	 display: inline;
	 border: 1px solid #FFFFFF;
	 padding: 0px 2px 2px 2px;
	 background-color: #FFFFFF;
	 color: #000000;
	 font-weight: bold;
	 text-decoration: none;
	 vertical-align: top;
	}
	
	.abhp ul li a:hover {
	 background-color: #FFFFFF;
	  border: 1px solid #FFFFFF;
	 text-decoration: none;
	 font-weight: bold;
	 color: #A5045B;
	}

.tabelzwart
{
	border: 1px solid #000000;
	border-left-width: 2px;
	vertical-align: top;
	padding: 10px 5px 8px 8px;
}

.tabelzwarttussen
{
	background-color: #F6DBEE;
	
}
.relatedtext {
font-weight:100;
color: #000;
font-size: 11px;

}

.boldtitle
{
	font-weight: bold;
	line-height: 5px;
	color: #000000;
}

.tabelfoto
{
	border: 1px solid #000000;
	border-left-width: 2px;
	padding: 0px;
}

#navigatie {
 font-family: Arial;
 font-size: 11px;
 border: 1px solid #F9F9F9;
 padding: 0;
 margin: 0;
 background-color: #F5F5F5;
 color: #000000;
}

	#navigatie ul {
	 list-style: none;
	 margin: 0;
	 padding: 0;
	}
	
	#navigatie ul li {
	 margin: 0;
	 padding: 1px 1px 1px 2px;
	}
	
	#navigatie ul li a {
	 display: block;
	 padding: 1px 1px 1px 2px;
	 background-color: #FCFCFC;
	 color: #A5045B;
	 text-decoration: none;
	 width: 100%;
	}
	
	html>body #navigatie ul li a {
	 width: auto;
	}
	
	#navigatie ul li a:hover {
	 background-color: #B6008C;
	 font-size: 11px;
	 color: #FFFF00;
	}

.snelmenulink
{
   font-size: 11px;
   line-height: 15px;
}


/*
.foto
{
border-width:2px;
border-color:#FFFFFF;
margin-left:5px;
margin-right:5px;
margin-bottom: 5px;
margin-top: 5px;
}
.fotohover
{
border-width:2px;
border-color:#A5045B;
margin-left:5px;
margin-right:5px;
margin-bottom: 10px;
margin-top: 0px;
}

.productfotocollage1
{
border-width:2px;
border-color:#A5045B;
margin-right:0px;
}
.productfotocollagehover1
{
border-width:2px;
border-color:#000000;
margin-right:5px;
}

.productfotocollage2
{
border-width:2px;
border-color:#A5045B;
margin-right:25px;
}
.productfotocollagehover2
{
border-width:2px;
border-color:#000000;
margin-right:30px;
}

.productfotocollage3
{
border-width:2px;
border-color:#A5045B;
margin-right:50px;
}
.productfotocollagehover3
{
border-width:2px;
border-color:#000000;
margin-right:55px;
}
*/

.productlijsttitel { 
font:12px arial, helvetica, sans-serif;	
color: #000000;
}
	.productlijsttitel a {
		font:12px arial, helvetica, sans-serif;
		text-decoration: none;
		}
	.productlijsttitel a:link { 
		color: #000000; 
		font:12px arial, helvetica, sans-serif;
		text-decoration: none;
		}
	.productlijsttitel a:visited { 
		color: #000000; 
		text-decoration: none;
		}
	.productlijsttitel a:hover { 
		color: #A5045B;
		font:12px arial, helvetica, sans-serif;
		text-decoration: underline;
		}
	.productlijsttitel a:active { 
		color: #F6DBEE;
		text-decoration: underline;
		}

.formlabel{
	cursor: pointer;
}
	.formlabel:link { 
		color: #000000;
		font:12px arial, helvetica, sans-serif;
		text-decoration: none;
		}
	.formlabel:visited { 
		color: #000000; 
		text-decoration: none;
		}
	.formlabel:hover {
		color: #A5045B;
		background-color: #F5F5F5;
		font:12px arial, helvetica, sans-serif;
		text-decoration: none;
		}
	.formlabel:active {
		color: #F6DBEE;
		text-decoration: underline;
		}

.article-menu {
  line-height: 10px;
  font-size: 90%;
  vertical-align : top;
}

.blacktitle { 
font: bold 14px arial, helvetica, sans-serif;	
color: #000000;
}
	.blacktitle a {
		font: bold 14px arial, helvetica, sans-serif;	
		color: #A5045B;
		text-decoration: none;
		}
	.blacktitle a:link { 
		color: #A5045B; 
		font: bold 14px arial, helvetica, sans-serif;
		text-decoration: none;
		}
	.blacktitle a:visited { 
		color: #A5045B; 
		text-decoration: none;
		}
	.blacktitle a:hover { 
		color: #000000;
		font: bold 14px arial, helvetica, sans-serif;
		text-decoration: underline;
		}
	.blacktitle a:active { 
		color: #F6DBEEE;
		text-decoration: underline;
		}

.bttn {
	border: 0px;
	background-color: transparent;
	cursor: pointer;
}

.bttnadd {
	cursor: pointer;
}

.VA a img {
	border: 0px;
}
	
.VA a:link img {
	border: 1px solid #FFF;
}		
.VA a:visited img {
	border: 1px solid #FFF;
}		
.VA a:hover img {
	border: 1px solid #a5045b;
}		
.VA a:active img {
	border: 1px solid #000;
}		

.column ul {
margin: 0px;
padding: 0px;
list-style: none;

}
		
.column ul li {
	
margin: 0px 0px 10px 0px;
padding: 0px;
}

.column .time A {
	font-size: 11px;
	color: #1A1A1A;
}
		
/*The following styles are for the CMS*/

.cmsbox { 
width: 300;
background-color: FCFCFC;
border: 1px solid #000000;
border-top-width:3px;
border-bottom-width:3px;
}

.box { 
background-color: FCFCFC;
border: 1px solid #A5045B;
border-top-width:3px;
border-bottom-width:3px;
padding: 8px; 
}

.fullbox { 
background-color: FCFCFC;
border: 1px solid #A5045B;
border-top-width:3px;
border-bottom-width:3px;
padding: 0px; 
}

.cmsform {
	background-color: #F1F1F1;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A5045B;
}
input[type="submit"] {
cursor: pointer;
}

.submit {
cursor: pointer;
}

acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
	 
</STYLE>