html, body {
	margin: 0;
}

/* Body ----------------------------- */
body {
	margin: 0;
	text-align: left;
	background: #686868 url(../img/bg.jpg) repeat-x;
	color: #030303;
	font-family: tahoma;
	line-height: 15px;
}

a {
	text-decoration: none;
	color: #030303;
}

a:hover, a.active {
	text-decoration: underline;
	color: #030303;
}



/* Container ----------------------------- */
.container {
	text-align: left;
	width: 770px;
	margin: 0;
	font-size: 11px;
}

/* Header ----------------------------- */

.header {
	width: 100%;
	height: 146px;
	position: relative;
}

.header h1 {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 10px;
}

.header h1 a {
	display: block;
	width: 260px;
	height: 146px;
	position: absolute;
	left: 0;
	top:0;
	background: url(../img/logo.gif) no-repeat;
	text-decoration: none;
}

.header h1 a span {
	visibility: hidden;
}

.header .logo {
	position: absolute;
	top: 75px;
	left: 260px;
}

.header .logo ul {
	list-style: none;
	margin: 0;
}

.header .logo li {
	float: left;
	display: inline;
	margin-right: 15px;
}

.header .nav {
	position: absolute;
	top: 116px;
	left: 260px;
	z-index: 2;
}

.header .nav ul {
	list-style: none;
	margin: 0;
}

.header .nav ul li {
	float: left;
	border-right: 2px solid #222;
	line-height: 10px;
}

.header .nav ul li.last {
	border-right: 0;
}

.header .nav ul li a {
	color: #000;
	font-weight: bold;
	padding: 0 30px;
}

.header .nav ul li a:hover, .header .nav ul li a.active {
	text-decoration: none;
	color: #85df3d;
}

.header .topfoto {
	width: 260px;
	height: 169px;
	position: absolute;
	right: 0;
	z-index: 1;
}

/* Content-container ----------------------------- */

.content-container {
	position: relative;
	width: 100%;
	z-index: 3;
}

/* Sidebar ----------------------------- */

.sidebar {
	width: 152px;
	height: 262px;
	background: url(../img/bg-sidebar.jpg) no-repeat;
	float: left;
}

.sidebar .subnav ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 23px;
}

.sidebar .subnav ul li {

}

.sidebar .subnav ul li a{
	color: #030303;
	line-height: 25px;
	font-weight: bold;
}

.sidebar .subnav ul li a:hover, .sidebar .subnav ul li a.active {
	color: #85df3d;
	text-decoration: none;
	font-weight: bold;
}

/* Content ----------------------------- */

.content {
	float: left;
	width: 265px;
	display: inline;
	margin-left: 30px;
	padding-top: 20px;
}

.content h2 {
	font-size: 11px;
	font-weight: bold;
}

/* referenties ----------------------------- */

.referenties{
	width: 273px;
	float: left;
	display: inline;
	margin-left: 50px;
	padding-bottom: 30px;
}

.visual {
	background: url(../img/image-container.gif) no-repeat;
	width: 270px;
	height: 181px;
	margin-bottom: 5px;
}

.visual img {
	padding: 5px;
}

.referentie {
	margin: 5px 5px;
	background: url(../img/line.gif) bottom repeat-x ;
	position: relative;
	padding-bottom: 10px;
}

.referentie p {
	margin: 0;
}

.referentie p.meer {
	position:	absolute;
	bottom: -5px;
	left: 200px;
}
.referentie p.meer a, .referentie p.meer a:hover {
    color: #85df3d;
	font-weight: bold;
}

.referentie h3 {
	color: #030303;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}


.footer {
	color: #85df3d;
	margin-left: 0px;
	padding-left: 30px;
	background: url(../img/bg-footer.png);
	font-size: 10px;
	padding-top: 1px;
}

.footer p {
	margin-bottom: 4px;
}

.footer p a, .footer p a:hover, .footer p a.active {
    text-decoration: underline;
	color: #85df3d;
}


/* form ----------------------------- */

input, textarea {
    border: 2px solid #85df3d;
    font-family: tahoma;
    font-size: 11px;
}

.error {
    color: #CC0000;
}