/*  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(/design/10/container_bg.gif) repeat-y center; */
}

#container {
clear:both;
 width:898px;
 margin:0 auto;
 background:#fff;
 border:1px solid #000;
 border-width:0 1px;
 position:relative;
/* float: center; */
}

#header {
 height:180px;
 background:#f2f2f2/* url(/design/10/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
-----------------------------------------*/


#header a.h1 {color:#fff;font-size:50px; font-family:helvetica; display:block; padding-top:45px; padding-left:45px;}
#header a:hover.h1 {color:white; text-decoration:none}
#header a.menu {background-image:url('https://www.chatbots.org/design/10/button.jpg'); width:89px; height:25px; text-align:center; display:block; float:left; color:black; margin-top:26px; margin-left:4px;}
#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}

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}

 
/*
** 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;}
#centercolumn .deadbot {color: #999999;}

.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;}

div.post img {float:left;margin:0 5px 0 0;border:1px solid;}

/*
** 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;}

/*
** Side content
-----------------------------------------*/
.sidebar {
 background: #f2f2f2 url(https://www.chatbots.org/design/10/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(https://www.chatbots.org/design/10/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:10px}
#brandcloud li.step2 {font-size:11px}
#brandcloud li.step3 {font-size:12px}
#brandcloud li.step4 {font-size:13px}
#brandcloud li.step5 {font-size:14px}

#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(https://www.chatbots.org/design/10/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(https://www.chatbots.org/design/10/togglefold/uit-1.gif)}
.erwinvanlun #search a.toggle, .erwinvanlun #contact a.toggle {background-image:url(https://www.chatbots.org/design/10/togglefold/uit-2.gif)}
.books #search a.toggle, .books #contact a.toggle {background-image:url(https://www.chatbots.org/design/10/togglefold/uit-3.gif)}
.lectures #search a.toggle, .lectures #contact a.toggle {background-image:url(https://www.chatbots.org/design/10/togglefold/uit-4.gif)}
.workshops #search a.toggle, .workshops #contact a.toggle {background-image:url(https://www.chatbots.org/design/10/togglefold/uit-5.gif)}
.trends #search a.toggle, .trends #contact a.toggle {background-image:url(https://www.chatbots.org/design/10/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(https://www.chatbots.org/design/10/icoon-linkedin.gif) 0 50% no-repeat;padding-left:25px;}

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

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

.home li.contact-msn a {background:url(https://www.chatbots.org/design/10/msn1.png) 0 50% no-repeat;padding-left:25px;}
.erwinvanlun li.contact-msn a {background:url(https://www.chatbots.org/design/10/msn2.png) 0 50% no-repeat;padding-left:25px;}
.books li.contact-msn a {background:url(https://www.chatbots.org/design/10/msn3.png) 0 50% no-repeat;padding-left:25px;}
.lectures li.contact-msn a {background:url(https://www.chatbots.org/design/10/msn4.png) 0 50% no-repeat;padding-left:25px;}
.workshops li.contact-msn a {background:url(https://www.chatbots.org/design/10/msn5.png) 0 50% no-repeat;padding-left:25px;}
.trends li.contact-msn a {background:url(https://www.chatbots.org/design/10/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(/design/10/bullet_1.png);}
.erwinvanlun #centercolumn ul li {background-image: url(/design/10/bullet_2.png);}
.books #centercolumn ul li {background-image: url(/design/10/bullet_3.png);}
.lectures #centercolumn ul li {background-image: url(/design/10/bullet_4.png);}
.workshops #centercolumn ul li {background-image: url(/design/10/bullet_5.png);}
.trends #centercolumn ul li {background-image: url(/design/10/bullet_6.png);}
*/

ul li {background:none 0 .5em no-repeat;padding-left:1.2em}
.home ul li {background-image: url(https://www.chatbots.org/design/10/bullet_1.png);}
.erwinvanlun ul li {background-image: url(https://www.chatbots.org/design/10.bullet_2.png);}
.books ul li {background-image: url(https://www.chatbots.org/design/10/bullet_3.png);}
.lectures ul li {background-image: url(https://www.chatbots.org/design/10/bullet_4.png);}
.workshops ul li {background-image: url(https://www.chatbots.org/design/10/bullet_5.png);}
.trends ul li {background-image: url(https://www.chatbots.org/design/10/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}


/* INLINE FORMS */
div.inline_form label { width:150px; display:block; }
div.inline_form input.text { width:250px; }