/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Colour your life
	Version:		1.0
	Last change:	11/06/08
	Assigned to:	Bob Bremmer (wis)
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
	

*/

/*------------------------------------------------------------------
	[Typography]

	
	
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper / wrapper
	3. Menu / .mainmenu
	4. Content
	5. Footer
	6. Templates
	7. Sitemap
	
-------------------------------------------------------------------*/

	/*------------------------------------------------------------------
		[1. Body]
	*/
	
		* {
			padding: 0;
			margin: 0;
		}
		
		html {
			overflow-x: hidden;
		}
		
			body {
				background: #CCC;
				font-size: 62.5%;
				font-family: Verdana, Myriad Pro,Arial,sans-serif;
			}
			
			
			
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
		#wrapper {
			width: 871px;
			margin: 0 auto;
			top: 25px;
			position: relative;
			
			display: block;
			padding: 20px 0 26px 0;
			
		
		
		
		
		
		
			min-height: 696px;
			height: auto !important;
			height: 696px;
			background: #e5ecbb url('/Media/view/130642') no-repeat top left;
		}
		
			.left_top {
				position: absolute;
				left: 0;
				top: 0;
				width: 18px;
				height: 20px;
				background: url('/images/left_top.png') no-repeat left top;
			}
			
			.left_bottom {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 18px;
				height: 26px;
				background: url('/images/left_bottom.png') no-repeat left bottom;
			}
			
			.right_top {
				position: absolute;
				right: 0;
				top: 0;
				width: 24px;
				height: 20px;
				background: url('/images/right_top.png') no-repeat right top;
			}
			
			.right_bottom {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 24px;
				height: 26px;
				background: url('/images/right_bottom.png') no-repeat right bottom;
			}
			
			.bottom {
				position: absolute;
				left: 18px;
				bottom: 0;
				width: 830px;
				height: 26px;
				
					background: url('/images/bottom.png') repeat-x bottom;
				
			}
		
			
			.outer {
				width: 872px;
				
					background: url('/images/left.png') repeat-y left;
				
				display: block;
			}
			
				.inner {
					width: 858px;
					
						background: url('/images/right.png') repeat-y right;
					
					padding: 0 9px 0 4px;
				}
	/*------------------------------------------------------------------
		[3. Menu]
	*/
	
		.mainmenu {
			list-style: none;
			position: relative;
			padding-top: 121px;
			overflow: hidden;
		}
			
			.mainmenu li {
				float: left;
				min-width: 143px;
				height: 60px;
				text-align: center;
			}
			
			
				.mainmenu li.menu1 {
					background-color: #F08800;
					filter: alpha(opacity=90);
					moz-opacity: .90;
					opacity: .90;
				}
				
				.mainmenu li.menu1.active {
					filter: alpha(opacity=95);
					moz-opacity: .95;
					opacity: .95;
				}
			
				.mainmenu li.menu2 {
					background-color: #060;
					filter: alpha(opacity=90);
					moz-opacity: .90;
					opacity: .90;
				}
				
				.mainmenu li.menu2.active {
					filter: alpha(opacity=95);
					moz-opacity: .95;
					opacity: .95;
				}
			
				.mainmenu li.menu3 {
					background-color: #CC071E;
					filter: alpha(opacity=90);
					moz-opacity: .90;
					opacity: .90;
				}
				
				.mainmenu li.menu3.active {
					filter: alpha(opacity=95);
					moz-opacity: .95;
					opacity: .95;
				}
			
				.mainmenu li.menu4 {
					background-color: #003882;
					filter: alpha(opacity=90);
					moz-opacity: .90;
					opacity: .90;
				}
				
				.mainmenu li.menu4.active {
					filter: alpha(opacity=95);
					moz-opacity: .95;
					opacity: .95;
				}
			
				.mainmenu li.menu5 {
					background-color: #40AFDF;
					filter: alpha(opacity=90);
					moz-opacity: .90;
					opacity: .90;
				}
				
				.mainmenu li.menu5.active {
					filter: alpha(opacity=95);
					moz-opacity: .95;
					opacity: .95;
				}
			
				.mainmenu li.menu6 {
					background-color: #6E9E16;
					filter: alpha(opacity=90);
					moz-opacity: .90;
					opacity: .90;
				}
				
				.mainmenu li.menu6.active {
					filter: alpha(opacity=95);
					moz-opacity: .95;
					opacity: .95;
				}
			
			
				.mainmenu li a,
				.mainmenu li a:visited {
					font: bold 1.2em/18px Verdana, Myriad Pro,Arial,sans-serif;
					padding-top: 20px;
					color: #FFF;
					text-decoration: none;
					
						position: relative;
						width: 143px;
						display: block;
					
					height: 40px;
				}
				
				.mainmenu li a:hover,
				.mainmenu li.active a {
					text-decoration: none;
					display: block;
				}
			
			#submenu_container {
				/*
				border-bottom: 1px solid #FFF;
				*/
				list-style: none;
				width: 175px;
				position:relative;
				left:-18px;
			}
			
			
				#submenu_container li {
					
							background: #F08800;
						
					filter: alpha(opacity=80);
					moz-opacity: .80;
					opacity: .80;
					position: relative;
					border: 1px solid #FFF;
					border-width: 1px 1px 0px 1px;
					width: 183px;
					padding: 0 13px;
				}
				
				#submenu_container li.active {
					filter: alpha(opacity=100);
					moz-opacity: 1.00;
					opacity: 1.00;
				}
				
				#submenu_container li:hover {
					filter: alpha(opacity=100);
					moz-opacity: 1.00;
					opacity: 1.00;
				}
				
					#submenu_container li a,
					#submenu_container li a:visited {
						color: #FFF;
						font: bold 1.2em/1.4em Verdana, Myriad Pro,Arial,sans-serif;
						text-decoration: none;
						padding: 5px 0;
						display: block;
						padding-left: 23px;
				
					}
					
						#submenu_container li a:hover {
							text-decoration: none;
						}
						
						#submenu_container li.active a:hover {
							text-decoration: none;
						}
						
						#submenu_container li a span {
							clear: both;
							display: block;
							font-size: 10px;
						}
						
						#submenu_container li ul {
							list-style: none;
							width: 146px;
							margin-bottom: 0;
						}
						
							#submenu_container li ul li {
								background-color:transparent;
								border-width: 0;
								padding: 0;
								filter: alpha(opacity=100);
								moz-opacity: 1.00;
								opacity: 1.00;
								width:153px;
								padding-left: 23px;
								padding-bottom: 3px;
							}
							
							#submenu_container li ul li.subactive {
								text-indent: 14px;
								background: url('/images/menu_arrow.gif') no-repeat 23px 5px;
							}
							
								#submenu_container li ul li a,
								#submenu_container li ul li a:visited {
									color: #FFF;
									font: normal 0.8em/0.9em Verdana, Myriad Pro,Arial,sans-serif;
									text-decoration: none;
									padding: 3px 0;
									display: block;
								}
								
								#submenu_container li.active ul li a:hover,
								#submenu_container li ul li a:hover {
									text-decoration: underline;
								}
								
								#submenu_container li ul li.subactive a,
								#submenu_container li ul li.subactive a:visited {
									font-weight: bold;
									text-decoration: none;
								}
								
								#submenu_container li.last {
									padding-bottom: 7px;
								}
				
	/*------------------------------------------------------------------
		[4. Content]
	*/
	
		#logo {
			position: absolute;
			top: 50px;
			z-index: 10;
		}
		
			#content {
				
				
				
				overflow: hidden;
				overflow: hidden;
				
				font-size: 12px;
				
					min-height: 475px;
					height: auto !important;
					height: 475px;
				
			}
			
			#content .breadcrums {
				width: 550px;
				height: 30px;
				position: absolute;
				top: 200px;
				left: 290px;
				margin-top: 10px;
			}
			
				#content .breadcrums a {
					font-size: 13px;
				}
		
			#content .text_content {
				width: 500px;
				padding: 40px 0 10px 0;
				overflow: hidden;
			}
			
				#content .text_content ol,
				#content .text_content ul {
					padding-left: 30px;
				}
		
			#content h1 {
				font-weight: bold;
				font-family: Verdana, Myriad Pro,Arial,sans-serif;
				font-size: 16px;
				line-height: 30px;
				padding: 8px 0;
				color: #000;
			}
			
				
			#content h2 {
				font-weight: bold;
				font-family: Verdana, Myriad Pro,Arial,sans-serif;
				font-size: 15px;
				line-height: 26px;
				padding: 8px 0 0 0;
				color: #000;
			}
			
			#content h3 {
				font-family: Verdana, Myriad Pro,Arial,sans-serif;
				font-size: 12px;
			}
			
			#content p,
			#content a {
				font-weight: normal;
				font-family: Verdana, Myriad Pro,Arial,sans-serif;
				font-size: 12px;
				line-height: 16px;
				padding: 0 0 12px 0;
				color: #000;
			}
			
			#content a {
				padding-bottom: 0;
			}
			
			#content ul, 
			#content ol			 
			{
				font-weight: normal;
				padding-left: 18px;
				font-family: Verdana, Myriad Pro,Arial,sans-serif;
				font-size: 12px;						
				color: #000;
				margin-bottom: 10px;
			}
			
			
			#content li 
			{
				font-weight: normal;
				padding-left: 5px;
				font-family: Verdana, Myriad Pro,Arial,sans-serif;
				
						line-height: 16px;
						font-size: 12px;
					
				color: #000;
			}	
			
			#content a,
			#content a:visited {
				text-decoration: underline;
			}
			
			#content a:hover{
				text-decoration: underline;
			}
			
			#content .item_tuinverzorging {
				display: block;
				margin-bottom: 20px;
				position: relative;
			}
			
				#content .item_tuinverzorging h2 {
					font-size: 14px;
					position: absolute;
					left: 220px;
				}
				
				#content .item_tuinverzorging a.video_link,
				#content .item_tuinverzorging a.video_link:visited,
				#content .item_tuinverzorging a.pdf_link,
				#content .item_tuinverzorging a.pdf_link:visited {
					height: 53px;
					padding-left: 52px;
					background: url('/images/video_icon.png') no-repeat left;
					display: block;
					line-height: 53px;
					width: 10px;
					white-space: nowrap;
					position: absolute;
					left: 220px;
					top: 30px;
				}
				
				#content .item_tuinverzorging a.pdf_link,
				#content .item_tuinverzorging a.pdf_link:visited {
					height: 50px;
					background: url('/images/pdf_icon.png') no-repeat left;
					line-height: 50px;
					top: 90px;
				}
			
		
		#pvdm-container {
			margin-left: 28px;
			margin-top: 55px;
		}
		
			.pvdm-top {
				background: url(/images/pvdm-top.png) no-repeat top left;
				width: 214px;
				height: 35px;
				text-align: center;
			}	
			
				#content .pvdm-top .left a {
					color: #fff;
					font-size: 18px;
					font-weight: bold;
					padding-top: 5px;
					display: block;
					display: inline-block;
					font-style: italic;
					text-decoration: none;
				}
				
				#content .pvdm-top .right a {
					color: #fff;
					font-size: 15px;
					font-weight: bold;
					text-decoration: none;
				}

			.pvdm-middle {
				background: #fff;
				width: 214px;
				height: auto !important;
				height: 210px;
				background: url(/images/pvdm-middle.png) repeat top left;
				text-align: center;
			}
			
				#content .pvdm-middle .top a {
					color: #e7511e;
					font-size: 16px;
					font-weight: bold;
					height: 23px;
					display: block;
					padding-top: 2px;
					text-decoration: none;
				}
				
				.pvdm-middle .middle img{
					margin: 0 auto;
					text-align: center;
				}
				
				.pvdm-middle .bottom2 {
					width: 170px;
					text-align: left;
					display: block;
					padding: 5px 0px;
					margin: 0 auto;
					font-size: 12px;
				}
				
			.pvdm-bottom {
				width: 214px;
				height: 44px;
				background: url(/images/pvdm-bottom.png) no-repeat top left;
				padding: 5px 0 0 16px;
			}
			
				.pvdm-bottom input {
					border: 0;
					background: url(/images/searchinput.gif) no-repeat top left;
					width: 129px;
					height: 23px;
					padding: 3px;
				}
				
					#content .pvdm-bottom a.searchlink {
						color: #fff;
						font-size: 13px;
						padding-left: 2px;
						font-weight: bold;
						text-decoration: none;
						padding-top: 3px;
						display: block;
					}
			
	/*------------------------------------------------------------------
		[5. Footer]
	*/
	
		#footer {
			display: block;
			clear: both;
			height: 40px;
			margin-left: 335px;
			white-space: nowrap;
			text-align: center;
		}
		
			#footer ul {
				display: inline;
				white-space: nowrap;
				list-style: none;
			}
			
				#footer ul li {
					float: left;
					white-space: nowrap;
					height: 34px;
				}
				
					#footer ul li a,
					#footer ul li a:visited {
						font: normal 12px/15px Verdana, Myriad Pro,Arial,sans-serif;
						color: #000;
						text-decoration: none;
						padding: 0 9px;
						border-left: 1px solid #000;
						display: block;
						margin-top: 18px;
					}
					
					#footer ul li a.last,
					#footer ul li a.last:visited {
						border-right: 1px solid #000;
					}
					
					#footer ul li a.italic {
						font-style: italic;
					}
					
					#footer ul li .txt_resize_small,
					#footer ul li .txt_resize_medium,
					#footer ul li .txt_resize_big {
						font: normal 1.2em/1.4em Verdana, Myriad Pro,Arial,sans-serif;
						color: #000;
						text-decoration: none;
						padding: 0 2px;
						cursor: pointer;
					}
					
					#footer ul li .txt_resize_small {
						font-size: 10px;
						padding-left: 9px;
					}
					
					#footer ul li .txt_resize_medium {
						font-size: 18px;
					}
					
					#footer ul li .txt_resize_big {
						font-size: 30px;
						line-height: 34px;
					}
					
	/*------------------------------------------------------------------
		[6. Templates]
	*/
	
		.tmpl_1,
		.tmpl_2 {
			float: left; 
			clear: both;
		}
	
			.tmpl_1 td,
			.tmpl_2 td {
				vertical-align: top;
			}
			
			.tmpl_2 td {
				padding-left: 20px;
			}
		
			.tmpl_1 .col_1 {
				width: 286px;
			}
			
			.tmpl_1 .col_1_1 h4 {
				font: normal 4.0em/50px Verdana, Myriad Pro,Arial,sans-serif;
				margin: 0;
				padding: 0 13px;
				filter: alpha(opacity=20);
				moz-opacity: 0.20;
				opacity: 0.20;
				display: block;
				height: 50px;
			}
			
		.tmpl_2 .header {
			margin: 90px 0 0 246px;
		}
		
		.tmpl_2 .introtext {
			width: 470px;
			padding: 10px;
			margin: 0 0 144px 298px;
			background: url('/images/50_wit.png');
		}
		
		.tmpl_2 .maintext {
			padding: 10px;
			margin: 0 10px 44px 10px;
			background: url('/images/50_wit.png');
			display: block;
		}
		
			.tmpl_2 .row_2 .col_1 {
				padding-left: 8px;
			}
			
	/*------------------------------------------------------------------
		[7. Sitemap]
	*/		
			
		#sitemap {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#sitemap li {
				background: none;
				padding: 0;
				margin: 0;
			}
			
				#sitemap li.sitemap_0 {
					font-size: 16px;
					padding: 5px 0;
				}
				
				#sitemap li.sitemap_1 {
					font-size: 14px;
					padding: 5px 20px;
				}
				
				#sitemap li.sitemap_2 {
					font-size: 12px;
					padding: 3px 40px;
				}
				
				#sitemap li.sitemap_3 {
					font-size: 11px;
					padding: 1px 60px;
				}
				
				#sitemap li.sitemap_4 {
					font-size: 10px;
					padding: 0 80px;
				}
				
				#sitemap li.sitemap_5 {
					font-size: 9px;
					padding: 0 100px;
				}
				
	.loginFormName {
		font-size:12px;
		font-weight:bold;
		height:22px;
		padding-right:12px;
		text-align:left;
	}	

	.profiel {
		position:absolute;
		z-index:3000;
		top:119px;
		width:322px;
		right:10px;
		height:22px;
		behavior: url(/Page/nctrue/pngfix/index.html);
		background-image:url(/images/profielBG.png);
		background-repeat:no-repeat;
		color: #457b45;
	}
	.profielLink:active, .profielLink:link, .profielLink:visited {
		text-decoration:none;
		font-weight:bold;
		color: #457b45;
	}
	.profielLink:hover {
		text-decoration:underline;
		font-weight:bold;
		color: #457b45;
	}