/*
	Woodenshoes. Tie your laces!
	www.meetwoodenshoes.com
*/

/* reset */

* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

/* color book 
----------------------------------------------- */

/* handy classes
----------------------------------------------- */

.right {
float: right;
}

.left {
float: left;
}

.clear {
clear: both;
}

/* layout
----------------------------------------------- */

body {
background: #01539d;
}

	#header-wrap {
	width: 100%;
	background: #FFF;
	}
	
	#header {
	width: 960px;
	height: 77px;
	margin: 0 auto;
	background: url(../img/non-flash/header.jpg) left no-repeat #FFF;
	}
	
	#content-wrap {
	width: 960px;
	margin: 0 auto;
	}
	
	#content {
	width: 720px;
	}
	
	#content .pd {
	margin: 0 40px 0 0
	}
	
	#container .pd {
	padding: 40px 40px 40px 0;
	}
	
	#projecten #content .pd, #home #content .pd {
	padding: 40px 0 40px 0;
	}
	
	#sidebar {
	width: 240px;
	}
	
	#sidebar .pd {
	padding: 40px 0 40px 0;
	}
	
	#projecten #container, #home #container {
	overflow: auto;
	}

/* navigation
----------------------------------------------- */

#header #backHome {
display: block;
width: 240px;
height: 77px;
}

ul#navigatie {
list-style: none;
width: 578px;
}

ul#navigatie li {
display: block;
float: left;
height: 77px;
background: url(../img/non-flash/navigatie.jpg);
text-indent: -9999px;
}

ul#navigatie li a {
float: left;
display: block;
height: 77px;
}

ul#navigatie li.projecten {
width: 94px; background-position: 0 0;
}

#projecten ul#navigatie li.projecten {
background-position: 0 -77px;
}

ul#navigatie li.projecten a {
width: 94px;
}

ul#navigatie li.overons {
width: 83px;
background-position: -94px 0;
}

#overons ul#navigatie li.overons {
background-position: -94px -77px;
}

ul#navigatie li.overons a {
width: 83px;
}

ul#navigatie li.themas {
width: 73px;
background-position: -177px 0;
}

#themas ul#navigatie li.themas {
background-position: -177px -77px;
}

ul#navigatie li.themas a {
width: 73px;
}

ul#navigatie li.nieuws {
width: 67px;
background-position: -250px 0;
}

#nieuws ul#navigatie li.nieuws {
background-position: -250px -77px;
}

ul#navigatie li.nieuws a {
width: 67px;
}

ul#navigatie li.vacatures {
width: 94px;
background-position: -314px 0;
}

#vacatures ul#navigatie li.vacatures {
background-position: -314px -77px;
}

ul#navigatie li.vacatures a {
width: 94px;
}

ul#navigatie li.referenties {
width: 106px;
background-position: -407px 0;
}

#referenties ul#navigatie li.referenties {
background-position: -407px -77px;
}

ul#navigatie li.referenties a {
width: 106px;
}

ul#navigatie li.contact {
width: 61px;
background-position: -517px 0;
}

#contact ul#navigatie li.contact {
background-position: -517px -77px;
}

ul#navigatie li.contact a {
width: 61px;
}


/* links
----------------------------------------------- */

#sidebar p a {
color: #FFF;
font-weight: bold;
}

a {
font-size: 11px;
font-weight: bold;
color: #F2F2F2;
}

.terug-naar-overzicht a:hover {
text-decoration: none;
}

/* lists
----------------------------------------------- */

#projectenlijst ul {
list-style: none;
width: 480px;
border: 1px solid red
}

#projecten ul li.project-item {
display: block;
width: 100%;
padding: 5px 10px 5px 0;
background: #0859a1;
color: #009ed9;
margin: 0 0 1px 0
}

#projecten ul li.project-item a {
display: block;
color: #f7f7f7;
font-weight: bold;
text-decoration: none;
padding: 8px 
}

#projecten ul li.project-item a:hover {
color: #009ed9;
}

#projecten ul li.project-item:hover {
background: #165b99;
color: #009ed9;
}

ul#nieuwslijst {
list-style: none;
}

ul#nieuwslijst li {
display: block;
width: 100%;
padding: 5px 10px 5px 0;
background: #0859a1;
color: #009ed9;
margin: 0 0 1px 0
}

ul#nieuwslijst li a {
display: block;
color: #f7f7f7;
font-weight: bold;
text-decoration: none;
padding: 8px 
}

ul#nieuwslijst li a:hover {
color: #009ed9;
}

ul#nieuwslijst li:hover {
background: #165b99;
color: #009ed9;
}

/* typography
----------------------------------------------- */

body {
font-family: "Lucida Sans", "Lucida Grande", "Tahoma", "Verdana", "Arial", sans-serif;
}

	#container {
	font-size: 12px;
	line-height: 19px;
	}
	
	#content {
	color: #ebebeb;
	}
	
	#content h2 {
	font-size: 24px;
	color: #FFF;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	}
	
	#sidebar h2 {
	font-size: 24px;
	color: #FFF;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	}
	
	#sidebar p {
	display: block;
	border: 2px solid #3b79b3;
	padding: 15px;
	background: #538fc5;
	color: #ebebeb
	}

/* forms
----------------------------------------------- */

/* external resources
----------------------------------------------- */

#projecten dt.altrow {
background: #3c79b2;
border: 1px solid #4b88c2;
margin: 0 0 5px 0;
padding: 2px 5px 2px 5px;
}

#projecten dt, #projecten dl {
padding: 2px 5px 2px 5px;
}