<div id="main">
  	  		<div id="menu">
        		<ul>
            		<li class="active"><a class="active" href="">Nieuws</a></li>
           	 		<li><a href="">Informatie</a></li>
            		<li><a href="">Leiding</a></li>
            		<li><a href="">Krikojaantje</a></li>
            		<li><a href="">Kalender</a></li>
            		<li><a href="">Media</a></li>
            		<li><a href="">Contact</a></li>
            		<li><a href="">Links</a></li>
            	</ul>
        	</div>
 
  	  		<div id="content">
        		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ac purus sapien, in fringilla sapien. Proin dui ligula, suscipit vitae posuere in, tincidunt eu
            	lacus. Vivamus id enim leo. Morbi mi nunc, accumsan in pharetra vitae, placerat quis neque. Nullam eget dolor id diam laoreet vestibulum. Aenean dapibus congue 
                mollis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
        	</div>
        	<div id="sidebar">
        		<h6>Titel Sidebar</h6>
            	<ul>
            		<li><a href="">Item van sidebar</a></li>
                	<li><a href="">Item van sidebar</a></li>
                	<li><a href="">Item van sidebar</a></li>
                	<li><a href="">Item van sidebar</a></li>
            	</ul>
        	</div>
        </div>

#main {
	width: 900px;
	background: url(../images/shadow_repeater.gif) top left repeat-y;
	border: 1px solid #333;
}
 
#menu {
	width: 848px;
	height: 34px;	
	background: url(../images/menu.gif) top left repeat-x;
	margin: 0px 26px 0px 26px;
}
 
#content {
	float: left;
	width: 598px;
	text-align: justify;
	font-size: 0.9em;
	padding: 10px 20px 0px 40px;
}
 
#sidebar {
	float: left;
	width: 200px;
	padding: 0px;
}