body { margin: 0 0 15px 0; padding: 0; font-size: 76%; font-family: Arial,Tahoma,Verdana; background: url(../img/w2m_pageback.gif) repeat-x;  }

#container { margin: 0 auto; width: 779px; }
#header { height: 100px; }
#left { float: left; width: 178px; padding: 0 0 15px 0; }
#right { float: right; width: 585px; padding: 8px 0 12px 10px; }
#right.wide { width: 779px; padding: 8px 0 15px 0; }
#clear { clear: both; }
#footer { background: url(../img/w2m_footer.gif) no-repeat center; height: 30px; }

/* Algemene Regels */

p,h2,h3,h4,h5 { margin: 0; padding: 3px 0; }

h1 { font-size: 24px; color: #8ad62e; width: 70%; float: left; padding: 3px 0 0 0; margin: 0; }
h2 { font-size: 18px; color: #ff9600; clear: both; }
h3 { font-size: 14px; color: #ff9600; }
h4 { font-size: 12px; color: #ff9600; }
h5 { font-size: 10px; }

table { border: 0; margin: 6px 0; width: 100%; border: 1px solid #d2d2d2; }
table th { text-align: left; padding: 5px 6px; background: url(../img/w2m_table_td.gif); color: #636363; }
table td { padding: 6px; font-size: 11px; font-family: Tahoma,Verdana,Arial; line-height: 16px; vertical-align: top; border-bottom: 1px solid #d2d2d2; }
table tr.d td { background: #f3f3f3; padding: 6px; border: 0; }
table tr.l td { background: white; }
table th input { width: 15px; height: 15px; margin: 0 0 0 3px; }
table a { color: #636363; }

form { margin: 0; padding: 0; }
form input,form select,form textarea { font-family: Arial,Tahoma,Verdana; font-size: 12px; }
form input.button { font-weight: bold; color: white; background: url(../img/w2m_input_button.gif) center; border-style: solid; border-width: 1px; border-color: white; height: 22px; }

/* Afwijkende Regels */

table#cp { width: 200px; border: 0; background: white; padding: 0; margin: 0; font-size: 2px; }
table#cp td { border: 0; padding: 0; margin: 0; }

.options { margin: 5px 0; height: 100px; }
.options div { float: left; border: 1px solid #d2d2d2; width: 85px; margin-right: 12px; text-align: center; }
.options img { margin: 10px 15px; }
.options strong { display: block; padding: 5px 0; border-top: 1px solid #d2d2d2; font-weight: bold; font-size: 11px; color: #636363;}
.options a { text-decoration: none; }

p.m { display: block; padding: 5px 0 8px 0; }
p.m strong { display: block; color: #61cd37; font-weight: bold; padding: 3px 6px; border: 1px solid #8ff268; background: #e9ffe0; }
p.e { display: block; padding: 5px 0 8px 0; }
p.e strong { display: block; color: #ff2727; font-weight: bold; padding: 3px 6px; border: 1px solid #ff6600; background: #ffb8b8; }

.pb { width: 100%; height: 18px; background: url(../img/progressbar_back.png) repeat-x; }
.pb div { background: url(../img/progressbar.png) repeat-x; text-align: center; color: white; font-size: 10px; font-weight: bold; padding: 3px 0; white-space:nowrap;overflow:hidden}

.legend { font-size: 11px;  }
.legend img { float: left; margin: 0 5px 0 10px; }
.legend span { display: block;  }
.legend span.left { display: block; width: 30%; float: left; }

#s404message {
  margin-top: 10px;
  width: 760px;
  border: 1px solid #d2d2d2;;
  padding: 10px;
  background: #ffb8b8;
  color: #ff2727;
  font-weight: bold;
}

#header img.logo { float: left; margin: 15px 0 0 0; }
#header img.slogan { margin: 35px 0 0 0; float: right; }
#header div { float: right; width: 504px; }

#header ul { float: right; list-style: none; margin: 0; padding: 20px 0 0 0; font-size: 12px; }
#header ul li { float: left; margin: 0 1px 0 0; padding: 0 3px 0 0; background: url(../img/w2m_tab_right.gif) no-repeat top right; border-bottom: 1px solid #a5a5a5; }
#header ul li a { display: block; background: url(../img/w2m_tab_left.gif); padding: 5px 9px 6px 12px; text-decoration: none; color: white; font-weight: bold; }
#header ul li a:hover { text-decoration: underline; }
#header ul li.active { background: url(../img/w2m_tab_right_active.gif) no-repeat top right; border-bottom: 1px solid white; }
#header ul li.active a { background: url(../img/w2m_tab_left_active.gif); color: #8ad62e; padding: 6px 9px 5px 12px; }

#left dl { padding: 0; margin: 0 0 1px 0; font-size: 11px; font-weight: bold; }
#left dt { border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid #d2d2d2; }
#left dt a { display: block; width: 150px; padding: 5px 0 5px 25px; color: #636363; text-decoration: none; background: #f3f3f3; }
#left dt a:hover { text-decoration: underline; }
#left dt.active { border-bottom: 0; padding: 0 }
#left dt.active a { background: #f9f9f9; }
#left dt.active a:hover { text-decoration: none; }

#left dt a.home { background: #f3f3f3 url(../img/icons/control_home_s.gif) no-repeat 5px; }
#left dt.active a.home { background: #f9f9f9 url(../img/icons/control_home_s.gif) no-repeat 5px; }
#left dt a.news { background: #f3f3f3 url(../img/icons/control_news_s.gif) no-repeat 5px; }
#left dt.active a.news{ background: #f9f9f9 url(../img/icons/control_news_s.gif) no-repeat 5px; }
#left dt a.messages { background: #f3f3f3 url(../img/icons/control_messages_s.gif) no-repeat 5px; }
#left dt.active a.messages { background: #f9f9f9 url(../img/icons/control_messages_s.gif) no-repeat 5px; }
#left dt a.settings { background: #f3f3f3 url(../img/icons/control_settings_s.gif) no-repeat 5px; }
#left dt.active a.settings { background: #f9f9f9 url(../img/icons/control_settings_s.gif) no-repeat 5px; }
#left dt a.layout { background: #f3f3f3 url(../img/icons/control_layout_s.gif) no-repeat 5px; }
#left dt.active a.layout { background: #f9f9f9 url(../img/icons/control_layout_s.gif) no-repeat 5px; }
#left dt a.security { background: #f3f3f3 url(../img/icons/control_security_s.gif) no-repeat 5px; }
#left dt.active a.security { background: #f9f9f9 url(../img/icons/control_security_s.gif) no-repeat 5px; }
#left dt a.statistics { background: #f3f3f3 url(../img/icons/control_statistics_s.gif) no-repeat 5px; }
#left dt.active a.statistics { background: #f9f9f9 url(../img/icons/control_statistics_s.gif) no-repeat 5px; }
#left dt a.account { background: #f3f3f3 url(../img/icons/control_account_s.gif) no-repeat 5px; }
#left dt.active a.account { background: #f9f9f9 url(../img/icons/control_account_s.gif) no-repeat 5px; }
#left dt a.logout { background: #f3f3f3 url(../img/icons/control_logout_s.gif) no-repeat 5px; }
#left dt.active a.logout { background: #f9f9f9 url(../img/icons/control_logout_s.gif) no-repeat 5px; }

#left dd { margin: 0; background: #f9f9f9 url(../img/w2m_dd.gif) no-repeat 13px 3px; }
#left dd.active { background: #f9f9f9 url(../img/w2m_dd_active.gif) no-repeat 11px 3px; }
#left dd a { display: block; padding: 0 7px 5px 26px; color: #636363; text-decoration: none; }
#left dd a:hover { text-decoration: underline; }

#left form { margin: 0 0 1px 0; padding: 3px 7px 7px 7px; background: #f3f3f3; border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid #d2d2d2; }
#left form label { display: block; font-size: 11px; padding: 0 0 2px 0; font-weight: bold; color: #636363; }
#left form input.text { width: 155px; }
#left form p.submit { text-align: right; margin: 0; padding: 2px 0 0 0; }

#left p.lostpassword { padding: 3px 7px 3px 7px; background: #f3f3f3; text-align: center; font-size: 11px }

#left div.block { padding: 6px 1px 0 1px; background: url(../img/w2m_left_back_top.gif) no-repeat top; margin: 15px 0; }
#left div.block div { background: white url(../img/w2m_left_back_bot.gif) no-repeat bottom; padding: 0 0 6px 0; }

#right p { margin: 0; text-align: justify; line-height: 20px; }

#footer p { display: block; padding: 10px 0 0 0; text-align: center; color: #636363; font-size: 11px; }
#footer p a { color: #636363; }

#language { padding: 10px 0; font-size: 10px; font-weight: bold; }
#language span { display: block; float: right; padding: 2px 3px; background: #f3f3f3; margin: 0 0 0 5px; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
#language span a { display: block; text-decoration: none; color: #636363; }
#language img { float: left; margin: 0 5px 0 0; }

ul.children { padding: 0; margin: 0 30px; list-style-position: outside; list-style-image: url(../img/w2m_dot.gif); }
ul.children li { padding: 3px 0; }
ul.children li a { color: #ff9600; }

#compare { height: 226px; margin: 8px 0 5px 0; }
#compare .steps { width: 185px; height: 226px; margin-right: 10px; background: red; float: left; }
#compare .table { width: 388px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #d2d2d2; float: left; text-align: center; background: url(../img/w2m_table_title.gif) repeat-x; }
#compare .table h3 { display: block; padding: 5px 0; }
#compare .table img { display: block; margin: 5px auto 10px auto; }
#compare .table img.t { margin: 8px auto 3px auto; }
#compare .table a img { margin: 0 auto; }
#compare .table div { border-left: 1px solid #d2d2d2; height: 225px; float: left; }
#compare .table p { margin: 0; padding: 0; text-align: center; font-size: 11px; font-weight: bold; color: #ff9600; }
#compare .table p strong { font-size: 12px; }
#compare .table .col { width: 115px; }
#compare .table .col_t { width: 145px; padding: 30px 10px 0 0; height: 195px; }
#compare .table .col_t p { text-align: right; color: #636363; margin: 0 0 4px 0; }

form { padding: 3px 0; }
form div { padding: 0 1px 0 0; border: 1px solid #d2d2d2; }
form div p, form div h3, form div h4 { padding: 8px; }
form div h4 { padding: 2px 8px; }
form div p.special { background: #f3f3f3; }
form div label { display: block; float: left; width: 170px; padding: 0 0 5px 0; font-weight: bold; }
form.colorform div label { width: 100%; }
form span.submit { display: block; text-align: right; }
form div span.submit { padding: 0 8px 8px 0; }
form div p span { display: block; clear: both; padding: 3px 0 0 170px; font-size: 10px; color: #636363; line-height: 15px; }

#colorPickerDiv table { border: none;background-color: white } 
#colorPickerDiv td { padding:1px;border: none; }

ul.helpdesk  {
  margin-top: 3px;
  margin-left: 3px;
  padding-left: 0px;
}

ul.helpdesk li {
  list-style-type: none;
  margin-left: 0px;
}

ul.helpdesk li a:link, ul.helpdesk li a:visited, ul.helpdesk li a:hover {
  color: #636363;
}

ul.helpdesk li a:hover {
  text-decoration: none;
}

table.noborders, table.noborders td {
  border: none;
}

form div span.colorbg
{
  display: black; 
  float: left;
  padding: 0px; 
  line-height: 100%;
  display: inline;
  width: 60px; 
  font-weight: normal;
  color: black;
  font-size: 12px;
  height: 16px;
}