/***************************************************************************/
/***************************************************************************/
/* De grootte van een A4 blad zou zijn in cm : width: 21cm en height: 29,7 */
/***************************************************************************/
/***************************************************************************/


body
 {
 	background: gray;

	font-size: 0.4cm;

	font-family: garamond, verdana, arial, serif;

	width: 95%;
	text-align: center;
	
 }


#pagina
{

 	width: 22cm; /* 0.5 spacing langs elke kant A4 */
 	height: 25.7cm; /* 0.5 spacing langs top en bottom A4 */

	/* 5 CM AFGEDAAN VOOR UITKOMEN VAN BEELD => 30.7 naar 25.7 */ 

/*****************************************************/
/*****************************************************/
/*     Padding verminderd zodat alles hoger komt     */
/*****************************************************/
/*****************************************************/
	padding-top: 1.4cm;/*2cm;*/

	margin-left: 0.15cm;



}


/*************************/
/*    EMPHASIZED TEXT    */
/*************************/

em
{
	font-weight: bold;
}
em.foto
{
	font-weight: bold;
	text-decoration:underline;
}

/****************/
/*    IMAGES    */
/****************/

img
{
	border: none;
}


/***************/
/*    FORMS    */
/***************/

.vetform
{
	font-weight: bold
}



/******************************************************/
/**** Background images width 1000px height 1200px ****/ 
/******************************************************/

.index
{
 	background:url("../images/back_p00_2.jpg") no-repeat;
	width: 22cm;
}



.tl_pagina
{
	width: 22cm;
}

.tl_realisaties
{
	width:22cm;
}





.tl_home
{
 	background:url("../images/back_p01_2.jpg") no-repeat;
	width: 22cm;
}

.tl_visie
{
 	background:url("../images/back_p02_2.jpg") no-repeat;
	width:22cm;
}

.tl_planning
{
 	background:url("../images/back_p03_2.jpg") no-repeat;
	width:22cm;
}


.tl_hoegaanwetewerk
{
 	background:url("../images/back_p09_2.jpg") no-repeat;
	width:22cm;
}

.tl_hoegaanwetewerk_p10
{
 	background:url("../images/back_p10_2.jpg") no-repeat;
	width:22cm;
}

.tl_hoegaanwetewerk_p11
{
 	background:url("../images/back_p11_2.jpg") no-repeat;
	width:22cm;
}

.tl_hoegaanwetewerk_p12
{
 	background:url("../images/back_p12_2.jpg") no-repeat;
	width:22cm;
}


.tl_hoegaanwetewerk_p13
{
 	background:url("../images/back_p13_2.jpg") no-repeat;
	width:22cm;
}

.tl_opentuin
{
 	background:url("../images/back_p14_2.jpg") no-repeat;
	width:22cm;
}

.tl_cursussen
{
 	background:url("../images/back_p15_2.jpg") no-repeat;
	width:22cm;
}

.tl_contact
{
 	background:url("../images/back_p16_2.jpg") no-repeat;
	width:22cm;
}



/*****************/
/**** logodef ****/ 
/*****************/

#logo
{
	position: absolute;
	width: 20.5cm;
	top: 0.45cm;/*0.8cm;*/
	/*left: 7.2cm; /*13.2cm; 7.2*/*/
	
	text-align: right;


}

head:first-child+body #logo
{
	/*left: 5.9cm;*/
	left: 3.5cm;
}


#a4content
 {


	text-align:left;
 	width : 21cm; /* maten A4 */




 	height : 22.2cm; /* maten A4(29.7) =>  -3 cm van logo en menu boven en 3 van footer */

	/* OM TE PROBEREN ER NOG 1.5 CM AFGEDAAN +> DUS VAN 23.7 NAAR 22.2 */ 

 	background: transparent;
 	margin-left : 0.5cm; /* 0.5 spacing respecteren*/
	margin-right : 0.5cm; /* 0.5 spacing respecteren*/
	padding-top: 0.5cm;
/*
	
	border-style: solid;
	border-color: red;

*/
	

 } 


/******************************************************/
/**** Voorziene plaats voor menu niet menudef zelf ****/ 
/******************************************************/


#a4menu
{

	font-family: Arial;

	width: 20.6cm;
 	height : 0,4cm;
 	margin-left: 0cm;
	
	text-align: left;
	background: transparent;

 
 
} 
head:first-child+body #a4menu
{
	margin-bottom: 0.5cm;
	margin-left: 0.7cm;
}


#a4left
{
	
	width: 195px;
	padding-left: 0.1cm;
	float:left;

	position: relative;

}




.tl_pagina_right
{

      height: 100%;
      float: left;
      width: 12px;
}

.tl_realisaties_right
{

      height: 100%;
      float: left;
      width: 12px;
}





.tl_home_right
{
	background: transparent url(../images/streep_p01.jpg) repeat-y;/* 25%; */


      height: 100%;
      float: left;
      width: 12px;


}

.tl_visie_right
{
	background: transparent url(../images/streep_p02.jpg) repeat-y; /*25% ; 31 */

      height: 100%;
      float: left;
      width: 12px;
}

.tl_planning_right
{
	background: transparent url(../images/streep_p03.jpg) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;
}




.tl_hoegaanwetewerk_right
{
	background: transparent url(../images/streep_p09.jpg) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;
}

.tl_hoegaanwetewerk_p10_right
{
	background: transparent url(../images/streep_p10.jpg) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;
}

.tl_hoegaanwetewerk_p11_right
{
	background: transparent url(../images/streep_p11.jpg) repeat-y 25% ; /* 31 */

      /*height: 100%;*/
      /*float: left;*/
      /*width: 12px;*/
}

.tl_hoegaanwetewerk_p12_right
{
	background: transparent url(../images/streep_p12.jpg) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;
}

.tl_hoegaanwetewerk_p13_right
{
	background: transparent url(../images/streep_p13.jpg) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;
}

.tl_opentuin_right
{
	background: transparent url(../images/streep_p14.jpg) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;
}

/***************************************************************************************************************/
/***************************************************************************************************************/
/*                                 is een GIF !!!!! moet een JPG worden !!!!!!!                                */
/***************************************************************************************************************/
/***************************************************************************************************************/

.tl_cursussen_right
{
	background: transparent url(../images/streep_p15.gif) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;
}

.tl_contact_right
{
	background: transparent url(../images/streep_p16.jpg) repeat-y 25% ; /* 31 */

      height: 100%;
      float: left;
      width: 12px;

}



#a4right
{

	margin-left: 3px;
	margin-top: 3px;


}




/**************************************************************************************************************/
/**************************************************************************************************************/
/**** tl_summary : voor de template waar er 6 items op een pagina gezet kunnen worden, met elk hun H2 en p ****/
/**************************************************************************************************************/
/**************************************************************************************************************/

.tl_summary h2
{

	/*font-family: Garamond;*/

 	color:red;
	text-align: left;
	font-size: 180%;
	
	background: transparent; 	/*url(../images/spinweb_klein.gif) 27% 100% no-repeat ;*/
	
	padding-left: 5.6cm; 		/*6.3cm;*/		
	padding-top: 0cm;
	padding-bottom: 0cm;

	margin-top: 0cm;
	margin-bottom: 0.2cm;

}


.tl_summary h2 a
{
	text-decoration: none;
	color: black;

	line-height: 0.5cm;

}

.tl_summary h2 a:hover
{
	text-decoration: overline;
	color: green;

}

.tl_summary p
{

	font-family: Arial;

	margin-top: 0cm;
	margin-bottom: 0.1cm;
	
	padding-top: 0cm;
	padding-bottom: 0cm;
	padding-left: 5.6cm;
	padding-right: 0.5cm;

	text-align: justify;

}


/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
/**** tl_item : voor de template waar er op 1 item ingegaan wordt, met dus 1 H2, verschillende p tags en eventueel verschillende H3 ****/
/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

.tl_item h2
{

	/*font-family: Garamond;*/


	background: transparent;
	color: black;


	text-align: left;
	font-size: 180%;
	
	padding-left: 5.6cm;		/*6.3cm;*/
	padding-top: 1.3cm;
	padding-bottom: 2cm;

	margin-top: 0cm;
	margin-bottom: 0.2cm;

}

.tl_item h3
{
	text-decoration: underline;

	background: transparent;
	color: black;


	text-align: left;
	font-size: 120%;
	
	padding-left: 5.6cm;

	padding-top: 0.2cm;
	padding-bottom: 0.1cm;

	margin-top: 0cm;
	margin-bottom: 0.15cm;
}

.tl_item p
{


	font-family: Arial;

	margin-top: 0cm;
	margin-bottom: 0.1cm;
	
	padding-top: 0cm;
	padding-bottom: 0cm;
	padding-left: 5.6cm;
	padding-right: 0.5cm;

	text-align: justify;

}

.tl_item ul
{

padding-left: 6cm;

}




/******************************************************************************************/
/******************************************************************************************/
/****    IMAGES moeten ook in centimeters !! maar grootte van foto's klopt nog niet    ****/
/******************************************************************************************/
/******************************************************************************************/


#a4foto1
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

}
head:first-child+body #a4foto1
{
	padding-top: 0.15cm;
	padding-bottom: 0.15cm
} 

#a4foto2
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

}
head:first-child+body #a4foto2
{
	padding-top: 0.15cm; /* 0.95cm;*/
	padding-bottom: 0.15cm /* 0.95cm;*/
}

#a4foto3
{
 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

	/*border:solid;
	border-color: red;*/


}
head:first-child+body #a4foto3
{
	padding-top: 0.15cm;
	padding-bottom: 0.15cm
}

#a4foto4
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

}
head:first-child+body #a4foto4
{
	padding-top: 0.15cm; /* 0.95cm;*/
	padding-bottom: 0.15cm /* 0.95cm;*/
}

#a4foto5
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

}
head:first-child+body #a4foto5
{
	padding-top: 0.15cm;
	padding-bottom: 0.15cm
}


#a4foto6
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

} 
head:first-child+body #a4foto6
{
	padding-top: 0.15cm; /* 0.95cm;*/
	padding-bottom: 0.15cm /* 0.95cm;*/
}


#navig
{

 	width: 182px;/*4cm*/

 	background: transparent;
	padding-top: 0.35cm;

	text-align: center;

} 


head:first-child+body #navig
{
	padding-top: 0.35cm; /* 0.95cm;*/

}

#navig a
{
	text-decoration: none;
}





#a4voet
{

	font-family: Arial;
	
	text-align: justify;



	width: 20.6cm;
 	height: auto; /*1,4cm;*/
 	background: transparent; /*#c4c4c4;*/

 	margin-top: 0.8cm;
 	margin-left: -0.2cm;

	/*margin-bottom: 0.2cm;*/
 


} 

head:first-child+body #a4voet
{
	margin-left: 0.7cm;
	width: 20.3cm;/*20*/

 	margin-top: 0.2cm;

}




/***************************************************/
/****			MENU			****/
/***************************************************/



#a4menu ul
{
	
	padding: 0;
	margin: 0;
	list-style: none;
	background: #c4c4c4;
	width: 20.5cm;

}



#nav
{
	list-style: none;
	background: #c4c4c4;
}

#nav ul 
{ 
	padding: 0;
	margin:0;
	list-style: none;
	width:2.7cm;
	z-index:99;

}


#nav li 
{ 
	margin:0;   
	position: relative; 
	float:left;
	/*width: 2.7cm; Indien zoek erbij moest zijn*/
	width: 3.2cm;
	background-color:#c4c4c4;


	padding: 0.05cm;

	display:block;
	height:auto;

	text-align: center;
}


head:first-child+body #nav li
{
	padding-left: 0.1cm;
	padding-right: 0.1cm;
}


#nav li ul 
{
	display: none;
	position: absolute; 
	top: 0.65cm;
	left: 0cm;
	padding-top:0.1cm;
	padding-bottom:0.2cm;

	
}
 
#nav a 
{
	color: green;

	display:block;
	padding: 0.1em;  

	background-color:#c4c4c4;
	width:2.7cm; 
	height:auto;
}

#nav a:hover
{
	background-color:#cccccc; 
	color:white;
}

#nav ul
{
	display:none;   
}

/*all see this */
#nav ul ul, #nav ul ul ul
{
	display:none; 
	position:absolute; 
	margin-top:-0.8cm; 
	margin-left:2.8cm;
}

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul
{
	margin-top:-1.4em; 
}

#nav li:hover ul ul, #nav li:hover ul ul ul
{
	display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul
{
	display:block;
}

li>ul 
{ 
	top: auto;
	left: auto;
}



/***********************************************************************/
/***********************************************************************/
/**** Index pagina, slechts 1 pagina dus integreren in zelfde style ****/
/***********************************************************************/
/***********************************************************************/



#indexcontent
{

	font-family: Copperplate, Garamond, serif;

	text-align:left;
 	width : 20cm; /* maten A4 */

 	height : 22.2cm; /* maten A4(29.7) =>  -3 cm van logo en menu boven en 3 van footer */


 	background: transparent;
} 


#blokje
{
	position: absolute;
	top: 5.5cm;
	left: 45%;

}

head:first-child+body #blokje
{
	left: 9.9cm;
}


#centerlogo
{
	
	text-align: center;
}



#selector
{

	margin-top: -0.2cm;

}



#sel_left
{


	background: transparent; 

	width:9.5cm; 

	float:left;

	text-align: center;


/*
	border:solid;
	border-color: green;
*/
}

head:first-child+body #sel_left
{
	width: 10cm;
}

#sel_left a
{
	color: #0b832f;
}


#sel_right
{
	background: transparent;
	width: 9cm;

	text-align: center;

/*
	border:solid;
	border-color: green;
*/

}
head:first-child+body #sel_right
{
	width:9.9cm;
	margin-left: 10.4cm;
}

#sel_right a
{
	color: #5f5ca9;
}


.index hoofdtitels
{
	text-decoration: underline;
	font-size: 110%;
	font-weight: bold;
	margin-top: 1.5cm;
	padding-bottom: 1.5cm;
}

#indexvoet
{


	font-family: Arial;
	
	text-align: justify;



	width: 19.8cm;
 	height: auto; /*1,4cm;*/
 	background: transparent; /*#c4c4c4;*/

 	margin-top: 0.8cm;
 	margin-left: -0.2cm;
	margin-right: 1cm;


	/*margin-bottom: 0.2cm;*/
 


} 

head:first-child+body #indexvoet
{
	margin-left: 0.7cm;
	width: 19.8cm;/*20*/

 	margin-top: 0.2cm;

}

/*********************************************************************/
/*                   einde INDEX pagina definities                   */
/*********************************************************************/



#pageoptions
{

	margin-top : 4px;
	margin-left: 220px;	
	color: #0b832f;
}

#pageoptions a
{

	color: green;

}




/******************************************************************************************/
/*                                                                                        */
/*                                                                                        */
/*                      foto definities voor de realisatie pagina's                       */
/*                                                                                        */
/*                                                                                        */
/******************************************************************************************/


#real_a4foto1
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.15cm;
	padding-bottom: 0.15cm;

	padding-left: 0.15cm;
	padding-right: 0.15cm;

}
head:first-child+body #real_a4foto1
{
	padding-top: 0.15cm;
	padding-bottom: 0.15cm
} 

#real_a4foto2
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.15cm;
	padding-bottom: 0.15cm;

	padding-left: 0.1cm;
	padding-right: 0.1cm;

	border:solid;
	border-color: green;


}
head:first-child+body #real_a4foto2
{
	padding-top: 0.15cm; /* 0.95cm;*/
	padding-bottom: 0.15cm /* 0.95cm;*/
}

#real_a4foto3
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.15cm;
	padding-bottom: 0.15cm;

	padding-left: 0.15cm;
	padding-right: 0.15cm;


	



}
head:first-child+body #real_a4foto3
{
	padding-top: 0.15cm;
	padding-bottom: 0.15cm
}

#real_a4foto4
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

}
head:first-child+body #real_a4foto4
{
	padding-top: 0.15cm; /* 0.95cm;*/
	padding-bottom: 0.15cm /* 0.95cm;*/
}

#real_a4foto5
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

}
head:first-child+body #real_a4foto5
{
	padding-top: 0.15cm;
	padding-bottom: 0.15cm
}


#real_a4foto6
{

 	width: 182px;/*4cm*/
 	height: 117px; /*2.2cm;*/
 	background: transparent;
	padding-top: 0.10cm;
	padding-bottom: 0.10cm;

} 
head:first-child+body #real_a4foto6
{
	padding-top: 0.15cm; /* 0.95cm;*/
	padding-bottom: 0.15cm /* 0.95cm;*/
}


#real_navig
{

 	background: transparent;
	padding-top: 0.5cm;
	padding-left: 5cm;

	text-align: center;

	color: green;
	font-size:0.5cm;
	font-weight: bold;

} 
head:first-child+body #real_navig
{
	padding-top: 0.5cm; /* 0.95cm;*/
	padding-left: 5cm;

}

#real_navig a
{
	color: green;
	font-size: 0.5cm;
	font-weight: bold;

}


#centerpic
{
	padding-left: 8cm;
	padding-top: 0.5cm;
	
	margin-right: 2.5cm;
}

head:first-child+body #centerpic
{
	padding-top: 0.35cm; /* 0.95cm;*/

}

#centerpic p
{
	font-size: 0.45cm;

	padding-left: 0cm;

	padding-top: 0.5cm;
	padding-bottom: 0.5cm;


}

#navexp
{
	font-size: 0.45cm;

	padding-left: 0cm;

	padding-top: 1.1cm;
	padding-bottom: 0.5cm;

	margin-left: 0.4cm;
}



/********************************************************************************************************************************/
/********************************************************************************************************************************/
/*                                                                                                                              */
/*                                                                                                                              */
/*                          2e menu, onderaan zelfde menu andere definitie voor uitklappen ed                                   */
/*                                                                                                                              */
/*                                                                                                                              */
/********************************************************************************************************************************/
/********************************************************************************************************************************/

#bot_a4menu
{
	margin-bottom:0.3cm;
	margin-top:0;
	margin-left:0;
	margin-right:0;

	padding: 0;
}

#bot_a4menu ul
{
	
	margin: 0;
	padding: 0;
	list-style: none;
	background: #c4c4c4;
	width: 20.5cm;

}



#bot_nav
{
	list-style: none;
	background: #c4c4c4;
}

#bot_nav ul 
{ 
	padding: 0;
	margin:0;
	list-style: none;
	width:2.7cm;
	z-index:99;

}


#bot_nav li 
{ 
	margin:0;   
	position: relative; 
	float:left;
	/*width: 2.7cm;  Indien zoek erbij is*/
	width: 3.2cm;
	background-color:#c4c4c4;


	padding: 0.05cm;

	display:block;
	height:auto;

	text-align: center;
}


head:first-child+body #bot_nav li
{
	padding-left: 0.1cm;
	padding-right: 0.1cm;
}


#bot_nav li ul 
{
	display: none;
	position: absolute; 
	top: -4.65cm;
	left: 0cm;
	padding-top:0.1cm;
	padding-bottom:0.2cm;
	
}



head:first-child+body #bot_nav li ul
{
	top: -4.4cm;
}
 
#bot_nav a 
{
	color: green;

	display:block;
	padding: 0.1em;  

	background-color:#c4c4c4;
	width:2.7cm; 
	height:auto;
}

#bot_nav a:hover
{
	background-color:#cccccc; 
	color:white;
}

#bot_nav ul
{
	display:none;   
}

/*all see this */
#bot_nav ul ul, #nav ul ul ul
{
	display:none; 
	position:absolute; 
	margin-top:4.7cm;
	margin-left:2.8cm;
}


head:first-child+body #bot_nav ul ul
{
	margin-top: 4.4cm;
	margin-left:2.8cm;
}


/* non-IE browsers see this */
 #bot_nav ul li>ul, #bot_nav ul ul li>ul
{
	margin-top:-1.4em; 
}

#bot_nav li:hover ul ul, #bot_nav li:hover ul ul ul
{
	display:none; 
}

#bot_nav li:hover ul, #bot_nav ul li:hover ul, #bot_nav ul ul li:hover ul
{
	display:block;
}

#printheader
{

	display:none;

}