/* Colors: #ffcb08 (geel) */
body {
	background: url("../images/interface/background.gif") no-repeat #333;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 13px;
	line-height: 1.69em;
	color: #333;
}

h1 {
	font-family: "OCR A Std", "Courier New", Courier, mono;
	font-size: 2em;
}

a {
	text-decoration: none;
	color: #f00;
	font-weight: bold;
}

object {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}

#container {
/*	background: url("../images/dev/grid.gif") repeat-y; /**/
	background: url("../images/interface/container.gif") repeat-y; /**/
	width: 73em;
	padding: 0 1em;
	margin: 0 auto;
	background-color: #ffcb08;
}

#header {
	background: url("../images/interface/header.gif") no-repeat;
	height: 15.23em;
	width: 71em;
	padding-left: 1em;
	padding-right: 1em;
}

#header h1 a span {
	display: none;
}

#contentwrapper {
	clear: both;
	background: url("../images/interface/contentwrapper.gif") no-repeat;
	width: 71em;
	padding: 0em 1em 1.61em 1em;
	overflow: auto; /* nested divs terug op hoogte brengen */
}

#contentwrapper h3 {
	color: #333;
	font-weight: bold;
	font-size: 1.2em;
}

#contentwrapper h3 a {
	color: #999;
}

#contentwrapper p,
#contentwrapper ul {
	margin-bottom: 1.69em;
}

#contentwrapper ul li {
	line-height: 1.69em;
	list-style-position: inside;
	list-style-type: disc;
}

#contentwrapper #navigation {
/*	background-color: #f0f; */
}

#navigation ul li {
	list-style-type: none;
	list-style-position: inside;
}

#contentwrapper #navigation ul li {
	display: block;
	width: 17em;
	height: 3.38em;
}

#contentwrapper #navigation ul li a {
	background-color: #333;
	display: block;
	width: 15em;
	padding: 0 1em;
	height: 3.38em;
	color: #ffcb08;
}

#contentwrapper #navigation ul li a:hover {
	background-color: #ffcb08;
	color: #333;
}

#contentwrapper #navigation ul li#active a {
	background-color: #fff;
	color: #333;
}

#maincontent {
/*	background-color: #fff; /* transparant? */
}

h2#performers-title {
	display: block;
	width: 35em;
	height: 3.38em;
	background: url("../images/interface/performers-title.gif") no-repeat;
}

h2#programma-title {
	display: block;
	width: 35em;
	height: 3.38em;
	background: url("../images/interface/programma-title.gif") no-repeat;
}

h2#impactsessions-title {
	display: block;
	width: 35em;
	height: 3.38em;
	background: url("../images/interface/impactsessions-title.gif") no-repeat;
}

h2#impactsessions-title span,
h2#programma-title span,
h2#performers-title span {
	display: none;
}


/* columns content */
.unit1, .unit1m, .unit2, .unit2m, .unit3, .unit3m, .unit4, .unit4m, .unit6, .unit6m, .unit8, .unit8m, .unit9, .unit9m, .unit10, .unit10m, .unit12 {
	float: left;
}
.unit1 { width: 5em; }
.unit1m { width: 5em; margin-right: 1em; }
.unit2 {  width: 11em; }
.unit2m { width: 11em; margin-right: 1em; }
.unit3 { width: 17em; }
.unit3m { width: 17em; margin-right: 1em; }
.unit4 { width: 23em; }
.unit4m { width: 23em; margin-right: 1em; }
.unit6 { width: 35em; }
.unit6m { width: 35em; margin-right: 1em; }
.unit8 { width: 47em; }
.unit8m { width: 47em; margin-right: 1em; }
.unit9 { width: 53em; }
.unit9m { width: 53em; margin-right: 1em; }
.unit10 { width: 59em; }
.unit10m { width: 59em; margin-right: 1em; }
.unit12 { width: 71em; }

div.article {
	margin-top: 1.69em;
	border-bottom: 1px dotted #333;
}

#contentwrapper #sidebar {
	float: left;
	margin-top: 5.08em;
/*	background-color: #f0c; /* ERROR MET FOTO's */
}

div.article-image,
div.article-images {
	float: left;
	margin: 0;
	padding: 0;
}


#footer {
	background: url("../images/interface/footer.gif") no-repeat #ffcb08;
	padding-top: 3.38em;
	height: 5.08em;
}
