/*** undo default browser styles
******************************************************************/
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/* a:active {text-decoration: underline;}
 a:link {text-decoration: underline;}
 a:visited {text-decoration: underline; color: #0080FF}
 a:hover {text-decoration: underline overline; font-weight:normal; color:#400080;}
*/

/* april 2005: geleidelijke invoering van de stijlen per veldnaam om de lay-out
   afhankelijk te maken van de CSS. Eerste veld: SessionStatus
   werk in samenhang met de functie show_fields($options, .... ) In $options staat een array van veldnamen
   die worden getoond via <SPAN CLASS=\''.$field_name.'\' TITLE=\''.$field_text.'\'>'

*/
 body {margin-top:   0px ;
      margin-left:   0px ;
      margin-right:  0px ;
      margin-bottom: 0px  ;
      font-family:  13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
      background-color:#E2EBED ;
      color:         #000000;
      background:    url(color_a01.jpg) ;
      /* later uit zoeken behavior:      url('cssfocusandhover.htc');
      http://www.relativelyabsolute.com/articles/focus/ */
      }
/* aug 2005: naar aanleiding van http://www.csszengarden.com/?cssfile=/175/175.css&page=0   aangepast
meer zakelijke stijl
*/
a
    {
    color: #307082;
    }
a:hover
    {
    color: #D60808;
    }

#footer
    {
    position: relative; top:10px ;left: 200px;
    color: #fff;
    height: 48px;
    text-align: left;
    padding: 0 10px 0 10px;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }
/*  einde aanpassing zakelijke stijl
*/

 h1 {font-family: Verdana, Geneva, Arial, sans-serif;
    font-weight: bold; font-style: normal; text-align: left ;
    text-decoration: none ; color: #008080;
    border-top: 1px  #003366; border-bottom: 1px  #3366FF;}
 h2 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: 500; font-style: normal; text-align: center ;
 text-decoration: underline; color: #008080; background: #F9DCDC; border-top: 1px  #003366; border-bottom: 1px  #3366FF;}
 .headline {font-family: Comic Sans MS, Verdana, Geneva, Arial, sans-serif; font-weight: 500;
           font-style: normal; text-decoration: overline; color: #008080; background: #FFFF00;
           border-top: 1px  #003366; border-bottom: 1px  #3366FF;}
/* bepaalt de lay-out van knoppen voor formulieren */
 input {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 8pt;
       font-style: normal; color: #008080; background: white;
       text-indent: 2px; border: 2px  inset #8000FF;}

       /*16 april 2005 Nieuwe lay-out voor knoppen submit-button (via functions.php*/
.submit-button {
 width: 200px; background: honeydew ; border: 1px #9cf outset; padding: 1px 1px; align:center;
}

 .submit-button:hover {
 width: 200px;  background: gray;  border: 1px inset gray; color:white; padding: 0px 0px;
}

#submit-button  /* hiermee regelen we de submit en de progress bar */
{width: 670 px;
 margin-left: 260px;
 margin-bottom: 2px;
 clear: both;
 color: #000;
 border: 0px #9cf outset ;
}

.fieldset
{ padding: 1px 10px;
border: #26a solid 1px;
width: 20em
}

.legend
{
background: #fb0;
border: #26a solid 1px;
padding: 1px 10px
}

/* font for showing the posts a.k.a. items */

.show_post  {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 8pt; font-weight: 400;
         font-style: normal; text-decoration: none; color: #333399; text-align: left;
         border: 1px solid lightgrey; width : 520pt ;
         cellspacing : 0; padding: 2px}

/* input:hover {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: 700; font-style: normal; color: #008080; background: #DDDDDD; text-indent: 5px; border-left: 2px  #FF6600;}
*/ input:focus {background-color: #FFFF99 }
 title {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; color:#FFFFFF; background:blue}

 .verplicht {font-family: Verdana, Geneva, Arial, sans-serif; font-size: smaller; font-weight: 700; font-style: normal; color: #008080; background: #FFC4C4; text-indent: 5px; border-left: 1px  #FF6600;}
 textarea {font-family:  Verdana, Arial, sans-serif; font-size: 12pt; font-style: normal;
          background:#FFF1FF; bgcolor:#FFF1FF; text-align:center; font-size:'12pt'
          color: #0000FF; background: #FFFFF0; text-indent: 0 px; border: 1px  #FF6600;}
 textarea:focus { background-color: #FFFF99 }


/* bepaalt de lay-out van mindatwork koppem */
 .matw {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: 400; color: #1E1E1E; margin-left: 1px;}
 .matwh1 {font-family: Comic Sans MS, Verdana, Geneva, Arial, sans-serif; font-size: 20pt; font-weight: 400;
          color: #0000FF; background: cornsilk ; text-indent: 20px; margin-left: 2px; text-align:center;
          /* border-left: deepskyblue solid 4px; border-right: aquamarine solid 4px;
          border-top: lightcyan solid 4px; border-bottom: dodgerblue   solid 4px;    */
          position: relative; left: 100px; padding: 4px;
          }

 .menu {font-size: smaller; color: #3366FF;} 
 .oDiv  {font-family: Verdana, Arial, sans-serif; font-size:48pt ; width: 640px; height: 300px; overflow: hidden; text-align:center}
 .noDiv {font-family: Verdana, Arial, sans-serif; font-size:24pt ; width: 640px; height:  72px; overflow: hidden; text-align:center}
 .hidden {visibility: hidden}
 #welcome {font-family: Verdana,Comic Sans MS,  Geneva, Arial, sans-serif; font-size: 14pt; font-weight: 400; color: #0000FF; background: palegreen  ; text-indent: 20px; margin-left: 2px; text-align:center}


/* bepaalt het gedrag van de 'knoppen'
  BUTTON {color: #000000; font-size: 10px; font-family: Verdana, Geneva, Arial, sans-serif; font-weight:normal;
  border:2px outset #C0C0C0; text-align:center;    background-color:#FFFFFF ; width: 60px ;
  padding: 1px 1px; margin: 1px; border:2px outset gray;}
  BUTTON:hover {background-color: #C0C0C0; text-decoration: overline ; color:#FFFF00; font-weight: normal  ;
  padding-left: 1px;  border:2px inset blue;}    */

 .elButton {color: #000000; font-size: 12px;
           font-family: Verdana, Geneva, Arial, sans-serif; font-weight:normal;
           text-decoration: none; border:2px outset #0080C0; text-align:center;
           background-color:#F6FF48;  margin: 0px;}

 .elButton a:hover {background-color: #CEFFC6; color:#4A4A4A; border:2px inset blue;}


/* .elButtonItem {color: #808080; width: 16px ; height: 16px;
               font-size: 8pt; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: normal;
               text-decoration: none; border:1px outset gray; text-align: center;
               background-color:#FFFFFF ; padding: 1px 1px; margin: 1px;}     */

 .elButtonItem a {color: #808080; width: 16px ; height: 20px;
               font-size: 8pt; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: normal;
               text-decoration: none; border:2px outset gray; text-align: center;
               background-color:#FFFFFF ; padding: 1px 1px; margin: 1px;}
 .elButtonItem a:hover {background-color: #A5A5A5; width: 16px ; height: 16px ;
               text-decoration: none ;
               font-size: 8pt; color:#FFFFFF; font-weight: normal; padding:1px 1px;  margin: 1px;
               border:2px inset gray;}

 .elButtonTopic a {color: #000000; font-size: 9px; font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold;
                text-decoration: none; border:2px outset #EBEBEB; text-align: center;
                background-color:#C0C0C0; width: 100px; padding: 2px 3px; margin: 1px;}
 .elButtonTopic a:hover {background-color: #808080; color:#FFFFFF; font-weight:bold ; padding-left:2px;
                 border:2px inset gray;}
 .MeetingTitle {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 14pt; color: #000080; }
 #MeetingTitle {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 14pt; color: #000080; }
 #MeetingPurpose {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 10pt; color: #000080; text-align: left}
 #Meeting        {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 8pt; color: #000080; text-align: left}
 .Meeting        {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 8pt; color: #000080; text-align: left}


 .session_title {font-family: Comic Sans MS, Verdana, Geneva, Arial, sans-serif; font-size: 16pt; color: #000080;
                background: #E6E6FF; margin-left: 2px; border-left: 2px ; text-align: center}
 .SessionName {font-family: Verdana, Geneva, Arial, sans-serif; font-size:12pt;
                margin-left: 10px; border-left: 2px ; text-align: center }
 #SessionName {font-family: Verdana, Geneva, Arial, sans-serif; width:90%;
                margin-left: 10px; margin-right: 10px; border-left: 20px ; text-align: center }
 .SessionStatus {background: #E6E6FF; margin-left: 10px;  border: solid 1px white }
 .SessionDescr  {margin-left: 10px; font-size: 12pt; }
 #SessionDescr  {margin-left: 10px; margin-right: 10px;  font-size: 10pt; }
 .SessionDescr_hover  {margin-left: 10px; margin-right: 10px;  font-size: 6pt; height: 40pt; overflow:none}

 #SessionDescr_hover  {margin-left: 10px; margin-right: 10px;  font-size: 6pt; border: solid 2px white ;  height: 40pt; }
 .SessionNbr    { margin-left: 10px; text-align: right ; width: 40pt;  }

 #TopicName {font-family: Verdana, Geneva, Arial, sans-serif; width:90%;  background: seashell ;
                margin-left: 10px; margin-right: 10px; border-left: 20px ; text-align: left}
 .TopicName {font-family: Verdana, Geneva, Arial, sans-serif; width:90%;  background: seashell ;
                margin-left: 10px; margin-right: 10px; border-left: 20px ; text-align: left }


 #edit_action   {display: block ; margin-left: 10px; text-align: center ;  padding-top: 5px; background:orangered ; height: 20px ; width:200px }

 .footer {font-family: Comic Sans MS, Verdana, Geneva, Arial, sans-serif; font-size: 10px; font-weight: 400;
         font-style: normal; text-decoration: none; color: #333399; text-align: center; 
         background-image: url('matw.gif');}

/* vier standaard kleuren */
 .sensory {font-family: Verdana, Geneva, Arial, sans-serif; color:#808080; background:#FFCDFF;}
 .social {font-family: Verdana, Geneva, Arial, sans-serif; background:#CEFFC6;}
 .mythic {font-family: Verdana, Geneva, Arial, sans-serif; background:#FFFFB5;}
 .unitary {font-family: Verdana, Geneva, Arial, sans-serif; background:#E6E6FF;}
 .inventive {font-family: Verdana, Geneva, Arial, sans-serif; background:#FEEDB1;}
 .no_color {font-family: Verdana, Geneva, Arial, sans-serif; background:#F3F3F3;}
 .color_topic {font-family: Verdana, Geneva, Arial, sans-serif; color:#3366FF; font-size:12pt; font-weight:bold; background:#F3F3F3;}
/* dit is de kleur van de tabel  wanneer er geen hover is (anders is het colora#)  met: onmouseout="this.className='color_table'" */
 .color_table {font-family: Verdana, Geneva, Arial, sans-serif; color:#3366FF; font-size:12pt; font-weight:bold; background:#F3F3F3; }


/*  geeft aan of een item al in een cluster zit of niet */
 .clustered {font-family: Verdana, Geneva, Arial, sans-serif; background:#CEFFC6;text-align:center}
 .cluster {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; background:#FFFFFF;text-align:left}
 .unclustered {font-family: Verdana, Geneva, Arial, sans-serif; color:#808080; background:#FFCDFF; text-align:center}
 .unclustered.tr {background:#FFFFFF;  }



/* ten behoeve van o.m. de tabs */
 .gray {font-family: Verdana, Geneva, Arial, sans-serif; background:#C0C0C0;}
 .gray a:hover {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; background:#EEEEEE;}
 .lightgray  {font-family: Verdana, Geneva, Arial, sans-serif; background:lightgrey;}
 .lightgray a:hover {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; background:#EEEEEE;}

/* kleuren van de opeenvolgende nummers */
/* tab toegevoegd voor de tabjes. De hover functie van de topics gaat via het oppikken van de kleur get_color en de java style */
 .tab {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 8pt;  background:#FFEEBB;
  width: 80px;
  border: solid 1px gray; border-bottom-width: 0px; 
  }
 .tab a:hover  {
 background:#FFFFFF; }
 .helptab {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: normal; font-size:'10pt' ; background:#C0C0C0; }
 .helptab a:hover  {color:#000000; background:#FFFFFF; }

 .color0 {font-family: Verdana, Geneva, Arial, sans-serif;  background:gainsboro ;}
 .colora0 {font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF; font-weight: bold; background:#0000A0;}
/* verstiert de knoppen elButtonItem in de topic
  .colora0 a:visited{font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF; font-weight: bold; background:#0000A0;}
*/ .color1 {font-family: Verdana, Geneva, Arial, sans-serif; background:#CEFFC6;}
 .color1 a:hover {background:#80FF80;}
 .colora1 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; background:#80FF80;}
/* .colora1 a:visited {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; font-weight: bold; background:#80FF80;}
*/
.color2 {font-family: Verdana, Geneva, Arial, sans-serif; background:#FFFFB5;}
 .color2 a:hover {color:#000000; background:#FFFF00;}
 .colora2 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: normal; background:#FFFF00;}
/* .colora2 a:visited {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; font-weight: normal; background:#FFFF00;}

*/ .color3 {font-family: Verdana, Geneva, Arial, sans-serif; background: #99CCFF;}
 .color3 a:hover {font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF;  background:#3366FF;}
 .colora3 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF;  background: #3366FF;}
 .colora3 a:hover { color:#FFFFFF;  background: #3366FF;}
/* .colora3 a:visited {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF;  background: #3366FF;}

*/ .color4 {font-family: Verdana, Geneva, Arial, sans-serif; background:#FFDDDD;}
 .color4 a:hover {font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF; background:#FF0000;}
 .colora4 {font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF; font-weight: bold; background:#FF0000;}
/* .colora4 a:visited{font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF; font-weight: bold; background:#FF0000;}

*/ .color6 {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; background:#E6E6FA;}
 .color6 a:hover {color:#FFFFFF; background: #808080;}
 .colora6 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF; background: #C0C0C0;}
 .colora6 a:hover {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF; background: #8FBC8F;}
/* .colora5 a:visited {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF; background: #808080;}

*/ .color5 {font-family: Verdana, Geneva, Arial, sans-serif; background:#F0E68C;}
 .color5 a:hover {color:#FFFFFF; background:#FF8000;}
 .colora5 {font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF; font-weight: bold; background:#FF8000;}
/* .colora5 a:visited {font-family: Verdana, Geneva, Arial, sans-serif; color:#FFFFFF; font-weight: bold; background:#FF8000;}

*/ .color7 {font-family: Verdana, Geneva, Arial, sans-serif; color:#808080; font-size:12pt; font-weight:bold; background:#FFD2FF;}
 .color7 a:hover {color:#000000; background:#FF80FF;}
 .colora7 {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; font-weight: bold; background:#FF80FF;}

 .color8 {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; font-size:10pt; background:#DDFFFF;}
 .color8 a:hover {color:#000000; background:#80FFFF;}
 .colora8 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; background:#80FFFF;}
/* .colora8 a:visited{font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; font-weight: bold; background:#80FFFF;}
*/
 .color9 {font-family: Verdana, Geneva, Arial, sans-serif; color:#808080; font-size:12pt; background:#E1E1E1;}
 .color9 a:hover {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF; background:#ACACAC;}
 .colora9 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF; background:#A9A9A9;}
/* .colora9 a:visited {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; color:#FFFFFF; background:#000000;}
*/
 .color10 {font-family: Verdana, Geneva, Arial, sans-serif; background:#FFFF80;}
 .color10 a:hover {background:#FFFF00;}
 .colora10 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; background:#FFFF00;}
 .colora10 a:visited {font-family: Verdana, Geneva, Arial, sans-serif; color:#000000; font-weight: bold; background:#FF0000;}
 .color90 {font-family: Verdana, Geneva, Arial, sans-serif; background:#D6FF46;}
 .color90 a:hover {background:#DCCDCD;}
 .colora90 {font-family: Verdana, Geneva, Arial, sans-serif; font-weight: bold; background:#FF0000;}

 .please {font-family: Trebuchet MS, Arial, sans-serif; font-size: 12pt; color: #000080;} 
 .vote {font-family: Verdana, Geneva, Arial, sans-serif; background:#E6E6FF;} 
 .cluster {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #000080; text-align:left; }
 .change {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 12pt; font-style: italic ; background:#DEDEDE;}

 .sessionheader {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 16pt; text-align: center}

/* De tabel standaard (maar niet overal gebruikt) */
  TH {font-family: Verdana, Geneva, Arial, sans-serif;  border-right: 0px solid black; text-align: center; font-size: 8pt; font-weight: normal; color:#0000FF; }
  TD {font-family: Verdana, Geneva, Arial, sans-serif; background:url(images/bg_body.gif)}
  .table_outer {padding:0; background-color:#808080;}
  .table_head {background-color: silk; text-align: center; color: #000000; font-weight: normal ; font-family:Verdana, Geneva, Arial, sans-serif;
    font-size:14px; }
  .head_nbr {text-align:center; color: #000000; font-weight: normal ; font-family:Verdana, Geneva, Arial, sans-serif;
    font-size:12px; }
  .head_text {background-color: #D0D0FF; text-align:center; color: #000000; font-weight: bold ; font-family:Verdana, Geneva, Arial, sans-serif;
    font-size:14px; }
  .table_topic {vertical-align: middle; text-align: center;}
  .table_inner {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 8pt; padding:0; background-color:#E6E6FF; text-align: center}
  .table_meeting {padding: 0px; background-color:#80FF80; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 14pt;}
  .table_item {font-family: Verdana, Geneva, Arial, sans-serif; font-size:10pt; color:#000080; text-align: left}
  .table_addition {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 8pt}  
  .table_addition_add {font-family: Verdana, Geneva, Arial, sans-serif; font-size: 9pt}
  .table_item_id {font-family: Verdana, Geneva, Arial, sans-serif;  font-size: 7pt; width: '2cm';text-align: center}
  .table_add_id {font-family: Verdana, Geneva, Arial, sans-serif;  font-size: 6pt}

  
  .note {font-family: Verdana, Geneva, Arial, sans-serif; border: none; padding: 2px 5px ; color: #0080FF ; font-size: 10pt}
  #note {font-family: Verdana, Geneva, Arial, sans-serif; border: none; padding: 2px 5px ; color: #0080FF ; font-size: 10pt}
  .warning {font-family: Verdana, Geneva, Arial, sans-serif; border: 1px dotted; padding: 2px 5px ; color: #FF0000 ; font-size:12pt}
  .ok {font-family: Verdana, Geneva, Arial, sans-serif; border: 1px; padding: 2px 5px ; color: #FF0000 ; font-size: 14pt}
  .edit {font-family: Verdana, Geneva, Arial, sans-serif; background: gainsboro ; font-size: 8pt; padding: 1px 1 px; border: 0px black;}
  .edit_hover {font-family: Verdana, Geneva, Arial, sans-serif;  font-size: 8pt; background: darkgray ; }
  .hide {display: none;}

/*  lettergrootte door middel van berekening van laatste cijfer */
 .printarea_36 {font-family: Arial, sans-serif; font-size: 36pt; font-style: normal; color: #000000; text-align:center}
 .printarea_24 {font-family: Arial, sans-serif; font-size: 24pt; font-style: normal; color: #000000; text-align:center}
 .printarea_18 {font-family: Arial, sans-serif; font-size: 18pt; font-style: normal; color: #000000; text-align:center}
 .printarea_8 {font-family: Arial, sans-serif; font-size: 8pt; font-style: normal; color: #000000; text-align:left}

/*  haal display: block; weg uit de eerste knop om de knoppen naast elkaar te tonen. de breedte van de knoppen wordt bepaald door de width{  } */