html, body { 
			width: 100%; 
			height: 100%; }
	
		body {
			background: url(http://www.yellowlemontree.nl/pic/back/backylt.jpg) repeat-x #cccccc;
			margin: 0px;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			color: #333333 }
		
		#container {
			width: 900px;
			background: url(http://www.yellowlemontree.nl/pic/back/contentbg.gif);
			margin-left: auto;
			margin-right: auto; 
			text-align: left; }

		#toprow {
			width: 900px;
			height: 225px;
			background: url(http://www.yellowlemontree.nl/pic/back/headerbg.gif) repeat-x top; }	

		#header {
			width: 300px;
			height: 225px;
			float: left; }
		
		#content {
			width: 900px;
			height: auto;
			position: relative; }
		
		#leftcolumn {
			width: 199px;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 14px;
			float: left;
			margin-left: -659px; } 
			
		#portfoliopage #leftcolumn, #portfoliopage #middlecolumn { margin-left: 0px; } 

		#middlecolumn {
			width: 460px; 
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			background: url(http://www.yellowlemontree.nl/pic/back/fade.gif) top repeat-x #ffffff;
			float: left; margin-left: 199px; display: inline; }

		#rightcolumn {
			width: 240px;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			background: url(http://www.yellowlemontree.nl/pic/back/fade.gif) top repeat-x #ffffff;
			border-left: 1px solid #e5e5e5;
			float: left; }

		#bodem { 
			clear: both;
			width: 900px;
			height: 25px; 
			background: url(http://www.yellowlemontree.nl/pic/back/footer2.jpg) #cccccc; }

	/* /// CONTAINERS END \\\ */

	/* /// MENU START \\\ */	
	
		#menu {
			width: 600px;
			height: 225px;
			background: url(http://www.yellowlemontree.nl/pic/header/yellowlemontreeheader.png);
			float: left;
			text-align: right; }
	
				#menu ul { 
					margin: 182px 0 0 20px; 
					padding: 0px; 
					height: 22px;
					width:550px; } 
				
				#menu ul li { 
					font-family: Arial, Helvetica, sans-serif;
					letter-spacing:-1px;
					font-size: 14px ;
					font-weight: bold;
					color: #ffffff;
					padding-bottom: 5px;
					float: left; 
					list-style: none; 
					margin: 0 0 0 20px; }
				
				#menu a:link, #menu a:visited { 
					color: #ffccff;
					height: 15px; 
					padding-bottom: 0px; }
					
				#menu a:hover, #menu a:active {
					color: #ffffff; 
					border-bottom: 2px solid #ffcc00; }

				#menu a.menuactive:link, #menu a.menuactive:visited { 
					color: #ffffff;
					height: 15px; 
					padding-bottom: 0px; }
					
				#menu a.menuactive:hover, #menu a.menuactive:active {
					color: #ffffff; 
					border-bottom: 2px solid #ffcc00; }

	/* /// MENU END \\\ */	

	/* /// FOOTER START \\\ */
	
		#footer {
			width: 900px;
			background: url(http://www.yellowlemontree.nl/pic/back/footer.jpg) repeat-x top #d61184;
			color: #ffffff;
			text-align: center;
			font-size: 10px;
			padding: 10px 0 10px 0;  }
			
				#footer a {
					color: #FFFFFF; }
					
				#footer .textbig {
					font-size: 11px;
					font-weight: bold; }
					
	/* /// FOOTER END \\\ */
	
	/* /// BLOCKS START \\\ */

		div.block, div.blocksmall, div.twitterblock {
			margin: 0;
			padding: 20px; 
			border-bottom: 1px solid #e5e5e5;
			background: url(http://www.yellowlemontree.nl/pic/back/fade.gif) top repeat-x #ffffff; }
	
		div.bottomblock { /* geen border-bottom */
			margin: 0;
			padding: 20px;
			background: url(http://www.yellowlemontree.nl/pic/back/fade.gif) top repeat-x #ffffff; }
		
		#leftcolumn .block, #leftcolumn .bottomblock {
			width: 159px; /* + 20 padding left / + 20 padding right = 199px */
			background: none; }
	
		#middlecolumn .block, #middlecolumn .bottomblock {
			width: 420px; /* + 20 padding left / + 20 padding right = 460px */ }
			
		#rightcolumn .block, #rightcolumn .bottomblock {
			width: 200px; /* + 20 padding left / + 20 padding right + 1 border = 241px */ }	
			
		#leftcolumn div:first-child, #rightcolumn div:first-child { 
			padding-top: 27px; } /* alle bovenste titels op één lijn */

	/* /// BLOCKS END \\\ */

	/* /// TEXT STYLES START \\\ */

		/* stijlen */
		
			.arial { font-family: Arial, Helvetica, sans-serif; }
		
			.treb { font-family: "Trebuchet MS", Arial; }
			
			.courier { font-family: "Courier New", Courier, mono, "Times New Roman"; }
			
			.b, a.b { font-weight: bold; }

		/* groottes */
		
			.s { font-size: 10px }
			
			.m { font-size: 11px }
			
			.ml {font-size: 12px }
			
			.l { font-size: 14px }
			
			.xl { font-size: 18px }
			
			.xxl { font-size: 24px; }
		
		/* kleuren */
		
			.magenta { color: #ED008C; }
			
			.zwart, a:link.zwart { color: #333333; } 
			a:visited.zwart { color: #333333; }
			a:hover.zwart { color: #ED008C; }
			
			.grijs, .grijs a:link, .grijs a:visited { color: #999999; }
			
			.grijs a:hover { color: #ED008C; }
			
			.zwart2, .zwart2 a:link, .zwart2 a:visited { color: #333333; }
			
			.zwart2 a:hover { color: #333333; }			
			
			.wit, a:link.wit { color: #ffffff; }
			
		/* headers */
		
			h1 { 
				position: absolute; 
				left: -5000px; } /* valt buiten beeld */
			
			h2 {
				font-weight: bold; 
				font-family: "Trebuchet MS", Arial;
				font-size: 24px;
				color: #999999; 
				margin: 0;
				padding: 0; }
				
			h3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				color: #ED008C;
				font-weight: bold;
				margin: 0;
				padding: 0; }
				
			h4 {
				font-family: "Trebuchet MS", Arial;
				font-size: 18px;
				color: #ED008C;
				font-weight: bold;
				margin: 0px;}

			h5 { 
				font-size: 13px; 
				margin: 0; 
				padding: 0px; 
				color: #333333} 
				
				h6 { 
				font-size: 17px; 
				height:40px;
				margin: 0; 
				padding: 0px; 
				color: #333333} 
	
			h2 + img + h3, h2 + h3 { padding: 0 0 15px 0; }
			
		/* links */
		
			a:link, a:visited { 
				text-decoration: none;
				color: #ED008C; }
				
			a:hover {
				text-decoration: none;
				color: #333333; }
				
		/* paragraphs */
			
			p { margin: 0; padding: 0; line-height: 18px; }
			
			p.los { padding-top: 15px; }

	/* /// TEXT STYLES END \\\ */
	
	/* /// IMAGE STYLES START \\\ */

			img { border: none; } 
				
			.right { float: right; clear: right; }
			
			.left { float: left; clear: left; }
			
			.border { border: 1px solid #CCCCCC; }
			
	/* /// IMAGE STYLES END \\\ */
	
	/* /// OVERIGE START \\\ */
		
		/* bel me */ 
			
			.belme {
				width: 159px;
				height: 40px;
				margin: 25px 0 0 0; }
			
			.belme img { 
				float: left;
				margin: -5px 5px 0 0; }
				
		/* headlines */
			
			.headline {
				width: 215px; 
				position: relative; }
				
				.headline2 {
				width: 200px; 
				position: relative; }
		
				.headline img {
					border: 1px solid #CCCCCC;
					float: right;
					margin: 10px 10px 0 0; }
				
				.headline ul {
					float: left;
					width: 129px;
					height: 55px;
					margin: 10px 0 2px 0;
					padding: 0;
					line-height: 14px; }
				
				.headline li {
					list-style: none;
					margin: 0px;
					padding: 0px; }
					
				/*.headline a { color: #333333 }*/
				
		/* news */
			
			.news {
				width: 430px; height: 170px; }

				.news:first-child { padding-top: 0px; height: 140px; }
				
				.news img {
					float: left; 
					clear: left;
					margin: 3px 20px 0 0;
					border: 1px solid #CCCCCC; }
			
				.news h4 { float: left; clear: right; width: 270px; }
		
				.news h5 { float: left; width: 270px; }
					
				.news p { float: left; width: 270px; }
				
		/* realtracker */
		
			.realtracker {
				width: 1px;
				height: 1px;
				position: absolute; }
				
	/* /// OVERIGE END \\\ */
	
	/* /// PAGE STYLES START \\\ */

		/* index */ 

			.grijs a { font-weight: bold; }
			
			.grijs p { padding: 0 0 10px 0; }
			
			#index #middlecolumn div:first-child { 
				padding-bottom: 26px; } /* gelijke onderkant leftcolumn & middlecolumn */
			
			#index #rightcolumn .block { 
				height: 280px; } /* firefox stretch */
			
			#index #rightcolumn .blocksmall { 
				height: 220px; } /* firefox stretch */	
					
			#index #rightcolumn .bottomblock  { 
				height: 320px; } /* firefox stretch */
				
		/* ylt */
		
			div.awardsblock {
				margin: 0;
				padding: 0 20px 20px 10px; }
				
			.awardsblock dt { 
				font-weight: bold; 
				color: #999999; 
				float: left; 
				font-size: 14px; 
				width: 40px; 
				height: 14px; }
			
			.awardsblock dd { 
				padding: 0px; 
				margin: 0 0 10px 0; }
				
			.inleiding {
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:700;
				line-height:18px;
				letter-spacing:-1px;
				}	
				
		/* portfolio + opdrachtgever */
			
			#masterdiv {
				border-bottom: 1px solid #cccccc;
				margin-top: 15px; }
				
			.menutitle, .menutitle2 {
				cursor:pointer;
				margin-bottom:0px;
				width: 183px;
				height: 20px;
				padding: 5px 0 0 15px;
				text-align:left;
				border-top: 1px solid #cccccc;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #333333;
				background: #F3F3F3 url(http://www.yellowlemontree.nl/pic/back/line.jpg);
				font-weight: bold; }
			
			.submenu {
				margin: 10px 0 15px 15px;
				background: #F3F3F3;
				width:183px;
				color: #999999;
				line-height: 14px; }
			
			h2.portfolio {
				padding: 27px 0 0 10px; }
				
			#portfoliopage #leftcolumn div:first-child, #opdrachtgever #leftcolumn div:first-child { 
				padding-top: 5px; }
				
			#portfoliopage #middlecolumn div:first-child, #opdrachtgever #middlecolumn div:first-child { 
				padding-top: 27px; } /* alle bovenste titels op één lijn */

				
		/* portfolio */
				
			#portfoliopage .block {
				height: 240px;
				margin: 0;
				background: url(http://www.yellowlemontree.nl/pic/back/fade.gif) top repeat-x #ffffff;
				padding: 20px 10px 0 10px; }
				
				
				
				
			#portfoliopage #middlecolumn .bottomblock {
				height: 240px;
				margin: 0;
				background: url(http://www.yellowlemontree.nl/pic/back/fade.gif) top repeat-x #ffffff;
				padding: 20px 10px 0 10px; }	
				
				#portfoliopage .blocksmall {
				height: 220px;
		 }	
				
			#portfoliopage #middlecolumn h3 { 
				position: absolute; 
				left: -5000px; } /* valt buiten beeld, semantics*/
				
			#portfoliopage #middlecolumn div:first-child {
				height: 240px; }
			
			#portfoliopage #middlecolumn .block, #portfoliopage #middlecolumn .bottomblock {
				width: 460px;
				padding-top: 0px;
				height: 260px; }
				
			#portfoliopage .news {
				width: 460px;
				padding-top: 0px; }
					
				#portfoliopage .news img {
					float: right; clear: right; }
					
				#portfoliopage .news h4, #portfoliopage .news h5, #portfoliopage .news p {
					width: 220px;
					float: left; clear: left; }
					
				#portfoliopage .news p {
					padding-top: 20px; }
					
			#portfoliopage .headline ul {
				margin: 5px 0 5px 0; }
				
				#portfoliopage .headline img {
					float: right;
					clear: right; 
					margin: 0 10px 10px 0; }
					
		
			
		/* opdrachtgever */
		
		#opdrachtgever #middlecolumn .block h3 {
		font-size: 21px;
		}
			
			#opdrachtgever #container {
				background: url(http://www.yellowlemontree.nl/pic/back/contentbg_opdrachtgever.gif); }
			
			#opdrachtgever #leftcolumn {
			width: 199px;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 18px;
			float: left;
			margin-left: 0px; margin-right: 0px; } 
			
			#opdrachtgever #middlecolumn {
				width: 350px;   
				margin-right: 0px; margin-left: 0px; }
				
			#opdrachtgever #rightcolumn {
				width: 350px; ; 
				margin-right: -240px; }
			
			#opdrachtgever #middlecolumn div, #opdrachtgever #rightcolumn div {
				width: 326px; height: 192px; padding: 12px; margin: 0; }

			#opdrachtgever #middlecolumn div:first-child { 
				height: 311px; }
			
			#opdrachtgever #rightcolumn div:first-child { 
				height: 326px; }
				
			#opdrachtgever #middlecolumn img, #opdrachtgever #rightcolumn img {
				padding: 0; }

			#opdrachtgever #bodem {
				background: url(http://www.yellowlemontree.nl/pic/back/footer2_opdrachtgever.jpg) #cccccc; }

		/* clamare */
			
			#clamarepage #middlecolumn .block {
				width: 440px; padding: 10px; }
				
				.clamareklein {
				width: 210px;
				padding-left:10px;
				padding-right:10px;
				margin-top:10px;
				float:left;
				height:320px;
				position:relative;
				border-bottom: 1px solid #e5e5e5;
				}
				*html .clamareklein { display:inline; }
				
				
				#clamarepage #middlecolumn div:first-child { 
					padding-top: 20px }
					
				#clamarepage h2 + h3 { 
					padding: 0px; }
					
				#clamarepage #middlecolumn h4 {
				font-size:24px;
					padding: 20px 0 15px 0; }
				
				#clamarepage #middlecolumn p { 
					 }
			
			#clamarepage #leftcolumn .block, #clamarepage #leftcolumn .bottomblock {
				 }
				
				#clamarepage #leftcolumn div:first-child  {
					 }
				
				#clamarepage #leftcolumn .block {
					 }
				
				.popblogs h4 {
						padding-bottom: 15px; }
						
					.popblogs img { 
						position: absolute;
						left: 10px;
						border: 1px solid #CCCCCC;
						margin-top: 2px }
						
					 .popblogs div {
						width: 120px;
						padding: 0 0 10px 10px;
						position: relative; 
						left: 50px; 
						top: 0px;
						margin-right: 50px; }
					 
					.popblogs h5, .popblogs p {
						width: 120px; padding: 0px; margin: 0px;}
						
				.tagcloud {
					line-height: 28px; }
					
					.ballon {
					width: 185px;
					height: 90px;
					padding-top: 25px;
					padding-left: 5px;
					padding-right: 10px;
					background-image:url(http://www.yellowlemontree.nl/pic/layout/ballon.gif)
					}
					
					#clamarepage .twitterblock {
					height:440px;
					}
					
					a.tag_xl { font-family: "Trebuchet MS", Arial; font-weight: bold;  font-size: 24px; color: #999999; }
					a.tag_l { font-family: "Trebuchet MS", Arial; font-weight: bold; font-size: 18px; color: #666666; }
					a.tag_m { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333333; }
					a.tag_s { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #ED008C; }					

			#clamarepage #rightcolumn div:first-child { 
				height: 280px; } 
				
				#clamarepage #rightcolumn .block { 
				height: 280px; } 
				
			#clamarepage #rightcolumn h4 + div { margin-top: 12px; }
				
			form { margin: 15px 0 0 0; padding: 0px; }

			div.clamareartikel h4 + p { margin-top: -5px; }

			.clamareartikel p {
				padding: 0 0 12px 0; }
			
			ul.artikelfooter, ul.artikelfooter + ul {
				width: 330px;
				position: absolute;
				left: 209px;
				padding: 0px; 
				margin-left: 0px; }
			
				ul.artikelfooter li, ul.artikelfooter + ul li { 
					font-size: 11px; 
					width: 270px; 
					list-style: none;
					padding-left: 0px; }
				
				ul.artikelfooter + ul {
					width: 130px;
					position: relative;
					left: 310px; }
					
				ul.artikelfooter + ul li { 
					width: 100px; }
					
				li.bookmarks { display: inline; padding-top: 60px; margin: 0 10px 0 0; }
				
	/* /// PAGE STYLES END \\\ */