/*26-7-2010*/

/*  =reset.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #51535a;
}

body
{
	line-height: 1;
}

/*uitzonderingen */
#content .video img,
#content #full-sub #content .video img,
body.bp-home #content #full-sub #colom-1 a.video img,
body.wmm #content img,
body.wmm #content img.cover,
#content #videogrid img,
#content div.content_staff img
{
	background-color: transparent;
	border: none;
	border-width: 0;
}

ul
{
	list-style: none;
}

blockquote,
q
{
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
	content: '';
	content: none;
}

#content blockquote
{
	border: 8px solid #e8eff7;
	color: #51535a;
	padding: 2px 6px 6px 6px;
	margin: 8px 0;
}

#content blockquote h3,
#content blockquote h4,
#content blockquote h5,
#content blockquote h6,
#content blockquote p,
#content blockquote ul,
#content blockquote li,
#content blockquote ol,
#content blockquote a
{
	margin: 0;
	padding: 0;
	color: #51535a;
	font-size: 1em;
	line-height: 1.3em;
}

#content blockquote h3,
#content blockquote h4,
#content blockquote h5,
#content blockquote h6
{
	line-height: 1.8em;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

input.radio,
input.checkbox
{
	border: none;
	width: 25px;
}

label
{
	cursor: pointer;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	color:#080808;
}

.radio_label,
.checkbox_label
{
	display: inline;
	font-weight:normal;
}

.radio input,
.checkbox input
{
	width: 25px;
	border-color: #fff;
}

input,
textarea
{
	border: 1px solid #c6c7c8;
	width: 370px;
	color:#000;
	padding:2px;
	font: normal 100%/1.75em Arial, Helvetica, sans-serif;
}

form#share_dilemma_form textarea
{
	width: 310px;
}

form#share_idea_form textarea
{
	width: 500px;
}

textarea
{
	min-height: 150px;
}

input.checkbox
{
	float:left;
	width:10px;
	margin-left:0;
}

input.submit,
form#share_dilemma_form input.submit,
form#share_idea_form input.submit
{
	display: block;
	border: 1px solid #c6c7c8;
	padding: 3px 5px;
	color: #9599a6;
	text-decoration: none;
	cursor: pointer;
	margin: 0.5em 20px 0 0;
	line-height:15px;
	text-align:center;
	float:left;
	clear: both;
	background: #fff;
	width: auto;
}

input.submit:hover
{
	background: #f60;
	color: #fff;
	cursor:pointer;
}

select
{
	border: 1px solid #c6c7c8;
	width: 256px;
	padding:2px;
	color:#9599a6;
}

#content a.linkbutton
{
	display: block;
	border: 1px solid #c6c7c8;
	padding: 3px 5px;
	color: #9599a6;
	text-decoration: none;
	cursor: pointer;
	margin: 0.5em 20px 0 0;
	line-height:15px;
	text-align:center;
	float:left;
}

#content a.linkbutton:hover
{
	text-decoration: none;
	background: #ff6600;
	color: #fff;
}

#content a.linkbutton:visited
{
	color: #9599a6;
}

/* =blocktext */
h2,
h3,
h4,
h5,
p,
ul,
ol,
dl,
form,
address,
div.vcard
{
	margin: 0; /* margin wordt al door #content bepaald */
	padding: 0.2em 0 0 0;
}

p
{
	margin: 1em 0em 0em;
}

h1
{
	font-size: 3em;
	font-family: Arial, Verdana, sans-serif;
	color: #000066;
	line-height: 1em;
	background: transparent;
}

/* displayed at 36px */
h2
{
	font-size: 2.5em;
	font-family: Arial, Verdana, sans-serif;
}

#content h2
{
	color: #000066;
	border-bottom: 1px solid #c6c7c8;
	padding-bottom: 5px;
	margin: 0 0 0 0;
	width: 100%;
}

body.idea #content h2
{
	border: 0;
	padding-bottom: 0;
}

body.home #content h2
{
	border: none; /* border zit al in Flashmovie */
}

body.wmm #content h2
{
	width: 937px;
}

body.wmm #content #colom-1 h3
{
	padding-bottom:0;
	margin-bottom: -12px;
}

body.employee #content #chapter h3
{
	padding-bottom:0;
	margin-bottom: -3px;
}

body.wmm #content #colom-1 ul#videogrid h3,
body.wmm #content #colom-2 #chapter h3
{
	margin-bottom: -6px;
	margin-top: 2px;
}

body.wmm #content #colom-1 ul#videogrid img,
body.employee #content #colom-1 ul#videogrid img
{
	margin-bottom: -3px;
}

body.wmm #content #colom-2 #chapter div.item img,
body.employee #content #chapter div.item img
{
	margin-bottom: -14px;
}

h3
{
	padding: 0.3em 0 0 0;
	color: #000066;
	font-size: 130%;
}

/* displayed at 15px */
h4,
h5,
h6
{
	font-size: 1.25em;
	font-family: Arial, Verdana, sans-serif;
	color: #000066;
}

h5,
h6
{
	font-size: 1.05em;
}

.border
{
	border-bottom: 1px solid #c6c7c8;
	margin-bottom: 1.5em;
	padding-bottom: 0.2em;
}

h5.border
{
	margin-bottom:-.5em;
}

/* displayed at 12px */
h1,
h2,
h3,
h4,
h5
{
	clear: both;
	font-family: Arial, Verdana, sans-serif;
}

ol
{
	margin-left: 25px;
	color: #51535a;
}

dt
{
	font-weight: bold;
	color: #51535a;
	margin-top: 0;
	background: transparent;
}

q:before,
q:after
{
	content: '';
}

/* =a */
a
{
	color: #9599a6;
	text-decoration: none;
}

li.active a,
a.active
{
	color: #ff6600;
}

hr
{
	border: 0;
	color: #c6c7c8;
	background-color: #c6c7c8;
	height: 1px;
}

#content a
{
	background: transparent;
	color: #f60;
	padding: 0;
	text-decoration: none;
}

#content a:hover
{
	color: #f60;
	text-decoration: underline;
	background: transparent;
}

#content a:visited
{
	/*color: #f60;*/
    background: transparent;
}

#content ul li
{
	padding-left: 15px;
	background: #fff url(/img/bullit.png) no-repeat 0 4px;
}

/*	Layout*/
body
{
	font: normal 76%/1.75em Arial, Helvetica, sans-serif;
	border: 0;
	color: #51535a;
	padding: 0;
	margin: 0;
	background: #fff url(/img/bg.gif) repeat-x 0 0;
	width: 100%;
}

#container
{
	margin: 0 auto;
	width: 996px;
	text-align: left;
	min-height: 800px;
	_height:800px;
	background: #fff;
	position: relative;
	padding-top: 15px;
}

#header
{
	width: 937px;
	margin: 0 auto;
	position: relative;
	border-top: 5px solid #f60;
	z-index: 2; /* om menu boven Flash te krijgen!*/
}

h1#logo a
{
	display: block;
	text-indent: -9999px;
	background: transparent url(/img/logo-ing.png) no-repeat 0 0;
	width: 130px;
	height: 39px;
	margin-left: 32px;
	margin-bottom: 3px;
	margin-top: -1px;
	text-decoration: none;
	position: relative;
	z-index: 2;
}

#content
{
	width: 619px;
	margin: 10px 20px 30px 30px;
	float: left;
	background: #fff;
	z-index: 1; /* om menu boven Flash te krijgen!*/
	_padding-bottom: 20px
}

#content_full
{
	width:937px;
	margin: 10px 20px 0px 30px;
	_margin-left: 15px;
	float:left;
	background: #fff;
	z-index: 1; /* om menu boven Flash te krijgen!*/
}

#flash
{
	width:937px;
	float:left;
}

body.wmm #flash
{
	background: #f6f6f6;
	height: 271px;
}

body.wmm .wmm-flash1
{
	float:left;
	width: 278px;
	height: 271px;
	_position: relative;
	_left: 0;
}

body.wmm .wmm-flash2
{
	margin-left: 280px;
	width: 657px;
	height: 271px;
	_display: inline;
	_position: relative;
	_left: 40px;
	_margin-left: 0px;
}

body.wmm .wmm-imgbanner
{
	width: 616px;
	position: relative;
	float: right;
}

body.wmm #content #flash img
{
	margin: 0px;
	padding: 0px;
}

#footer
{
	width: 937px;
	background: #fff;
	height: 70px;
	margin: 0 auto;
	clear: both;
	position: relative;
	border-top: 2px solid #ff6600;
	_margin-top: 20px;
}

#footer ul
{
	float: left;
	margin-left: 0;
}

#footer ul li
{
	display: inline;
}

#footer ul li a
{
	padding: 0 0.3em 0 0.5em;
	background: url(/img/link-streep.png) no-repeat left 2px;
	font-size: 0.87em;
}

#footer ul li a:hover
{
	text-decoration: underline;
}

#footer ul li.first a
{
	background: none;
	padding-left: 0;
}

#footer ul.copyright
{
	float: right;
	margin-right: 0;
	color: #9599a6;
	font-size: 0.87em;
}

/*nav language*/

ul#nav-lang
{
	position: absolute;
	margin: 5px 0 0 3em;
	font-size: 0.88em;
	top: -7px;
	left: 860px;
}

ul#nav-lang li
{
	display: inline;
}

ul#nav-lang li a:hover
{
	text-decoration: underline;
}

/*Rich Text Template*/
#content .img-rich img
{
	border: none;
	margin: 0;
	padding-top: 0px;
}

#content p.intro-rich
{
	background: #ff6600;
	padding: 10px 20px;
	color: #fff;
	margin: -6px 0 15px 0;
	min-height: 60px;
	font-weight: bold;
	font-size: 120%;
}

#content p.continue
{
	color: #fff;
	background: #c6c7c8;
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
	height: 25px;
	padding: 0;
}

#content p.continue a
{
	height: 25px;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 120%;
	padding: 0 25px 0 15px;
	background: url(/img/bullit-continue.gif) no-repeat right 6px;
}

#content p.continue a:hover
{
	background: #51535a url(/img/bullit-continue-hover.gif) no-repeat right 6px;
	text-decoration: none;
	color: #fff;
}

#content #col-rich
{
	width: 930px; /*position: relative;*/
	float: left; /*  nodig om safari niet de tekst van rechts naar links te laten 'schieten'bij openen */
	margin-bottom: 4em;
}

.column
{
	margin-right: 15px;
}

/*door javascript aangemaakt!*/
.col img
{
	margin: 10px 16px 10px 0;
}

#content #col-rich h3
{
	margin: 0.6em 0 -0.3em 0;
}

/*Right column*/
#secundair
{
	float:left;
	width: 301px;
	_display: inline;
	margin-top: 35px;
	_width: 321px;
	_overflow: hidden;
}

body.rich-text #secundair,
body.ambassador #secundair,
body.employee #secundair
{
	_position: absolute;
	_left: 670px;
}

body.news #secundair,
body.bp-home #secundair,
body.current-discussion #secundair,
body.campaign #secundair

{
	margin-top: 64px; /* Geen H3 titel bovenaan, vandaar meer margin hier */
}
 {
	margin-top: 58/px; /* Geen H3 titel bovenaan, vandaar andere margin hier */
}
body.employee #secundair,
body.rich-text #secundair,
body.ambassador #secundair
{
	margin-top: 35px; /* Geen H3 titel bovenaan, vandaar meer margin hier */
}

/*flash block business principles*/
#secundair .flash-sub
{
	background:transparent;
	position: absolute;
	left:670px;
	top:146px;
	_top:144px;
}

/* Subnav rechts boxes*/
.box,
div#panelmembers_box
{
	float:left;
	width:301px;
	margin:-3px 0 50px 0;
}

div#panelmembers_box select
{
	margin-bottom: 3px;
}

.box div
{
	color:#9599a6;
}

.box h3,
#panelmembers_box h3
{
	padding: 0 0 0 0;
	margin: 0 0 0 4px;
	width: 301px;
}

.box ul.list,
#panelmembers_box ul.list,
#panelmembers_box ul,
#discussion_about_box ul.list
{
	width: 301px;
	padding: 0;
	border-top: 1px solid #c6c7c8;
	margin-bottom: 7px;
}

/* correctie borders voor Local Chapters list */
#secundair .box ul.list li a {
	border-top: none;
	border-left: none;
	border-right: none;
}

body.ambassador #panelmembers_box ul.pagination
{
	border-top: none;
}

#panelmembers_box ul
{
	margin-top: 15px;
	padding-top: 2px;
	margin-bottom: -1em;
}

ul.list li
{
	_height:18px;
}

.box ul.list li a,
#content .box ul.list li a,
#content #news_box ul.list li a
{
	display: block;
	border-bottom: 1px solid #c6c7c8;
	padding: 0.3em 0.3em 0.2em;
}

#content #news_box ul.list li
{
	background: none;
	padding-left: 0;
}

#content #news_box ul.list li a
{
	color: #51535a;
}

.box ul.list li a:hover,
#content.box ul.list li a:hover,
#content #news_box ul.list li a:hover
{
	background: #ff6600;
	color: #fff;
	text-decoration: none;
}

.box ul.list li.active a,
#content .box ul.list li.active a,
#content #news_box ul.list li.active a
{
	color:#006;
}

#secundair #idea_box ul.list li.active a
{
	background: #f60;
	color: #fff;
}

/*Search box*/
#search_box
{
	height:66px;
}

/*News box*/
#news_box
{
	/*margin-top:61px;*/
    padding-top:0;
}

body.wmm #news_box
{
	margin-top: 0;
}

body.wmm #news_box h3
{
	margin-left: 0;
}

body.wmm #news_box a.more
{
	margin-top: 0;
}

body.wmm #content #news_box
{
	width: 290px;
}

#news_local_box
{
}

/*Employee box*/
#employee_box
{
	width:301px;
	border-top: 1px solid #c6c7c8;
	margin-top:26px;
	padding-top:10px;
}

#employee_box .welcome
{
	width:250px;
}

#employee_box .business_unit
{
	width:250px;
	font-size: 90%;
}

#employee_box a.logout
{
	float:right;
	border: 1px solid #c6c7c8;
	font-size: 0.87em;
	line-height:13px;
	padding:2px 4px;
	margin-top: -22px;
}

#employee_box a.logout:hover
{
	background:#f60;
	color:#fff;
}

/*Vacancies box*/
#vacancies_box
{
}

/*Quick links box*/
.box#quicklinks_box ul.list li a
{
	background:#fafbfd;/*#f5faff;*/
}

.box#quicklinks_box ul.list li a:hover
{
	background:#ff6600;
}

/*Tip of the day*/
.box#totd_box img
{
	padding-bottom: 0.5em;
}

.box#totd_box p
{
	padding: 0;
	margin: 0;
}

.box#totd_box b
{
	color: #51535a;
	margin: 0;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: normal;
}

/*Who-is-who box (local)*/
#who-is-who_box img
{
	padding-top: 0;
}

/*Paginering*/
ul.pagination,
#content ul.pagination
{
	float: left;
	width: 301px;
	border: 0;
	margin: 10px 0 20px 0;
	padding: 0;
}

#content ul.pagination
{
	/*float: right;*/
	position: relative;
	left: 427px;
	top: -20px;
}

body.idea #content ul.pagination
{
	left: 0;
	top: 20px;
	float: left;
}

ul.pagination li,
#content ul.pagination li
{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	margin-right:6px;
	text-align: center;
	position: relative;
	float: left;
}

div#panelmembers_box #content ul.pagination li,
div#panelmembers_box ul.pagination li
{
	display:inline;
	height:auto;
	width:auto;
	margin-right:6px;
}

#content ul.pagination li
{
	background-image: none;
}

ul.pagination a,
#content ul.pagination a
{
	padding:0;
	border: solid 1px #c6c7c8;
	width:23px;
}

ul.pagination li.previous-off,
ul.pagination li.next-off,
#panelmembers_box ul.pagination li.previous-off,
#panelmembers_box ul.pagination li.next-off,
#content ul.pagination li.previous-off,
#content ul.pagination li.next-off
{
	border: solid 1px #c6c7c8;
	color: #ebf2d6;
	display: block;
	float: left;
	font-weight: bold;
	width:53px;
}

ul.pagination li.next-off,
ul.pagination li.next,
#content ul.pagination li.next-off,
#content ul.pagination li.next
{
	margin:0;
}

ul.pagination li.next a,
ul.pagination li.previous a,
#content ul.pagination li.next a,
#content ul.pagination li.previous a
{
	padding:0;
	font-weight: bold;
	width:53px;
}

ul.pagination li.next a,
ul.pagination li.next-off,
#content ul.pagination li.next a,
#content ul.pagination li.next-off
{
	width:54px;
}

ul.pagination li.active,
#panelmembers_box ul.pagination li.active,
#content ul.pagination li.active
{
	color: #000066;
	font-weight: bold;
	display: block;
	border-top: solid 1px #fff;
	width:23px;
}

ul.pagination a:link,
ul.pagination a:visited,
#panelmembers_box ul.paginationa:visited,
#content ul.pagination a:link,
#content ul.pagination a:visited
{
	padding:0;
	color: #c6c7c8;
	font-weight: bold;
	display: block;
	float: left;
	text-decoration: none;
}

ul.pagination a:hover,
#content ul.pagination a:hover
{
	background: #ff6600;
	color: #fff;
}

/*NL Chapters*/
div#chapter
{
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	display: inline;
	width: 625px;
}

div#chapter h3
{
	font-weight: normal;
	font-size: 1.8em;
	padding-bottom: 0.3em;
}

div#chapter div
{
	float: left;
	display: inline;
	width: 625px;
}

div#chapter div.item
{
	display: inline;
	margin: 0px 30px 30px 0px;
	padding: 0;
	width: 279px;
	float: left;
}

body.employee div#chapter
{
	_margin-top:15px;
}

body.employee div#chapter div.item,
body.bp-home div#chapter div.item,
body.wmm div#chapter div.item
{
	margin-bottom: 10px;
}

body.employee div#chapter div.item
{
	_margin: 0 15px 40px 0;
}

div#chapter div img
{
	border: none;
	border-bottom: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	margin: 0px;
	padding: 0px;
}
div#chapter div.item p /* ruimte tussen plaatje en tekst */
{
	margin-top: 0.7em;
	padding-top: 0.7em;
}


div#chapter div a.more,
#content a.more,
#content a.return,
#content a.download
{
	display: block;
	border: 1px solid #c6c7c8;
	padding: 3px 5px;
	color: #9599a6;
	text-decoration: none;
	cursor: pointer;
	margin: 0.5em 20px 0 0;
	line-height:15px;
	text-align:center;
	float:left;
	clear: both;
	background: #fff;
	font-size: 12px;
	_display: inline;
}

#content a.return
{
	width: 12em;
}

#content a.return:hover,
#content div#chapter div a.more:hover,
#content a.more:hover,
#content a.download:hover
{
	text-decoration: none;
	background: #ff6600;
	color: #fff;
}

div#chapter div .drop-shadow
{
	margin: 0 -5px 0 0;
	width: 290px;
	background: url(/img/shadow2.png) top left no-repeat;
	_background: url(/img/shadow2.gif) top left no-repeat;
	float: right;
}

div#chapter div .drop-shadow img
{
	margin: 0px;
	padding: 5px;
	width: 278px;
	height: 79px;
	float: left;
}

/*	FAQ*/
#content ul#faq
{
	margin-left: 0;
}

#content ul#faq li
{
	background: none;
	border-bottom: 1px solid #d4cfc9;
	padding: 0.5em 0;
	color: #51535a;
}

#content ul#faq li li
{
	border: none;
}

#content ul#faq h3
{
	font-size: 1.3em;
	cursor: pointer;
	font-weight: normal;
	color: #51535a;
	padding: 0;
	margin: 0;
}

#content ul#faq div li
{
	padding: 0 0 0.3em 15px;
	margin-left: 10px;
	background: url(/img/bullit.png) no-repeat 0 4px;
}

/* publications */
ul#publications
{
	margin-left: 0;
}

ul#publications li.publication
{
	background: none;
	border-bottom: 1px solid #d4cfc9;
	padding:0 0 40px 0;
	color: #51535a;
	float:left;
	width:619px;
}

ul#publications div
{
	float:left;
}

ul#publications li div.title
{
	width:619px;
}

ul#publications li div.content
{
	width:619px;
}

ul#publications li div.content_img
{
	width:420px;
}

ul#publications div .content li,
ul#publications div .content_img li
{
	padding: 0 0 0.3em 15px;
	margin-left: 10px;
	background: url(/img/bullit.png) no-repeat 0 4px;
	border:none;
}

ul#publications img
{
	float:left;
	margin-top:20px;
}

ul#publications .date
{
	float:right;
}

ul#publications h3
{
	float:left;
}

/*	News Home*/
#content #news-home dt
{
	border-top: 1px solid #d4cfc9;
	border-bottom: none;
	font-size: 1.2em;
	font-weight: normal;
}

#content #news-home news-dl
{
	margin-top: -14px;
}

#content #news-home p
{
	padding: 0;
}

#content #news-home a
{
	display: block;
	padding: 0.2em;
	color: #9599a6;
}

#content #news-home a:hover
{
	background: #ff6600;
	color: #fff;
	text-decoration: none;
}

#content #news-home dt a
{
	color: #51535a;
}

#news-home h4
{
	font-size: 100%;
}

#content #news-home dt.all,
#content #news-home dt.all a
{
	color: #9599a6;
}

#content #news-home dt.all a:hover
{
	color: #fff;
}

/*classes*/
.intro
{
	font-weight: bold;
	color: #000066;
	margin-top: 1em;
	margin-bottom: 1em;
}

body.discussion p.intro,
body.current-discussion p.intro
{
	padding-top:.1em;
	margin-bottom: 0em;
}

#content img,
#content #full-sub #colom-1 p img
{
	border: solid 8px #e9eef7;
	margin-right: 16px;
}

/*uitzonderingen */
body.fullpage #content #slider-bp li img,
#content #slider li img,
#content .video img,
#content #full-sub #content .video img,
body.bp-home #content #full-sub #colom-1 a.video img,
body.wmm #content img,
body.wmm #content img.cover,
#content #videogrid img,
#content div.content_staff img
{
	background-color: transparent;
	border: none;
	border-width: 0;
}

.left
{
	float: left;
	margin: 10px 16px 16px 0;
}

body.wmm #content img.left
{
	margin: 0 5px 5px 0;
}

body.wmm #content img.left a
{
	padding: 20px;
}

.right
{
	float: right;
	margin: 10px 0 16px 16px;
}

.date
{
	color:#9599a6;
}

/*Sliding boxes */
.boxgrid
{
	width: 300px;
	height: 100px;
	margin: 20px 0 0 0;
	float: left;
	background: url(/img/driehoekje.gif) no-repeat bottom right;
	overflow: hidden;
	position: relative;
	border-bottom: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
}

body.wmm .boxgrid
{
	width: 240px;
	margin: 5px 0 29px 15px;
	height: 80px;
}

.slidecontainer
{
	float: left;
	width: 325px;
	margin: 0 0 0 30px;
}

body.wmm .slidecontainer
{
	width: 275px;
}

.slidecontainer .boxgrid
{
	display: block;
	float: none;
	margin: 14px 0 0 0;
}

.slidecontainer .boxgrid.last
{
	margin-top: 40px;
}

#content .boxgrid img,
body.wmm #content .boxgrid img
{
	position: absolute;
	top: 0;
	left: 0;
	border-right: 2px solid #e5e5e5;
	z-index: 1;
}

#content .slidecontainer .boxgrid img,
body.wmm #content .slidecontainer .boxgrid img,
body.wmm #content .slidecontainer .boxgrid img.cover
{
	border-left: none;
	border-top: 0;
}

.boxgrid .hidden
{
	margin: 0 0 0 60px;
	width: 220px;
	float: left;
	max-height: 80px;
	background: transparent;
}

body.wmm .boxgrid .hidden
{
	margin: 3px -10px 0 58px;
	max-height: 40px;
	width: 170px;
}

.boxgrid .hidden p
{
	margin: 0 0 0 0;
	padding: 0 0 0.1em 0;
	line-height: 1.2em;
}

body.wmm .boxgrid .hidden ul li
{
	margin: 0;
	padding: 0;/* line-height: 1.2em;*/
}

body.wmm div#chapter
{
	width: 300px;
}

/*	banner niet animeren*/
.banner img
{
	margin: 7px 0;
}

.captionfull .boxcaption
{
	top: 30px;
	left: 0;
}

.caption .boxcaption
{
	top: 220px;
	left: 0;
}

/*Flash*/
#container-home
{
	margin-top: 15px;
	width: 940px;
}

/*Flash Small, is voorlopig uitgezet 12-6-2009*/
#flash-home
{
	background: #fff;
	width: 940px;
	height: 255px;
	position: relative;
}

body.fullpage #flash-home
{
	width: 940px;
	height: 860px;
}

#flash-small,
#flash-small p
{
	float: left;
	width: 292px;
	margin: 0 0 0 14px;
	padding: 0;
}

#flash-small p
{
	width: 280px;
	margin: 0 0 0 10px;
}

#flash-small
{
	margin-left: -12px;
}

#flash-small img
{
	border: none;
}



#flash-unicef
{
	float: none;
	width: 601px;
	margin: 0;
	padding: 0;
}


/*Videogrid*/
body.video #content
{
	width: 940px;
}

body.fullpage #content
{
	width:937px;
	margin: 10px 20px 0px 30px;
	float:left;
	background: #fff;
	z-index: 1; /* om menu boven Flash te krijgen!*/
}

/*pagina (o.a.) Business Principles homepage*/
body.bp-home #secundair
{
	width:311px;
}

body.bp-home #chapter
{
	margin: 16px 0 0 2px;
	width: 300px;
}

body.bp-home #chapter h3
{
	font-size: 130%;
	font-weight: bold;
}

body.bp-home #chapter p
{
	margin-top: 0;
}

body.bp-home #chapter img
{
	border: 1px solid #c6c7c8;
	border-width: 0 2px 2px 0;
}

#content #full-sub
{
	width: 937px;
	float: left;
	margin-top: 15px;
}

body.bp-home #content #full-sub ul#list-bp
{
	_margin-left: -20px;
}

body.bp-home #bp-video a img
{
	margin:0;
	border: none;
}

body.bp-home #bp-video p
{
	margin: 0 0 0 0.2em;
}

#content #full-sub #colom-1,
#content #full-sub #colom-2,
#content #full-sub #colom-3,
#content #full-sub ul#list-bp
{
	float: left;
	width: 300px;
}

#content #full-sub #colom-3
{
	width: 280px;
}

/*#content #full-sub #colom-1 h3,
#content #full-sub #colom-1 p {
	margin-left: 3px;

}*/

#content #full-sub #colom-2
{
	margin-left: 56px;
	_margin-left: 50px;
}

#content #full-sub #colom-3
{
	margin-left: 30px;
}

#content #full-sub ul#list-bp li
{
	list-style: none;
	background-image: none;
	padding: 0;
	margin: 0 0 0.5em 0;
}

#content #full-sub ul#list-bp li h3
{
	color:#f60;
	font-size: 170%;
	padding-left: 0;
}

#content #full-sub ul#list-bp li p
{
	margin: 0.2em 0 0 0;
	padding: 0;
	color: #9599a6;
	font-size: 120%;
}

#content #full-sub #colom-1
{
	width: 250px;
}

#content #full-sub ul#list-bp
{
	width: 570px;
	margin:13px 0 0 88px;
}

#content #full-sub #video,
#content ul#videogrid
{
	padding: 0;
	margin: 15px 0 20px -8px;
	_margin:17px 0 20px 0;
	float: left;
}

#content ul#videogrid li
{
	background: none;
	width: 300px;
	min-height: 28em;
	float: left;
	padding: 0;
	margin: 0;
}

body.wmm #content ul#videogrid
{
	margin: 2px 0 10px 1px;
	_margin-top: 13px;
}

body.wmm #content ul#videogrid h3
{
	_position: relative;
	_margin-top: 1px;
}

body.wmm #content ul#videogrid li
{
	min-height: 0em;
	_height: 0;
	margin-bottom: 20px;
}

#content ul#videogrid li p
{
	margin: -10px 0 0 15px;
	width: 260px;
}

body.wmm #content ul#videogrid img
{
	border: 1px solid #c6c7c8;
	margin-top: 6px;
	_margin-top: 8px;
}

body.wmm #content ul#videogrid p
{
	margin: 0;
}

body.wmm #content #full-sub #news_box,
body.wmm #content #full-sub #news_box ul,
body.wmm #content #full-sub #news_box h3
{
	width: 275px;
}

body.wmm #content #full-sub #colom-1
{
	margin-right:30px;
	_margin-right:0px;
}

body.wmm #content #full-sub #colom-1
{
	margin-left: -3px;
}

body.wmm #content #full-sub #colom-2
{
	margin-left:44px;
	_margin-left:23px;
	width:275px;
}

body.wmm #content #full-sub #colom-3
{
	margin-left:27px;
	margin-top:7px;
	_margin-left:-23px;
	margin-right:0;
	width:280px;
}

/* form */
form#share_idea_form p
{
	padding: 0.5em 0;
}

form#share_dilemma_form input
{
	width: 310px;
}

body.idea form#share_idea_form input
{
	width: 500px;
}

body.idea form#share_idea_form
{
	margin-top: -20px;
}

form#share_idea_form input.radio,
form#share_idea_form input.checkbox,
form#share_dilemma_form input.checkbox,
form#share_dilemma_form input.radio
{
	width: 25px;
}

p.submit input,
form#share_idea_form p.submit input,
form#share_dilemma_form p.submit input
{
	display: block;
	border: 1px solid #c6c7c8;
	padding: 3px 5px;
	color: #9599a6;
	text-decoration: none;
	cursor: pointer;
	margin: 0.5em 20px 0 0;
	line-height:15px;
	text-align:center;
	float:left;
	clear: both;
	background: #fff;
	width: 8em;
	font-size: 12px;
}

p.submit input:hover,
form#share_dilemma_form p.submit input:hover,
form#share_idea_form p.submit input:hover
{
	background: #f60;
	color: #fff;
}

#content form#share_idea_form h4
{
	color: #333;
	font-size: 100%;
}

#content form#share_idea_form ul.fade
{
	color: #c6c7c8;
}

#content form#share_idea_form ul.fade li
{
	background: none;
	padding-left: 0;
	color: #c6c7c8;
}

/*Searchform*/
form#searchform
{
	width: 105px;
	position: absolute;
	margin: 5px 0 0 3em;
	font-size: 0.88em;
	top: -5px;
	left: 718px;
}

form#searchform label
{
	display: inline;
	font-size: 0.87em;
	margin-top: 0.3em;
}

form#searchform input
{
	width: 100px;
	margin-right: 7px;
	border: 1px solid #c6c7c8;
	height: 15px;
	padding: 2px 1px 1px;
	font-size: 0.87em;
}

form#searchform input#search
{
	background:  #c6c7c8;
	color: #fff;
	font-weight: bold;
	display: inline;
	border: 1px solid #c6c7c8;
	padding: 2px 5px;
	cursor: pointer;
	margin: 10px 20px 0 0;
	text-align:center;
	width: 45px;
	position: absolute;
	top: -7px;
	left: 130px;
}

form#searchform input#search:hover
{
	background: #f60;
}

/* Employee */
#empl_login
{
	height: 72px;
	width: auto;
	background: #f6f6f6;
	padding: 4px 8px;
	float: left; /*margin-bottom:-65px;*/
	margin: 0px;
}

#empl_login .input
{
	float:left;
	padding:3px;
	color:#c6c7c8;
	width: 310px;
	margin: 10px 20px 20px;
	line-height: 1.4em;
}

#empl_login input.submit
{
	border: 1px solid #c6c7c8;
	margin:10px 20px 10px 0px;
	background: #f60;
	color: #fff;
	font-weight: bold;
	display: inline;
	clear: none;
	padding: 4px;
	height: 24px;
	line-height: 1.1em;
	width: 50px;
}

#empl_login .submit:hover
{
	background: #fff;
	color: #f60;
	cursor:pointer;
}

p.remember
{
	clear: both;
	margin: 8px 0px 40px 28px;
	float: left;
	width: 400px;
	_margin-left: 10px;
}

p.remember label
{
	padding-left: 20px;
	padding-top: 0px;
}

#empl_register #email_domain
{
	width:auto;
}

#content .amb_img
{
	border:0;
}

/*fullpage Elements */
/* =blocktext */
body.fullpage #content h3,
body.fullpage #content h4,
body.fullpage #content h5,
body.fullpage #content h6,
body.fullpage #content p,
body.fullpage #content ul,
body.fullpage #content ol,
body.fullpage #content dl,
body.fullpage #content form,
body.fullpage #content address,
body.fullpage #content div.vcard
{
	margin: 0 0 0 85px; /* extra margin  */
	padding: 0.20em 0;
}

body.fullpage #content form#share_dilemma_form
{
	margin: 25px 0 0 5px;
	padding-left: 0;
}

body.fullpage #content form#share_dilemma_form label
{
	padding-bottom: 0.4em;
}

body.fullpage #content form#share_dilemma_form p
{
	padding: 0.45em 0;
}

/*Business Principles*/
.attention
{
	background: #ff6600;
	font-weight: bold;
	color: #fff;
	padding: 2px 10px 10px 10px;
	margin: 0 0 20px 70px;
	width: 780px; /*798- 2 x 10px padding + 2 px border foto */
	font-size: 120%;
}

/*Ideas*/
.attention-2
{
	border: #f60 1px solid;
	color: #f60;
	padding:  8px;
	margin: 10px 0;
	width: 520px;
}

.blok .attention-2 p
{
	color: #f60;
	width: 100%;
	font-weight: bold;
	line-height: 1.7em;
}

a.attentie
{
	color: red;
	font-weight: bold;
}

.fade
{
	color: #9599a6;
	clear: both;
}

.fade a
{
	font-weight: bold;
}

body.idea dl.fade dt
{
	font-size:1.1em;
	color: #9599a6;
	float:left;
	margin-right:7px;
	font-weight:normal;
}

body.idea dl.fade dd
{
	font-size:1.1em;
	color: #9599a6;
	font-weight:bold;
}

body.idea .attention-2 dl.fade dt
{
	font-size:1.1em;
	color: #f60;
	float:left;
	margin-right:7px;
	font-weight:normal;
}

body.idea .attention-2 dl.fade dd
{
	font-size:1.1em;
	color: #f60;
	font-weight:normal;
}

body.idea fieldset h4
{
	font-size: 1.1em;
}

body.idea .fade
{
	padding-top: 0.5em;
}

body.idea .fade span
{
	color: #006;
}

body.fullpage #content .attention p
{
	color: #fff;
	padding-top: 0.5em;
	margin: 0;
}

#content a.button-big,
#content a.button-big:hover
{
	position: relative; /*voor IE bugje*/
	text-decoration: none;
	margin: -3px 0 0px 85px;
	float: left;
	display: inline;
	text-indent: -9999px;
}

/*EN versie start*/

#content a.start
{
	background:url(/img/start-button.png) no-repeat 0 -44px!important;
	display: block;
	width: 451px;
	height: 44px;
}

#content a.start:hover
{
	background:url(/img/start-button.png) no-repeat 0 1px!important;
}

/*NL versie start*/

#content a.start-nl
{
	background :url(/img/start-button-nl.png) no-repeat 0 -44px!important;
	display: block;
	width: 409px;
	height: 44px;
}

#content a.start-nl:hover
{
	background:url(/img/start-button-nl.png) no-repeat 0 -1px!important;
}

/*Share your Dilemma*/
#content a.share
{
	background:url(/img/share-button.png) no-repeat 0 -45px!important;
	display: block;
	width: 299px;
	height: 45px;
}

#content a.share:hover
{
	background:url(/img/share-button.png) no-repeat 0 1px!important;
}

/*NL versie Share */
#content a.share-nl
{
	background:url(../img/share-nl-button.png) no-repeat 0 -45px!important;
	display: block;
	width: 240px;
	height: 45px;
}

#content a.share-nl:hover
{
	background:url(../img/share-nl-button.png) no-repeat 0 1px!important;
}

/* Business Principles Easy Slider */
#container-slide
{
	background:url(/img/content-bg-slide.png) repeat-x 0 0;
	_margin-top:1px;
}

body.fullpage #content #slider-bp
{
	width:798px;
	height:247px;
	overflow: hidden;
	margin: 0 0 20px 70px;
	border: 1px solid #c6c7c8;
	border-width: 0 1px 1px 1px;
}

body.fullpage #content #slider-bp ul,
body.fullpage #slider-bp li
{
	margin:0;
	padding:0;
	list-style:none;
}

body.fullpage #content #slider-bp li
{
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:798px;
	height:247px;
	/*overflow:hidden; */
	background: none;
}

/*	Discussions*/
.blok,
.blok-attentie
{
	margin-top: 10px;
	float: left;
	padding-bottom: 2em;
	position: relative;
	_overflow: hidden;
}

.tab .blok
{
	padding-bottom: 0;
}

.tab_content .blok
{
	margin-top: -20px;
	padding-bottom: 0;
	background: transparent;
}

.blok-attentie .small
{
	padding: 0;
	margin: -10px 0;
}

p.thumbs a
{
	margin-right:12px;
}

.blok-attentie p.thumbs
{
	margin-top: .1em;
}

.blok
{
	border-top: 1px solid #c6c7c8;
	width: 100%; /*om de border overal dezelfde breedte te geven*/
}

body.ambassador .blok
{
	margin-left: 20px;
	border: none;
}

body.idea .blok
{
/*border-bottom: 0;
	border-top:  1px solid #c6c7c8;*/
	
}

body.current-discussion .blok,
body.discussion .blok,
.blok.first
{
	border-top: none;
	margin-top: 15px;
}

body.current-discussion .tab_content .blok,
body.discussion .tab_content .blok
{
	margin-top: 0;
}

.blok.first
{
	margin-top: 0;
}

.blok strong,
.blok-attentie strong
{
	color: #000066;
	font-size: 1.1em;
}

body.idea .blok strong
{
	color:#000;
}

#content .blok img,
#content .blok-attentie img
{
	border: 0;
	padding: 0;
}

.blok-attentie h3
{
	color: #f60;
	font-size: 220%;
	line-height: 0.9em;
	width: 85%;
	margin-bottom: -0.6em;
}

.blok h3
{
	font-size: 220%;
	width: 85%;
	color: #000066;
	margin-bottom: -0.3em;
}

body.current-discussion .blok h3
{
	width: 440px;
	margin: 0px 0 0 75px;
	padding: 0;
}

body.current-discussion .blok .text h3
{
	margin: -0.3em 0 0.3em 0;
	_margin: 0;
	font-weight: normal;
}

body.idea .blok h3
{
	padding-top: 0.5em;
}

.blok p,
.blok-attentie p
{
	width: 85%;
	font-size: 1.2em;
	line-height: 145%;
}

.blok p,
.blok-overview p
{
	font-size: 1em;
	line-height: 180%;
	margin: 0em 0 0.2em 0;
}

.blok p.following,
.blok-attentie p.following
{
	margin-top: 30px;
	font-size: 12px;
}

.small,
.blok p.small,
.blok-attentie p.small
{
	font-size: 12px;
	color: #b0b1b6;
	width: 100%;
	clear: both;
	margin-top: 0;
}

.blok p.small span
{
	color: #000066;
}

.blok-attentie p.small
{
	padding: 0;
	margin: 10px 0;
}

/*Current discussion*/
#content ul.small
{
	width: 250px;
	float: left;
	clear: none;
	margin-top: 0;
}

#content ul.small li
{
	background: none;
	padding-left: 0;
}

ul.small li
{
	background: none;
	padding-left: 0;
	color: #9599a6;
}

ul.small li.name
{
	font-weight: bold;
}

/*tabs current discussion*/
#content ul.htabs
{
	color: #9599a6;
	border-bottom: 1px solid #c6c7c8;
	margin: 5px 0px 0px 0px;
	padding: 0 0 33px 0px;
	z-index: 0;
}

#content ul.htabs li
{
	display: inline;
	overflow: hidden;
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding:5px 0;
}

#content ul.htabs a
{
	color:#9599a6;
	background: #fff;
	float: left;
	border: 1px solid #c6c7c8;
	border-width: 1px 1px 1px 0;
	padding: 6px 8px 5px 8px;
	margin: 0;
	text-decoration: none;
}

#content ul.htabs li.first a
{
	border-left: 1px solid #c6c7c8;
}

#content ul.htabs li.active a
{
	background: #fff;
	border-bottom: 2px solid #fff;
	float: left;
	color: #000066;
}

#content ul.htabs a:hover
{
	color: #000066;
	background: #fff;
	text-decoration: none;
}

#content ul.htabs li.active a:hover
{
	background: #fff;
	color: #000066;
}

/*Votes*/

.votes,
.votes-active
{
	font-weight: bold;
	color: #c6c7c8;
	background: url(/img/votes.png) no-repeat 0 0;
	width: 65px;
	height: 75px;
	cursor: default;
	cursor:hand; /*voor ie */
	position: absolute;
	left: 531px;
	top:15px;
	font-size: 145%;
	_z-index: 100;
}

.votes-active
{
	background: url(/img/votes.png) no-repeat 0 -77px;
	color: #000066;
	cursor: default;
}

.votes-active span,
.votes span
{
	margin: 10px 0 0 0;
	color: #000066;
	position: absolute;
	text-align: center;
	width: 60px;
}

.votes span
{
	color: #c6c7c8;
}

/*votes duim omhoog*/

.votes-hand-agree
{
	font-weight: bold;
	color: #c6c7c8;
	background:transparent url(/img/vote-agree.gif) no-repeat 0 -48px;
	width: 50px;
	height: 54px;
	cursor: pointer;
	cursor:hand; /*voor ie */
	position: absolute;
	left: 565px;
	top:20px;
	_top:6px;
	font-size: 110%;
	_z-index: 100;
}

.votes-hand-agree span
{
	padding: 3px;
	color: #c6c7c8;
	position: absolute;
	margin:43px 0 0 0;
	text-align: center;
	width: 42px;
}

.votes-hand-agree:hover,
.votes-agree-active
{
	background: url(/img/vote-agree.gif) no-repeat 0 0;
	color: #ff6600;
}

.votes-hand-agree:hover span,
.votes-agree-active span
{
	color: #ff6600;
}


/*Votes results niet meer stemmen, op "meet the panelmembers*/
#content .votes-hand-result
{
	font-weight: bold;
	color: #c6c7c8;
	background: url(/img/votes-result.gif) no-repeat 0 0;
	width: 42px;
	height: 75px;
	cursor: default;
	position: absolute;
	left: 550px;
	top:20px;
	font-size: 110%;
	_z-index: 100;
}

#content .votes-hand-result span
{
	margin: 12px 0 0 0;
	color: #000066;
	position: absolute;
	text-align: center;
	width:40px;
}

#content .votes-hand-result ul li
{
	cursor: default;
	text-align: center;
	background: none;
	padding-left: 0;
}

#content .votes-hand-result ul li.up span
{
	top: 0px;
	left: 0px;
	text-align: center;
}

#content .votes-hand-result ul li.down span
{
	top: 31px;
	left: 0;
	text-align: center;
}

/*foto bij overzicht discussion*/
div.foto
{
	float: left;
	width: 75px;
	margin: 5px 0 0 0;
	padding: 0;
}

/*containertje foto en naam + titel*/
div.foto-small
{
	float: left;
	margin:5px 0 10px 0;
}

/*Tooltip*/
/*a.tooltip {
	position:relative;
	z-index:500;
	background-color:#ff6600;
	color:#fff;
	text-decoration:none;
	width: 100%;
}

a.tooltip:hover {
	z-index:501;
	background-color:#ff6600;
	cursor:pointer;
	color: #fff;
}*/
	#content .content_staff a img
{
	border: 1px solid #fff !important;
	margin: 0;
}

#content .content_staff a:hover img
{
	border: 1px solid #ff6600 !important;
}

a.tooltip span
{
	display: none;
}

a.tooltip:hover span,
div#panelmembers_box ul li a:hover span
{
	display:block;
	position:absolute;
	top:-0.8em;
	_top:2em;
	left:3.8em;
	border:1px solid #9599a6;
	background-color:#ff6600;
	color:#fff;
	padding: 2px;
	font-weight: bold;
	float: left;
	width: 10em;
	font-size:13px;
}

/*Oude Tooltip met wit laagje*/
	/*Grayscale images*/
		
div#panelmembers_box ul
{
	margin: 0px 0 10px 0;
	float: left;
	_width: 300px;
}

div#panelmembers_box ul li
{
	display: block;
	height: 52px;
	overflow: hidden;
	position: relative;
	width: 52px;
	margin: 0 2px 2px 0;
	float: left;
}

/*witte laag over plaatje in span!*/

div#panelmembers_box ul li span
{
	background: url(/img/gray-scale.png);
	_background: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 52px;
	height: 52px;
	z-index: 1000;
	cursor: pointer;
	float: left;
}

/*div#panelmembers_box ul li span.text {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
}*/
div#panelmembers_box ul li span:hover
{
	background-image: none;
}

/*
div#panelmembers_box ul li span.text:hover {
	display: block;
	z-index: 1000;
	position: relative;
}*/
/*tooltip span 2!*/

div#panelmembers_box ul li a span
{
	display: none;
}

div#panelmembers_box ul li a:hover span
{
	display: block;
	float: left;
}

/*Jquery Tooltip + z/w images panel*/
		
div#panelmembers_box ul.content_staff li,
div#content ul.content_staff li
{
	position:relative;
	margin:0 2px 2px 0;
	float:left;
	padding:0;
	height:56px;
	width:56px;
}

div#panelmembers_box ul.content_staff li a,
div#content ul.content_staff li a
{
	position:relative;
	z-index:9;
	height:56px;
	width:56px;
	text-decoration: none;
	display:block;
}

div#panelmembers_box ul.content_staff li a:hover,
div#content ul.content_staff li a:hover
{
	text-decoration: none;
}

div#panelmembers_box ul.content_staff li img,
div#content ul.content_staff li img
{
	border: none;
	height:56px;
	width:56px;
}

div#panelmembers_box ul.content_staff span,
div#content ul.content_staff span
{
	display:none;
}

div#panelmembers_box ul.content_staff .slideimg,
div#content ul.content_staff .slideimg
{
	position:absolute;
	top:0;
	left:0;
}

div#panelmembers_box ul.content_staff .slideimg_on,
div#content ul.content_staff .slideimg_on
{
	position:absolute;
	top:0;
	left:0;
}

#simpleTooltip
{
	border:1px solid #9599a6;
	background-color:#ff6600;
	color:#fff;
	padding: 3px 4px;
	font-weight: bold;
	font-size: 13px;
}

.tabs .bullet
{
	border-right:1px solid #e00;
	margin: 0px 4px 4px 0;
	padding-right:4px;
	clear:right;
	display:block;
	float:left;
	height:17px;
	overflow:hidden;
	width:10px;
}

.bmod .bullet
{
	background-color:#fff;
	margin:-9px 6px 0 -10px;
	padding:8px;
}

.tabs
{
	/*margin-top:2px;*/
	overflow:hidden;
	float: left; /*  nodig om safari niet de tekst naar rechts  te laten 'schieten'bij openen */
	/*background:transparent url(/img/htabs-border.gif) no-repeat top right;
	padding-top: 12px; padding: om ruimte te maken voor achtergrondplaatje
	margin-top:-12px;  zelfde margin om geen witruimte te hebben*/
	width: 620px;
}

#content .tabs li
{
	background-color:#fff;
	clear:both;
}

#content .tabs li a:hover
{
	padding-left:1px;
}

/*Meet the panelmembers*/
.blok-attentie div.image
{
	float: left;
	width: 230px;
	margin-top: 7px;
}

div.attentie-panel
{
	background: #ff6600 url(/img/what-matters-most.gif) no-repeat 4px 5px;
	padding: 10px;
	margin: 8px 0;
	color: #000066;
}

div.attentie-panel h4,
div.attentie-panel h3
{
	color: #000066;
	font-size: 160%;
	margin-top: 25px;
}

div.attentie-panel p
{
	line-height: 135%;
	margin: 0;
	color: #000066;
}

.blok-attentie div.text p
{
	margin-top: 0;
}

.blok-attentie div.text
{
	float: left;
	width: 300px;
	margin-left: 10px;
}

/*tetxtblok current discussion extra div voor float*/
.blok-attentie .blok div.text
{
	float: left;
	width: 475px;
	margin: 20px 0 0 75px;
	display: inline;
}

.blok-attentie .tabs .blok div.text
{
	margin-top: 0px;
}

/*Idea box*/
/*navigatieblokken*/
#content ul.idea-nav
{
	margin-bottom: 1em;
	margin-top: -2px; /* om gelijk te trekken met rechtermenu na inloggen */
	float: left;
	width: 100%;
}

#content ul.idea-nav li
{
	display: inline;
	background: #fff none;
	padding-left: 0;
	float: left;
	padding-right: 0.54em;
}

#content ul.idea-nav li a
{
	display: block;
	border: 1px solid #f60;
	width: 179px;
	height: 3.3em;
	color: #f60;
	font-weight: bold;
	font-size:220%;
	padding: 0.5em 0.2em 0 0.5em;
	line-height: 100%;
}

#content ul.idea-nav li.active a,
#content ul.idea-nav li a:hover
{
	background: #f60;
	text-decoration: none;
	color: #fff;
}

/*Ambassadors View*/
div#ambassodors
{
	position: relative;
}

#content div#ambassodors img
{
	border: none;
	padding: 0;
}

#content div#ambassodors div.attentie-panel
{
	position: absolute;
	z-index: 100;
	top: 270px;
	left: 253px;
	width: 315px;
	padding: 10px;
}

body.ambassador .blok h4
{
	font-size: 150%;
}

#content div#ambassodors div.attentie-panel h3
{
	font-size: 170%;
	background: transparent;
}

/*New Ideas homepage Employee Zone*/
#new-ideas
{
	float: left;
	width: 275px;
}

#new-ideas p,
#new-ideas h3
{
	margin: 0;
}

#content #new-ideas ul li
{
	border-top: 1px solid #c6c7c8;
	margin-top: 0.5em;
	padding: 0.2em 0 0 0;
	background: none;
}

#new-ideas ul li h4
{
	color: #f60;
	margin: 0;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: normal;
}

#new-ideas ul li h4 a
{
	padding: 0;
	display: block;
}

#new-ideas ul li h4 a:hover
{
	text-decoration: none;
	color: #006;
}

#new-ideas ul li p
{
	margin: 0;
}

/*
Slide met navigatie op Employee Zone*/
 /* image replacement */
#prevBtn,
#nextBtn
{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

/* // image replacement */

/* Easy Slider */
#prevBtn,
#nextBtn
{
	display:block;
	width:22px;
	height:22px;
	background:transparent url(/img/slide-nav-left.png) no-repeat 0 -34px;
	position:relative;
	left:-282px;
	float: left;
	top:117px;
}

#nextBtn
{
	left: -22px;
	background:transparent url(/img/slide-nav.png) no-repeat 0 -1px;
	top:94px;
}

#prevBtn a,
#nextBtn a
{
	float: left;
	display:block;
	position:absolute;
	width:22px;
	height:22px;
	background:transparent url(/img/slide-nav-left.png) no-repeat 0 -34px;
	z-index:1000;
}

#prevBtn a:hover
{
	background:transparent url(/img/slide-nav-left.png) no-repeat 0 -2px;
}

#nextBtn a
{
	background:transparent url(/img/slide-nav.png) no-repeat 0 -2px;
}

#nextBtn a:hover
{
	background:transparent url(/img/slide-nav.png) no-repeat 0 -34px;
}

/* Easy Slider  met navigatie*/
#content #slider
{
	width: 320px;
	height: 252px;
	overflow: hidden;
	margin: 0 0 20px 34px;
	float: left;
	border: 1px solid #c6c7c8;
	position: relative;
	padding: 0px 8px 26px 0px;
}

#content #slider h3
{
	margin: 0 0 -23px 14px;
	padding-bottom: 0px;
	background:transparent;
}

#content #slider ul,
#content #slider li
{
	margin:0;
	padding:0;
	list-style:none;
	background: #fff;
}

#content #slider ul
{
	margin:0px -2px;
}

#content #slider li
{
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	 */
	width:272px;
	height: 193px;
	overflow:hidden;
	background: none;
	padding: 0;
}

#content #slider li span
{
	width: 240px;
	position: absolute;
	z-index: 2;
	bottom: 14px;
	margin: 0;
	padding:4px 10px 3px 20px;
	background: transparent url(/img/bg-trans.png);
	color: #333;
	overflow: hidden;
	line-height:1.4em;
	float: left;
	_z-index: -1;
}

#content #slider li img
{
	margin-top:14px;
	padding:5px;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	position:relative;
}

/*grote foto's Empolyee Zone*/
div#ez-home
{
	width: 620px;
	height: 260px;
	position: relative;
	_position: absolute;
	margin-bottom: 20px;
}

div#ez-home img
{
	margin-bottom: 5px;
	display: block;
	border: none;
}

div#ez-home #image2,
div#ez-home #image3,
div#ez-home #image4
{
	display: none;
}

#content #list-ezhome
{
	position: absolute;
	z-index: 1;
	top: 152px;
	_top: 7px;
	_z-index: 0;
	_position: relative;
	padding-bottom:0;
	_height: 250px;
	left:25px;
	_left:0;
	background: transparent;
}

#content #list-ezhome li
{
	position: relative;
	display: block;
	background: transparent;
	z-index: 50;
	border: 0;
	_z-index: 1;
}

#content #list-ezhome li a
{
	display: block;
	background: #f60;
	width: 125px;
	height: 50px;
	_height:45px;
	padding: 10px;
	color: #fff;
	font-size: 180%;
	font-weight: bold;
	/*line-height: 160%;*/
	text-decoration: none;
	margin-top: 10px; /*top: ipv bottom ivm bug in ie6*/
	border: 1px solid #f60;
}

#content #list-ezhome li a:hover
{
	text-decoration: none;
	background-color:#fff;
	border: 1px solid #f60;
	color: #f60;
	_height:45px;
	padding: 10px;
	_margin-top: 10px;
}

#list-ezhome img
{
	display: block;
	float: left;
}


/*Aanpassingen Join Discussion 13-10-09*/
/*Overview tab*/

body.current-discussion .tabs .tab .blok-overview {
	width: 280px;
	float: left;
	margin: 15px 0 10px 35px;
}
body.current-discussion .blok p,
body.current-discussion .blok-attentie p {
	width: 95%;
}

body.current-discussion .tabs .tab .first.blok-overview {
	margin: 15px 0 10px 0;
}
body.current-discussion .tabs .tab .blok-overview .text {
	width: 300px;
	margin: 0;

	color: #51535a;
	padding: 0;
}

body.current-discussion .blok-overview  .foto-small {
float: none;
}
body.current-discussion #content .blok-overview  ul.small {
	float: left;
	width: 205px;
}

body.current-discussion .blok-overview ul.small li,
body.current-discussion .blok-overview ul.small li h4 {
	width: 205px;
}
body.current-discussion li h4{
	font-size: 1.4em;
   font-weight: normal;  }
body.current-discussion li h4,
body.current-discussion #content li h4 a { color:#ff6600; padding:0 0 12px 0; display:block;}

body.current-discussion #content li h4 a:hover {
	color: #000066;
	text-decoration: none;
   padding-left: 0;
	
}


/*Votes blokken rood en groen (handjes zijn weg!)*/
/* De groene knoppen krijgen de class 'up', de rode knoppen de class 'down', ongeacht of er gestemd is of niet.
 Alle buttons die je aan kunt klikken hebben de class 'select'. Deze wordt weggehaald zodra je hebt gestemd. Dan moet je dus ook geen handje meer zien bij mouseover.
 Alle buttons waarop je hebt gestemd krijgen de class 'show-up' of 'show-down'.

Standaard (niet geklikt of met muis erover) groen : class 'up'
Standaard rood: class 'down'
Deze classes blijven altijd staan ook als je geklikt hebt

class 'select'  is op alle knoppen aanwezig zolang er NIETS gebeurt, wanneer je klikt/stemt  verdwijnt deze class!

Na het stemmen krijgen [li] een class show-up' of 'show-down', en een plaatje: agree naar agreeD en van disagree naar disagreeD

*/
body.current-discussion #content .votes-hand {
position: relative;
	float: left;
	left: 0;
		width: 200px;
	margin: 10px 0 0 0;
}
body.current-discussion #content .blok .votes-hand {
	position: absolute;
	left: 500px;
	top: 0;
}

body.current-discussion #content .votes-hand ul
{
	padding: 0;
margin-left: -10px;
}
body.current-discussion #content .votes-hand li {
	margin:0 0 10px 0;
	_margin:0;
	background-image: none;
}

body.current-discussion #content .votes-hand li a{
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
	display: block;
	
	
	padding-left: 0;
	text-align: center;
}
body.current-discussion #content .votes-hand li.select:hover,
body.current-discussion #content .votes-hand li.select {
	font-weight: normal;
	cursor: pointer;
	cursor:hand; /*voor ie */
	color: #c6c7c8;
	border-color: #c6c7c8;
}
body.current-discussion #content .votes-hand li a:hover {
	text-decoration: none;
	padding: 0;
	background: #fff;
	
}
body.current-discussion #content .votes-hand li.up a
{
	background:#01b401;
	border: 2px solid #01b401;
	height: 20px;
	width: 75px;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	cursor:hand; /*voor ie */
}
body.current-discussion #content .votes-hand li.up a:hover {
	color: #01b401;
	background:#fff;
	border: 2px solid #01b401;
	text-decoration: none;
}

body.current-discussion #content .votes-hand li.up.show-up a
{
		background:#fff;
	border: 2px solid #01b401;
	cursor: default;
	color: #01b401;
	text-decoration: none;
	font-weight: normal;
}

body.current-discussion #content .votes-hand li.down a
{
	background:#de0000;
	border: 2px solid #de0000;
	height: 20px;
	width: 75px;
	position: relative;
	
}
body.current-discussion #content .votes-hand li.down a:hover {
		color: #de0000;
	background:#fff;
	border: 2px solid #de0000;
	text-decoration: none;
}
body.current-discussion #content .votes-hand li.down.show-down a
{
 	background:#fff;
	border: 2px solid #de0000;
	cursor: default;
	color: #de0000;
	text-decoration: none;
	font-weight: normal;
}

body.current-discussion #content .votes-hand li.up span
{
	top: 0px;
	left: 84px;
	position: absolute;
	color: #fff;
	background: #c6c7c8;
	font-weight: bold;
	text-align: center;
min-width: 36px;
	_width:36px;
	height: 24px;
	_height: 25px;
	font-size: 1.1em;
	line-height: 180%;
}



body.current-discussion #content .votes-hand li.down span
{
top: 34px;
_top:40px;
	left: 84px;
	position: absolute;
	color: #fff;
	background: #c6c7c8;
	font-weight: bold;
		text-align: center;
	min-width: 36px;
	_width:36px;
	height: 24px;
	_height: 25px;
	font-size: 1.1em;
	line-height: 180%;
}

body.current-discussion #content .votes-hand li.up.vote-fade a,
body.current-discussion #content .votes-hand li.up.vote-fade a:hover,
body.current-discussion #content .votes-hand li.down.vote-fade a,
body.current-discussion #content .votes-hand li.down.vote-fade a:hover {
	color: #dbdbdb;
	border-color: #c6c7c8;
	background: #fff;
	cursor: default;
	text-decoration: none;
}
#pdfviewer-language form {
	text-align: right;
	position: relative;
	top: -40px;
}
#pdfviewer-language form .pulldown {
	width: 150px;
	color: #9599a6;
}
#flipbookFrame {
	position: relative;
	top: -26px;
	/* border-top: 1px solid #c6c7c8; */
}