/*
	www.deverborgenstad.nl
  Copyright (c) 2006 Ylab, http://www.ylab.nl
*/

/*defaults*/
body                {padding: 0; margin: 0;}
img							    {border: 0;}
table               {border: 0; padding: 0;}
th                  {text-align: left;}
td                  {vertical-align: top;}
form                {margin: 0; padding: 0;}

/*fonts*/
body                {font-family: Arial, Helvetica, sans-serif; font-size: small; line-height: 150%;}
ul                  {list-style-type: square;}
li                  {margin-left: -20px;}
h1,h2               {font-family: 'Arial Narrow', Arial, sans-serif;}
h1	                {font-size: x-large;}
h2	                {font-size: large;}
h3                  {font-size: medium;}
h4                  {font-size: small;}
.caption            {letter-spacing: 1px; font-weight: bold; }
textarea            {font-family: sans-serif;}
h1,h2,h3,h4,p       {margin: 0.5em 0;}

/*colors*/
body                {background: #fff no-repeat top center; color: #000;}
a:link,
a:visited           {text-decoration: none;}
a:hover             {text-decoration: underline;}
hr                  {height: 1px; color: #eee}

/*layout*/
#canvas             {position: relative; width: 770px; margin-left: auto; margin-right: auto; padding-bottom: 20px;}

/*home and channel*/
.pagetitle          {text-align: left; margin: 0px 10px; padding-top: 2px;}
.intro              {padding: 10px;}
td.photo            {padding: 5px 10px; width: 85px;}
td.photohome        {padding: 5px 10px; width: 166px;}
td.words            {padding: 0 5px 10px 10px;}
img.preview         {width: 85px;}

h1.home             {padding: 0 5px 0 10px; text-align: center; margin-bottom: 0;}
p.home              {margin-top: 0;}

/*page*/
div.description     {float: left; padding: 10px; margin-bottom: 100px;}
div.fixedwidth      {width: 300px;}
div.sidebar         {float: right; width: 166px; margin: 10px 5px; border: 1px solid #CCC;}
div.sidebar img     {width: 166px;}
div.sidebar div     {padding: 0 8px;}
a.button            {background: url('../images../images/button.gif') no-repeat; padding: 3px 5px; height: 24px; display: block;}

/*infopages*/
td.label,
td.hint             {padding: 10px 0 5px; color: #666; font-style: italic;}
div.checklist       {text-align: right; margin-top: 10px;}
select.channel      {width: 265px;}
option.channel      {background-color: #85A6B7;}
td h2               {margin: 10px 0 4px;}