/*****************************************************************************************************/
/* Author:		Vincis B.V.                                                                          */
/* Description:	Stylesheet for sjabloon 1  (HOME)                                                    */
/*****************************************************************************************************/

/* STYLESHEET FOR PRINTING */
@media print {
	html {
		height:					100%;
	} 
	
	body {
		width:					100%;
		height:					100%;
		
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	
		font-family: 			Arial, Helvetica;
		font-size:				.7em;
		line-height:			140%;
		background-color:		#FFF;
	}

	h1 {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Arial, Helvetica;
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			110%;

	}
	
	h2 
	{
		padding-bottom:		0;
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em;
		
		font-size:			1.3em;
		text-transform: 	uppercase;
		color:				#3b8c34;
		
		border-bottom:		none;
	}
	
	h3 
	{
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em;
		
		font-size:			1em;
		text-transform: 	uppercase;
		color:				#3b8c34;
		
		border-bottom:		none;
	}

	img {
		border: 				none;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	form {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	a {
		color:					#479340;
		font-weight:			bold;
		text-decoration:		none;
	}
	
	a:hover {
		color:					#67B360;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	ul {
		list-style-type: 		square;
	}
	
	.clearLeft {
		float:					left;
		clear:					left;
	}
	
	.smallBold {
		font-family:			tahoma;
		font-size:				.8em;
		font-weight:			bold;
	}
	
	hr {
		background-color:		#E0E0E0;
		color: 					#E0E0E0;
		height:					1px;
		width:					100%;
		border:					none;
	}
	
	.cm_input {	
		height:					15px;
		border:					1pt solid #626465;
		background-color:		#FFFFFF;
		color:					#000000;
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
	}

	.cm_select {
		border:					1pt solid #479340;	
		height:					17px;
		background-color:		#FFFFFF;
		color:					#000000;
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
	}
	
	.cm_textarea {
		border:					1pt solid #479340;
		background-color:		#FFFFFF;
		color:					#000000;
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
	}
	
	.cm_radio {
		width:					15px;
		height:					15px;
		margin-right:			5px;
		font-size:				0.8em;
	}
	
	.cm_button {
		height:					16px;
		margin-right:			5px;
		
		font-size:				0.8em;
		font-weight:			bold;
		color:					#ffffff;
	
		background-color:		#479340;
		border:					1px solid #000000;
	}
	
	#menu_0 {
		display:				none;
	}
	
	#headerLogo {
		position:				relative;
		
		margin-left:			0px;
		margin-top:				10px;
		margin-bottom:			10px;
	
		width:					100%;
		height:					40px;
		border-bottom:			1pt solid #000000;
	}
	/*************************************************************************************************/
	/* CONTAINERS                                                                                    */
	/*************************************************************************************************/
	.containerInvisible,#containerHeader,#containerSearch,#containerLanguage,#containerPath,#headerMenu,#toTop,#mailToAFriend,#printPage   {
		display:				none;
	}
	
	#containerTotal {
		position: 				relative;
		width: 					770px;
		height:					100%;
	}
	
	
	#containerContent {
		width:					770px;
	}
	
	/*************************************************************************************************/
	/* CONTENT                                                                                       */
	/*************************************************************************************************/
	#containerRight {
		position:				relative;
		float:					left;
	
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}

	#containerContent h1 {
		color:					#3B8C34;
		font-weight: 			bold;
		margin-bottom:			3px;
	}
	
	#containerLeft
	{
		display: 				none;
	}
	
}

@media  screen,handheld {
	/*************************************************************************************************/
	/* GENERAL SETTINGS                                                                              */
	/*************************************************************************************************/
	html {
		height:					100%;
	} 
	
	body {
		width:					100%;
		height:					100%;
		
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	
		font-family: 			Arial, Helvetica;
		font-size:				.7em;
		line-height:			100%;
	
		background-position: 	center;
		background-repeat: 		repeat-y;
		background-image: 		url('/sjablonen/1/images/backgrounds/background-main.gif'); 
		background-color:		#FFFFFF;
	}

	h1 {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Arial, Helvetica;
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			110%;
	}

		
	h2 
	{
		padding-bottom:		0;
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em;
		
		font-size:			1.3em;
		text-transform: 	uppercase;
		color:				#3b8c34;
		
		border-bottom:		none;
	}
	
	h3 
	{
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em;
		
		font-size:			1em;
		text-transform: 	uppercase;
		color:				#3b8c34;
		
		border-bottom:		none;
	}
	
	img {
		border: 				none;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	form {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	a {
		color:					#479340;
		font-weight:			bold;
		text-decoration:		none;
	}
	
	a:hover {
		color:					#67B360;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	ul {
		list-style-type: 		square;
	}
	
	.clearLeft {
		float:					left;
		clear:					left;
	}
	
	.smallBold {
		font-family:			tahoma;
		font-size:				.8em;
		font-weight:			bold;
	}
	
	hr {
		background-color:		#E0E0E0;
		color: 					#E0E0E0;
		height:					1px;
		width:					100%;
		border:					none;
	}
	
	.cm_input {	
		height:					15px;
		border:					1pt solid #626465;
		background-color:		#FFFFFF;
		color:					#000000;
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
	}

	.cm_select {
		border:					1pt solid #479340;	
		height:					17px;
		background-color:		#FFFFFF;
		color:					#000000;
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
	}
	
	.cm_textarea {
		border:					1pt solid #479340;
		background-color:		#FFFFFF;
		color:					#000000;
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
	}
	
	.cm_radio {
		width:					15px;
		height:					15px;
		margin-right:			5px;
		font-size:				0.8em;
	}
	
	.cm_button {
		height:					16px;
		margin-right:			5px;
		
		font-size:				0.8em;
		font-weight:			bold;
		color:					#ffffff;
	
		background-color:		#479340;
		border:					1px solid #000000;
	}
	/*************************************************************************************************/
	/* CONTAINERS                                                                                    */
	/*************************************************************************************************/
	.containerInvisible {
		display:				none;
	}
	
	#containerTotal {
		position: 				relative;

		left: 					50%;

		width: 					770px;
		height:					100%;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px -385px;
	}
	
	#containerHeader {
		position: 				relative;
		float:					left;
		
		width: 					518px;
		height:					96px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;

		background-position: 	top right;
		background-repeat: 		no-repeat;
		/*
		vervangen in taalafhankelijke stijlen
		background-image: 		url('/sjablonen/1/images/backgrounds/background-top.gif');
		*/
	}

	#containerLeft {
		position:				relative;
		float:					left;
		
		width:					252px;
		
		min-height:				600px;
		height:					100%;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
				
		background-position: 	0px 125px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/backgrounds/background-3d.jpg');
		z-index:				2;
	}

	#containerRight {
		position:				relative;
		float:					right;
	
		width:					518px;
		min-height:				16px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		z-index:				1;
	}

	#containerSearch {
		position:				relative;
	
		width:					252px;
		height:					63px;
		
		padding:				0px 0px 0px 0px;
		margin:					12px 0px 5px 0px;
		
		background-color:		#71AC3D;
		
		background-position: 	24px 18px;
		background-repeat: 		no-repeat;
		/*
		vervangen in taalafhankelijke stijlen
		background-image: 		url('/sjablonen/1/images/general/zoeken-text.gif');
		*/
	}
	
	#containerMenu {
		position:				relative;
		width:					252px;
		z-index:				99;
	}
	
	#containerLanguage {
		position:				absolute;
		bottom:					0px;
		
		width:					252px;
		height:					74px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		background-color:		#3B8C34;
		border-top:				5px solid #FFFFFF;
		
		background-position: 	21px 12px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/backgrounds/background-bottom.gif');
	}
	
	#containerPath {
		position:				relative;
		float:					left;
		
		height:					26px;
		
		font-size:				0.8em;
		font-weight: 			normal;
		color:					#878787;
		
		padding:				0px 0px 0px 24px;
		margin:					2px 0px 0px 0px;
	}
	
	#containerContent {
		position:				relative;
		float:					left;
		clear:					left;
		
		min-height:				1px;
		line-height:			180%;

		width:					498px;
		
		padding:				0px 10px 10px 10px;
		margin:					0px 0px 0px 0px;
	}
	
	#containerContent #contentWeb table td span
	{
		line-height:			120%;
	}
	
	
	#containerContent #contentWeb table td div
	{
		line-height:		140%;
	}
	

	/*************************************************************************************************/
	/* HEADER                                                                                        */
	/*************************************************************************************************/
	#headerMenu {
		position:				relative;
		left:					24px;
		top:					10px;
	
		width:					199px;
		height:					32px;
		
		font-size:				0.8em;
		font-weight: 			normal;
		color:					#FFFFFF;
	}
	
	#headerMenu a {
		color:					#FFFFFF;
		font-weight: 			normal;
		text-decoration:		none;
	}
	
	#headerMenu a:hover {
		color:					#FFFFFF;
		font-weight: 			normal;
		text-decoration:		underline;
	}
	
	#headerLogo {
		position:				relative;
		
		margin-left:			24px;
		margin-top:				32px;
	
		width:					199px;
		height:					32px;
	}
	
	#containerLogo
	{
		width:					252px;
		height:					96px;
		
		background-color:		#71ac3d;
		background-image:		url('/sjablonen/1/images/backgrounds/background-logo.gif');
		background-repeat:		no-repeat;
	}

	/*************************************************************************************************/
	/* MENU                                                                                          */
	/*************************************************************************************************/
	.ezMenuNiv1 {
		float:					left;		
		font-weight:			bold;
		width:					216px;
		height:					16px;		
		cursor:					pointer;
		margin:					4px 0px 0px 2px;
	}
		
	.ezMenuNiv2 {
		float:					left;		
		font-weight:			bold;
		width:					150px;
		height:					16px; 
		cursor:					pointer;
		margin:					4px 0px 0px 2px;
	}
	
	.ezMenuBulletNiv1 {
		float:					left;
		width:					7px;
		height:					7px;
		margin:					0px 4px 0px 4px;		
	}		
	
	.ezMenuBulletNiv2 {
		float:					left;
		width:					7px;
		height:					7px;				
	}
	
	.ezMenuArrow {
		width:					6px;
		height:					8px;
		margin:					0px 6px 0px 0px;
		
		background-position: 	0px 6px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/menu/pijl.gif');	
	}
	
	.ezMenuNoArrow {
		width:					6px;
		height:					8px;
		margin:					0px 6px 0px 0px;		
	}
	
	/*************************************************************************************************/
	/* CONTENT                                                                                       */
	/*************************************************************************************************/
	#containerContent h1 {
		color:					#3B8C34;
		font-weight: 			bold;
		margin-bottom:			3px;
	}
		
	#containerContent a {
		color:					#3B8C34;
		font-weight: 			bold;
		text-decoration:		none;
		
		border-bottom:			1px dashed #BBBBBB;
	}
	
	
	#containerContent .anchr{
		color:					#000000;
		font-weight: 			normal;
		text-decoration:		none;
		border:					none;
	}
	
	#containerContent a:hover {
		color:					#214C1D;
		font-weight: 			bold;
		text-decoration:		none;
		
		border-bottom:			1px solid #214C1D;
	}
	
	/*************************************************************************************************/
	/* PATH                                                                                          */
	/*************************************************************************************************/
	#containerPath a {
		color:					#878787;
		font-weight: 			normal;
		text-decoration:		none;
	}
	
	#containerPath a:hover {
		color:					#676767;
		font-weight: 			normal;
		text-decoration:		underline;
	}
	
	/*************************************************************************************************/
	/* SEARCH                                                                                        */
	/*************************************************************************************************/
	#searchInput {
		position:				relative;
		float:					left;
		
		padding:				30px 0px 0px 23px;
		margin:					0px 0px 0px 0px;
	}
	
	#searchInput input.text {
		font-size:				0.8em;
		
		border:					1px solid #666666;
		background-color:		#FFFFFF;
	}

	/*************************************************************************************************/
	/* LANGUAGE                                                                                      */
	/*************************************************************************************************/
	#languageButtons {
		margin:					46px 0px 0px 22px;
		padding:				0px 0px 0px 0px;
		height:					16px;
	}
	
	#languageButtons .selected {
		background-color:		#FFFFFF;
		
	}
	
	#languageEnglish {
		position:				relative;
		float:					left;
		
		margin:					0px 10px 0px 0px;
		padding:				0px 0px 0px 0px;
		
		height:					16px;
	}
	
	#languageDutch {
		position:				relative;
		float:					left;

		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
		
		height:					16px;
	}

	/*************************************************************************************************/
	/* PROJECT                                                                                       */
	/*************************************************************************************************/
	#projectFoto {
		position:				relative;
		float:					left;
		
		width:					168px;
		height:					112px;

		padding:				0px 0px 0px 0px;
		margin:					10px 0px 10px 2px;

		background-position: 	0px 0px;
		background-repeat: 		no-repeat;

	}
	
	#projectText {
		position:				relative;
		float:					right;
		
		overflow:				hidden;
	
		width:					278px;
		height:					98px;

		padding:				0px 0px 0px 0px;
		margin:					26px 0px 0px 4px;
	}
	
	/*************************************************************************************************/
	/* NIEUWS                                                                                        */
	/*************************************************************************************************/
	#nieuwsBericht {
		position:				relative;
		float:					left;
		
		width:					144px;
		height:					228px;

		padding:				5px 7px 5px 7px;
		margin:					0px 0px 0px 0px;

		background-color:		#EEF5E8;
		text-align: 			left;
	}
	
	*>#nieuwsBericht {
		min-height:				228px;
		height:					auto;
	}
	
	#nieuwsBericht .readMore {
		position:				relative;
		float:					right;
		clear:					both;
	
		text-align:				center;
		vertical-align:			center;
		height:					13px;
		width:					70px;
		
		line-height:			100%;
		
		background-position: 	66px 0px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/pijl-rechts.gif');
	 
		padding:				2px 12px 0px 0px;
		margin:					10px 0px 0px 0px;
	}
	
	#nieuwsBericht .readMore a {
	 	border:					0px;
	 	color:					#000000;
	 	font-weight:			bold;
	}
	
	#nieuwsBericht .title {
		color:					#3B8C34;
		font-weight:			bold;
		height:					auto;
	}
	
	/*************************************************************************************************/
	/* MISC                                                                                          */
	/*************************************************************************************************/
	#toTop {
		position:				relative;
		float:					right;
		clear:					both;
	
		text-align:				center;
		vertical-align:			center;
		height:					13px;
		width:					72px;
		
		line-height:			100%;
		
		background-position: 	69px 0px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/pijl-boven.gif');
	 
		padding:				1px 12px 0px 0px;
		margin:					30px 0px 0px 0px;
	}

	#toTop a {
	 	border:					0px;
	 	color:					#000000;
	 	font-weight:			bold;
	}
	
	#mailToAFriend {
		position:				relative;
		float:					left;
		clear:					both;
	
		text-align:				left;
		height:					16px;
		width:					120px;
		
		background-position: 	0px 6px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/mail.gif');
	 
		padding:				1px 12px 0px 20px;
		margin:					4px 0px 0px 0px;
	}

	#mailToAFriend a {
	 	border:					0px;
	 	color:					#000000;
	 	font-weight:			bold;
	}
	#printPage {
		position:				relative;
	
		text-align:				left;
		height:					16px;
		width:					120px;
		
		background-position: 	0px 6px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/print.gif');
	 
		padding:				1px 12px 0px 19px;
		margin:					4px 0px 0px 0px;
	}

	#printPage a {
	 	border:					0px;
	 	color:					#000000;
	 	font-weight:			bold;
	}

	
	/*************************************************************************************************/
	/* =Alignment  editor.*/
	/*************************************************************************************************/	
	.textAlignRight
	{
		text-align:			right;
	}
	
	.textAlignCenter
	{
		text-align:			center;
	}
	
	.textAlignJustify
	{
		text-align:			justify;
	}

	.textAlignLeft
	{
		text-align:			left;
	}	

	/* =Underline */
	.textUnderline	
	{
		text-decoration:	underline;
	}
	
}