@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; }

*html { margin:0; padding:0; }

a img { border:0; }

/* algemene terugkerende classes */

.Holder { clear:both; }

.Center { text-align:center; position:relative; }	
.Centered { margin:0 auto; text-align:left; position:relative; }

.Column { float:left;}
.ColumnRight { float:right;}

.Span-14	{ width:1000px; }
.Span-12 	{ width:760px; }
.Span-10	{ width:700px; }
.Span-8		{ width:514px; }
.Span-7		{ width:390px; }
.Span-6		{ width:375px; }
.Span-5		{ width:370px; }
.Span-4		{ width:240px; }
.Span-3		{ width:220px; }

.MarginR { margin-right:10px; }
.MarginB { margin-bottom:10px; }
.MarginRB { margin:0 10px 20px 0; }

.Padding { padding:5px 10px; }
.Padding1 { padding:20px 10px 0 ; }
.Padding2 { padding:5px 10px 15px; }
.Padding3 { padding:10px 10px 15px; }
.PaddingL { padding-left: 30px; }
.PaddingR { padding-right:15px; }

.Top, .Bottom { overflow:hidden; }

.White { color:#fff; }

.NoMargin { margin:0; }

/* Basic horizontal menu */

.Horizontal ul { list-style:none; margin:0; padding:0; }

.Horizontal ul li { position:relative; float:left; padding:0; }

.Horizontal ul li a { display:block; }

/*.Horizontal ul li a span { display:block; float:none; } enable voor tabs*/

.Horizontal ul li ul { display:none; position:absolute; z-index:21; }

/*.Horizontal ul li:hover ul, .Horizontal ul li.Hover ul { display:block; } disable voor superfish */

/* basic vertical menu */

.Vertical ul {list-style:none;}

.Vertical ul li {clear:both; padding:0; float:left; }

.Vertical ul li a { display:block; position:relative; width:auto; clear:both; float:left; /* width:custom */ }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
}
.Clearfix{display: inline-block;}
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}

.Clear { clear:both; }

/************** Begin design */

html { background:url(img/back_footer_holder.gif) } 

body { background:url(img/back_html.jpg) top center repeat; height:100%; }

#WrapperHolder { background-position: top center; background-repeat: repeat; }

#WrapperHolder2 { background:url(img/back_headerholder.gif) top center repeat-x; }

#Wrapper { background:url(img/back_header.gif) top left no-repeat;}

#Header { height:180px; }

a.Logo {
	display:block;
	width:222px;	
	height:105px;
	position:absolute;
	left:53px;
	top:40px;
	text-indent:-9999px;
	cursor:pointer;
	background-repeat:no-repeat;
	}

/* MENU */

ul#Menu { position:absolute; top:80px; right:50px; }

ul#Menu li a { display:block; text-indent:-9999px; height:60px; padding-right:10px; }

ul#Menu li a.Agenda { width:100px; }
ul#Menu li a.Agenda:hover, ul#Menu li a.Agenda:active {background-position:0 -60px; }
ul#Menu li.Active a.Agenda {background-position:0 -120px; }

ul#Menu li a.Blog { width:100px; background-position:-110px 0; }
ul#Menu li a.Blog:hover, ul#Menu li a.Blog:active {background-position:-110px -60px; }
ul#Menu li.Active a.Blog {background-position:-110px -120px; }

ul#Menu li a.Jobs { width:80px; background-position:-220px 0; }
ul#Menu li a.Jobs:hover, ul#Menu li a.Jobs:active {background-position:-220px -60px; }
ul#Menu li.Active a.Jobs {background-position:-220px -120px; }

ul#Menu li a.Info { width:75px; background-position:-310px 0; }
ul#Menu li a.Info:hover, ul#Menu li a.Info:active {background-position:-310px -60px; }
ul#Menu li.Active a.Info {background-position:-310px -120px; }

ul#Menu li a.Verenigingen { width:155px; background-position:-395px 0; }
ul#Menu li a.Verenigingen:hover, ul#Menu li a.Verenigingen:active {background-position:-395px -60px; }
ul#Menu li.Active a.Verenigingen {background-position:-395px -120px; }

/* TOPNAV */

ul#TopNav { padding:7px 0 0 10px; float:left; }

ul#TopNav li a { color:#fff; text-decoration:none; padding:0 15px; background-position:left center; background-repeat:no-repeat; }
ul#TopNav li a:hover { text-decoration:underline; }

#TopNav li a.Home {background-image:url(img/topnav_home.gif); }
#TopNav li a.Contact {background-image:url(img/topnav_contact.gif); }
#TopNav li a.Login {background-image:url(img/topnav_login.gif); }
#TopNav li a.Profiel {background-image:url(img/topnav_profiel.gif); }
#TopNav li a.Register {background-image:url(img/topnav_registreer.gif); }

/* Colorpicker */

.Colorpicker { position:absolute; top:8px; right:160px; }

.Colorpicker li a { display:block; width:18px; height:17px; background-image:url(img/colors.gif); }

.Colorpicker li a#green:hover, .Colorpicker li a#green.active { background-position:bottom left; }

.Colorpicker li a#cyan { background-position: -38px 0; }
.Colorpicker li a#cyan:hover, .Colorpicker li a#cyan.active { background-position: -38px -17px; }

.Colorpicker li a#pink { background-position: -18px 0; }
.Colorpicker li a#pink:hover, .Colorpicker li a#pink.active { background-position: -18px -17px; }

.Colorpicker li a#orange { background-position: -56px 0; }
.Colorpicker li a#orange:hover, .Colorpicker li a#orange.active { background-position: -56px -17px; }

.Colorpicker li a span { display: none; }

/* Search */

#Search { background:url(img/back_search.jpg) top center no-repeat; float:right; width:138px; height:27px; margin:2px 10px 0 ; }

#Search fieldset { padding:0; border:0; margin:0; }

#Search input { float:left; }

#Search .InputText { border:0; background:0; font-size:1em; color:#fff; width:100px; padding:6px; }

#Search .InputBtn { margin:4px 2px 0 0; }

#searchResults { list-style:none; }

#searchResults h2 { margin:0; }

/* CONTENT */

h1 a, h2 a { text-decoration:none; } h1 a:hover, h2 a:hover { text-decoration:underline; }

.Artikel h1 a { color:#000; }

.Extra { background:url(img/back_extra.gif) center no-repeat; font-weight:bold; text-decoration:none; }

.Item, .BoxContent { position:relative; overflow:hidden; }

.Plus { font-weight:bold; text-decoration: none; padding:0 0 0 15px; }

.BoxContent img { float:left; margin:0 10px 10px 0; }

.Bottom { clear:both; }

#Content {  padding:0 0 35px 0; }

.Archief { width:149px; height:65px; display:block; background:url(img/archief.gif); float:left; }
.Archief span { display:none; }

/* zend naar vriend */

form#Mail { background:url(img/mail_form.gif) center left no-repeat; overflow:auto; height:25px; padding:6px 0 0; margin:10px 0 0; }

#Mail fieldset { border:0; padding:0; margin:0 }

#Mail input { background:none; border:none; font-size:1em; }

#Mail .InputText { float:left; width:145px; padding-left:5px }
#Mail .Button { float:left; font-weight:bold; cursor:pointer; }

		/* HOME */

	/* LEFT Column */

#Agenda .BoxContent { background:url(img/back_home_fotos.gif) repeat-y; }

#Agenda .Top { height:10px; background:url(img/back_home_fotos_top.gif) no-repeat; }

#Agenda .Bottom { height:23px; background:url(img/back_home_fotos_bottom.png) no-repeat; }

#Agenda .Item { background:url(img/streep.gif) bottom left repeat-x; }

#Agenda .Item p { margin:0 0 0; }

.Item h2 { margin:0 0 10px; }

#Agenda .Item .Extra { position:absolute; bottom:10px; right:10px; }

#Agenda .items .Extra { float :right; }

/* flyers */

#Flyers { height:587px; width:370px; background:url(img/back_flyers.png); /* background:url(img/back_flyer.png) no-repeat; */position:relative; overflow:hidden; }

#Flyers .items { width:20000em; position:absolute; }

#Flyers .FlyerHome { text-align:center; width:330px; float:left; position:relative; height:525px; }

#Flyers .FlyerHome img { max-width:325px; }

#Flyer { width:330px; height:556px; overflow:hidden; position:absolute; top:20px; left:20px }

.Flyer2 { height:440px; overflow:hidden; position:absolute; top:0; left:0; }

#FlyerInfo { position:absolute; top:465px; left:5px; width:300px; }

#FlyerInfo p { margin:0; text-align:left; }

#FlyerInfoWrapper { position:relative; overflow:hidden; width:300px; height:100px; background-color:#CCCCCC; }

#FlyerInfoWrapper .items { width:2000em; position:absolute; }

#FlyerInfoWrapper .items .FlyerInfo { width:300px; float:left; }

.FlyerTitle { font-size:1.6em; }

.FlyerDate { float:right; color:#fff; font-weight:bold; }

.FlyerPlace { color:#fff; }

.PN { position:absolute; bottom:25px; background:#fff; display:block; width:20px; height:12px; cursor:pointer; }
#Flyers a.next { left:315px; background:url(img/pn_next.gif) no-repeat; }
#Flyers a.prev { left:295px; background:url(img/pn_prev.gif) no-repeat; }
.PN span { display:none; }
a.disabled { visibility:hidden !important; display:none !important; }

	/* MIDDLE Column, artikel groot */

.Artikel .BoxContent { background:url(img/back_home_artikels.jpg) top left repeat; z-index:1; float:left; }

.Artikel .Top { height:6px; background:url(img/back_home_artikels_top.gif) repeat-x; }
.Artikel .Bottom { height:15px; background:url(img/back_home_artikels_bottom.png) bottom left repeat-x; }

.Artikel h1 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1.636em; padding-right:60px; background:url(img/streep.gif) bottom left repeat-x; margin-bottom:10px; }

.Archive h1 { background:none !important; padding-bottom:0 !important; }

.Date { float:right; font-weight:bold; background:url(img/back_date.gif) center;  margin:10px 10px 0 0; z-index:10; }

.AlleArtikels { background:url(img/back_alle.png) top left no-repeat; height:64px; }

a.Alle { width:165px; display:block; height:30px; float:left; margin:15px 0 0 13px; text-indent:-9999px;}

p.Meta { margin:0 !important; clear:left; }
p.Comments { float:right; text-align:center; background:url(img/reacties.gif) no-repeat; width:20px; padding:0 0 3px 0; }

p.Comments a { text-decoration:none; font-size:0.9em; }

.Big { margin:0 0 40px; }

	/* RIGHT Column */

/* Agenda */

#Kalender { margin-bottom:10px; }

#datepicker { background:url(img/back_kalender.jpg) top left no-repeat; width:201px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; }

#Selector { background:url(img/back_kalender_selector.jpg) top left no-repeat; width:201px; padding:3px 5px; overflow:hidden; position:relative; height:24px; }

#Selector select { background:none; position:absolute; border:none; right: 16px; top:7px; width:135px; font-size:1.1em; font-weight:bold; }

#Kalender .Bottom { width:201px; height:14px; background:url(img/kalender_bottom.png) top left no-repeat; }

#Selector span { font-weight:bold; display:block; position:absolute; top:9px; left:15px; }

/* Jobs */

#Jobs {background:url(img/back_jobs.png); height:314px; position:relative; }

ul.Jobs { list-style:none; text-align:left; padding: 80px 10px 0 10px; margin:0; }
ul.Jobs li { margin:0; padding:0 0 7px 0; max-height: 42px; overflow:hidden; width:200px; }

a.Job { color:#000; display:block; text-decoration:none; }
a.VDAB { background:url(img/vdab_mini.gif) top left no-repeat; text-indent:15px; }

#Jobs a.Plus { position:absolute; bottom:20px; left:10px; }

a.Registreer { display:block; width:220px; height:122px; background:url(img/registreer.png); margin-top:-10px; text-indent:-9999px; float:left; cursor:pointer; }

#Jobs h4 { position:absolute; top:25px; left:10px; height:51px; width:194px; margin:0; background-position:left top; background-repeat:no-repeat; text-indent:-9999px; }

/* poll */

.Poll { float:left; position:relative; }

.Poll .PollContent { color:#fff; background-color:#000; padding:50px 0 0 0; background-position:10px 10px; background-repeat:no-repeat; }
.Poll .Top, #Rechts .Bottom { height:10px; }
.Poll .Top { background:url(img/rechts_blok_top.gif) top left no-repeat; }
.Poll .Bottom { background:url(img/bottom_poll.png) top left no-repeat; height:63px; }

.Poll p { padding:0 10px; }

#Poll { margin:0; padding:0; }

.Poll fieldset { border:none; margin:0; padding:0 10px 35px;  position:relative; width:200px; }

label.list { width:200px; }

.PollButton { position:absolute; bottom:60px; right:10px; background-color:#000; width:55px; font-weight:bold; color:#fff; font-size:11px; border:none; background-position:center; background-repeat:no-repeat; padding: 10px 16px 16px 8px; cursor:pointer; }

a.Result { position:absolute; top:30px; right:10px; }

h1.Results { font-size:11px; padding:0 10px; margin:0;}

table.pollTable { width:220px; }
.pollBarCell { width:70%; overflow:hidden; }
.pollBar { background:transparent url(img/poll_balk.gif) no-repeat scroll left center; height:17px; }

.pollDescriptionCell { padding-left:8px; }

	/* AGENDA */

#Agendas img { max-width:150px; }

.Datum .Top { background:url(img/back_agendas_top.gif) top left no-repeat; height:9px; }

.Datum .Bottom { background:url(img/back_agendas_bottom.png) top left no-repeat; height:20px; }

.Datum .BoxContent { background:url(img/back_agendas.gif) top left repeat-y; }

.Datum .Item { background:url(img/streep.gif) top left repeat-x; }

.Datum .Item p { margin-bottom:10px; }

.DateTitle { padding:5px 10px; font: bold normal 1.6em/1.5em arial,sans-serif; text-transform:uppercase; color:#333; background:url(img/back_agendas_top.gif) top left no-repeat }

.Categorie { position:absolute; right:10px; top:20px; }

#pager ul li a { display:block; margin:0 10px 0 0; border:1px solid #000; padding: 6px 10px; background:transparent url(img/rechts_blok.png) repeat scroll 0 0; font-weight:bold; color:#fff; text-decoration:none; }

#pager ul li a.active, #pager ul li a:hover { border-color:#666; }

#Agenda .next { width:17px; height:17px; display:block; background:url(img/fotos_next.gif) top left no-repeat; float:left; text-indent:-9999px; }
#Agenda .prev { width:17px; height:17px; display:block; background:url(img/fotos_prev.gif) top left no-repeat; float:left; text-indent:-9999px; }


/* agenda-item  */

#Agenda h1 { padding:0 10px 10px ; background:url(img/streep.gif) bottom left repeat-x; color:c3c; font-size:2em; font-weight:bold; }

.ActiviteitDate { background:url(img/back_extra.gif) left no-repeat; font-weight:bold; }

#Flyer2 { height:auto; position:relative; }

.Flyer { overflow:hidden; margin:20px 0 20px 20px; }

.Flyer img { max-width: 330px; }

.FlyerOverlay { position:absolute; width:60px; height:47px; }

#Flyer2 .TR { background-image:url(img/tape_tr.png); right:0; top:0; }
#Flyer2 .TL { background-image:url(img/tape_tl.png); left:0; top:0; }
#Flyer2 .BL { background-image:url(img/tape_bl.png); left:0; bottom:0; }
#Flyer2 .BR { background-image:url(img/tape_br.png); right:0; bottom:0; }


#AgendaBig .Content { background:url(img/agenda_big_bax.gif) top left repeat-y; } 

.H3replaced { height:28px; text-indent:-9999px; background-position:top left; background-repeat:no-repeat; margin:0 0 15px 0; }

#Comments { background:url(img/rechts_blok.png) repeat; }

.Comment { background:url(img/streep2.gif) bottom left repeat-x; padding:10px 0 1px; }
.Comment span { margin:0 0 5px; padding:0 0 0 21px; display:block; background:url(img/comment_arrow.gif) center left no-repeat; }
.Comment p { margin-left:21px; }

#Comment { margin-bottom:50px; color:#fff; }

#Comment h3 { margin:15px 0 0 0 !important; } 

#TextArea { width:760px; height:205px; background:url(img/back_textarea.png) top left no-repeat;/*  background:url(img/rechts_blok.png) repeat;*/}

#TextArea textarea { background:none; padding:10px; overflow:auto; font: normal normal 1em/1.5em arial, sans-serif; color:#fff; width:730px; height:185px; border:none; }

#Comment .button { margin:10px 0 0; }

	/***** Rechts */

#Rechts p { text-align:left; }

#Rechts .BoxContent { color:#666; background:#000; }
#Rechts .Top, #Rechts .Bottom { height:10px; }
#Rechts .Top { background:url(img/rechts_blok_top.gif) top left no-repeat; }
#Rechts .Bottom { background:url(img/rechts_blok_bottom.gif) top left no-repeat; }

#Rechts .Box { margin:0 0 15px; }

#Rechts a { text-decoration:none; font-weight:bold; } #Rechts a:hover { text-decoration:underline; }

#Rechts h2 { font-size:1.4em; color:#fff; padding:3px 0 17px; margin-bottom:0; background:url(img/streep_wit.gif) bottom left repeat-x; }

#Rechts ul { padding:0; margin:0; }

#Rechts ul li { background:url(img/streep_wit.gif) bottom left repeat-x;  }

#Rechts ul li a { padding:7px 0 13px; width:200px; }

#Rechts ul ul {
	margin-top:0;
	padding-bottom:4px;
	float:left;
	margin-left:15px;
}

#Rechts ul ul li { background:url(img/streep_wit.gif) top left repeat-x;  }

#Rechts ul ul li a { padding:11px 0 8px; width:185px; }

#Rechts ul ul ul li a { width:170px; }

#Rechts .next { width:17px; height:17px; display:block; background:url(img/rechts_next.gif) top left no-repeat; float:left; text-indent:-9999px; }
#Rechts .prev { width:17px; height:17px; display:block; background:url(img/rechts_prev.gif) top left no-repeat; float:left; text-indent:-9999px; }

#SubMenu ul, #SubMenu ul ul, #SubMenu li.Active ul ul { display:none; }

#SubMenu li.Active ul, #SubMenu li.Active ul li.Active ul { display:block; }

	/* FOOTER */
	
#FooterTop { background:url(img/back_footer_top.gif) bottom center repeat-x; height:15px; }

#FooterHolder { background:url(img/back_footer_holder.gif) repeat; }
	
#Footer { overflow:auto; color:#fff; padding:0 0 20px 0; }

#Footer h4 { height:24px; text-indent:-9999px; background-position:top left; background-repeat:no-repeat; }

#Footer ul { list-style: none; padding:0; margin-bottom:15px; }
#Footer ul li { padding:0; margin:0; }
#Footer ul li a { padding:0 0 0 20px; background:url(img/footer_li.gif) 0 3px no-repeat; text-decoration:none; color:#fff; }
#Footer ul li a:hover { text-decoration:underline; background-position: 1px 3px}

#Nieuwsbrief form { background:url(img/nieuwsbrief_form.gif) center left no-repeat; overflow:auto; height:25px; padding:6px 0 0; }

#Nieuwsbrief input { background:none !important; border:none; font-size:1em; }

#Nieuwsbrief .InputText { float:left; margin-left:4px; width:134px; color:#fff; padding-left:5px }
#Nieuwsbrief .Button { float:left; font-weight:bold; cursor:pointer; }

#FooterBottom p { margin:0; }

/******* ACCOUNT */

#Account { background: url(img/rechts_blok.png) repeat; color:#fff }

.formfield_text, .formfield_password { background: url(img/back_input.gif) no-repeat; border:none; color:#fff; padding:10px; width:340px; }

#Account select { border:none; width:340px; padding:3px; }

#Account input, #Account pasword, #Account label { font-size:1.4em; clear:both }

#Account label { font-weight:bold; padding:5px 0; display:block; }

#RegisterText .BoxContent { color:#fff !important; }

fieldset { margin:0; padding:0; border:none; }

textarea { border:none; width:400px; }

/*********** Contact */

#frmContact .text, #frmContact textarea { border:1px dashed #fff; background:#000; color:#fff; font-size:1.4em; padding:5px; width:340px; font-family:Arial, Helvetica, sans-serif; }

/************* wax */

a.Wax { display:block; position:absolute; right:0; bottom:10px; width:44px; height:36px; background:url(img/wax_logo.gif) top left no-repeat }