/* Hier volgt de CSS voor de Vrienden van Pinokio */

/* ** BODY ** */
body {
	background-color: #FFFFD0;
	background-image: url("images/index_side.jpg");
	font-family: Arial;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	font-size:13px ;
	}

/* ** (HOOFD)MENU ** */	
ul.menu {
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 40px 0px;
	font-size:15px ;
	}

ul.menu  li a, ul.menu  a:visited { 
	margin: 0px 0px 5px 3px; 
	display: block; 
	background: url(images/but_off.gif);  
	width: 96px; 
	height: 21px; 
	font-weight: bold; 
	color: #006600; 
	font-family: Arial; 
	text-align: center; 
	text-decoration: none;
	}

ul.menu  li a:hover {
	color: #ffffff; 
	background: url(images/but_on.gif);
	}

/* ** COPYRIGHT ** */
.copyright { 
	font-size:9px ;
	font-family: Arial;
	color:#008000 ;
	text-align: center;
	}

/* ** TABEL ** */
.tabel_kol1 {
	background-image : url(images/index_shadow_l.jpg);
	background-repeat : repeat;
	background-position : top center;
	}

.tabel_kol3 {
	background-image : url(images/index_shadow_m2.jpg);
	background-repeat : repeat;
	background-position : top center;
	}

.tabel_kol4 {  /* HOOFDSCHERM */
	background-image : url(images/back_pino_03.gif);
	background-repeat : repeat;
	background-position : top center;
	}

.tabel_kol5 {
	background-image : url(images/index_shadow_r.jpg);
	background-repeat : repeat;
	background-position : top center;
	}

.tabel_kol_lx {
	background-image : url(images/index_shadow_lx.jpg);
	background-repeat : repeat;
	background-position : top center;
	}


.tabel_kol_x {
	background-image : url(images/index_shadow_x.jpg);
	background-repeat : repeat;
	background-position : top center;
	}

.tabel_kol_rx {
	background-image : url(images/index_shadow_rx.jpg);
	background-repeat : repeat;
	background-position : top center;
	}

/* ** NIEUW ITEM ** */
.nieuw	{
		color: #3131CE;
		font-size:11px;
		text-align: center;
		font-style: italic;
	}

/* ** TEKST ** */
.t_blauw	{
		color: #3131CE;
		font-size:13px;
		text-align: left;
		font-weight: bold;
		}

.t_zwart	{
		color: #000000;
		font-size:13px;
		text-align: justify;
		}

.t_zwart_l	{
		color: #000000;
		font-size:13px;
		text-align: left;
		}

.t_zwart_b	{
		color: #000000;
		font-size:13px;
		text-align: left;
		font-weight: bold;
		}

.h_zwart	{
		color: #000000;
		font-size:24px;
		text-align: center;
		}

.h_zwart_i	{
		color: #000000;
		font-size:13px;
		font-style: italic;
		text-align: center;
		}

/* ** LOGO **/
ul.logo {
	list-style-type: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
	}

ul.logo  li a, ul.logo  a:visited { 
	margin: 0px 0px 0px 0px; 
	display: block; 
	background: url(images/logo_pino_02.gif);  
	width: 60px; 
	height: 67px; 
	}

ul.logo  li a:hover {
	color: #ffffff; 
	background: url(images/logo_pino_02a.gif);
	}
	
/* ** NAVIGATIE EN LINKS ** */	
a:link.navlink1 , p:link.navlink1	{ 
		color:#006600 ;
		font-weight: bold;
		font-size:13px ;
		text-align: left;
		}

a:visited.navlink1 , p:visited.navlink1	{ 
		color:#006600 ;
		font-weight: bold;
		font-size:13px ;
		text-align: left;
		}

a:hover.navlink1 , p:hover.navlink1	{ 
		color:#BDD3AD ;
		font-weight: bold;
		font-size:13px ;
		text-align: left;
		}

a:link.navlink2 	{ 
		color:#006600 ;
		font-weight: bold;
		font-size:13px ;
		text-align: center;
		}

a:visited.navlink2 	{ 
		color:#006600 ;
		font-weight: bold;
		font-size:13px ;
		text-align: center;
		}

a:hover.navlink2 	{ 
		color:#BDD3AD ;
		font-weight: bold;
		font-size:13px ;
		text-align: center;
		}

a.nav_pijl_l { 
	background: url(images/images/but_pijlleft.gif);  
	}
	
a.nav_pijl_l  a:hover { 
	background: url(images/images/but_pijlleft_a.gif);  
	}

a.nav_pijl_m { 
	background: url(images/images/but_pijlup.gif);  
	}

a.nav_pijl_m  a:hover { 
	background: url(images/images/but_pijlup_a.gif);  
	}

a.nav_pijl_r { 
	background: url(images/images/but_pijlright.gif);  
	}

a.nav_pijl_r a:hover  { 
	background: url(images/images/but_pijlright_a.gif);  
	}


/* *******************************************/	
/* *******************************************/	
/* Hier volgt oude CSS welke wordt omgebouwd */	
body.button		{
		background-color: #BDD3AD;
		font-size:9px ;
		text-align: center;
		color:#008000 ;
		font-weight: normal;		
		font-family: Arial;
		}	
		
#head2	{
		color: #000000;
		font-size:24px;
		text-align: center;
		}

#head2i	{
		color: #000000;
		font-size:13px;
		font-style: italic;
		text-align: center;
		}



input 	{
		background-color:#BDD3AD;
		font-size: 12px
		} 
 
textarea {
		background-color: #BDD3AD;
		font-size: 12px
		} 

#address1 	{
		font-size: 10px;
		text-align: center;
		} 
 
 
#button		{
		font-size: 9px ;
		text-align: center;
		}
		
 
#form1t 	{
		background-color:transparent;
		font-size: 12px
		} 
 
#head1	{
		color: #3131CE;
		font-size:24px;
		text-align: center;
		}

#head1i	{
		color: #3131CE;
		font-size:13px;
		font-style: italic;
		text-align: center;
		}
	

#image1	{
		color: #000000;
		font-size:11px;
		text-align: center;
		}

#imagetext1	{
		color: #000000;
		font-size:11px;
		text-align: center;
		}
		
#googletext	{
		color: #000000;
		font-size:11px;
		text-align: center;
		}
		
#link1	{
		text-align: left;
		}

#logo1	{
		color: #000000;
		font-size:12px;
		text-align: right;
		}

#navigate1	{
		color: #000000;
		font-size:12px;
		text-align: center;
		}	

#text1	{
		color: #000000;
		font-size:13px;
		text-align: justify;
		}

#text1b	{
		color: #000000;
		font-size:13px;
		text-align: justify;
		font-weight: bold;
		}

#text1i	{
		color: #000000;
		font-size:13px;
		text-align: justify;
		font-style: italic;
		}

#text2b	{
		color: #3131CE;
		font-size:13px;
		text-align: left;
		font-weight: bold;
		}

#tabel1	{
		color: #000000;
		font-size:11px;
		text-align: justify;
		}

#tabel1b {
		color: #000000;
		font-size:12px;
		text-align: center;
		font-weight: bold;
		}

#tabel1c {
		color: #000000;
		font-size:12px;
		text-align: center;
		}

#tabel1e {
		color: #000000;
		font-size:11px;
		text-align: right;
		}


#tabel2	{
		color: #000000;
		font-size:13px;
		text-align: left;
		}

#tabel2b {
		color: #000000;
		font-size:13px;
		text-align: left;
		font-weight: bold;
		}

#tabel2i {
		color: #000000;
		font-size:13px;
		text-align: left;
		}

#notitie {
		color: #999999;
		font-size:10px;
		text-align: left;
		}



#searchtime	{
		color: #3131CE;
		font-size:11px;
		text-align: center;
		font-style: italic;
		}

#searchresult	{
		color: #000000;
		font-size:12px;
		text-align: left;
		}

#menuon {
		WIDTH: 174px; 
		HEIGHT: 39px;  
		FONT-SIZE: 20pt; 
		font-family: tahoma,verdana,arial;  
		color: #FFFFFF; 
		padding-left: 10px; 
		background-image: url('images/button_on.gif')
		}

 #menuoff {
		WIDTH: 174px; 
		HEIGHT: 39px;  
		FONT-SIZE: 20pt; 
		font-family: tahoma,verdana,arial;  
		color: #FFFFFF; 
		padding-left: 10px; 
		background-image: url('images/button_off.gif')
		}