/*
  GENERAL DOCUMENT DEFINITIONS
*/
html, body {
  margin: 0px;
  border-width: 0px;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
}
body, table {
  font-family: arial, verdana, sans-serif;
  font-size: 100%;
  color: #000000;
}
a img {
  border: 0px;
}
a,
a:visited,
a:hover {
  color: #000000;
  text-decoration: none;
}



/*
  PORTAL
*/
#portal {
  text-align: center;
  margin: 0px auto;
  max-width: 900px;
  width: expression(document.body.clientWidth > 900? "900px": "auto");
}
#instructions {
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}
.block {
  padding: 45px 45px 60px 45px;
}



/*
  HEADER
*/
#header_outer {
  width: 100%;
}
#header {
  width: 100%;
  vertical-align: middle;
}
#header_logo {
  width: 1px;
}
#header_text {
  text-align: center;
  padding: 0px 20px;
}
#header_title {
  font-size: 160%;
  font-weight: bold;
}
#header_slogan {
  font-size: 100%;
  font-style: italic;
  font-weight: bold;
}
#header_languages {
  vertical-align: top;
  text-align: left;
  width: 1px;
}
.language {
  font-size: 80%;
  padding: 3px 0px;
}
.language img {
  vertical-align: center;
}



/*
  DESTINATIONS
*/
.destination {
  text-align: center;
  font-weight: bold;
  display: inline;
}
.destination a {
  text-decoration: none;
}
.destination .title {
  font-size: 120%;
  display: block;
}
.destination .desc {
  font-size: 90%;
  display: block;
  padding: 6px 0px;
}
.destination .slogan {
  font-size: 90%;
  font-style: italic;
  display: block;
}
.destination .button {
  display: block;
}
.under_middle {
  width: 80%;
  height: 13px;
}



/*
  PAGE BLOCK COMMON DEFINITIONS
*/
.block_l {
  background-repeat: repeat-y;
  background-position: top left;
  background-color: transparent;
}
.block_r {
  background-repeat: repeat-y;
  background-position: top right;
  background-color: transparent;
}
.block_t {
  background-repeat: repeat-x;
  background-position: top left;
  background-color: transparent;
}
.block_tl {
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
}
.block_tr {
  background-repeat: no-repeat;
  background-position: top right;
  background-color: transparent;
}
.block_b {
  background-repeat: repeat-x;
  background-position: bottom left;
  background-color: transparent;
}
.block_bl {
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: transparent;
}
.block_br {
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: transparent;
}



/*
  THEMED BLOCKS
*/
.twologs {
  background-color: #f6ffcd;
}
.twologs .themedtext {
  color: #5b3b1e;
}
.twologs .block_l {
  background-image: url(/rootimages/twologs/block_l.png);
}
.twologs .block_r {
  background-image: url(/rootimages/twologs/block_r.png);
}
.twologs .block_t {
  background-image: url(/rootimages/twologs/block_t.png);
}
.twologs .block_tl {
  background-image: url(/rootimages/twologs/block_tl.png);
}
.twologs .block_tr {
  background-image: url(/rootimages/twologs/block_tr.png);
}
.twologs .block_b {
  background-image: url(/rootimages/twologs/block_b.png);
}
.twologs .block_bl {
  background-image: url(/rootimages/twologs/block_bl.png);
}
.twologs .block_br {
  background-image: url(/rootimages/twologs/block_br.png);
}
.loonmutatietool {
  background-color: #e7f8fa;
}
.loonmutatietool .themedtext {
  color: #684200;
}
.loonmutatietool .block_l {
  background-image: url(/rootimages/loonmutatietool/block_l.png);
}
.loonmutatietool .block_r {
  background-image: url(/rootimages/loonmutatietool/block_r.png);
}
.loonmutatietool .block_t {
  background-image: url(/rootimages/loonmutatietool/block_t.png);
}
.loonmutatietool .block_tl {
  background-image: url(/rootimages/loonmutatietool/block_tl.png);
}
.loonmutatietool .block_tr {
  background-image: url(/rootimages/loonmutatietool/block_tr.png);
}
.loonmutatietool .block_b {
  background-image: url(/rootimages/loonmutatietool/block_b.png);
}
.loonmutatietool .block_bl {
  background-image: url(/rootimages/loonmutatietool/block_bl.png);
}
.loonmutatietool .block_br {
  background-image: url(/rootimages/loonmutatietool/block_br.png);
}
.shelldispenser {
  background-color: #e0e0ff;
}
.shelldispenser .themedtext {
  color: #477800;
}
.shelldispenser .block_l {
  background-image: url(/rootimages/shelldispenser/block_l.png);
}
.shelldispenser .block_r {
  background-image: url(/rootimages/shelldispenser/block_r.png);
}
.shelldispenser .block_t {
  background-image: url(/rootimages/shelldispenser/block_t.png);
}
.shelldispenser .block_tl {
  background-image: url(/rootimages/shelldispenser/block_tl.png);
}
.shelldispenser .block_tr {
  background-image: url(/rootimages/shelldispenser/block_tr.png);
}
.shelldispenser .block_b {
  background-image: url(/rootimages/shelldispenser/block_b.png);
}
.shelldispenser .block_bl {
  background-image: url(/rootimages/shelldispenser/block_bl.png);
}
.shelldispenser .block_br {
  background-image: url(/rootimages/shelldispenser/block_br.png);
}
.timetraces {
  background-color: #f7f7ea;
}
.timetraces .themedtext {
  color: #684200;
}
.timetraces .block_l {
  background-image: url(/rootimages/timetraces/block_l.png);
}
.timetraces .block_r {
  background-image: url(/rootimages/timetraces/block_r.png);
}
.timetraces .block_t {
  background-image: url(/rootimages/timetraces/block_t.png);
}
.timetraces .block_tl {
  background-image: url(/rootimages/timetraces/block_tl.png);
}
.timetraces .block_tr {
  background-image: url(/rootimages/timetraces/block_tr.png);
}
.timetraces .block_b {
  background-image: url(/rootimages/timetraces/block_b.png);
}
.timetraces .block_bl {
  background-image: url(/rootimages/timetraces/block_bl.png);
}
.timetraces .block_br {
  background-image: url(/rootimages/timetraces/block_br.png);
}
.texpressive {
  background-color: #f7fbfe;
}
.texpressive .themedtext {
  color: #004664;
}
.texpressive .block_l {
  background-image: url(/rootimages/texpressive/block_l.png);
}
.texpressive .block_r {
  background-image: url(/rootimages/texpressive/block_r.png);
}
.texpressive .block_t {
  background-image: url(/rootimages/texpressive/block_t.png);
}
.texpressive .block_tl {
  background-image: url(/rootimages/texpressive/block_tl.png);
}
.texpressive .block_tr {
  background-image: url(/rootimages/texpressive/block_tr.png);
}
.texpressive .block_b {
  background-image: url(/rootimages/texpressive/block_b.png);
}
.texpressive .block_bl {
  background-image: url(/rootimages/texpressive/block_bl.png);
}
.texpressive .block_br {
  background-image: url(/rootimages/texpressive/block_br.png);
}