
/* Global 
----------------------------------*/

html,
body {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background: #fff;
	font: 12px/1.5 Arial, Helvetica, sans-serif;
}

.wrapper {
	width: 770px;
	margin: 0 auto;	
}


/* Navigation
----------------------------------*/

#headnav {
	z-index: 200;
	height: 28px;	
	font-size: 11px;
	background: #ACBF0A;		
}

#headnav .wrapper {	
	position: relative;
}

#headnav ul,
#headnav li {
	position: absolute;
	height: 28px; 
	margin: 0;
	padding: 0;
	list-style: none;
}

#headnav ul {
	width: 760px;
	z-index: 200;
}

/* NL */
#headnav #nl,
#headnav #nl li {
	background: #ACBF0A url(../images/lm_nav_nl.gif) no-repeat;
}

#nl #nav1 { width: 140px;  left: 0; }
#nl #nav2 { width: 60px;  left: 147px; }
#nl #nav3 { width: 52px;  left: 214px; }
#nl #nav4 { width: 86px;  left: 273px; }
#nl #nav5 { width: 70px;  left: 366px; }
#nl #nav6 { width: 79px;  left: 443px; }
#nl #nav7 { width: 40px;  left: 529px; }
#nl #nav8 { width: 65px;  left: 580px; }
#nl #nav9 { width: 16px;  left: 740px; }

/* UK */
#headnav #uk,
#headnav #uk li {
	background: #ACBF0A url(../images/lm_nav_uk.gif) no-repeat;
}

#uk #nav1 { width: 134px;  left: 0; }
#uk #nav2 { width: 76px;  left: 141px; }
#uk #nav3 { width: 39px;  left: 224px; }
#uk #nav4 { width: 87px;  left: 270px; }
#uk #nav6 { width: 72px;  left: 364px; }
#uk #nav7 { width: 50px;  left: 443px; }
#uk #nav8 { width: 65px;  left: 580px; }
#uk #nav9 { width: 16px;  left: 740px; }

#headnav li a {
	display: block;
	height: 100%;	
}

#headnav li ul {	
  display: none;
  height: auto;	
  top: 28px;
  left: 4px;
  width: 160px;
	border: solid 1px #18200A;
	border-bottom: none;
}

#headnav li li {
	position: relative;
	width: 160px;
	height: auto;	
}

#headnav #nl li li,
#headnav #uk li li {
	background: #ACBF0A;
}

#headnav li li a {	
	color: #000;
	line-height: normal;	
	padding: 2px 5px;
	text-decoration: none;
	border-bottom: solid 1px #18200A;	
}

#headnav li li a:hover {	
	color: #ACBF0A;
	background-color: #34450E;
}

#headnav li li a.active {
	color: #000;
	font-weight: bold;
}

/* Toon submenu bij mouseover */
#headnav li:hover ul,
#headnav li.over ul {
	 display: block;
	 z-index: 999;
}

/* Search */
#headnav form, 
#headnav fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#headnav input {
	position: absolute;
	left: 658px;
	top: 0;
	width: 78px;
	height: 14px;
	border: #ACBF0A 1px none;
	margin: 7px 0 0 0;
	padding: 0 0 0 2px;	
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;	
}


/* Header 
----------------------------------*/

#header {
	clear: both;	
	color: #34450E;	
	background: #C1D409;
}

#header .wrapper {
	height: 75px;
	background: url(../images/bg_header-lines.png) no-repeat left bottom;
}

#breadcrumb {
	padding: 2px 0 0 8px;
}

#breadcrumb a {
	color: #34450E;
	padding: 0 2px;
	text-decoration: underline;
}

#breadcrumb a:hover {
	color: #5F710C;
}

#header h1 {	
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	margin: 14px 0 0 8px;	
	color: #47580D;
	font: 26px/normal "Trebuchet MS",Tahoma,verdana,sans-serif;	
}

.printlogo,
#headnav strong {
	display: none;
}


/* Content
----------------------------------*/

.list {
	width: 100%;
	border-bottom: #C1D409 1px solid;
	margin: 0;
	padding: 2px 0 2px 0;
	display: block;
	color: #18200A;
}

#content {
	overflow: hidden;	
}

#content img {
	clear: both;
	display: block;
}

#contentcenter {
	float: left;
	display: inline;
	width: 425px;
	margin: 22px 5px 0 5px;
	padding: 0 10px 30px 10px;		
}

#contentcenter img {
	float: left;	
	margin: 0;
	border: none;
}

#contentcenter a {
	color: #34450E;
	text-decoration: underline;
}

#contentcenter a:hover {
	color: #5F710C;
}

#contentcenter h1, 
#contentcenter h2, 
#contentcenter h3,
#contentcenter h4 {
	clear: right;
	margin: 0;
	padding: 0 0 10px 0;	
	color: #18200A;
	font-size: 17px;
	font-weight: bold;
}

#contentcenter h5 {
	margin: 0;
	padding: 10px 0 0;
	color: #000;
	font-size: 1em;
	font-weight: bold;
}

#contentcenter p,
#contentcenter table {
	margin: 0;
	padding: 0 0 10px;
}

.border td,
.border th {
	border-bottom: #C1D409 1px solid;
	text-align: left;
	vertical-align: top;
}

.evenementlist {
	width: 100%;	
	margin: 0;
	padding: 10px 0;
	color: #18200A;
	overflow: hidden;
	border-bottom: #C1D409 1px solid;
}

#contentcenter .evenementlist h4 {
	padding: 0;
}

#contentcenter .evenementlist img.thumb {
	width: 85px;
	float: left;
	margin-right: 10px;
}

#contentcenter a.result {
	font-weight: bold;
	text-decoration: none;
}

/* Zoom image */
.zoomHolder {
	position: relative;
	display: inline-block;
}

.zoomHolder a, .zoomHolder a:hover {
	text-decoration: none;
}

.zoomIcon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 9px;
	height: 9px;
	border: solid 1px #000;
}


/* Sidebars
----------------------------------*/

#contentright img,
#contentleft img {
	float: left;	
	margin: 0;
	border: none;
}

#contentleft {
	font-size: 11px;
	float: left;
	width: 170px;
	padding: 0 0 0 15px;	
	color: #000;
}

#contentleft a {
	color: #666;
}

#contentleft a:hover {
	color: #989898;
}

#contentleft img {
	max-width: 170px;
}

#contentleft ul {
	font-size: 13px;
	margin: 0;
	padding: 18px 0 0 0;
	list-style: none;
}

#contentleft li {
	line-height: 22px;
	padding: 0 0 0 10px;
	background: url(../images/green_arrow.gif) 0 10px no-repeat;	
}

#contentleft li a {
	color: #34450E;	
	font-weight: bold;
	text-decoration: none;
}

#contentleft li a:hover {
	color: #5F710C;
}

#contentright {
	font-size: 11px;
	float: left;
	width: 115px;
	margin: 22px 0 0 0;	
	color: #34450E;
}

#contentright a {
	color: #80896C;
}

#contentright a:hover {
	color: #AEB59E;	
}

#contentright h4, 
#contentleft h4 {
	margin: 0;
	padding: 0;
	color: #FFA800;
	font-size: 13px;
	font-weight: bold;
}

#contentright h5,
#contentleft h5 {
	clear: right;
	margin: 0;
	padding: 0;
	color: #FFA800;
	font-size: 1em;
}

#contentleft li.back {
	background: url(../images/green_back.gif) 0 10px no-repeat;
}


/* Formuliervelden
----------------------------------*/

.formitem {
	margin-bottom: 4px;
}

.mandatory {
	color: #ACBF0A;
}

#mandexplanation {
	float: right;
	color: #ACBF0A;
}

#contentcenter input {
	border: 1px solid #ACBF0A;
	width: 242px;
	font-size: 90%;
}

#contentcenter .inputsmall {
	width: 175px;
}

#contentcenter .inputtiny {
	width: 60px;
}

#contentcenter .checkbox {
	width: auto;
	border: none;
}

#contentcenter .button {
	width: auto;
	border: none;
}

/* TZX signup */
#contentcenter #signup .formitem {
	clear: left;
}

#contentcenter #signup label {
	display: block;
}

#contentcenter #signup input.radio,
#contentcenter #signup label.radio {
	float: left;
	width: auto;
	border: none;
	line-height: 1.8em;
	height: 1.8em;
}

#contentcenter #signup label.radio {
	width: 6em;
}

#contentcenter #signup input.button {
	background: #C1D409;
	color: #34460D;
	font-weight: bold;
	padding: 0.5em 1em;
}


/* TZX enquete
----------------------------------*/

#webForm {
	width: 425px;
	padding: 1em 0 0;
	margin: 0;
	border-top: solid 1px #ACBF0A;
	position: relative;
}

#webForm fieldset {
	border: none;
	padding: 0 0 1em;
	margin: 0 0 1em;
	border-bottom: solid 1px #ACBF0A;
}

#webForm legend {
	font-weight: bold;
	color: #34450E;
	margin: 0 0 1em;
	padding: 0;
}

#webForm legend span {
	color: #ACBF0A;
}

#webForm label, #webForm input {
	float: left;
	width: auto;
}

#webForm label {
	width: auto;
	max-width: 80%;
	cursor: pointer;
}

#webForm br {
	clear: left;
}

#webForm fieldset input {
	border: none;
	margin-right: 0.5em;
	display: inline;
}

#webForm input.toelichting {
	border: solid 1px #ACBF0A;
	margin-left: 0.5em;
	padding-left: 0.1em;
	width: 20em;
}

#webForm textarea {
	border: solid 1px #ACBF0A;
	height: 5em;
	overflow: auto;
}

#webForm #buttons input {
	margin-right: 1em;
}


/* Enquete resultaat
----------------------------------*/

.enquete-resultaat {
	color: #C1D409;
	font-weight: bold;
}

#contentcenter .enquete-resultaat h3 {
	font-size: 1em;
	line-height: normal;
	color: #34450E;
}

#contentcenter .enquete-resultaat li {
	margin-bottom: 1em;
}

#contentcenter .enquete-resultaat ul, 
#contentcenter .enquete-resultaat ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	font-weight: normal;
}

ul.antwoorden .graph {
	display: block;
	border: 1px solid #C1D409;
	padding: 1px;
	width: 75%;
}

ul.antwoorden .graph .bar {
	position: relative;
	display: block;
	height: 1.2em;
	line-height: 1.2em;
	background: #C1D409 url(../images/back_header_bottom.gif) no-repeat 0 0;
}

ul.antwoorden .graph .bar span {
	position: absolute;
	left: 0.5em;
}

ul.antwoorden span.antwoord a {
	padding-left: 2em;
	background: url(../images/icon_comments.gif) no-repeat 0 0;
}

#contentcenter .enquete-resultaat blockquote {
	color: #000;
	background: #ffc;
	padding: 0.5em;
	margin: 0 0 0.5em;
}

#contentcenter .enquete-resultaat blockquote p {
	margin: 0;
	padding: 0;
}

/* float (weergave naast elkaar)*/
ul.antwoorden span.antwoord, 
ul.antwoorden .graph {
	float: left;
	width: 48%;
	margin-bottom: 0.5em;
}

ul.antwoorden .graph {
	float: right;
}

ul.antwoorden li {
	float: left;
	width: 100%;
}

.enquete-resultaat li, .toelichting {
	clear: both;
}

/* Enkele enquete */
#contentcenter .enquete-resultaat li p, 
.enquete-resultaat li ul {
	font-weight: normal;
	color: #000;
}

#contentcenter .enquete-resultaat.single ul li {
	color: #999;
	padding-left: 2em;
	background: url(../images/bullet_white.gif) no-repeat 0 0;
}

#contentcenter .enquete-resultaat.single ul li.answered {
	color: #000;
	background: url(../images/icon_tick.gif) no-repeat 0 0;
}

#contentcenter .enquete-resultaat.single ul li.answered.no {
	background-image: url(../images/icon_thumb_down.gif);
}

#contentcenter .enquete-resultaat.single ul li.answered.yes {
	background-image: url(../images/icon_thumb_up.gif);
}

#contentcenter .enquete-resultaat.single ul li.answered.other {
	background-image: url(../images/icon_tick_comment.gif);
}

#contentcenter .enquete-resultaat.single blockquote {
	background: none;
}

#contentcenter .enquete-navigatie,
#contentcenter .enquete-navigatie li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}

#contentcenter .enquete-navigatie {
	border-bottom: solid 1px #C1D409;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

#contentcenter .enquete-navigatie li {
	width: auto;
	margin-right: 2em;
}

#contentcenter h2.enquete {
	border-bottom: solid 1px #C1D409;
	padding: 0 0 0.5em;
	margin: 0 0 0.5em;
}


/* SiteMap
----------------------------------------------------------- */

#sitemap, #sitemap ul, #sitemap li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

#sitemap ul li {
	margin-left: 1.5em;
}

#sitemap ul {
	margin: 0 0 1em;
	padding: 0 0 0.5em;
	border-bottom: solid 1px #C1D409;
}

#sitemap ul ul {
	border: none;
	margin: 0;
	padding: 0;
}

#sitemap a {
	color: #34450E;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none;
}

#sitemap ul a {
	font-weight: bold;
	font-size: 1em;
	padding-left: 1em;
	background: url(../images/green_arrow.gif) no-repeat left;
}

#sitemap ul ul a {
	font-weight: normal;
	background: none;
	font-size: 0.9em;
	color: #000;
}

#sitemap a:hover {
	text-decoration: underline;
}


/* Footers
----------------------------------*/

#footer {
	clear: both;	
	margin: 0;
	height: 28px;	
	background: #34450E url(../images/back_footer.gif) left;	
}

#footer img,
#footernews img {
	border: none;
	margin: 0;
	padding: 0;
}

/* footer V2 */
#footer .footer-nl,
#footer .footer-en {
	position: relative;	
	height: 28px;
	background: url(../images/footer-nl.png) no-repeat;	
}

#footer .footer-en {
	background-image: url(../images/footer-en.png);
}

#footer address {
	position: absolute;
	left: -9999em;	
}

#footer li {
	position: absolute;
	top: 0;
	line-height: 28px;
	height: 28px;
	list-style: none;
}

#footer a {
	display: block;
	height: 100%;
	text-indent: -9999em;
	cursor: pointer;
	overflow: hidden;
}

#footer .privacy {
	width: 40px;
	left: 560px;
}

#footer .disclaimer {
	width: 55px;
	left: 610px;
}

#footer .colofon {
	width: 40px;
	left: 675px;
}

#footer .sitemap {
	width: 45px;
	left:  725px;
}

/* EN */
#footer .footer-en .privacy {
	left: 550px;
}

#footer .footer-en .disclaimer {
	left: 600px;
}

#footer .footer-en .colofon {
	left: 665px;
}

/* Footer news */
#footernews {
	float: left;
	clear: both;
	width: 100%;
	padding: 0 0 30px;
	color: #fff;
	background: #34450E url(../images/back_news_top.gif)  repeat-x;	
}

#footernews a {
	color: #AEB59E;
	text-decoration: underline;
}

#footernews a:hover {
	color: #C9D0B9;
}

#footernews h1 {
	margin: 0;
	padding: 10px 0 0 0;
	color: #FFA800;
	font-size: 1.1em;
	font-weight: bold;
}


/* Homepage
----------------------------------*/

#homepage #header .wrapper {
	height: 120px;
}

#homepage #content div {
	float: left;
	width: 225px;
	margin: 0 10px;
	padding: 0;
	display: inline;
}

#homepage #content a {
	color: #666;
	font-size: 1em;
	text-decoration: underline;
}

#homepage #content a:hover {
	color: #989898;
	font-size: 1em;
}

#homepage #content h3,
#homepage #content h4,
#homepage #content p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: normal;
}

#homepage #content h3 {
	padding-top: 6px;	
	color: #000;
	font-size: 12px;
	font-weight: bold;	
}

#homepage #content h4 {
	clear: right;
	color: #FFA800;
	font-size: 10px;
}

#homepage #content img {
	float: left;
	border: none;
	margin: 0 10px 0 0;
	display: inline;
}

#homepage #content #moreexpo {
	clear: both;
	margin: 0;
	width: 100%;
}

#homepage #content #moreexpo a {
	float: right;
	margin-right: 45px;
}

/* Homepage news/agenda */
#footernews {
	clear: both;	
	float: left;
	width: 100%;
	padding: 0 0 30px;
	color: #fff;
	background: url(../images/back_news_top.gif) #34460D repeat-x;	
}

#footernews #news,
#footernews #agenda {
	float: left;
	position: relative;
	width: 254px;	
	padding: 0 0 0 28px;
	left: 0;
}

#footernews a {
	color: #AEB59E;
	text-decoration: underline;
}

#footernews a:hover {
	color: #C9D0B9;
	font-size: 1em;
}

#footernews h3 {
	margin: 0;
	padding: 10px 0 0;
	color: #FFA800;
	font-size: 12px;
	font-weight: bold;
}

#footernews h3 a {
	color: #FFA800;
	text-decoration: none;
}

#footernews h3 a:hover {
	color: #FFA800;
	text-decoration: underline;
}

#footernews img {
	clear: both;
	border: none;
	margin: 0;
	padding: 0;	
	display: inline;
}

#footernews a.more {
	position: absolute;
	top: 0;
	right: 0;
}

/* Banners */
#footernews #banners {
	position: relative;
	float: left;
	width: 174px;	
	top: 28px;
}

#banners object, 
#banners embed {
	position: relative;
	left: 0;
	top: 0;
	float: left;
}

#banners .nieuwsbrief {
	position: absolute;
	right: 0;
	top: -30px;
	
	padding-right: 18px;
	line-height: normal;	
	color: #fff;	
	font-weight: bold;
	text-decoration: none;
	background: url(../images/home_icon_email.gif) no-repeat right;
}

#banners .banner {
	float: right;
	width: 150px;
	overflow: hidden;
}

#banners .banner img {
	display: block;
}	



/* share this buttons*/

#shareButtons 
{
	margin-top:5px;     
	margin-bottom: 10px;	
}

.stButton 
{
 margin-left:0;
 margin-right:6px;
}


#banners .FollowUs
{
	float:right;
	width:150px;
	height:35px;
}

#banners .FollowUs .label
{
	height:16px;
	display:inline-block;
	float:left;
	top:0;
}


#banners .FollowUs .socialBtn
{
	height:16px;
	width:16px;
	display:inline-block;
	float:right;
	margin-left:6px;
	top:0;
}

#banners .FollowUs .twitterBtn
{
	background:url("../images/icon_twitter_16x16.png") no-repeat scroll right center transparent;
}

#banners .FollowUs .hyvesBtn
{
	background:url("../images/icon_hyves_16x16.png") no-repeat scroll right center transparent;
}

#banners .FollowUs .facebookBtn
{
	background:url("../images/icon_facebook_16x16.png") no-repeat scroll right center transparent;
}

#banners .FollowUs .youtubeBtn
{
	background:url("../images/icon_youtube_16x16.png") no-repeat scroll right center transparent;
}
