* {
	margin:0px;
	padding:0px;
	}
	
body { 
	font:11px/1.3em Verdana,Helvetica,sans-serif; 
	text-align:center;
	
	/* Als de site i.p.v. in het midden link uitgelijnd moet worden
	text-align:left;
	*/
	
	background:url(../images/bg_2008.jpg) repeat-x left top;
	background-color:#000;
	color:#000;
	}
	
#container {
	position:relative;
	margin:	0 auto;
	overflow:hidden;
	/* Als de site i.p.v. in het midden links uitgelijnd moet worden
	position:absolute;
	top:0px;
	left:0px;
	*/
	
	/* eventueel een achtergrond: 
	background:url(../images/bg.gif) repeat-y center top;
	*/
	
	text-align:left;
	width:798px;
	}
	
#countdowncontainer{ 
	position:absolute;
	top:169px;
	left:111px;
	font-weight:bold;
	}	
			
/* -------- grid -------- */

#logo {
	position:absolute;
	top:36px;
	left:15px;
	width:104px;
	height:156px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	}
	
#logo_bottom {
	position:absolute;
	top:165px;
	left:22px;
	width:104px;
	height:156px;
	background-image:url(../images/logo2.gif);
	background-repeat:no-repeat;
	}

#logos {
	float:left;
	margin-top:50px;
	width:770px;
	height:65px;
	margin-left:13px;
	display:inline;
	text-align:right;
	}
	
#logo1 {
	float:left;
	display:inline;
	margin-left:430px;
	margin-top:38px;
	width:200px;
	height:16px;
	background-image:url(../images/milieufederaties.gif);
	background-repeat:no-repeat;
	}

#logo2 {
	float:right;
	width:95px;
	height:65px;
	background-image:url(../images/snm.gif);
	background-repeat:no-repeat;
	}	

.logolink {
	display:block;
	width:120px;
	height:126px;
	}

.logolink1 {
	display:block;
	width:200px;
	height:16px;
	}

.logolink2 {
	display:block;
	width:95px;
	height:65px;
	}	

#header {
	float:left;
	width:553px;
	height:43px;
	padding-top:7px;
	padding-left:217px;
	margin-left:13px;
	display:inline;
	}

.titel {
	position:absolute;
	top:115px;
	left:110px;
	width:310px;
	height:45px;
	background-image:url(../images/logo_tekst.gif);
	background-repeat:no-repeat;
	}

.datumtitel {
	position:absolute;
	top:143px;
	left:440px;
	width:140px;
	font:14px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	color:#fff;
	}
		
.ondertitel {
	font:12px Verdana,Helvetica,sans-serif; 
	padding-left:137px;
	}

.strong {
	font-weight:bold;
	}
	
#menubalk {
	float:left;
	width:783px;
	height:17px;
	padding-top:5px;
	padding-right:10px;
	border:1px solid #fff;
	background-color:#cf3;
	}
	
#topmenu {
	float:right;
	font:10px Verdana,Helvetica,sans-serif; 
	}
	
#topmenu a {
	color:#000;
	text-decoration:none;
	}
	
#breadCrumbTrail {
	position:absolute;
	top:215px;
	left:149px;
	width:620px;
	height:30px;
	}
	
.breadcrumb {
	padding-left:8px;
	font:10px Verdana,Helvetica,sans-serif; 
	color: #666;	
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px;
	}
	
#breadCrumbTrail a {
	font:10px Verdana,Helvetica,sans-serif; 
	color:#000;
	}
	
#menu_holder {
	position:absolute;
	top:210px;
	left:2px;
	width:140px;
	}
	
#zoek {
	display:none;
	float:left;
	width:130px;
	border:1px solid #fff;
	background-color:#000;
	color:#fff;
	height:35px;
	margin-top:5px;
	padding-left:5px;
	}

#zoeken {
	padding-left:2px;
	padding-bottom:2px;
	font-size:11px;
	}
	
#btn_zoek {
	background:url(../images/zoek.gif);
	border:0;
	width:24px;
	height:15px;
	margin-bottom:3px;
	cursor:hand;
	}	
	
/* Iconen link */
	
#icon1 {
	float:left;
	width:107px;
	height:112px;
	background:url(../images/vrienden.gif) left top;
	margin-top:52px;
	margin-left:21px;
	display:inline;
	}

#icon2 {
	float:left;
	width:107px;
	height:112px;
	background:url(../images/nachtpakket.gif) left top;
	margin-left:21px;
	display:none;
	}

#icon3 {
	float:left;
	width:107px;
	height:112px;
	background:url(../images/steunons.gif) left top;
	margin-left:21px;
	display:none;
	}

#icon4 {
	float:left;
	width:107px;
	height:112px;
	background:url(../images/nieuwsbrief.gif) left top;
	margin-left:21px;
	margin-top:5px;
	display:inline;
	}	

.iconlink1, .iconlink2, .iconlink3, .iconlink4 {
	display:block;
	width:107px;
	height:112px;
	}	
	
	
/* content div voor hompage */
	
#content {
	float:left;
	margin-left:23px;
	width:639px;
	margin-top:10px;
	padding-top:35px;
	padding-left:127px;
	padding-bottom:25px;
	height:70px;
	background-color:#fff;
	display:inline;
	height:780px;
	}
	
html>body #content {
	height:auto;
	min-height:1280px;
	}
	
/* content div voor 1 koloms vervolgpagina's */	

#content2 {
	float:left;
	margin-left:23px;
	width:616px;
	margin-top:10px;
	padding-top:35px;
	padding-left:150px;
	padding-bottom:25px;
	height:70px;
	background-color:#fff;
	display:inline;
	height:780px;
	}

html>body #content2 {
	height:auto;
	min-height:780px;
	}
	
/* content div voor 2 koloms vervolgpagina's */	

#content3 {
	float:left;
	margin-left:23px;
	width:640px;
	margin-top:10px;
	padding-top:35px;
	padding-left:126px;
	padding-bottom:25px;
	height:70px;
	background-color:#fff;
	display:inline;
	height:780px;
	}

html>body #content3 {
	height:auto;
	min-height:780px;
	}
	
/* opbouw 1 koloms pagina */	
	
#contenttop {
	float:left;
	background:url(../images/contenttop.gif) left top;
	height:30px;
	width:413px;
	}
	
#contenttext {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:381px;
	border-left:2px solid #f0c;
	border-right:2px solid #f0c;
	height:127px;
	}
	
html>body #contenttext {
	height:auto;
	min-height:100px;
	}
	
#contentbottom {
	float:left;
	background:url(../images/contentbottom.gif) left top;
	height:30px;
	width:413px;
	}

#contenttext li {
	font:11px Verdana,Helvetica,sans-serif; 
	list-style:none;
	text-decoration:none;
	color:#000;
	}

#contenttext .nachtpakket li {
	list-style: disc;
	margin-left:40px;
	}

#contenttext .date  {
	font:11px Verdana,Helvetica,sans-serif;
	color:blue;
	margin-left:9px;
	}
	
#uxsmall{

	font:9px Verdana,Helvetica,sans-serif;

	}	

/* opbouw 1 koloms pagina extra kolom er onder */	
	
#contenttop2 {
	float:left;
	margin-top:14px;
	background:url(../images/contenttop.gif) left top;
	height:30px;
	width:413px;
	}
	
#contenttext2 {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:381px;
	border-left:2px solid #f0c;
	border-right:2px solid #f0c;
	height:127px;
	}
	
html>body #contenttext2 {
	height:auto;
	min-height:100px;
	}
	
#contentbottom2 {
	float:left;
	background:url(../images/contentbottom.gif) left top;
	height:30px;
	width:413px;
	}
	
/* opbouw 2 koloms pagina linkerkolom */	
	
#contentleft {
	float:left;
	width:307px;
	margin-right:8px;
	}

#contenttopleft {
	float:left;
	background:url(../images/contenttop2ka.gif) left top;
	height:33px;
	width:307px;
	}
	
#left {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:275px;
	border-left:2px solid #f0c;
	border-right:2px solid #f0c;
	height:127px;
	}
	
html>body #left {
	height:auto;
	min-height:100px;
	}
	
#contentbottomleft {
	float:left;
	background:url(../images/contentbottom2ka.gif) left top;
	height:33px;
	width:307px;
	}
	
#contenttopleft_photo {
	float:left;
	background:url(../images/contenttop2ka.gif) left top;
	height:33px;
	width:307px;
	margin-top:10px;
	}
	
#left_photo {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:275px;
	border-left:2px solid #f0c;
	border-right:2px solid #f0c;
	height:127px;
	}
	
html>body #left_photo {
	height:auto;
	min-height:100px;
	}
	
#left_photo input {
	width:140px;
	}
	
#contentbottomleft_photo {
	float:left;
	background:url(../images/contentbottom2ka.gif) left top;
	height:33px;
	width:307px;
	}
	
/* opbouw 2 koloms pagina rechterkolom */

#contentright {
	float:left;
	width:307px;
	}

#contenttopright {
	float:left;
	background:url(../images/contenttop2kb.gif) left top;
	height:33px;
	width:307px;
	}
	
#right {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:275px;
	border-left:2px solid #1B81FF;
	border-right:2px solid #1B81FF;
	height:127px;
	}
	
html>body #right {
	height:auto;
	min-height:100px;
	}
	
#contentbottomright {
	float:left;
	background:url(../images/contentbottom2kb.gif) left top;
	height:33px;
	width:307px;
	}
	
#contenttopright_photo {
	float:left;
	background:url(../images/contenttop2kb.gif) left top;
	height:33px;
	width:307px;
	}
	
#right_photo {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:275px;
	border-left:2px solid #1B81FF;
	border-right:2px solid #1B81FF;
	height:127px;
	text-align:center;
	}
	
html>body #right_photo {
	height:auto;
	min-height:100px;
	}
	
#contentbottomright_photo {
	float:left;
	background:url(../images/contentbottom2kb.gif) left top;
	height:33px;
	width:307px;
	}
	
#uxphotoinfo {
	float:right;
	margin-right:30px;
	padding-left:10px;
	padding-top:10px;
	display:inline;
	background:url(../images/photo_detail.gif) left top no-repeat;
	width:145px;
	}
	
#uxphotodetail {
	text-align:center;
	}
	
#uxphotodetail a {
	font-family:Verdana;
	font-weight:Bold;
	font-size:12px;
	color:#F0C;
	}

/* activiteit detailpagina */	
	
#summarytop {
	float:left;
	background:url(../images/contenttop.gif) left top;
	height:30px;
	width:413px;
	}
	
#summarytext {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:381px;
	border-left:2px solid #f0c;
	border-right:2px solid #f0c;
	height:100px;
	}
	
html>body #summarytext {
	height:auto;
	min-height:100px;
	}
	
#summarybottom {
	float:left;
	background:url(../images/contentbottom.gif) left top;
	height:30px;
	width:413px;
	margin-bottom:14px;
	}

#summarytext td { 
	padding-right:4px;
	}
	
#btn_invitefriend {
	float:left;
	margin-top:-5px;
	margin-left:-90px;
	background:url(../images/btn_invitefriends.gif) left top;
	width:62px;
	height:102px;
}

.btn_invitefriendlink {
	display:block;
	width:62px;
	height:102px;
	}

#btn_invitefriendsubmit {
	display:block;
	background:url(../images/btn_invite.gif) left top;
	width:164px;
	height:20px;
}

#btn_nachtpakketsubmit {
	display:block;
	background:url(../images/btn_bestellen.gif) left top;
	width:94px;
	height:20px;
	margin-top:10px;
}
	
/* nieuwsitems */

#provincienaam {
	position:absolute;
	top:215px;
	left:149px;
	}

#nieuws1 {
	float:left;
	width:200px;
	margin-right:6px;
	}
	
#nieuwstop1 {
	float:left;
	background:url(../images/nieuwstop1.gif) left top;
	height:30px;
	width:205px;
	}
	
#nieuwscontent1 {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:170px;
	background-color:#000;
	border-left:2px solid #cf3;
	border-right:2px solid #cf3;
	height:142px;
	}
	
#nieuwsbottom1 {
	float:left;
	background:url(../images/nieuwsbottom1.gif) left top;
	height:33px;
	width:205px;
	}
	
#nieuws2 {
	float:left;
	width:200px;
	margin-right:6px;
	}
	
#nieuwstop2 {
	float:left;
	background:url(../images/nieuwstop2.gif) left top;
	height:30px;
	width:205px;
	}
	
#nieuwscontent2 {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:170px;
	background-color:#000;
	border-left:2px solid #F053C2;
	border-right:2px solid #F053C2;
	height:142px;
	}
	
#nieuwsbottom2 {
	float:left;
	background:url(../images/nieuwsbottom2.gif) left top;
	height:33px;
	width:205px;
	}
	
#nieuws3 {
	float:left;
	width:200px;
	}
	
#nieuwstop3 {
	float:left;
	background:url(../images/nieuwstop3.gif) left top;
	height:30px;
	width:205px;
	}
	
#nieuwscontent3 {
	float:left;
	padding-left:18px;
	padding-right:10px;
	width:170px;
	background-color:#000;
	border-left:2px solid #1B81FF;
	border-right:2px solid #1B81FF;
	height:142px;
	color:#fff;
	}
	
#nieuwsbottom3 {
	float:left;
	background:url(../images/nieuwsbottom3.gif) left top;
	height:33px;
	width:205px;
	}
	
/* activiteiten */	
#companyname {
	position:absolute;
	top:245px;
	left:400px;
	}
	
#activiteit {
	float:left;
	width:413px;
	margin-top:15px;
	}
	
#activiteittop {
	float:left;
	background:url(../images/activiteittop.gif) left top;
	height:30px;
	width:413px;
	}

#activiteitcontent {
	float:left;
	width:381px;
	padding-left:18px;
	padding-right:10px;
	background-color:#fff;
	border-left:2px solid #f0c;
	border-right:2px solid #f0c;	
	}

html>body #activiteitcontent {
	height:auto;
	min-height:100px;
	}
	
#activiteitbottom {
	float:left;
	background:url(../images/activiteitbottom.gif) left top;
	height:30px;
	width:413px;
	}
		
#activiteit2 {
	float:left;
	width:413px;
	margin-top:15px;
	}
	
#activiteittop2 {
	float:left;
	background:url(../images/activiteittop_zwart.gif) left top;
	height:30px;
	width:413px;
	}
	
#activiteit2maan {
	position:relative;
	top:24px;
	left:380px;
	height:11px;
	width:10px;
	background-image:url(../images/moonicon2.gif);
	background-repeat:no-repeat;
	}

#activiteitcontent2 {
	float:left;
	width:381px;
	padding-left:18px;
	padding-right:10px;
	background-color:#000;
	border-left:2px solid #f0c;
	border-right:2px solid #f0c;	
	}

html>body #activiteitcontent2 {
	height:auto;
	min-height:100px;
	}
	
#activiteitbottom2 {
	float:left;
	background:url(../images/activiteitbottom_zwart.gif) left top;
	height:30px;
	width:413px;
	}

#kaartjeactiviteiten 
{
	float:right;
	margin-right:0px;
	display:inline;
	width:197px;
	height:200px;
	}

/* nieuwsbrief */

#btn_newslettersubmit {
	display:block;
	background:url(../images/btn_aanmelden.gif) left top;
	height:20px;
	width:95px;
	margin-top:-22px;
	margin-left:238px;
	}

#btn_newsletterunsubscribe {
	display:block;
	background:url(../images/btn_afmelden.gif) left top;
	height:20px;
	width:86px;
	margin-top:-22px;
	margin-left:238px;
	}

#unsubscribetext {
	float:left;
	width:413px;
	height:100px;
	margin-top:14px;
	font-size:9px; 
	}

/* banner nieuwsbrief */

#banner_nacht {
	float:right;
	margin-right:30px;
	display:inline;
	background:url(../images/uilenringtone_banner.gif) left top;
	width:145px;
	height:245px;
	}

#banner_nacht a {
	display:block;
	width:145px;
	height:245px;
	}

/* zoekresultaten */

#searchresults {
	margin-left:17px;
	}

/* kaartje, samenwerking, pijltje */
	
#kaartje {
	float:left;
	width:197px;
	height:200px;
	margin-top:25px;
	
	}
#kaartje-txt
{
	padding-top:9px;
	padding-bottom:15px;
	padding-left:10px;
	}
		
#samenwerking {
	width:198px;
	text-align:center;
	margin-top:20px;
	padding-left:10px;
	font-size:10px;
	}
	
/* banners */
#bannerbner {
	width:198px;
	height:260px;
	margin-bottom:15px;
}

#windiner
{
	margin-left:auto;
	margin-right:auto;
	width:144px;
	cursor:hand;
	margin-bottom:15px;
}

#wintop{
	background-image:url(../images/wineendiner_01.jpg);
	width:144px;
	height:11px;
	_margin-bottom:-1px;
}

#winbody
{
	background-image:url(../images/wineendiner_02.jpg);
	width:144px;
}

#winfoot{
	background-image:url(../images/wineendiner_03.jpg);
	width:144px;
	height:162px;
}

#fotoholder{
	float:right;
	margin-right:30px;
	display:inline;
	width:145px;
}

#fototop{
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fotoinfotop.gif);
	background-repeat:no-repeat;
	width:141px;
	height:9px;
	_margin-bottom:-3px;
}

#fotomid{
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #fff;
	background-image:url(../images/fotoinfomid.gif);
	width:141px;
	text-align:center;
	margin-bottom:-1px;
}

#fototekst
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:116px;
	text-align:left;
	padding-right:5px;	
}

#fotobut{
    top:auto;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fotoinfobut.gif);
	background-repeat:no-repeat;
	width:141px;
	height:8px;
}	
	
#pijltjeregio {
	float:left;
	margin-left:-190px;
	margin-top:235px;
	background:url(../images/pijltjeregio.gif) left top;
	width:162px;
	height:27px;
	}

/* -------- opmaak -------- */
#nieuwscontent1 h1 {
	font:12px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	}
	
#nieuwscontent1 p {
	font:11px Verdana,Helvetica,sans-serif; 
	color:#fff;
	}
	
#nieuwscontent2 h1 {
	font:12px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	}
	
#nieuwscontent2 p {
	font:11px Verdana,Helvetica,sans-serif; 
	color:#fff;
	}
	
#nieuwscontent3 h1 {
	font:12px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	}
	
#nieuwscontent3 p {
	font:11px Verdana,Helvetica,sans-serif; 
	color:#fff;
	}

#activiteitcontent h1 {
	font:14px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	margin-bottom:10px;
	background-image:url(../images/moonicon.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:15px;
	}

#contenttext h1, #contenttext2 h1 {
	font:14px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	margin-bottom:5px;
	background-image:url(../images/moonicon.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:15px;
	}

#contenttext h2, #contenttext2 h2 {
	font:12px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	margin-top:20px;
	margin-bottom:5px;
	
	}
	
h1 {
	font:14px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	margin-bottom:0px;
	}

h2 {
	font:12px Verdana,Helvetica,sans-serif; 
	font-weight:bold;
	margin-top:20px;
	margin-bottom:0px;
	}
	
p {
	font:11px Verdana,Helvetica,sans-serif; 
	margin-bottom:10px;
	}
	
#activiteitcontent2 h1 {
	font:14px Verdana,Helvetica,sans-serif;
	color:#fff; 
	font-weight:bold;
	margin-bottom:10px;
	}
	
#activiteitcontent2 li {
	font:11px Verdana,Helvetica,sans-serif; 
	list-style:none;
	}
	
#activiteitcontent2 a {
	text-decoration:none;
	color:#fff;
	}

.date {
	font:11px Verdana,Helvetica,sans-serif; 
	color:#cf3;
	margin-left:9px;
	}

.readmore {
	color:#009;
	}

.line {
	margin-top:-8px;
	}
	
/* footer */

#okericon {
	float:left;
	margin-left:10px;
	background-color:#fff;
	width:761px;
	height:20px;
	margin-left:23px;
	padding-left:5px;
	padding-bottom:7px;
	display:inline;
	}

#footer {
	float:left;
	width:766px;
	height:20px;
	text-align:center;
	background-color:#cf3;
	margin-left:23px;
	display:inline;
	padding-top:5px;
	font-size:10px;
	}
	
a img {
	border:0;
	}
	
img {
	padding-right:3px;
}	

/* ------------------------------------------ Begin menu ---------------------------------- */		
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	float: left;
	list-style: none;
	line-height : 1.25em;
	padding: 0;
	margin: 0 0 11px 0;
	width:137px;
	}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: -1px;
	left: 135px;
	}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
	position: relative;
	border:1px solid #fff;
	margin-bottom:-1px;
	}

/* Links inside the menu */
.menulist a {
	display: block;
	padding: 2px 2px 2px 4px;
	color: #fff;
	font-family:Arial;
	font-size:11px;
	background-color:#000;
	text-decoration: none;
	width:129px;
	}
	
/* IE fix because it doesn't support transparent borders */
* html .menulist a {
	border-bottom: 0px;
	margin: 0px;
	}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	display: block;
	padding: 2px 2px 2px 4px;
	color: #000;
	font-family:Arial;
	font-size:11px;
	background-color:#cf3;
	text-decoration: none;
	width:129px;
	}
	
*html .menulist a:hover, *html .menulist a.highlighted:hover, *html .menulist a:focus {
	border-bottom: 0px;
	margin: 0px;
	}
	
.menulist a.highlighted {
	color: #fff;
	background-color: #cf3;
	border: 1px solid #fff;
	border-bottom: 0px;
	margin: 0;
	}

.menulist a.onderlijn {
	border-bottom:1px solid #fff;
	}

.menulist a:hover.onderlijn, .menulist a.highlighted:hover.onderlijn, .menulist a:focus.onderlijn {
	border-bottom:1px solid #fff;
	}
	
.menulist a .subind {
	float: right;
	margin-top:2px;
	}


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
	float: left;
	height: 1%;
	}
	
* html .menulist a {
	height: 1%;
	}
/* End Hack */