body 
{
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 5px;

  font-family: arial;
  font-size: 12px;
  
  background-color: white;
}

#main
{
  width: 780px; 
  margin: 0 auto;
}

#spanner
{
  width: 100%; 
  height: 3px;
}

#log
{
  width: 100%; 
  margin: 0 auto;
  padding: 3px; 
}

#site
{
  width: 100%;
  margin: 0 auto;
}

h1
{
  font-family: Helvetica, sans-serif;
  font-size: 18px;
}

h1 a 
{
  font-size: 20px;
}

#match_kw { width: 250px; }
#match_subj { width: 250px; }

.selected { background: #AA0000; color: white; font-weight: bold; font-style: normal; }
.notselected { background: #EEEEEE; color: black; font-weight: normal; font-style: italic;}

#logocell
{
  /* width: 40%; */
}

#logo
{
  float: left;
}

a.button
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: solid 2px #FF0000;
  padding: 3px; 
  color: #FFFFFF;
  background: #880000;
  font-size: 11px;
  font-weight: bold;
}

a.button2
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: solid 2px #880000;
  padding: 3px; 
  width: 90px; 
  color: #AA0000;
  font-size: 11px;
  font-weight: bold;
}

#intro
{
  padding-right: 20px;
}

a.button:link      { text-decoration: none; color: #FFFFFF; }
a.button:active    { text-decoration: none; color: #FFFFFF; }
a.button:hover     { text-decoration: none; color: #FFFFFF; }
a.button:visited   { text-decoration: none; color: #FFFFFF; }

.Dutch
{
  font-style: italic;
  font-size: 11px;
}

.Dutchlarge
{
  font-style: italic;
  font-size: 12px;
}


input.menu
{
  width: 90px; 
  color: #AA0000;
  font-size: 11px;
  font-weight: bold;
}

td.title
{
  text-align: left;
}

td.icon
{
  text-align: right;
}


a:link      { text-decoration: none; color: #880000; }
a:active    { text-decoration: none; color: #880000; }
a:hover     { text-decoration: none; color: #880000; background: #DDAAAA; }
a:visited   { text-decoration: none; color: #880000; }

#broodkruimelpad
{
  padding-top: 4px; 
}

div.abcdir
{
  font-size: 14px;
  font-weight: bold;
  width: 40px;
  height: 40xpx;
  border: solid 1px #880000;
  background: #C0c0ee;
  float: left;
  width: 20px; 
  height: 20px;
  margin-right: 5px;
  text-align: center;
}

td.abcicon { display: none; }


div.catpic
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: auto;
  text-align: center;
  background: #FFEEEE; 
  border: solid 1px #AA0000;
  float: left;
  height: 600px;
  width: 220px; 
  margin: 5px; 
  padding: 5px 5px 5px 5px;
}

div.catpicvrij
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: auto;
  text-align: center;
  background: #FFEEEE; 
  border: solid 1px #AA0000;
  float: left;
  height: 600px;
  width: 220px; 
  margin: 5px; 
  padding: 5px 5px 5px 5px;
}

div.catpicverkocht
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: auto;
  text-align: center;
  border: solid 1px #AA0000;
  background: #CCCCCC;
  float: left;
  width: 220px; 
  height: 600px;
  margin: 5px; 
  padding: 5px 5px 5px 5px;
}

div.catpicgereserveerd
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: auto;
  text-align: center;
  border: solid 1px #AA0000;
  background: #CCCCCC;
  float: left;
  width: 220px; 
  height: 600px;
  margin: 5px; 
  padding: 5px 5px 5px 5px;
}

div.catpicgeplaatst
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: auto;
  text-align: center;
  /* Marktplaats kleuren */
  border: solid 2px #EEB47C;
  background: #FFEF94;
  float: left;
  width: 220px; 
  height: 600px;
  margin: 5px; 
  padding: 5px 5px 5px 5px;
}

td
{
  font-family: arial;
  font-size: 12px;
}

th
{
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
}

table.spiel a
{
  font-weight: bold;
}

table.spiel
{
  border-collapse: collapse;
}

table.spiel td
{
  vertical-align: top;
  border-bottom: dotted 1px #FFBBBB;
  padding: 10px;
}

table.spiel td.Dutchlarge
{
  vertical-align: top;
  border-left: solid 1px #AA0000;
  padding: 10px;
  font-style: italic;
}

table.strip td
{
  border: solid 2px #AA0000;
}

table.result td,th
{
  /* border: solid 1px black; */
}

.bordered { border: 1px solid black; }
.rightaligned { text-align: right; }
.leftaligned { text-align: left; }
.rightfloat { float: right; }
.leftfloat { float: left; }

textarea { overflow: scroll; }

em.red 
{
  font-style: normal;
  font-weight: bold;
  color: red;
}

table.catalog
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: solid 1px black;
  background: #FFEEEE;
}

P
{
  /* width: 900px; */
}

p.news
{
  /* width: 800px; */
  font-weight: bold;
  color: #880000;
  padding-top: 8px;
}

p.uitleg
{
  /* width: 800px; */
  font-weight: normal;
  font-style: italic;
  color: #880000;
}

.orange
{
  background: orange;
}