/*  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

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,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	color: black;
	background-color: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* -------------------------------------------------- */

body {
 font:12px/1.5 verdana, sans-serif;
 background:#f2f2f2;/* url('/images/design/container_bg.gif') repeat-y center; */
}

#container {
 width:898px;
 margin:0 auto;
 background:#fff;
 border:1px solid #000;
 border-width:0 1px;
 position:relative;
}

#header {
 height:180px;
 background:#f2f2f2/* url('/images/design/header_bg.gif') 50% 100% no-repeat*/;
 width:900px;
 margin:0 auto;
}

#centercolumn {
  float:left;
  width:480px;
  margin-left:210px;
  margin-top:10px;
}

#leftcolumn {
  float:left;
  width:190px;
  margin-left:-680px;
}

#rightcolumn {
  float:right;
  width:190px;
  margin-right:10px;
 }

#footer {
  width:900px;
  margin:0 auto;
}

#extra, .extra {display:none;}


/*
** Default links
-----------------------------------------*/
a {text-decoration:none;}
a:hover {color:#000 !important;text-decoration:underline;}

.home a,
.daytoday a     {color:#090} 
.erwinvanlun a {color:#09c}
.books a        {color:#00f}
.lectures a      {color:#609}
.workshops a     {color:#f09}
.trends a        {color:#f00}


#header {position:relative;}
#header h1, #header .h1 {display:block;height:180px;background:#000;margin-left:-1px;width:900px;color:#fff;text-indent:1em;font-size:3em;}
#nav {position:absolute;bottom:0;width:900px;background:#000;left:0;padding-top:10px;}
#nav li {float:left;margin-left:10px;}
#nav li a {float:left;background:#eee;padding:5px 10px;border-bottom:1px solid #000}
#nav li.active a {border-bottom:1px solid #fff;background:#fff}
 
/*
** Main content
-----------------------------------------*/
#cathead {margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid #eee;}
#cathead h1 {font:2em/1.5em verdana,sans-serif;}
#cathead p {font-size:0.916em;line-height:1.636em;}

#centercolumn h2 {font:1.5em/1em verdana,sans-serif;}
#centercolumn .postmeta {font-size:0.916em;line-height:1.636em;margin-bottom:1.636em;}
#centercolumn .postfooter {font-size:0.916em;line-height:1.636em;margin-top:1.636em;margin-bottom:3.272em;clear:left;}
#centercolumn p img {float:left;margin:0 5px 0 0;border:1px solid;}

.home #centercolumn p img,
.daytoday #centercolumn p img     {border-color:#090} 
.erwinvanlun #centercolumn p img   {border-color:#09c}
.books #centercolumn p img        {border-color:#00f}
.lectures #centercolumn p img      {border-color:#609}
.workshops #centercolumn p img     {border-color:#f09}
.trends #centercolumn p img        {border-color:#f00}

#centercolumn blockquote {font-style:italic;margin:0 1em;}

.permalink h1, form  h1, #centercolumn h1 {font:2em/1.5em verdana, serif;}
.permalink p {margin:1.5em 0;}

em {font-style:italic;}
strong {font-weight:bold;}
h3,h4 {font-size:1em;font-weight:bold;}

/*
** Comments
-----------------------------------------*/

#centercolumn p#commenttotal {border-top:1px solid #090;padding-top:2em;margin-top:2em;}
#centercolumn .comment {overflow:hidden;padding:1em 0;border-bottom:1px solid #090;margin-bottom:2em;}
#centercolumn .comment h2 {font-size:1em;font-weight:normal;}
#centercolumn .comment h2 a {font-weight:bold;}
#centercolumn .comment h2 span {font-size:.9em;display:block;}
#centercolumn .comment img {float:none;}
#centercolumn #commentform h2 {font-size:1em;font-weight:bold;}

img.emoticon { float:none !important;vertical-align:top;margin:0 3px !important;padding:0 !important;border:0 !important; }

/*
** Side content
-----------------------------------------*/
.sidebar {
 background: #f2f2f2 url('/images/design/sidebar_bg.gif') no-repeat bottom left; 
 padding: 0px 10px 10px 15px;
 width: 165px;
 margin-bottom: 10px;	
 vertical-align: top;
 /*overflow: hidden;*/
 color:#444;
}
	
.sidebar h2 {
 font-size:1.167em;
 line-height:1.286em;
 font-weight:normal;
 background:transparent url('/images/design/sidebar_top.gif') no-repeat top right; 
 padding:10px 5px 5px 15px;
 width:170px; 
 color:#000; 
 margin-left: -15px;
}

.sidebar ul ul {
  margin-left:10px;
}

.sidebar blockquote {font-size:0.916em;line-height:1.636em;font-style:italic;overflow:hidden;}
.sidebar .commentmeta{font-size:0.916em;line-height:1.636em;margin-bottom:1.636em;}

#brandcloud li       {display:inline}
#brandcloud li.step1 {font-size:8px}
#brandcloud li.step2 {font-size:10px}
#brandcloud li.step3 {font-size:12px}
#brandcloud li.step4 {font-size:14px}
#brandcloud li.step5 {font-size:16px}
#brandcloud li.step6 {font-size:18px}
#brandcloud li.step7 {font-size:20px}

#actions li {margin:3px 0;}
#actions li img {vertical-align:middle}

/*
** v-events
-----------------------------------------*/
.vevent {font-size:0.916em;line-height:1.636em;margin-bottom:0.818em;}
.vevent span.meta {display:block;}
a.more {font-size:0.916em;line-height:1.636em;}

/*
** Forms
-----------------------------------------*/
input, textarea, select, button {font:1em/normal verdana,sans-serif}
input.text, textarea.text, select {border:1px solid #aaa;padding:1px;width:300px;}
button {border:1px outset #aaa;background:#eee;margin:2px auto;padding:1px 4px;cursor:pointer;}
label {cursor:pointer;}
.boxes label {display:block}

.sidebar input.text, .sidebar select {width:144px;}

#date_order {margin-bottom:3px;}

fieldset div {margin-top:1em;}
fieldset div.boxes {margin:0;}
fieldset#emailform label {display:block}
legend {font-weight:bold;color:#000}

.home input.text, .home textarea.text,
.daytoday input.text, .daytoday textarea.text {border-color:#090}
.erwinvanlun input.text, .erwinvanlun textarea.text {border-color:#09c}
.books input.text, .books textarea.text {border-color:#00f}
.lectures input.text, .lectures textarea.text {border-color:#609}
.workshops input.text, .workshops textarea.text {border-color:#f09}
.trends input.text, .trends textarea.text {border-color:#f00}

.buttonwrap {width:304px;text-align:right;}
fieldset.buttonwrap {width:auto;text-align:right;margin-right:10px}
.buttonwrap button, .buttonwrap .button {width:108px;height:24px;font-weight:bold;border:none;background:url('/images/design/form-button-trans.gif') 50% 50% no-repeat;}

.home .buttonwrap button, .home .buttonwrap .button,
.daytoday .buttonwrap button, .daytoday .buttonwrap .button {color:#090} 
.erwinvanlun .buttonwrap button,.erwinvanlun .buttonwrap .button  {color:#09c}
.books .buttonwrap button, .books .buttonwrap .button         {color:#00f}
.lectures .buttonwrap button, .lectures .buttonwrap .button       {color:#609}
.workshops .buttonwrap button, .workshops .buttonwrap .button      {color:#f09}
.trends .buttonwrap button, .trends .buttonwrap .button         {color:#f00}


/*
** Toggle links
-----------------------------------------*/

#contact, #search {position:relative;padding-bottom:1.5em;}
#search a.toggle, #contact a.toggle {height:1em;position:absolute;bottom:.5em;width:190px;left:0;background:none 50% 100% no-repeat;text-decoration:none}
#search a.toggle span, #contact a.toggle span {visibility:hidden;}

.home #search a.toggle, .home #contact a.toggle {background-image:url('/images/design/togglefold/uit-1.gif') }
.erwinvanlun #search a.toggle, .erwinvanlun #contact a.toggle {background-image:url('/images/design/togglefold/uit-2.gif') }
.books #search a.toggle, .books #contact a.toggle {background-image:url('/images/design/togglefold/uit-3.gif') }
.lectures #search a.toggle, .lectures #contact a.toggle {background-image:url('/images/design/togglefold/uit-4.gif')}
.workshops #search a.toggle, .workshops #contact a.toggle {background-image:url('/images/design/togglefold/uit-5.gif') }
.trends #search a.toggle, .trends #contact a.toggle {background-image:url('/images/design/togglefold/uit-6.gif') }

#contact ul li {margin-bottom:5px;}
#contact ul li.contact-tel, li.contact-mail a, li.contact-msn a, li.contact-linkedin a  {line-height:1.667;}
li.contact-mail a, li.contact-msn a, li.contact-linkedin a  {display:block;}

li.contact-linkedin a {background:url('/images/design/icons/icoon-linkedin.gif') 0 50% no-repeat;padding-left:25px;}

.home #contact ul li.contact-tel {background:url('/images/design/icons/bel1.gif') 0 50% no-repeat;padding-left:25px;}
.erwinvanlun #contact ul li.contact-tel {background:url('/images/design/icons/bel2.gif') 0 50% no-repeat;padding-left:25px;}
.books #contact ul li.contact-tel {background:url('/images/design/icons/bel3.gif') 0 50% no-repeat;padding-left:25px;}
.lectures #contact ul li.contact-tel {background:url('/images/design/icons/bel4.gif') 0 50% no-repeat;padding-left:25px;}
.workshops #contact ul li.contact-tel {background:url('/images/design/icons/bel5.gif') 0 50% no-repeat;padding-left:25px;}
.trends #contact ul li.contact-tel {background:url('/images/design/icons/bel6.gif') 0 50% no-repeat;padding-left:25px;}

.home li.contact-mail a {background:url('/images/design/icons/mail1.gif') 0 50% no-repeat;padding-left:25px;}
.erwinvanlun li.contact-mail a {background:url('/images/design/icons/mail2.gif') 0 50% no-repeat;padding-left:25px;}
.books li.contact-mail a {background:url('/images/design/icons/mail3.gif') 0 50% no-repeat;padding-left:25px;}
.lectures li.contact-mail a {background:url('/images/design/icons/mail4.gif') 0 50% no-repeat;padding-left:25px;}
.workshops li.contact-mail a {background:url('/images/design/icons/mail5.gif') 0 50% no-repeat;padding-left:25px;}
.trends li.contact-mail a {background:url('/images/design/icons/mail6.gif') 0 50% no-repeat;padding-left:25px;}

.home li.contact-msn a {background:url('/images/design/icons/msn1.png') 0 50% no-repeat;padding-left:25px;}
.erwinvanlun li.contact-msn a {background:url('/images/design/icons/msn2.png') 0 50% no-repeat;padding-left:25px;}
.books li.contact-msn a {background:url('/images/design/icons/msn3.png') 0 50% no-repeat;padding-left:25px;}
.lectures li.contact-msn a {background:url('/images/design/icons/msn4.png') 0 50% no-repeat;padding-left:25px;}
.workshops li.contact-msn a {background:url('/images/design/icons/msn5.png') 0 50% no-repeat;padding-left:25px;}
.trends li.contact-msn a {background:url('/images/design/icons/msn6.png') 0 50% no-repeat;padding-left:25px;}

/*
#centercolumn ul li {background:none .5em .5em no-repeat;padding-left:2em}
.home #centercolumn ul li {background-image: url('/images/design/bullets/bullet_1.png'); }
.erwinvanlun #centercolumn ul li {background-image: url('/images/design/bullets/bullet_2.png'); }
.books #centercolumn ul li {background-image: url('/images/design/bullets/bullet_3.png'); }
.lectures #centercolumn ul li {background-image: url('/images/design/bullets/bullet_4.png'); }
.workshops #centercolumn ul li {background-image: url('/images/design/bullets/bullet_5.png');}
.trends #centercolumn ul li {background-image: url('/images/design/bullets/bullet_6.png');}
*/

ul li {background:none 0 .5em no-repeat;padding-left:1.2em}
.home ul li {background-image: url('/images/design/bullets/bullet_1.png');}
.erwinvanlun ul li {background-image: url('/images/design/bullets/bullet_2.png');}
.books ul li {background-image: url('/images/design/bullets/bullet_3.png');}
.lectures ul li {background-image: url('/images/design/bullets/bullet_4.png');}
.workshops ul li {background-image: url('/images/design/bullets/bullet_5.png');}
.trends ul li {background-image: url('/images/design/bullets/bullet_6.png');}

#brandcloud ul li, #contact ul li, #meercontact ul li, #partners ul li,
#comingup ul li, #eerder ul li, #order ul li, #actions ul li {padding:0;background:none}

/*
** Misc
-----------------------------------------*/
.hidden, #total1 {display:none !important;}
object {display:block;}
img.found {vertical-align:middle}
span.swfir {float:left;margin:0 1em 0 0}

/*
** Quoting
-----------------------------------------*/
div#quoting { margin-bottom : 30px; }
div#quoting h3 { font-size : 13px; margin : 0 ; padding : 0 0 0 40px; font-weight:normal; }
div#quoting div.quotedata { color : #666; font-size : 90%; padding : 0 0 0 40px; }
div#quoting p { position : relative; font : italic 1.2em/1.4 "Times New Roman", Times, serif; color : #484848; padding : 0 40px; margin:10px 0;}
div#quoting p span.quote { font : bold 4em/1 "Times New Roman", Times, serif; color : #ddd; display : block; }
div#quoting p span.open { position : absolute; top : 0; left : 0; }
div#quoting p span.close { position : absolute; bottom : -20px; right : 0; }
div#quoting p img { float : left; border : 1px solid; margin : 3px 10px 5px 0; }