/* kolom1 */
#kolom1 
{
  width: 220px;
  float: left;
  padding: 67px 0px 25px 42px;
  margin-right: 20px;
}

#kolom1 .detail
{
  margin-top: 20px;
  background-color: #ebebeb;
  padding-bottom: 10px;
}

#kolom1 .detail .title
{
  border-bottom: 1px solid white;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px;
}

#kolom1 .detail dl
{
  margin: 10px
}

#kolom1 .detail dl dt
{
  font-weight: bold;
}

#kolom1 .detail dl dd
{
  margin-left: 0px;
  margin-bottom: 8px;
}

#kolom1 ul
{
  margin-top: 0px;
}

#kolom1 ul li
{
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid #f0ede1;
}


/* kolom2 */
#kolom2 {
  width: 480px;
  float: left;
  padding: 0 0px 35px 0px;
  color: #666666;
}

#kolom2 .drag-handle {
  cursor: n-resize;
}

/* middle tabs */
#kolom2 .tabnav {
  height: 35px;
  width: 100%;
  padding: 0;
  margin: 0;
}

#kolom2 .tabheader {
  float: left;
  text-align: center;
  list-style-type: none;
  list-style-image: none;
  border-right: 1px solid white;
}

#kolom2 .tabheader a {
  display: block;
  padding-top: 3px;
  background: #fff url(../gfx/tabs/tab_normal_gr.gif) scroll no-repeat top center;
  color: #7e735f;
  font-weight: bold;
  text-decoration: none;
  height: 29px;
}

#kolom2 .tabheader a:hover {
  color: #fff;
  background-image: url(../gfx/tabs/tab_rollover_gr.gif);
}

#kolom2 .tabheader.selected a {
  color: #fff;
  background-image: url(../gfx/tabs/tab_4_selected_gr.gif);
}

#kolom2 .tabheader.first a {
  background-position: top left;
}

#kolom2 .tabheader.last a {
  background-position: top right;
}

#kolom2 .tabheader.last {
  border-right: none;
}

.clear {
  max-height: 0px;
}

/* agenda items don't have a bullet */
#kolom2 ul.agenda {
  list-style: none;
  margin: 0;
  padding: 0;
}

#kolom2 ul.agenda li {
  list-style-image: none;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}

/* these are the 'write/publish' actions */
#kolom2 ul.actions {
  list-style: none;
  float: right;
}

#kolom2 ul.actions li {
  list-style: none;
  float: left;
  padding: 0 0 0 5px;
  margin: 0;
  border: none;
}

#kolom2 .draft {
   background-color: #fdffc7;
}

#kolom2 .finished {
   background-color: #ffdddd;
}

.login .error-message {
  color: red;
  font-weight: bold;
}

/* 
 * these are overrides of the normal tab images + width for a 'three' 
 * tabs configuration, you can add more if you want to. 
 */
#kolom2 .tabheader.selected a.amount4 {
  background-image: url(../gfx/tabs/tab_4_selected_gr.gif);
}

#kolom2 .tabheader.selected a.amount3 {
  background-image: url(../gfx/tabs/tab_3_selected_gr.gif);
}

#kolom2 li.amount4 {
  width: 24%;
}

#kolom2 li.amount4.last {
  width: 27%;
}

#kolom2 li.amount3 {
  width: 33%;
}

/* 'herdenken' black tabs */
body.herdenken #kolom2 .tabheader a:hover {
  background-image: url(../gfx/tabs/tab_rollover_zw.gif);
}

body.herdenken #kolom2 .tabheader.selected a {
  background-image: url(../gfx/tabs/tab_4_selected_zw.gif);
}

/* inline-edit form */
#inlineform col#fields {
  width: 130px;
}

#inlineform col#values {
  width: 350px;
}

#inlineform th {
  vertical-align: top;
}

#inlineform td input,
#inlineform td textarea {
  width: 98%;
}

#inlineform td input.checkbox {
  width: auto;
}

#inlineform td fieldset {
  border: 1px solid #a0a0a0;
  padding: 3px;
  margin-top: 5px;
}

#inlineform td fieldset legend {
  padding: 2px;
  font-weight: bold;
  border: 1px solid #a0a0a0;
}

#inlineform td fieldset label,
#inlineform td fieldset input,
#inlineform td fieldset textarea {
  margin-top: 3px;
  display: block; 
  float: left;
}

#inlineform td fieldset label {
  font-weight: bold;
  width: 120px;
}

#inlineform td fieldset input,
#inlineform td fieldset textarea {
  width: 330px;
}

/* list view of articles */
ul.artikelen {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

ul.artikelen li {
  width: 100%; /* part of IE hasLayout fix */
  list-style: none;
  list-style-image: none;
}

ul.artikelen li ul li {
  width: auto; /* part of IE hasLayout fix */
}

ul.artikelen .fotowrapper {
  width: 180px;
}

ul.artikelen h2 {
  font-size: 1.1em;
  color: #000;
  margin: 0;
}