/* Developed by U-Lab - www.u-lab.nl */

/* NAV */
.t {
background-color:#EDFAFD;
}

#frame_outer {
  position: relative;
}

/* NAV */
#nav {
	text-align: center;
	width: 720px;
	float: left;
}



/* Content */

#dgs {
  position: relative;
  top: 0;
  left: 15px;
	width: 795px;
	height: 100px;
}

#menu {
	width: 795px;
  height: 90px;
}

#content {
  position: relative;
  top: 0;
  left: 15px;
	width: 780px;
	border: 1px solid #B3B3B3;
}

#bluebox, #whitebox {
  color: #000;
  margin: 10px;
  padding: 20px;
  background: #EDFAFD;
	width: 720px;
	_width: 760px;
}

#whitebox {
  margin: 10px 0 10px 15px;
  padding: 0;
	width: 760px;
  background: #fff;
	overflow: hidden;
}

/* Make up */

#menu ul {
/*
  position: absolute;
  top: 0;
*/
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0;
}

#menu a, #menu a.fake:hover{
	color: #B3B3B3;
  font-size: 11px;
  line-height: 24px;
  font-weight: normal;
  text-decoration: none;
  padding-left:15px;
  margin-left:15px;
}

#menu a.active {
	background-image: url("../images/arrow_rotate.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: FF8500;
}

#menu a:hover, #menu a.active:hover {
	background-image: url("../images/arrow_loop.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
  color: #41B7C8;
}

#menu a.fake:hover {
  background: none;
}

#menu ul.m1 a {
  margin: 0;
/*
  left: 0px;
*/
}

#menu ul.m2 {
/*
  left: 195px;
*/
}

#menu ul.m3 {
/*
  left: 390px;
*/
}

#menu ul.m4 {
/*
  left: 585px;
*/
}

#content a {
  color: #41B7C8;
  background: transparent;
  font-size: 11px;
  line-height: 19px;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}


#content h3 {
  margin: 2px 0;
  font-size: 11px;
  line-height: 19px;
}

#content h4 a {
  margin: 0;
  padding: 0 4px 1px 4px;
  text-decoration: none;
  background: #629CBA;
  color: #fff;
  line-height: 14px;
  font-size: 10px;
  font-weight: normal;
}

#content h1 {
  font-size: 13px;
  line-height: 22px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 3px;
}

#content h2 {
  font-size: 12px;
  line-height: 20px;
}

#content p {
  font-size: 11px;
  line-height: 19px;
  margin-top: 0px;
}

#content img {
  float: left;
  margin-right: 20px;
}

#whitebox img {
  border: 0;
}

#whitebox a.een img {
  margin-right: 15px;
}

#whitebox a.twee img {
  margin-right: 15px;
  _margin-right: 12px;
}

#whitebox a.drie img {
  margin-right: 0;
}

#submenu ul {
  width:729x;
  border-left: 1px solid #41B7C8;
  border-top: 1px solid #41B7C8;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
}

#submenu li {
  border-right: 1px solid #41B7C8;
  border-bottom: 1px solid #41B7C8;
  width: 238px;
  _width: 238px;
  float: left;
  height: 20px;
  _height: 21px;
}

#submenu li a {
  width: 233px;
  height: 20;
  display: block;
  padding-left: 3px;
  text-decoration: none;
}

#submenu li a:hover {
  background: #629CBA;
  color: #fff;
  text-decoration: none;
}

#submenu li.active {
  width: 233px;
  padding-left: 5px;
  font-size: 11px;
  line-height: 19px;
  background: #629CBA;
  color: #fff;
}

.download {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px
}

.download a{
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

.download a:hover{
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
}

.download:hover{
  text-decoration: underline;
}

#orangebox div.left .select {
  margin-top: 10px;
  width: 175px;
}

#orangebox div.left .rssmt5 {
  margin-top: 5px;
}


#greystripe {
  padding: 0 10px 10px 10px;
  margin: 10px;
  background-image: url(../images/stripe_grey.gif);
}

#greystripe div.flash {
  float: left;
  margin: 0;
}

#blue {
  padding: 10px 20px 7px 20px;
  margin: 10px;
  background: #EDFAFD;
}

#blue p {
  padding-bottom: 0;
  margin-bottom: 0;
}


#greystripe img, #greystripe a {
  float: left;
  margin: 17px;
  border: none;
}

#greystripe a {
  margin: 0;
}
 
#orangebox {
  color: #fff;
  padding: 0;
  margin: 10px;
  background: #FFF;
}

#orangebox div.left {
  float: left;
  margin-right: 10px;
  width: 175px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
}

#orangebox div.left span {
  color: 41B7C8;
  font-size: 11px;
}

.select {
  font-family: verdana, geneva, sans-serif;
  font-size: 11px;
}

#orangebox div.left a {
	color: #B3B3B3;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
}

#orangebox div.right {
  width: 526px;

  float: left;
  background: #FF8500;
  padding: 20px 30px;
  padding-right: 14px;
	
  /* ieonly */
  scrollbar-3dlight-color:#6E1C3B;
  scrollbar-arrow-color:#6E1C3B;
  scrollbar-base-color:#FF8500;
  scrollbar-darkshadow-color:#6E1C3B;
  scrollbar-face-color:#FF8500;
  scrollbar-highlight-color:#FF8500;
  scrollbar-shadow-color:#FF8500;
}

#orangebox div.right a {
	color: #390020;
}

#orangebox div.clear, #greystripe div.clear, #bluebox div.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

#bluebox div.clear {
  height: 10px
}

#orangebox div.right caption {
  padding-bottom:5px;
  font-weight:bold;
  text-align: left;
}

#orangebox div.right th {
  background: #6E1C3B;
  text-align: left;
  padding: 2px 0px;
  color: #fff;
}

#orangebox div.right td {
  padding: 2px 5px;
  background: #fff;
}

#orangebox div.right table {
  width: 510px;
  font-size: 11px;
  border:1px solid #000;
}

#orangebox div.right table a {
  color: #41B7C8;
  font-size: 11px;
}

#orangebox div.right table th a {
  color: #FF7F00;
}

#orangebox div.right table td img.divider {
  margin: 0 10px;
}

#orangebox div.right table td .text {
  background: #fff;
  border: 1px solid #333;
  width: 500px;
}

#orangebox div.right table td input.button {
  background: #F0F0EE;
  background: #6E1C3B;
  border: 1px solid #333;
  color: #000;
  color: #fff;
}

/* FORM VALIDATION */

#form span {
  float: right;
}

#form span input{
  width: 420px;
  border: 1px solid #000;
}

#form .formtextarea{
  width: 420px;
  border: 1px solid #000;
}

#form .formbutton {
  float: right;
  background: #6E1C3B;
  border: 1px solid #333;
  color: #fff;
}

#form span.formcaption {
  float: left;
  color: #000;
  text-align: right;
  width: 70px;
}

#form div.formrow {
  clear: both;
  padding-top: 3px;
}


#form .okee {
  color: green;
}

#form span.error input, #form span.error .formtextarea {
    border: 1px solid #000;
}

#form .warn {
  color: orange;
}

#form span.warn input, #form span.error .formtextarea {
  border: 1px solid orange;
}

#form .error {
  color: red;
}

#form span.error input, #form span.error .formtextarea {
  border: 1px solid red;
}

/* NEWSLETTER VALIDATION */

#newsletter  {
  width: 420px;
  border-top: 1px solid #000;
}

#newsletter span {
  float: right;
}

#newsletter span input{
  width: 300px;
  border: 1px solid #000;
}

#newsletter .formbutton {
  float: right;
  background: #ccc;
  border: 1px solid #333;
  color: #000;
}

#newsletter span.formcaption {
  float: left;
  color: #000;
  text-align: right;
}

#newsletter div.formrow {
  clear: both;
  padding-top: 3px;
}


#newsletter .okee {
  color: green;
}

#newsletter span.error input, #newsletter span.error .formtextarea {
    border: 1px solid #000;
}

#newsletter .warn {
  color: orange;
}

#newsletter span.warn input, #newsletter span.error .formtextarea {
  border: 1px solid orange;
}

#newsletter .error {
  color: red;
}

#newsletter span.error input, #newsletter span.error .formtextarea {
  border: 1px solid red;
}

#bluebox.img_right img {
  float: right;
}


#newsbox  {
  position: relative;
  margin: 10px;
	width: 760px;
}

#newsbox img {
  margin: 0;
  padding: 0;
}

#newsbox td.orange, #newsbox td.lightgrey, #newsbox td.grey{
  padding: 10px;
  width: 360px;
}

#newsbox td.orange {
  width: 234px;
  color: #fff;
  background: #FF8500;
}

#newsbox td.orange a {
  color: #fff;
  text-decoration: underline;
}

#newsbox td.lightgrey, #newsbox td.grey {
  font-size: 9px;
}

#newsbox td.lightgrey a, #newsbox td.grey a{
  font-size: 9px;
  font-weight: bold;
  line-height: 13px;
  margin-bottom: 4px;
  margin-top: 2px;
}

#newsbox td.lightgrey h1, #newsbox td.grey h1{
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}


#newsbox td.lightgrey {
  background: #F7F7F7;
}

#newsbox td.grey {
  background: #EEEEEE;
}

#archivebox  {
  margin: 10px;
	width: 760px;
}

#archivebox td.a_lightgrey {
  padding: 10px;
  background: #F7F7F7;
  width: 600px;
  _width: 620px;
}

#archivebox table {
  font-size: 10px;
}

#archivebox td.a_grey {
  padding: 10px;
  width: 120px;
  _width: 140px;
  background: #EEEEEE;
}

#archivebox a {
  font-size: 9px;
  font-weight: bold;
}

#archivebox h1 {
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

#archivebox td.a_grey {
  padding: 10px;
  width: 120px;
  _width: 140px;
  background: #EEEEEE;
}

#archivebox td.a_grey h2, #archivebox td.a_grey a.link_h2, #archivebox td.a_grey a.link_h2_active {
  color: #41B7C8;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 0;
}

#archivebox td.a_grey, #archivebox td.a_grey a {
  font-weight: normal;
  color: #000;
}

#archivebox td.a_grey a.he2, #archivebox td.a_grey a.ha2 {
  color: #41B7C8;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 0;
  text-decoration: underline;
}

#archivebox td.a_grey a.ha2,  #archivebox td.a_grey a.link_h2_active, #archivebox td.a_grey a.mactive {
  color: #FF8500;
}

#archivebox td.a_grey a.mnormal {
  color: #41B7C8;
}

#weblog_archive_overview tbody tr td a.greylink {
  color: #828282;
}

#weblog_archive_overview tbody tr td a.greylink:hover, #weblog_archive_overview tbody tr td a.activegreylink, #weblog_archive_list tbody tr td a.blacklink:hover {
  color: #41B7C8;
  text-decoration: none;
}

#weblog_archive_list tbody tr td, #weblog_archive_list tbody tr td a.blacklink {
  color: #000;
  font-size: 9px;
}

#archivebox td.a_grey a.orangelink {
  color: red;
  font-size: 9px;
  font-weight: normal;
}

#print {
  width: 600px;

  text-align: left;
 }
 
#print h1 {
  font-size: 13px;
  line-height: 22px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 3px;
 
 }

/* Developed by U-Lab - www.u-lab.nl */
