Preview - HTML - CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title></title>
	<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" /> 

	<!--[if IE 9]>
		<link rel="stylesheet" href="stylesheets/ie9style.css" type="text/css" media="screen" /> 
	<![endif]-->
	
</head>

<body>
	<div id="border_top"></div>
	<div id="container">
	<div class="bg_float">
		<div id="left">
			
			<div id="header">
		
				<ul class="top_menu" >
					<li><a href="#">Home</a></li>
					<li><a href="#">Lorum</a></li>
					<li><a href="#">Ipsum</a></li>
					<li><a href="#">Dollor</a></li>
					<li><a href="#">Sit</a></li>
					<li><a href="#">Amet</a></li>
					<li><a href="#">Lorum</a></li>
					<li><a href="#">Dollor</a></li>
				</ul>
			
				<ul class="menu_2">
					<li class="menu_2_first"><a href="#">women</a></li>
					<li><a href="#">men</a></li>
					<li><a href="#">kids</a></li>
					<li><a href="#">cool stuff</a></li>
				</ul>
			</div> <!-- END HEADER -->
			<div id="menu_left">
			
				<form method="get" id="searchform" action="#">
					<fieldset>
						<input id="search_input" type="text" value="Term/merk" name="s" onfocus="if (this.value == 'Term/merk' ) { this.value = ''; }" onblur="if (this.value == '' ) { this.value = 'Term/merk'; }" />
						<input name="searchsubmit" id="search_submit" value="Zoeken" type="submit" />
					</fieldset>
				</form>
				
				<ul class="subcats">
					<li class="cat"><a href="#">women</a></li>
					<li><a href="#">Home</a></li>
					<li><a href="#">Beauty</a></li>
					<li><a href="#">Fashion</a></li>
					<li><a href="#">Trends</a></li>
					<li><a href="#">Love</a></li>
					<li><a href="#">Horoscoop</a></li>
					<li><a href="#">Liefde</a></li>
					<li><a href="#">Horoscoop Horoscoop</a></li>
					<li><a href="#">Home</a></li>
					<li><a href="#">Beauty</a></li>
					<li><a href="#">Fashion</a></li>
					<li><a href="#">Trends</a></li>
					<li><a href="#">Liefde</a></li>
					<li><a href="#">Horoscoop</a></li>
					<li><a href="#">Liefde</a></li>
					<li><a href="#">Horoscoop</a></li>
				</ul>
			
				<div id="trends">
					<h3>Trends</h3>
					<div class="post">
						<div class="img">
							<a href="#">
								<img src="images/manenvrouw.png" width="39" height="39" alt="manenvrouw" />
							</a>
						</div>
							<p><strong>relation. </strong>Lorem Ipsum is simply dummy text of the printing?</p>
					</div> <!-- END POST --> 
					<div class="post">
						<div class="img">
							<a href="#">
								<img src="images/manenvrouw.png" width="39" height="39" alt="manenvrouw" />
							</a>
						</div>
							<p><strong>relation. </strong>Lorem Ipsum is simply dummy text of the printing?</p>
					</div> <!-- END POST --> 
					<div class="post">
						<div class="img">
							<a href="#">
								<img src="images/manenvrouw.png" width="39" height="39" alt="manenvrouw" />
							</a>
						</div>
							<p><strong>relation. </strong>Lorem Ipsum is simply dummy text of the printing?</p>
					</div> <!-- END POST --> 
					<a class="meer" href="#">meer</a>
				</div> <!-- END TRENDS --> 	
			</div> <!-- END MENU_LEFT --> 
			
			<div id="content">
				<h2>Lorem Ipsum is simply dummy text of the printing "and"</h2>
				<p>It is a long established fact that a reader will readable:</p>
				<ul class="content_cats" >
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
					<li><a href="#">Lorum Ipsum (15)</a></li>
				</ul>
				<p class="rangschikken">Lorum Ipsum Lorum Ipsum: <a class="rank_1" href="#">Datum</a> | <a class="selected" href="#">Price</a> | <a href="#">Lorum</a></p>
			
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="pagenumber">
					<h4>Choose a page: </h4>
					<ul>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">6</a></li>
					<li><a href="#">7</a></li>
					<li><a href="#">8</a></li>
					<li><a href="#">9</a></li>
					</ul>
				</div>
				
				<div class="spacer"></div>
				
				<h2 class="nieuwe_collectie" >Lorum Ipsum Lorum Ipsum</h2>
				
				<div class="diff_border">
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="product">
					<img src="images/product_img.jpg" width="93" height="91" alt="product omschrijving" />
					<h3>Stretchshirt - Zwart</h3>
					<p class="product_omschrijving" >Lorem ipsum dolar sit amet dolar samit. <a href="#"><img src="images/arrow-arrow.jpg" width="10" height="5" alt="arrow" /></a></p>
				</div>
				
				<div class="pagenumber">
					<h4>Lorum Ipsum: </h4>
					<ul>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">6</a></li>
					<li><a href="#">7</a></li>
					<li><a href="#">8</a></li>
					<li><a href="#">9</a></li>
					</ul>
				</div>
				
				</div> <!-- END DIFF_BORDER --> 
				
				<div class="spacer"></div>
				
				<div class="featured_product">
					<h3>Lorum Ipsum</h3>
					<a href="#">tell a friend</a>
					<img class="prod_thumb" src="images/tas.jpg" width="72" height="88" alt="tas" />
					<p class="featured_text">Lorem ipsum dolor sic amet consectetur  adipiscing elit. Integer sed lectus metus, quis egestas tellus. Mauris eu massa</p>
					<a class="bestellen" href="#"><img src="images/bestel.png" width="64" height="21" alt="bestellen" /></a>
				</div>
				
				<div class="featured_product">
					<h3>Lorum Ipsum</h3>
					<a href="#">tell a friend</a>
					<img class="prod_thumb" src="images/tas.jpg" width="72" height="88" alt="tas" />
					<p class="featured_text">Lorem ipsum dolor sic amet consectetur  adipiscing elit. Integer sed lectus metus, quis egestas tellus. Mauris eu massa</p>
					<a class="bestellen" href="#"><img src="images/bestel.png" width="64" height="21" alt="bestellen" /></a>
				</div>
							
			</div> <!-- END CONTENT --> 
			
		</div><!-- END LEFT --> 
	
		
	<div id="sidebar">
		<img src="images/dame.jpg" width="230" height="345" alt="dame" />
		
		<div class="sidebar_block">
			<div class="sidebar_block_top" ></div>
				<div class="sidebar_block_content">
					<h3>Lorum Ipsum Lorum</h3>
					<a class="legen" href="#">lijst leeg maken</a>
					<div class="space"></div>
					<p>Lorum Ipsum Lorum Ipsum Lorum Ipsum</p>
						<div class="laatst_bez">
							<div class="laatst_bez_thumb">
								<img src="images/tas klein.jpg" width="38" height="38" alt="tasje" />
							</div>
							<div class="lijstje">
								<p><strong>1x</strong> <a href="#">Dior handtas</a> - &#8364; 150,-</p>
							</div>
							
							<div class="laatst_bez_thumb">
								<img src="images/tas klein.jpg" width="38" height="38" alt="tasje" />
							</div>
							<div class="lijstje">
								<p><strong>1x</strong> <a href="#">Dior handtas</a> - &#8364; 150,-</p>
							</div>
							
							<div class="laatst_bez_thumb">
								<img src="images/tas klein.jpg" width="38" height="38" alt="tasje" />
							</div>
							<div class="lijstje">
								<p><strong>1x</strong> <a href="#">Dior handtas</a> - &#8364; 150,-</p>
							</div>
							
							<a class="helelijst" href="#">Hele lijst bekijken</a>
						</div>
				</div>
			<div class="sidebar_block_bottom"></div>
		</div> <!-- END SIDEBAR_BLOCK --> 
		
		
		<div class="sidebar_block">
			<div class="sidebar_block_top" ></div>
				<div class="sidebar_block_content">
					<h3>Lorum Ipsum</h3>
					<div class="space"></div>
					<div class="space"></div>
					<p>Lorum Ipsum Lorum Ipsum Lorum Ipsum</p>
						<div class="laatst_bez">
							<div class="laatst_bez_thumb">
								<img src="images/tas klein.jpg" width="38" height="38" alt="tasje" />
							</div>
							<div class="lijstje">
								<p><strong>1x</strong> <a href="#">Dior handtas</a> - &#8364; 150,-</p>
							</div>
													
							<div class="laatst_bez_thumb">
								<img src="images/tas klein.jpg" width="38" height="38" alt="tasje" />
							</div>
							<div class="lijstje">
								<p><strong>1x</strong> <a href="#">Dior handtas</a> - &#8364; 150,-</p>
							</div>
							
							<a class="helelijst" href="#">Hele lijst bekijken</a>
						</div>
				</div>
			<div class="sidebar_block_bottom"></div>
		</div><!-- END SIDEBAR_BLOCK --> 
		
		
		<div class="sidebar_block">
			<div class="sidebar_block_top" ></div>
				<div class="sidebar_block_content">
					<h3>Bestsellers</h3>
					<div class="space"></div>
						<ul class="bestseller">
							<li><a href="#">Lorum</a></li>
							<li><a href="#">Lorum</a></li>
							<li><a href="#">Lorum</a></li>
							<li><a href="#">Lorum</a></li>
							<li><a href="#">Lorum</a></li>
							<li><a href="#">Lorum</a></li>
							<li><a href="#">Lorum</a></li>
							<li><a href="#">Lorum</a></li>
						</ul>
				</div>
			<div class="sidebar_block_bottom"></div>
		</div><!-- END SIDEBAR_BLOCK --> 
		
		
		<div class="sidebar_block">
		
			<div class="sidebar_block_top" ></div>
				<div class="sidebar_block_content">
					<h3>Lorum Ipsum</h3>
					<div class="space"></div>
					<div class="space"></div>
					<div class="bg_float">
						<div class="sidebar_cats_left">
							<div class="plaatje">
								<a href="#"><img src="images/oog.jpg" width="89" height="87" alt="oog" /></a>
							</div>
							<a class="cat_text" href="#" >gezicht &#38; oog</a>
						</div>
						
						<div class="sidebar_cats_right">
							<div class="plaatje">
								<a href="#"><img src="images/oog2.jpg" width="89" height="87" alt="oog" /></a>
							</div>
							<a class="cat_text" href="#">gezicht &#38; oog</a>
						</div>
						
						<div class="sidebar_cats_left">
							<div class="plaatje2">
								<a href="#"><img src="images/oog.jpg" width="89" height="87" alt="oog" /></a>
							</div>
							<a class="cat_text" href="#">gezicht &#38; oog</a>
						</div>
						
						<div class="sidebar_cats_right">
							<div class="plaatje">
								<a href="#"><img src="images/oog2.jpg" width="89" height="87" alt="oog" /></a>
							</div>
							<a class="cat_text" href="#">gezicht &#38; oog</a>
						</div>
						
						<div class="sidebar_cats_left">
							<div class="plaatje">
								<a href="#"><img src="images/oog.jpg" width="89" height="87" alt="oog" /></a>
							</div>
							<a class="cat_text" href="#">gezicht &#38; oog</a>
						</div>
						
						<div class="sidebar_cats_right">
							<div class="plaatje">
								<a href="#"><img src="images/oog2.jpg" width="89" height="87" alt="oog" /></a>
							</div>
							<a class="cat_text" href="#">gezicht &#38; oog</a>
						</div>
				</div>
			<div class="sidebar_block_bottom"></div>
			</div>
		</div><!-- END SIDEBAR_BLOCK --> 
		
		
		<div class="sidebar_block">
			<div class="sidebar_block_top" ></div>
				<div class="sidebar_block_content">
					<h3>Lorum</h3>
					<div class="space"></div>
						<div class="contact">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum is simply dummy text of the.</p>
							<table>
								<tr>
									<td class="linker_rij">phone:</td>
									<td>12345867891</td>
								</tr>
								<tr>
									<td>mail:</td>
									<td>lorum ipsum</td>
								</tr>
								<tr>
									<td>stad:</td>
									<td>lorum ipsum</td>
								</tr>
								<tr>
									<td>address:</td>
									<td>lorum ipsum</td>
								</tr>
							</table>
							<p class="linkje" >Lorum Ipsum<a href="#">PDollor Sit</a></p>
						</div>
				</div>
			<div class="sidebar_block_bottom"></div>
		</div><!-- END SIDEBAR_BLOCK --> 
		
	</div> <!-- END SIDEBAR --> 
	
	</div><!-- END BG_FLOAT --> 
	</div> <!-- END CONTAINER --> 
	<div id="border_bottom"></div>

	
<p style="position: fixed; top: 20px; right: 120px;" >
	<a href="http://validator.w3.org/check?uri=https%3A%2F%2Fwww.psdtohtmlshop.com%2FExamples%2FExample-21%2Findex.html" rel="nofollow" target="_blank" >
		<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
	</a>
</p>

<p style="position: fixed; top: 20px; right: 10px;">
	<a href="http://jigsaw.w3.org/css-validator/" rel="nofollow" target="_blank" >
   	<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valide CSS!" />
   </a>
</p>

</body>
</html>