/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-size: 0.7em;
}

h1 { font-size: 1.5em; padding-bottom: 5px; color: #000; }

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#banner {margin: 0; padding: 0; list-style-type: none; }
#header {
 color: #000;
 width: 900px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 95px;
 margin: 10px 0px 5px 0px;
 background: #fff;
}
#motto {
 color: #000;
 font-size: 2em;
 width: 920px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 150px;
 margin: 0px 0px 0px 0px;
 background: #fff;
}
#navigation {
 float: left;
 width: 900px;
 color: #000;
 padding: 10px 10px 0px 10px;
 border: 0px solid #ccc;
 margin: 15px 0px 35px 0px;
 background: #eee;
 background-image: url(images/navbg.png);
}
#leftcolumn { 
 color: #666;
 border: 1px solid none;
 background: none;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 float: left;
 line-height: 1.5em;
}
#leftmiddle { 
 color: #666;
 border: 1px solid none;
 background: none;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 float: left;
 line-height: 1.5em;
}
#rightmiddle { 
 color: #666;
 border: 1px solid none;
 background: none;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 205px;
 float: left;
 line-height: 1.5em;
}
#rightcolumn { 
 color: #666;
 border: 1px solid none;
 background: none;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 204px;
 float: left;
 line-height: 1.5em;
}
#footer {
 float: left;
 width: 900px;
 color: #000;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #BD9C8C;
}

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 201px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -20px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -40px;
	}
	
#thome a  {
	width: 46px;
	background: url(images/home.gif) top left no-repeat;
	}

#twatis a  {
	width: 77px;
	background: url(images/twatis.gif) top left no-repeat;
	}

#tkijkje a  {
	width: 92px;
	background: url(images/tkijkje.gif) top left no-repeat;
	}

#tworden a  {
	width: 116px;
	background: url(images/tworden.gif) top left no-repeat;
	}
	
#tcontact a  {
	width: 55px;
	background: url(images/tcontact.gif) top left no-repeat;
	}

-->

ul {padding-left: 15px;}

.clear { float: left; width: 1px; /* http://www.positioniseverything.net/explorer/peekaboo.html */ }