@charset "utf-8";

/*
/////////////////////////////////////

copyright (c)	slagbijalmelo
developed for	werkenbijelectrabel
date		november 2009
author 		Niels Westerhof

/////////////////////////////////////

media		screen
filename	layout.css
    	
/////////////////////////////////////
*/

/* vacancies styles */
@import url("vacancies.css");

	html, body { background: #fff transparent url(http://www.werkenbijelectrabel.nl/templates/images/bg-body.png) 0 bottom repeat-x; width: auto; height: auto !important; height: 100%; }
	body { background: transparent url(http://www.werkenbijelectrabel.nl/templates/images/bg-body.png) 0 bottom repeat-x; }

/*////////// globals //////////*/
	.invis { position: absolute; left: -1000em; top: -1000em; }
	img { border: 0; vertical-align: bottom; }

/*////////// header //////////*/
	div.top-bar { background: #008cc7 url(http://www.werkenbijelectrabel.nl/templates/images/bg-top.png) repeat-x; min-height: 60px; height: auto !important; height: 60px; overflow: visible; padding: 0.5em 0 0 0; }
		div.top-bar div { width: 83.2em; margin: 0 auto; position: relative; }
	
		ul.breadcrumbs { width: 44em; height: 1.5em; float: left; }
			ul.breadcrumbs li { display: inline; font-size: 0.9em; color: #fff; text-transform: uppercase; }
				ul.breadcrumbs li span { color: #fff; }
				ul.breadcrumbs li a { color: #e4f3fa; /* #aeda6a */ text-decoration: none; }
				ul.breadcrumbs li a:hover { text-decoration: underline; }
		
		div.top-bar div.profile-select { width: 255px; float: left; font-size: 0.9em; color: #fff; text-transform: uppercase; }
			span.textprofile { width: 120px; float: left; display: inline-block; }
			div.profile-select div.profile { width: 135px; float: left; display: inline-block; }
			div.profile-select div.profile a { text-decoration: none; color: #aeda6a; z-index: 4; position: relative; background: url(http://www.werkenbijelectrabel.nl/templates/images/icon-select.png) 100% 0 no-repeat; width: 8.5em; float: left; display: inline; text-indent: 0.5em; }
			div.profile-select div.profile a:hover { background-color: #fff; color: #00a4d2; z-index: 4; position: relative; }
	
			div.profile-select div.profile div.area-overlay { width: 99px; height: 147px; display: inline; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-area-overlay.png) 0 0 no-repeat; position: absolute; z-index: 2; top: -8px; left: -18px; display: none; padding: 30px 15px 10px 15px; }
				div.profile-select div.profile:hover div.area-overlay { display: block; }
				
				div.profile-select div.profile div.area-overlay p { text-font: 11px; color: #5a5a5a; border-bottom: 1px solid #ccc; text-transform: none; padding: 0 0 5px 0; margin: 0 0 5px 0; }
				div.profile-select div.profile div.area-overlay ul li { line-height: 18px; display: block; }
					div.profile-select div.profile div.area-overlay ul li a { color: #858585; background: none; }
					div.profile-select div.profile div.area-overlay ul li a:hover { text-decoration: underline; }
					div.profile-select div.profile div.area-overlay ul li.active a { padding: 0 0 0 5px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-area-selected.png) 0 50% no-repeat; color: #aeda6a; }
		
		form.site-search { width: 17.5em; float: right; }
			form.site-search input.search-input { width: 12.9em; height: 1.2em; font-size: 0.85em; float: left; display: inline; }
			form.site-search a.search { margin: 0 0 0 0.5em; height: 1.7em; line-height: 1.6em; padding: 0 0 0 2.4em; display: block; float: left; display: inline; background: url(../images/vibration/btn-search.png) 0 0 no-repeat; font-size: 0.9em; color: #fff; text-transform: uppercase; text-decoration: none; }
				form.site-search a:hover.search { background-position: 0 -18px; text-decoration: underline; }
	
	/*// main menu /*/
	div.menu-bar { background: #fff; min-height: 50px; height: auto !important; height: 50px; overflow: visible; padding: 24px 0; }
		div.menu-bar div { width: 83.2em; margin: 0 auto; position: relative; }
		
		#logo { float: left; }
		ul.main-menu { width: 44em; height: 50px; float: left; }
			ul.main-menu li { display: block; float: left; height: 65px; font: 125%/1.3em helvetica, arial, geneva, sans-serif; display: inline; color: #8a5607; text-transform: uppercase; font-family: 'Electrabel', Arial, Helvetica, sans-serif; }
				ul.main-menu li a { color: #8a5607; text-decoration: none; display: block; float: left; margin: 0 0 0 50px; font-size: 17px; padding: 11px 0 0 0; }
				ul.main-menu li a:hover,
				ul.main-menu li.active a { color: #f49b00; }
			
			ul.main-menu li ul.sub-menu { display: none; margin-top: 59px; padding: 18px 6px 10px 0; height: auto; width: 124px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-submenu.png) 0 0 no-repeat; position: absolute; z-index: 10; }
			ul.main-menu li ul.sub-menu-1 { margin-left: 28px; }
			ul.main-menu li ul.sub-menu-2 { margin-left: 11px; }
			ul.main-menu li ul.sub-menu-3 { margin-left: 37px; }
			
			ul.sub-menu li ul.third-level { top: -59px; left: 93px; border-left: 1px solid #fff; }
				ul.sub-menu li ul.third-level>li a { text-align: left !important; padding: 0 0 0 10px !important; }
			
			ul.main-menu li:hover>ul { display: block; }
			ul.main-menu li ul:hover { display: block; }
			
				ul.main-menu li ul.sub-menu li { float: left; min-height: 15px; height: auto; }
					ul.sub-menu li.has-sub>a { background: url(http://www.werkenbijelectrabel.nl/templates/images/icon-hassub.png) 100% 0 no-repeat; }
					ul.sub-menu li.has-sub>a:hover { background-position: 100% -52px; }
				
				ul.main-menu li ul.sub-menu li a { margin: 0; text-align: right; font-weight: bold; width: 117px; margin: 4px 0 4px 0; min-height: 12px; height: auto; font-size: 12px; line-height: 14px; font-family: 'Electrabel', Arial, Helvetica, sans-serif; color: #fff; padding: 0 10px 0 0; }
				ul.main-menu li ul.sub-menu li a:hover,
				ul.main-menu li ul.sub-menu li.active a { color: #8a5607; }
				
				
		
	div.visual-header { background: #fff url(http://www.werkenbijelectrabel.nl/templates/images/bg-header.png) 0 0 repeat-x; min-height: 19.4em; height: auto !important; height: 19.4em; overflow: visible; }
	div.visual-container { background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-visual.png) 50% 0 no-repeat; min-height: 19.4em; height: auto !important; height: 19.4em; overflow: visible; }
		div.visual-container div.visual { width: 998px; height: 233px; margin: 0 auto; }

/*////////// content //////////*/
	div.container-frame { background: transparent; min-height: 400px; height: auto !important; height: 400px; overflow: visible; width: 100%; float: left; background: transparent url(http://www.werkenbijelectrabel.nl/templates/images/bg-body.png) 0 bottom repeat-x; padding: 0 0 8px 0; }
		div.container-frame div.content-frame { width: 83.2em; margin: 0 auto; position: relative; }
		
		/*////////// content blocks //////////*/
		div.wirebox { /*background: url(http://www.werkenbijelectrabel.nl/templates/images/rounded-tl.png) 0 0 no-repeat;*/ float: left; position: relative; }
			div.rounded-box { width: auto; display: block; /*background: url(http://www.werkenbijelectrabel.nl/templates/images/rounded-tr.png) 100% 0 no-repeat;*/ padding: 1px; }
			div.rounded-btm { position: absolute; left: 0; right: 0; bottom: 0; /*background: url(http://www.werkenbijelectrabel.nl/templates/images/rounded-bl.png) 0 0 no-repeat;*/ float: left; height: 5px; }
				div.rounded-btm-inside { width: 5px; height: 5px; float: right; /*background: url(http://www.werkenbijelectrabel.nl/templates/images/rounded-br.png) 100% 100% no-repeat;*/ }
				div.float-left { float: left; }
		
		div.google-recruiters { height: 190px; margin: 0 0 8px 0; }
		
			div.google-box { width: 665px; height: 190px; }
			div.google-text { width: 635px; height: 165px; background: #fff url(http://www.werkenbijelectrabel.nl/templates/images/bg-googlebox.png) 0 0 no-repeat; padding: 10px 15px 15px 15px; }
				div.large-text { height: auto; }
				div.google-text h1 { color: #8a5607; font-size: 1.75em; height: 1.75em; margin: 0 0 6px 0; }
				div.google-text h2 { color: #8a5607; font-size: 1.4em; margin: 0 0 6px 0; font-weight: normal; }
				div.google-text h3 { color: #8a5607; font-size: 1.2em; margin: 0 0 6px 0; }
				div.google-text h4 { color: #8a5607; font-size: 1em; margin: 0 0 6px 0; }
				div.google-text p { font-size: 11px; line-height: 19px; margin: 0 0 12px 0;}
				
				div.google-text ul, div.google-text ol { margin: 0 0 15px 0; }
				div.google-text ul li { font-size: 11px; line-height: 20px; background: url(http://www.werkenbijelectrabel.nl/templates/images/li-item.png) 0 8px no-repeat; padding: 0 0 0 14px; }
				
				div.google-text ol li { font-size: 11px; line-height: 20px; list-style-position: inside; list-style: decimal; }
			
			div.recruiter-box { width: 325px; height: 190px; margin: 0 0 0 8px; }
			div.recruiters { width: 295px; height: 165px; padding: 10px 15px 15px 15px; background: #fff url(http://www.werkenbijelectrabel.nl/templates/images/bg-recruiterbox.png) 0 0 no-repeat;  }
			div.recruiters-header { color: #8a5607; font-size: 1.75em; height: 16px; padding: 6px 0 0 0; }
			
				div.recruiter-info { width: 200px; float: left; height: 110px; }			
					div.recruiter-info h2 { color: #eb4e0d; font-size: 1.1em; margin: 15px 0 0 0; padding: 0; }
					div.recruiter-info div.recruiter-title { font-size: 90%; }
					div.recruiter-info p { color: #6f7070; font-size: 90%; margin: 1.4em 0 0 0;  }
				img.recruiter-photo { float: left; margin: 13px 0 0 0; }
				
				div.recruiter-socials { border-top: 0.1em solid #e1e1e1; float: left; clear: left; width: 255px; height: 29px; padding: 5px 0 0 33px; }
					div.recruiter-socials a { width: 70px; height: 20px; display: block; float: left; }
					
					div.recruiter-socials a.linkedin { background: url(http://www.werkenbijelectrabel.nl/templates/images/logo-linkedin.png) 0 0 no-repeat; margin: 5px 10px 0 0; }
					div.recruiter-socials a.twitter { background: url(http://www.werkenbijelectrabel.nl/templates/images/logo-twitter.png) 0 1px no-repeat; margin: 5px 10px 0 0; }
					div.recruiter-socials a.facebook { background: url(http://www.werkenbijelectrabel.nl/templates/images/logo-facebook.png) 0 -3px no-repeat; margin: 5px 10px 0 0; }
						div.recruiter-socials a.linkedin:hover { background-position: 0 -20px; }
						div.recruiter-socials a.twitter:hover { background-position: 0 -18px; }
						div.recruiter-socials a.facebook:hover { background-position: 0 -27px; }	
		
			#recruiters-list { clear: both;}
			#recruiters-list div.recruiter-socials {margin-bottom: 40px;}
			#recruiters-list div { float: left;}
			#recruiters-list div.recruiter {margin-left: 30px; }
		div.interact-bar { margin: 0 ; }
			
			div.vacancies-box { width: 335px; float: left; height: 390px; }	
			div.vacancies { width: 305px; height: 365px; padding: 8px 15px 15px 15px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-vacancybox.png) 0 0 no-repeat; }
				div.vacancy-header { color: #e23737; font-size: 1.75em; height: 0.8em; margin: 8px 0; }
				
				/*////////// vacancy //////////*/
				div.vacancy-item { border-bottom: 0.1em solid #e9e9e9; padding: 6px 0; float: left; width: 305px; }
					div.vacancy-odd { background: #f1fbfd; }
					div.vacancy-even { background: transparent; }
					div.vacancy-item:hover { background: #fff3e5; }
					div.vacancy-item h3 { color: #8a5607; font-size: 15px; margin: 0 0 2px 0; font-weight: normal; }
						div.vacancy-item h3 a { color: #8a5607; }
						div.vacancy-item h3 a:hover { color: #8a5607; }
				div.vacancy-container { float: left; }	
					div.vacancy-info { float: left; width: 210px; }
						div.vacancy-place { color: #707070; font-size: 11px; }
						span.vacancy-number { color: #e23737; }
						div.date-added { color: #707070; font-size: 11px; padding: 1px 0 0 0; }
					a.read-more { float: left; width: 75px; margin: 20px 0 0 0; line-height: 13px; height: 13px; display: block; color: #f49b00; font-weight: bold; font-size: 11px; text-decoration: none; background: url(../images/vibration/btn-read-more.png) 0 0 no-repeat; padding: 0 0 0 18px; }
					a.read-more:hover { background-position: 0 -32px; text-decoration: underline; color: #e23737; }
				
			div.events-poll { width: 322px; height: 390px; margin: 0 0 0 8px; }
				div.events { width: 292px; height: 167px; padding: 8px 15px 15px 15px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-eventbox.png) 0 0 no-repeat; }
					div.event-header { color: #8a5607; font-size: 1.4em; height: 0.8em; margin: 8px 0 20px 0; }
					
					div.event-item div.event-date { color: #707070; font-weight: bold; margin: 0 0 6px 0; }
					
					div.event-info { height: 80px; }
					div.event-info strong { color: #e23737; }
					div.event-info p { margin-bottom: 5px; font-size: 11px; }

/*// algemene read more knop //*/
a.btn-read-more { color: #8a5607; font-weight: bold; background: url(../images/vibration/btn-read-more.png) 0 -67px no-repeat; padding: 0 0 0 18px; font-size: 11px; text-decoration: none; }
a.btn-read-more:hover { color: #f49b00; background-position: 0 0; text-decoration: underline; }
						
					div.events-overview { border-top: 0.1em solid #e1e1e1; padding: 6px 0 0 0; }
						div.events-overview a { color: #8a5607; font-weight: bold; background: url(../images/vibration/btn-read-more.png) 0 -67px no-repeat; padding: 0 0 0 18px; font-size: 11px; text-decoration: none; }
						div.events-overview a:hover { color: #f49b00; background-position: 0 0; text-decoration: underline; }
					
				div.poll { width: 292px; height: 169px; padding: 8px 15px 15px 15px; margin: 8px 0 0 0; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-pollbox.png) 0 0 no-repeat; }
					div.poll-header { color: #8a5607; font-size: 1.4em; height: 0.8em; margin: 8px 0 10px 0; }
					div.poll p { font-size: 11px; margin-bottom: 5px; }
						div.poll p.answered { padding: 0;  margin: -2px 0; }
					
					div.poll-answers { height: 58px; }
					div.poll-answer { overflow: hidden; padding: 0 5px 0 0; width: auto; margin: 0; }
						div.poll-answer input { width: 20px; float: left; }
						div.poll-answer label { font-weight: normal; text-align: left; float: left; width: 270px; font-size: 11px; padding-left: 20px; cursor: pointer; }
					
					div.poll-input { border-top: 0.1em solid #e1e1e1; padding: 8px 0 0 19px; margin: 6px 0 0 0; font-size: 11px; color: #707070; }
						div.poll-input a { color: #8a5607; text-decoration: none; }
						div.poll-input a:hover { color: #f49b00; text-decoration: underline; }
					
			div.news { width: 295px; height: 367px; margin: 0 0 0 8px; padding: 8px 15px 15px 15px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-newsbox.png) 0 0 no-repeat; }
				div.news-header { color: #8a5607; font-size: 1.75em; height: 0.8em; margin: 8px 0 9px 0; }
				div.news-items { height: 305px; }
					div.news-item { border-bottom: 0.1em solid #e1e1e1; padding: 8px 0; }
					div.news-item:hover { background: #fff3e5; }
						div.news-item div.news-date { color: #707070; font-weight: bold; margin: 0 0 6px 0; }
						div.news-item strong { color: #e23737; margin: 0 0 2px 0; }
						div.news-item p { margin-bottom: 5px; font-size: 11px; }
						div.news div.last { border: 0; }
					
				div.news-bookmarks { border-top: 0.1em solid #e1e1e1; padding: 8px 0 0 0; margin: 6px 0 0 0; font-size: 11px; color: #8a5607; float: left; width: 296px; }
					div.bookmark-title { float: left; width: 180px; }
					div.bookmark-items { float: right; width: 100px; text-align: right; }
						a.icon { width: 18px; height: 18px; display: block; float: right; background-repeat: no-repeat; background-position: 0 0; margin: 0 5px 0 0; }
							a.rss { background-image:url(http://www.werkenbijelectrabel.nl/templates/images/icon-rss.png); }
							a.add-fav { background-image: url(http://www.werkenbijelectrabel.nl/templates/images/icon-favorite.png); }
						a.icon:hover { border-bottom: 1px solid #ccc; }
			
			div.locations { overflow: none; margin: 0 0 8px; float: right; width: 330px; height: 330px; padding: 10px 10px 10px 10px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-routebox2.png) 0 0 no-repeat; }
				div.locations-contents h1 { border-bottom:0.1em solid #E9E9E9; color: #8a5607; font-size: 1.75em; line-height: 0.8em; margin: 8px 0 9px 0; padding: 0 0 6px 0;}
				div.locations-contents h2 { color: #8a5607; font-size: 11px; line-height: 11em; margin: 8px 0 9px 0; padding: 0 0 6px 0;}
			
			div.planner { margin: 0 0 8px 0; float: right; width: 708px; height: 38px; padding: 0px 0px 0px 0; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-plannerbox.png) 0 0 no-repeat; }
				div.planner .planner-field { float: left; margin: 1px 8px 0 8px; color:#939393; font-size:12px; width: 164px;}
					div.planner .planner-field:focus, div.planner .planner-field:hover { color:#000; }
					div.planner input.planner-field { padding:2px 2px; }
					div.planner select.planner-field { padding:1px 1px; }
					div.planner input, div.planner select { vertical-align:middle; }
				div.planner .plan-title { color:#8a5607; display:inline-block; float:left; font-size:15px; line-height:36px; padding:0 15px; text-decoration:none; }
				div.planner form.form-planner { display:inline-block; float:left; margin:0; padding: 8px 0 0; width:557px; }
				div.planner .plan-route { background:transparent url(http://www.werkenbijelectrabel.nl/templates/images/vibration/btn-go-further.png) no-repeat scroll 0 0; display:inline-block; float:left; height:18px; margin: 9px 14px 0 0; text-indent:-9999em; width:18px; }
				div.planner .plan-route:hover { background-position: 0 -18px; }

			div.map { margin: 0 0 8px 0; float: left; width: 330px; height: 330px; padding: 10px 10px 10px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-routebox2.png) 0 0 no-repeat; }
				div.map-header { border-bottom:0.1em solid #E9E9E9; color: #8a5607; font-size: 1.75em; height: 0.8em; margin: 8px 0 9px 0; padding: 0 0 6px 0;}
			
			div.direct { margin: 0 0 8px 0; float: right; width: 340px; height: 340px; padding: 5px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-routebox2.png) 0 0 no-repeat; }
				div.direct-header { border-bottom:0.1em solid #E9E9E9; color: #8a5607; font-size: 1.75em; height: 0.8em; margin: 8px 0 9px 0; padding: 0 0 6px 0;}
				div.direct h2 { color:#8a5607; font-size:1.4em; font-weight:normal; margin:0 0 6px; }
			
			div#planroute, div#directions { overflow: auto; width: 330px; height: 330px; }
			
		div.newsletter-kika-box { height: 42px; margin: 8px 0 0 0; }
			div.newsletter { width: 665px; height: 42px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-newsletterbox.png) 0 0 no-repeat; }
				div.newsletter div.newsleter-title { float: left; display: inline-block; text-decoration: none; color: #8a5607; line-height: 42px; font-size: 15px; padding: 0 15px 0; }
				form.newsletter-add { float: left; margin: 0; display: inline-block; width: 450px; padding: 8px 0 0 0; }
					form.newsletter-add input { color: #939393; font-size: 12px; padding: 4px 6px; }
						form.newsletter-add input.name-field { width: 95px; }
						form.newsletter-add input.surname-field { width: 95px; }
						form.newsletter-add input.email-field { width: 200px; }
					form.newsletter-add input:focus,
					form.newsletter-add input:hover { color: #8a5607; border-color: #939393; }
					form.newsletter-add a { position: relative; top: 2px; }
					form.newsletter-add a.newsletter-select { cursor: pointer; display: inline-block; border: 0.1em solid #c4d3df; color: #939393; font-size: 12px; padding: 3px 15px 3px 6px; width: 80px; background: url(http://www.werkenbijelectrabel.nl/templates/images/icon-selecting.png) 95% 6px no-repeat; }
						form.newsletter-add a.newsletter-select:hover,
						form.newsletter-add a.newsletter-select:focus { color: #8a5607; border-color: #939393; background-position: 95% -24px; }
					
				div.newletter-submit a.add-newsletter { background: url(http://www.werkenbijelectrabel.nl/templates/images/btn-go-further.png) 0 0 no-repeat; width: 18px; height: 18px; display: inline-block; float: left; margin: 12px 15px 0 0; text-indent: -9999em; }
					div.newletter-submit a.add-newsletter:hover { background-position: 0 -18px; }
			
			div.kika-box { cursor: pointer; width: 998px; height: 42px; margin: 0 0 0 0px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-kika-white-full.png) 0 0 no-repeat; }
				div.kika-box:hover { background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-kika-white-full-new-hoover.png) 0 0 no-repeat; }
				a.btn-adv { width: 998px; height: 42px; display: block; text-decoration: none; color: #8a5607; line-height: 40px; font-size: 15px; padding: 0 0 0 15px; }
					a.btn-adv span.kika-box-title { width: 245px; float: left; }
					
					a.btn-adv span.kika-box-logo { width: 51px; float: left; margin: 4px 0 0 0; height: 35px; display: inline-block; background: url(http://www.werkenbijelectrabel.nl/templates/images/logo-kika.png) 0 0 no-repeat; text-indent: -9999em; }
					a.btn-adv:hover span.kika-box-logo { background-position: 0 -35px; }
		
/*////////// fancy checkbox //////////*/
	label.checked,
	label.unchecked,
	label.selected,
	label.unselected { position: relative; display: block; padding-left: 19px; clear: both; height: 21px; cursor: pointer; background-position: 0 center; background-repeat: no-repeat; }
	label.checked, label.selected { background: url(http://www.werkenbijelectrabel.nl/templates/images/btn-chckbox.png) -4px -22px no-repeat; }
		label.unselected:hover { background: url(http://www.werkenbijelectrabel.nl/templates/images/btn-chckbox.png) -4px -43px no-repeat; }
	label.unchecked, label.unselected { background: url(http://www.werkenbijelectrabel.nl/templates/images/btn-chckbox.png) -4px -1px no-repeat; }
				
/*////////// footer //////////*/
	div.bottom-bar { background: #fff; min-height: 35px; height: auto !important; height: 35px; overflow: visible; padding: 0; float: left; width: 100%; margin: 0; }
		div.bottom-bar div.footer { width: 83.2em; margin: 0 auto; position: relative; height: 35px; padding: 6px 0 0 0; }
		
		ul.copyright { width: 400px; float: left; line-height: 16px; }
			ul.copyright li { display: inline; font-size: 10px; color: #8a5607; }
				ul.copyright li a { color: #8a5607; text-decoration: none; }
				ul.copyright li a:hover { color: #f49b00; text-decoration: underline; }
				
		ul.footer-menu { width: 500px; text-align: right; padding: 0 2px 0 0; float: right; line-height: 16px; }
			ul.footer-menu li { display: inline; font-size: 10px; color: #8a5607; }
				ul.footer-menu li a { color: #8a5607; text-decoration: none; }
				ul.footer-menu li a:hover { color: #f49b00; text-decoration: underline; }
				ul.footer-menu li a.go-up { color: #e23737; padding: 0 0 0 15px; background: url(../images/vibration/btn-up.png) 0 2px no-repeat; height: 10px; display: inline; margin: 0 0 0 15px; }
				ul.footer-menu li a:hover.go-up { background-position: 0 -28px; color: #f49b00; }


/* follow up pages */
	div.menu-google { width: auto; margin: 10px 0 20px 0; min-height: 200px; position: relative; /* voor lege pagina */ min-height: 350px; }
	
	ul.side-menu { width: 230px; float: left; border-bottom: 1px solid #e9e9ea; margin: 10px 60px 0 0; }			
	ul.side-menu li { border-top: 1px solid #e9e9ea; width: 230px; }
		ul.side-menu li a { padding: 0 0 0 12px; line-height: 29px; color: #f49b00; text-decoration: none; text-transform: uppercase; font-family: tahoma, helvetica, arial; font-size: 11px; background: url(http://www.werkenbijelectrabel.nl/templates/images/vibration/icon-list-menu.png) 0 2px no-repeat; }
		ul.side-menu li a:hover { text-decoration: underline; }
		ul.side-menu li span { padding: 0 0 0 12px; line-height: 29px; color: #f49b00; text-decoration: none; text-transform: uppercase; font-family: tahoma, helvetica, arial; font-size: 11px; background: url(http://www.werkenbijelectrabel.nl/templates/images/vibration/icon-list-menu.png) 0 2px no-repeat; }
		ul.side-menu li.active a, ul.side-menu li.active span { font-weight: bold; background-position: 0 -7px; color: #e23737; }
			
			ul.side-menu li ul { display: block; width: 225px; margin: 0 0 10px 0; }
				ul.side-menu li ul li,
				ul.side-menu li.active ul li { border-top: 0; }
				ul.side-menu li.active ul li a { font-weight: normal; background-position: 12px 2px; color: #f49b00; }
				ul.side-menu li ul li a { text-transform: none; color: #EB4E0D; padding-left: 24px; line-height: 18px; background-position: 12px 2px;  }
					ul.side-menu li ul li a:hover { text-decoration: underline; }
					ul.side-menu li.active ul li.active a { font-weight: bold; }
		
	div.menu-google div.google-text { width: 600px; float: left; background: transparent; padding: 5px; }
		div.custom-text h1 { color: #8a5607; font-size: 1.75em; height: 1.75em; margin: 0 0 6px 0; }
			div.custom-text p { font-size: 11px; line-height: 20px; letter-spacing: 1px; }
	
	div.main-container {}
		div.main-container h2 { color: #e23737; margin:0 0 2px; font-size: 11px; font-weight: bold; }	
	
	div.custom-box { width: 665px; height: 190px; margin: 0 0 10px 0; }
			div.custom-text { width: 635px; height: 165px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-googlebox.png) 0 0 no-repeat; padding: 10px 15px 15px 15px; }
	
	ul.link-list { width: 159px; float: left; margin: 0 20px 0 0; }
		ul.lined { border-right: 1px solid #ccc; }
		ul.link-list li { height: 24px; line-height: 24px; }
	
	div.doc-downloads { float: left; }
		ul.download-list { margin: 5px 0 0 0; }
			ul.download-list li { height: 24px; line-height: 24px; }
			ul.download-list li a { display: block; color: #8a5607; font-size: 11px; text-decoration: none; padding: 0 0 0 22px; height: 18px; line-height: 18px; }
			ul.download-list li a:hover { color: #79c143; }
				ul.download-list li a.pdf { background: url(http://www.werkenbijelectrabel.nl/templates/images/icon-pdf-download.png) 0 0 no-repeat; }
		
	div.doc-text { width: 244px; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #ccc; float: left; }
		div.doc-text p { line-height: 16px; }
	div.movie-holder-small { width: 270px; height: 170px; float: left; position: relative; z-index: 2; margin: -43px 0 0 0; }
	
	div.linksection { float: left; width: 665px; }
	div.related-right { float: left; width: 325px; margin: 0 0 0 8px; }
	
		div.related-box { width: 327px; height: 391px }
		div.related-text { height: 365px; background: url(http://www.werkenbijelectrabel.nl/templates/images/bg-newsbox.png) 0 0 no-repeat; padding: 10px 15px 15px 15px; }
		
		div.related-header { color: #8a5607; font-size: 1.75em; height: 0.8em; margin: 8px 0 9px 0; }
			div.related-items { height: 300px; }
				div.related-item { border-bottom: 0.1em solid #e1e1e1; padding: 8px 0; }
				div.related-item:hover { background: #fff3e5; }
					div.related-item div.related-date { color: #707070; font-weight: bold; margin: 0 0 6px 0; font-size: 11px; }
					div.related-item strong { color: #e23737; margin: 0 0 2px 0; font-size: 11px; }
					div.related-item p { margin-bottom: 5px; font-size: 11px; }
					div.related div.last { border: 0; }
					
				div.related-overview { padding: 6px 0 0 0; height: 30px; line-height: 30px; }
					div.related-overview a { color: #8a5607; font-weight: bold; background: url(http://www.werkenbijelectrabel.nl/templates/images/btn-read-more.png) 0 0 no-repeat; padding: 0 0 0 18px; font-size: 11px; text-decoration: none; }
					div.related-overview a:hover { color: #f49b00; background-position: 0 -32px; text-decoration: underline; }
					
		div.no-margin { margin-bottom: 0; }
.show { display: block !important; }
		
div.content-block.ref-scroller { position: relative; overflow: hidden; }
div.content-block.ref-scroller ul#carousel-controls { position: absolute; margin: 0; padding: 0; top: 155px; left: 10px; list-style-type: none; }
div.content-block.ref-scroller ul#carousel-controls li { float: left; }
li.next-btn { position: relative; left: 245px; }
div.content-block.ref-scroller ul#carousel-controls li a.prev,
div.content-block.ref-scroller ul#carousel-controls li a.next { display: block; width: 29px; height: 29px; text-indent: -9999px; margin: -5px 0 0 0; }

div.content-block.ref-scroller ul#carousel-controls li a.prev { background: url(http://www.werkenbijelectrabel.nl/templates/images/btn-prev.png) 0 0 no-repeat; }
div.content-block.ref-scroller ul#carousel-controls li a.prev:hover { background-position: 0 -29px; }

div.content-block.ref-scroller ul#carousel-controls li a.next { background: url(http://www.werkenbijelectrabel.nl/templates/images/btn-next.png) 0 0 no-repeat; }
div.content-block.ref-scroller ul#carousel-controls li a.next:hover { background-position: 0 -29px; }

div.content-block.ref-scroller div#scroller { width: 295px; height: 150px; overflow: hidden; }
div.content-block.ref-scroller div#slides { width: 99999px; }
div.content-block.ref-scroller div.slide { float: left; width: 295px; height: 150px; }

/* poll results */
.poll-answers .results { margin-bottom: 4px; padding: 0 36px 0 0; position: relative; }
.poll-answers .bar-l { background: url(http://www.werkenbijelectrabel.nl/templates/images/poll-res-l.png) 0 0 no-repeat; padding: 0 0 0 5px; height: 12px; }
.poll-answers .bar-r { background: url(http://www.werkenbijelectrabel.nl/templates/images/poll-res-r.png) 100% 0 no-repeat; padding: 0 4px 0 0; height: 12px; }
.poll-answers .bar-m { background-image:url(http://www.werkenbijelectrabel.nl/templates/images/poll-res-m.png); height: 8px; padding: 3px 0 0 0; }
.poll-answers .bar-result { height: 6px; overflow: hidden; background: #f49b00 url(http://www.werkenbijelectrabel.nl/templates/images/poll-res-res-r.png) 100% 0 no-repeat; padding: 0; } 
.poll-answers .percentage { position:absolute; right: 0px; top: -2px; font-size: 11px; color: #444; padding: 0; }

/* poll archive */
div.poll-overview { width: 998px; float: left; }
	.poll-overview .poll-archive { width: 343px; float: left; }
		.poll-overview .poll-archive a { background:transparent url(http://www.werkenbijelectrabel.nl/templates/images/icon-list-menu.png) no-repeat scroll 0 2px; color:#f49b00; font-family:tahoma,helvetica,arial; font-size:11px; line-height:29px; padding:0 0 0 12px; text-decoration:none; text-transform:uppercase; }
	.poll-overview .poll { width: 300px; float: left; }

/*  news and events overview page  */
div.news-list { width: 221px; float:left; min-height:400px; padding:0px 15px 0; width:221px;  }
	div.news-list h1 { color:#8a5607; font-size:1.75em; line-height:0.8em; margin:8px 0 9px; }
		div.news-list ul { border-bottom:1px solid #E9E9EA; float:left; margin:10px 60px 0 0; width:230px; }
			div.news-list ul li { border-top:1px solid #E9E9EA; width:230px;}
				div.news-list li a { padding: 0 0 0 12px; line-height: 29px; color: #f49b00; text-decoration: none; text-transform: uppercase; font-family: tahoma, helvetica, arial; font-size: 11px; background: url(http://www.werkenbijelectrabel.nl/templates/images/icon-list-menu.png) 0 2px no-repeat; }
				div.news-list li a:hover { text-decoration: underline; }
				div.news-list li.active a { font-weight: bold; background-position: 0 -7px; }

div.news-overview, div.event-overview { float: left; width: 998px; height: auto; }
	div.news-top, div.event-top { width: 738px; height: 13px; float: left; }
	div.news-container, div.event-container { width: 708px; min-height: 300px; height: auto; float: left; padding: 0 15px 15px 15px; }
	
div.event-overview div.event { border-bottom: 1px solid #ccc; width: 965px; position: relative; margin: 8px 0 8px 0; display: block; float: left; }
	.event-date { color: #707070; font-weight: bold; margin: 0 0 6px; }
	div.event-overview div.event .event-info { height: auto; padding: 0 0 10px 0; }
div.item { width: 708px; }
	div.item h1 { color: #8a5607; font-size: 1.75em; line-height: 0.8em; margin: 8px 0 9px 0; }
	div.item h2 { color: #8a5607; font-size: 1.4em; line-height: 0.8em; margin: 8px 0 10px 0; }
	div.item p { font-size: 11px; margin: 15px 0 0 0; }
	
	div.overview ul li a { color: #e23737; }
		div.overview ul li a:hover { text-decoration: underline; color: #f49b00; }
	
#call-to-action { background: url(http://www.werkenbijelectrabel.nl/templates/images/vibration/call-to-action-trans.png) 0 0 no-repeat; cursor: pointer; height: 28px; width: 155px; }
#call-to-action:hover { background-position: 0 -28px; }

.poll-overview { min-height: 300px; }
.poll-archive li { border-top: 1px solid #E9E9EA; padding: 5px 0; }
.poll-archive li a { line-height: 16px !important; }
.poll-archive .poll-date { color: #A8A9AB; width: 320px; display: inline-block; border: none; }
.poll-overview .poll { margin-left: 20px; }