#preview span {
  position: absolute;
  display: block;
  width: 100%;
  text-align: center;
  bottom: 0;
  left:0;
  background: red;
}

#preview {
  position: fixed;
  margin:0;
  padding:0;
  top: -120px;
  left: -120px;
  width:200px;
  height: 200px;
  color: white;
  font-weight: bold;
  font-size: 200%;
  padding:20px;
  z-index: 999;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}


body {
  background-color: #ffffff;
  /* background-image: url(/data/stdimg/bg-body.jpg) top center fixed; */
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: normal 0.9em 'Barlow', Arial, Helvetica, sans-serif;
  color: #5c5c5c;
}

pre {
  font-size: 100%;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  white-space: normal;
}

body#tplhomepage {
  
}

body#tplcontent {
  
}

body#tplsubcontent {
  
}

/* handig ------------------------------------------------------------------------------*/
.brt {
  clear: left;
  font-size: 0.0px;
  line-height: 0.0px;
  color: transparent;
}

.brt2 {
  clear: both;
  font-size: 0.0px;
  line-height: 0.0px;
  color: transparent;
}

.vertm {
  vertical-align: middle;
}

.hidden {
  display: none;
}

.flr {
  float: right;
}

.nowrap {
  white-space: nowrap;
}

/* defaults ------------------------------------------------------------------------------*/
ul.ulhomeblock {
  margin: 0px;
  padding: 0px;
}

li {
  xmargin: 0px;
  xpadding: 0px;
}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

div {
  margin: 0px;
  padding: 0px;
}

a {
  color: #547aca;
  text-decoration: none;
}

a:link {
  
}

a:visited {
  
}

a:hover {
  color: #1c50be;
  text-decoration: none;
}

a:active {
  
}

a:focus {
  
}

table,td {
  font-size: 1em;
  font-size: 100%;
}


.ptekst table, .ptekst td {
  font-size: 1em;
  font-size: 100%;
  border: 1px solid #555;
  border-collapse:collapse;
}


td {
  vertical-align: top;
}

/* stijl voor de uls --------------------------------------------------------------------*/

/*TOP nav*/
ul#navtop {
  padding: 30px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: right;
  display: inline-block;
}

ul#navtop li {
  list-style-type: none;
  display: inline-block;
  padding: 0px 0px 0px 0px;
  margin: 0px 6px 0px 6px;
  text-transform: uppercase;
  font-size: 80%;
}

/*BOTTOM nav*/
ul#navbot {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

ul#navbot li {
  list-style-type: none;
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 6px 0px 6px;
  text-transform: uppercase;
  font-size: 80%;
}

ul#navbot li.noli {
  
}

ul#navbot li span {
  
}

ul#navbot li.select {
  
}

/*MAIN horizontale navigatie*/

/* main menu container */
#navmain {
  list-style-type: none;
  display: block;
  padding-left: 0px;
  z-index: 998;
  position: relative;

}

#navmain ul {
  margin:0;
  padding:0;
}

/* main menu defaults */
#navmain li {
  float: left;
  list-style-type: none;
  text-align: left;
  padding: 0px;
  margin: 0px;
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 120%;
  font-weight: normal;
  font-style: normal;
}

#navmain li a {
  border-right: 0px solid #d4d8e0;
  color: #656565;
  display: block;
  text-transform: uppercase;
  margin: 0 0px 0 0 /*stond op 1px*/;
  padding: 15px 12px 20px 12px;
}

#navmain li:first-child a {
  padding-left: 0px;
}

#navmain li a:hover {
  color: #000;
  text-decoration: none;
}

#navmain li.liselect a {
  
}

/* container that contains all sub-level navigation */
#navmain .container {
  background: #21307c;
  color: #fff;
  display: none;
  margin: 0px;
  width: 100%;
  /* als je wilt dat de uitklap begint bij de betreffende li (qua kantlijn) dan zet je de width hier op 300px bijvoorbeeld, haal je left:0 weg, en verplaats je de position:relative die nu aan de ul#navmain hangt aan #navmain li-------*/
  left: 0;
  position: absolute;
  padding-bottom: 35px;
  font-family: Arial, sans-serif;
  font-weight: normal;
}

#navmain .container .subcontainer {
  position: relative;
  background: #21307c;
}

#navmain .uitval {
  width: 220px;
  padding: 0px 0px 0px 35px;
  color: #000000;
}

#navmain .uitval p {
  color: #8c90bd;
  line-height: 1.45em;
}

#navmain .uitvalkop {
  font-family: 'Barlow', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  padding: 30px 20px 10px 35px;
  width: auto;
  font-size: 160%;
}

/* all levels of submenus */
#navmain .container ul {
  width: 220px;
  border-left: 1px solid #5d5fa0;
  position: absolute;
  left: 280px;
  top: 0;
}

#navmain .container li {
  width: 100%;
  background: #21307c;
  font-family: 'Barlow', Arial, sans-serif;
  font-size: 80%;
  font-weight: normal;
  line-height: 1.4em;
}

#navmain .container li li {
  font-size: 100%;
}

#navmain .container li li li {
  font-size: 100%;
}

#navmain .container a {
  background: none;
  border: none;
  margin: 0;
  text-transform: none;
  color: #ffffff;
  padding: 6px 15px;
}

#navmain .container li:first-child a {
  padding-left: 15px;
}

#navmain .container a:hover {
  color: #8c90bd;
}

/* submenus of level 2 and lower are hidden by default */
#navmain .container ul ul {
  display: none;
  left: 220px;
}

/* submenus of level 2 and lower haver different link-styling */
#navmain .container ul ul a {
  font-weight: normal;
  color: #ffffff;
}

#navmain .container ul ul a:hover {
  color: #899AC0;
}

/* highlight for current selected page in menu (all levels) */
#navmain li a.select {
  
}

/* highlight for hover-navigation (all levels) */
/* (class of current will be added via jQuery) */
#navmain li.current>a {
  background: url(/data/stdimg/bg-licurrent.png) no-repeat bottom center;
}

#navmain li.current li.current>a {
  color: #ffffff;
  background: none;
}

#navmain li.current li.current li.current>a {
  color: #899AC0;
}

/* CSS fallback. these classes are REMOVED by jQuery */
#navmain .cssfallbackchild li {
  position: relative;
}

#navmain li:hover>div.cssfallbackchild {
  display: block;
}

#navmain li:hover>ul.cssfallbackgrandchild {
  display: block;
}

/*BREADcrumbs*/
#crumbs ul {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

#crumbs ul li {
  list-style-type: none;
  display: inline;
  padding: 0px 4px 0px 8px;
  background: url(/data/stdimg/crumbs.png) no-repeat 0px 0.2em;
}

#crumbs ul li:first-child {
  background: none;
  padding-left: 0px;
}

/*voor de uls in alle spots*/
.spot ul, .spot ol {
  margin: 0px;
  padding: 0px 20px 15px 28px;
  margin-left: 8px;
  padding-bottom: 1.4em;
}

.spot li {
  list-style-type: disc;
  color: inherit;
  font-size: 120%;
  line-height: 1.25em;
}

.spnews ul {
  margin-left: 0px;
  padding: 0px 20px 15px 30px;
  text-indent: -10px;
}

.spnews li {
  clear: both;
  list-style-type: none;
  font-size: 100%;
  line-height: 1.4em;
  padding-bottom: 10px;
}

.spmembers ul {
  margin-left: 0px;
  padding: 0px 20px 15px 30px;
  text-indent: -10px;
}

.spmembers li {
  clear: both;
  list-style-type: none;
  font-size: 100%;
  line-height: 1.4em;
  padding-bottom: 10px;
  color: #a4a8b0;
}

.spmembers li img {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}

.spot ul.links {
  margin: 0px;
  padding: 0px 20px 15px 20px;
  padding-bottom: 1.4em;
}

.spot ul.links li {
  list-style-type: none;
  color: #808080;
  font-size: 100%;
  line-height: 1.45em;
}

.intindex {
  fxxloat: left;
  wxxidth: 30%;
  margin: 0px;
  padding: 0px 0px 30px 0px;
  margin: 0px;
}

ul.anchors {
  font-size: 100%;
}

ul.anchors li {
  list-style-type: none;
  padding-bottom: 0px;
  line-height: 1.3em;
  padding-bottom: 4px;
  background: url(/data/stdimg/li2.png) no-repeat 0px 0.25em;
  padding-left: 11px;
}

.intindex h4 {
  text-transform: uppercase;
  color: #c7c7c7;
  padding-bottom: 5px;
  font-size: 100%;
}

ul.anchors li a {
  color: #a5a5a5;
}

ul.anchors li a:hover {
  color: #000000;
}

ul.plinks {
  margin: 0px;
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 1.45em;
}

ul.plinks li {
  list-style-type: none;
  padding-bottom: 0px;
}

.zoekblok ul {
  margin: 0px;
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 1.45em;
}

.zoekblok ul li {
  list-style-type: none;
  padding-bottom: 0px;
}

ul.tmas {
  margin: 0px;
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 1.45em;
}

ul.tmas li {
  list-style-type: none;
  color: #929292;
}

ul.tmas li.totals {
  font-weight: bold;
  color: #000000;
}

.spot ul.tmas {
  padding: 0px 20px 15px 20px;
  font-size: 80%;
}

.spot ul.tmas li {
  color: inherit;
  padding-bottom: 1.2em;
  line-height: 1.4em;
}

.spot ul.tmas li.totals {
  font-weight: bold;
  color: #000000;
}

/* stijl voor de images ------------------------------------------------------------------------------*/
img.heximg {
  margin-top: 8px;
}

.paragraaf img, .memex img {
  float: left;
  margin: 0px 20px 15px 0px;
}

.pagibot img {
  float: none;
  margin: 0px 0px 0px 0px;
}

/* stijl voor de divs --------------------------------------------------------------------------------*/
#all {
  
}

#allinner {
  
}

#canvas {
  width: 992px;
  margin-left: auto;
  margin-right: auto;
}

/*global top ondersteunend menuutje*/
#rowA {
  overflow: show;
  margin: 0px 8px 0px 8px;
  font-size: 100%;
  color: #aaaaaa;
  text-align: right;
  height: 37px;
  padding-bottom: 30px;
}

#logo {
  float: left;
  font-size: 0.1em;
  line-height: 0.1em;
}

/*main NAV horizontaal menu*/
#rowB {
  margin: 0px 8px 0px 8px;
  font-size: 100%;
}

/*main image + products*/
#rowC {
  margin: 0px 8px 8px 8px;
  height: 240px;
  fxont-size: 0.1em;
  lxine-height: 0.1em;
}

#rowC.hoom {
  margin: 0px 8px 0px 8px;
  height: 364px;
}

.rowCimg {
  float: left;
  position: relative;
  width: 648px;
  height: 240px;
  overflow: hidden;
  margin-right: 8px;
  background-repeat: no-repeat;
}

#rowC.hoom .rowCimg {
  height: 388px;
}

.flexcaption {
  position: absolute;
  bottom: 200px;
  left: 35px;
  font-size: 180%;
  color: #ffffff;
  width: 480px;
  fxxont-family: 'Barlow', Arial, sans-serif;
  fxxont-weight: normal;
  fxxont-style: normal;
}

.flexcaption a {
  line-height: 1.4em;
  color: #ffffff;
  text-shadow: 2px 2px 4px #000000;
  filter: dropshadow(color = #000000, offx = 0, offy = 0)
}

#tplhomepage .flexcaption {
  position: absolute;
  top: auto;
  bottom: 100px;
  left: 35px;
  font-size: 210%;
  color: #ffffff;
  width: 480px;
  fxxont-family: 'Barlow', Arial, sans-serif;
  fxxont-weight: normal;
  fxxont-style: normal;
}

#tplhomepage .flexcaption a {
  line-height: 1.2em;
  color: #ffffff;
  text-shadow: 2px 2px 4px #000000;
  filter: dropshadow(color = #000000, offx = 0, offy = 0)
}

.rowCprod {
  float: left;
  width: 320px;
}

.rowCprod div {
  float: left;
  width: 50%;
  height: 140px;
  padding: 0;
  margin: 0;
  line-height: 140px;
  vertical-align: middle;
  text-align: center;
  color: white;
}

.rowCprod a {
  color: #ffffff;
  
  font-weight:normal;
  font-size:1.25em;
}
.rowCprod div:hover a {
  color: #ffffff;
}

.cs1 {
  background-color: #96a3d5; text-transform:uppercase;
}
.cs1:hover {
  background-color: #8592c2;
}

.cs2 {
  background-color: #f5af00; text-transform:uppercase;
}
.cs2:hover {
  background-color: #d2ae01;
}

.cs3 {
  background-color: #004ba0; text-transform:uppercase;
}
.cs3 a{
  display:inline-block; width:50%; text-align:center; line-height: 1.2em; padding-top:22px;
}
.cs3:hover {
  background-color: #283682;
}

.cs4 {
  background-color: #6487d2; text-transform:uppercase;
}
.cs4:hover {
  background-color: #5565b5;
}

.cs5 {
  background-color: #002355; line-height:
}

.cs5:hover {
  background-color: #201c49;
}







.cs6 {
  background-color: #000044;
}

.cs6:hover {
  background-color: #000022;
}

/*content*/
#rowD {
  margin: 0px 8px 0px 8px;
  line-height: 1.5em;
}

#rowD.hoom {
  margin: 0px 0px 0px 0px;
}

#rowD div.rowHome {
  background: url(/data/stdimg/bg-rowhome.png) repeat-y;
  border-bottom: 8px solid #ffffff;
}

#rowD>div.rowHome:first-child {
  background: url(/data/stdimg/bg-rowhome-b.png) repeat-y;
  border-bottom: 8px solid #ffffff;
}

#content {
  float: left;
  width: 648px;
  margin-right: 8px;
  bxxackground: #f4f6f9;
}

#contentinner {
  padding: 0px 40px 25px 25px;
}

#crumbs {
  color: #000000;
  border-bottom: 1px solid #e8ebf0;
  padding: 3px 0px 7px;
  margin-bottom: 35px;
  font-size: 90%;
}

#side {
  float: left;
  width: 320px;
}

/*spots*/
.spot {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 8px 0px;  
  background: #efefef;
  color: #888f9c;
}

.spot>.spotimg:first-child {
  padding-top: 0px;
}

a.spotimg {
  display: block;
  margin-bottom: 8px;
  line-height:0px;
}

a.spotimg + figcaption {
  margin-top:-5px;
}

figure.spotimg {
  margin:0;
  padding:0;
  display: block;
}
figure.spotimg figcaption {
  color:red;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;  
}


div.spottekst {
  padding-top: 15px;
}

h2 + div.spottekst {
  padding-top: 0px;
}

/*homespots*/
#rowD.hoom .spot {
  float: left;
  width: 320px;
  margin: 0px 0px 0px 8px;
  border-bottom: 0px solid #ffffff;
}

#rowD.hoom .spot.spwelcome {
  background: inherit;
  
}

#rowD.hoom .spot.spnews {
  
}

#rowD.hoom .spot.spmembers {
  
}

/*bottom*/
#rowE {
  margin: 0px 8px 0px 8px;
  padding: 16px 8px 40px 8px;
  font-size: 100%;
  color: #bbbbbb;
  clear: left;
  text-align: right;
}

#rowE div {
  float: left;
  font-size: 90%;
  text-transform: uppercase;
}

/*ALGEMEEN*/
.intro {
  font-size: 140%;
  line-height: 1.35em;
  width: 95%;
  color: #8c8c8c;
  padding-bottom: 0.4em;
}

.paragraaf {
  line-height: 1.5em;
  padding-bottom: 1.8em;
  clear: both;
}

.memex .paragraaf {
  clear: none;
}

.ptekst {
  clear: both;
}

.sm {
  padding: 10px 10px;
  margin: 0px 0px 5px 0px;
  font-size: 225%;
}

.divmap {
  float: right;
  position: relative;
}

#rollovertext {
  position: absolute;
  top: 220px;
  right: 300px;
  font-weight: bold;
  color: #000000;
}

.summitem {
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #e8ebf0;
  margin-bottom: 10px;
}

.summdate {
  color: #8d8d8d;
}

.summdate2 {
  color: #8d8d8d;
  padding-bottom: 1.4em;
}

.zoekblok {
  
}

.zoekblok div {
  font-weight: bold;
  color: #000000;
  padding-bottom: 5px;
}

.zoekresultok {
  font-weight: bold;
  color: #000000;
  padding-top: 1.4em;
  padding-bottom: 1.4em;
}

.memex {
  background: url(/data/stdimg/bg-memex.png) repeat-y;
  margin-bottom: 25px;
}

.memexcol {
  float: left;
  width: 261px;
  padding: 15px 15px 5px 15px;
}

.pagibot {
  text-align: right;
  color: #aaaaaa;
  vertical-align: middle;
}

/* stijl voor de koppen en teksten -------------------------------------------------------*/
p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 1.4em;
}

.paragraaf p.intro {
  font-size: 100%;
  color: #5c5c5c;
  line-height: 1.5em;
}

h1 {
  clear: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0.55em 0px;
  color: #000;
  font-family: 'Barlow', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  font-size: 240%;
  line-height: 1.3em;
}

h2 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  font-size: 130%;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.35em;
}

h3 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  font-size: 120%;
}

h4 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  font-size: 100%
}

.spot p {
  padding: 0px 20px 15px 20px;
  margin-bottom: 0em;
  font-size: 120%;
  line-height: 1.25em;
}

.spot h1 {
  padding: 15px 20px 10px 20px;
  font-family: 'Barlow', Arial, sans-serif;
  font-weight: normal;
  font-style: normal font-size:260%;
}

.spot h2 {
  padding: 15px 20px 10px 20px;
  font-family:'Barlow', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  color: #000000;
}

.spot h2.nocaps {
  text-transform: none !important;
}

.spot h3 {
  padding: 0px 20px 10px 20px;
  color: #000000;
  font-size: 100%;
}

.spot.spwelcome h1 {
  color: white;
}
.spot.spwelcome p {
  font-size: 140%;
  line-height: 1.35em;
  color: #eee;
}

.paragraaf p {
  
}

.paragraaf h2, .memex h2 {
  color: #000000;
  font-size: 120%;
  padding-bottom: 0.5em;
}

.paragraaf h3, .memex h3 {
  font-weight: bold;
  color: #000000;
  font-size: 100%;
  padding-bottom: 0.5em;
}

.paragraaf .memrep h3 {
  padding-bottom: 0.0em;
}

.csumm p {
  
}

.csumm h2 {
  
}

.bb {
  font-weight: bold;
  color: #000000;
}

/* stijl voor de links -------------------------------------------------------------------*/
ul#navtop li a {
  color: #004ba0;
  text-decoration: none;
}

ul#navtop li a:hover {
  color: #002355;
}

ul#navbot li a {
  color: #464646;
}

ul#navbot li a:hover {
  color: #000000;
}

ul#navbot li.select a.select {
  
}

ul#navbot li.select a.select:hover {
  
}

#crumbs ul li a {
  color: #8f96af;
}

#crumbs ul li a:hover {
  
}

.spot a {
  color: inherit;
}

.spot a:hover {
  
}

.spot p a {
  color: #000000;
  border-bottom: 1px solid #ccd0d7;
}

.spot a:hover {
  
}

.spnews li a, .spmembers li a {
  padding-left: 11px;
  background: url(/data/stdimg/li.png) no-repeat 0px 0.3em;
  color: #547aca;
}

.spnews li a:hover, .spmembers li a:hover {
  color: #1c50be;
}

.spot ul.links li a {
  padding-left: 11px;
  background: url(/data/stdimg/li.png) no-repeat 0px 0.3em;
  color: #547aca;
}

.spot ul.links li a:hover {
  color: #1c50be;
}

ul.plinks li a {
  padding-left: 11px;
  background: url(/data/stdimg/li.png) no-repeat 0px 0.3em;
  color: #547aca;
}

ul.plinks li a:hover {
  
}

.zoekblok ul li a {
  padding-left: 11px;
  background: url(/data/stdimg/li.png) no-repeat 0px 0.3em;
  color: #547aca;
}

.summitem h2 a {
  padding-left: 12px;
  background: url(/data/stdimg/li.png) no-repeat 0px 0.4em;
}

ul.tmas li a {
  font-style: italic;
}

ul.tmas li a:first-child {
  font-weight: bold;
  font-style: normal;
}

.spot ul.tmas li a {
  font-weight: normal;
  font-style: normal;
  color: #547aca;
}

.spot ul.tmas li a:first-child {
  font-weight: bold;
  font-style: normal;
}

.spot ul.tmas li a:hover {
  color: #1c50be;
}

.regresult table a {
/*   padding-left: 11px; */
/*   background: url(/data/stdimg/li.png) no-repeat 0px 0.35em; */
  color: #547aca;
}

.regresult table a.aopen {
  padding-left: 11px;
  background: url(/data/stdimg/li.png) no-repeat 0px 0.35em;
  color: #547aca;
}

.regresult table a.aclose {
  padding-left: 11px;
  background: url(/data/stdimg/li5.png) no-repeat 0px 0.35em;
  color: #547aca;
}

/* stijl voor de forms ---------------------------------------------------------------------*/
form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

input {
  color: #333333;
  font-family: 'Barlow', arial, sans-serif;
}

select {
  color: #333333;
  font-family: 'Barlow', arial, sans-serif;
}

option {
  font-size: 100%;
  color: #333333;
  font-family: 'Barlow', arial, sans-serif;
}

textarea {
  font-size: 100%;
  color: #333333;
  font-family: 'Barlow', arial, sans-serif;
}

input[type="radio"] {
  background-color: transparent;
  border: 0px;
  margin: 0px;
  padding: 0px;
  -moz-border-radius: 0px;
}

input[type="checkbox"] {
  background-color: transparent;
  border: 0px;
  margin: 0px;
  padding: 0px;
  -moz-border-radius: 0px;
}

.size1 {
  width: 125px;
}

.zoekveld {
  width: 10em;
  color: #004ba0;
  border: 0px;
  font-family: 'Barlow', arial, sans-serif;
  display: inline;
  font-size: 1em;
  background: #eee;
  border-bottom: 1px solid #004ba0;
}


.mainsearch {
  color: #004ba0;
  border: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1em;
  background: none;
  padding: 0;
  margin: 0;
}
/*zoeksubmit*/
.zoekbut {
  background: transparent;
  padding: 0px;
  margin: 0px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  border: 0px;
  -moz-border-radius: 0px;
}

.formblok fieldset {
  
}

.formblok div {
  clear: both;
  padding-bottom: 5px;
  vertical-align: top;
}

.formblok label {
  float: left;
  text-align: right;
  width: 150px;
  padding: 3px 10px 0px 0px;
  vertical-align: top;
  clear: left;
}

.formblok input[type="text"], .formblok input[type="password"],
  .formblok textarea, .formblok select, .formblok div.wrapcheckbox {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, .3);
  border: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 410px;
}

.formblok input[type="text"], .formblok input[type="password"] {
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #efefef;
  background: #efefef;
  color: #888F9C;
  font-size: 100%;
  wxxidth: 100%;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.formblok textarea {
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #efefef;
  background: #efefef;
  color: #888F9C;
  font-size: 100%;
  wxxidth: 100%;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.formblok select {
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #efefef;
  background: #efefef;
  color: #888F9C;
  font-size: 100%;
  wxxidth: 100%;
  padding: 5px;
}

.formblok input[type="checkbox"] {
  padding: 0px;
  margin: 0px;
}

.formblok div.wrapcheckbox {
  clear: none;
  float: left;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #efefef;
  background: #efefef;
  color: #888F9C;
  font-size: 100%;
  padding: 5px;
  width: 399px;
}

.formblok input[type="submit"] {
  background: #f5af00;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 5px;
  margin-top: 10px;
  border: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.formblok input[type="submit"]:hover {
  background: #efc001;
}

.formblok .formerror {
  margin-top: 10px;
  color: #d70020;
}

/* MISC ----------------------------------------------------------------------------------------*/
.memtable {
  border-top: 1px solid #e8ebf0;
  margin-bottom: 8px;
  padding: 15px 0;
  position: relative;
  clear: both;
}

.memtablebg {
  border-top: 0;
  background: #f4f6f9;
}

.memtable h1 {
  font-size: 140%;
  line-height: 1.2em;
}

.memtablebg .img {
  float: left;
}

.memtablebg .wrap {
  float: left;
  width: 450px;
  margin-left: 20px;
}

.memtable
   
  ul {
  
}

.memtable li {
  list-style-type: none;
  font-size: 100%;
}

.memtable a {
  padding-left: 11px;
  background: url(/data/stdimg/li.png) no-repeat 0px 0.35em;
  color: #547aca;
}

.memtable a:hover {
  color: #1c50be;
}

.memtable table td {
  border-bottom: 1px solid #e8ebf0;
}

.memtable table.bg {
  border-top: 0px solid #e8ebf0;
  background: #f4f6f9;
}

.memtable table.bg td {
  border-bottom: 0px solid #e8ebf0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.memtable table .tdmemberflag {
  padding-top: 7px;
  padding-bottom: 7px;
}

.memtable table .tdmemberinfo {
  padding: 7px 17px 7px 17px;
}

.memtable table .tdmemberlogo {
  padding: 10px 10px 10px 0px;
}

.memtable table .tdmemberinfo2 {
  padding: 5px 17px 7px 10px;
}

.memtable table .memberhead {
  color: #000000;
  font-weight: bold;
}

.regresult table {
  border-collapse: collapse;
  width: 99%;
  margin-bottom: 1.4em;
}

.regresult table th {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  font-size: 90%;
  color: #AAAAAA;
  border: 1px solid #e8ebf0;
  padding: 0px 6px 4px 6px;
}

.regresult table td {
  vertical-align: top;
  color: #565656;
  border: 1px solid #e8ebf0;
  padding: 4px 6px 4px 6px;
}

.regresult table td.blue {
  background: #F4F6F9;
}

.regresult table .trdetails td {
  background-color: #F4F6F9;
  padding: 20px;
  line-height: 1.5em;
}

.regresult table .trdetails td table {
  width: auto;
}

.regresult table .trdetails td table th {
  
}

.regresult table .trdetails td table td {
  padding: 0px 4px 0px 4px;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
  zoom: 1;
}

.flex-container {
  margin: 0;
  padding: 0;
  width: 648px;
  float: left;
  margin-right: 8px;
  height: 240px;
  overflow: hidden;
}

.hoom .flex-container {
  height: 364px;
}

.memex {
  background: url(/data/stdimg/bg-memex.png) repeat-y;
  margin-bottom: 25px;
}

.memexcol {
  float: left;
  width: 261px;
  padding: 15px 15px 5px 15px;
}

.memrep-l img {
  padding: 0px;
  margin: 0px;
}

div.memrep {
  background: url(/data/stdimg/bg-memrep.png) repeat-y;
  width: 583px;
  margin-bottom: 8px;
}

.memrep-l {
  float: left;
  width: 86px;
  padding: 12px;
  margin-right: 15px;
  font-size: 0.1em;
  line-height: 0.1em;
}

.memrep-r {
  float: left;
  width: 458px;
  padding-top: 10px;
}

table.listview {
  border: 1px solid #ffffff !important;
  border-collapse: collapse;
  table-layout: fixed;
  empty-cells: show;
}

.listview td, .listview th {
  padding: 4px 4px;
  margin: 4px;
  border: 0;
  vertical-align: middle;
  border: 1px solid #ffffff;
  overflow: hidden;
  white-space: nowrap;
}

.listview td.changed {
  font-weight: bold;
}

.error {
  color: red;
  font-size: 125% !important;
}

.listview td.invalid, .listview td.error {
  background-image:
    url(/data/stdimg/"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsLW9wYWNpdHk9IjAiPjwvcmVjdD4KPHBhdGggZD0iTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVoiIHN0cm9rZT0iI0YwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMC4yIj48L3BhdGg+Cjwvc3ZnPg==");
}

.listview th {
  text-align: left;
  background-color: #dadce8;
  color: #000;
  font-weight: normal;
  font-size: 100%;
}



.productrow {
	border-top:1px solid #e8ebf0;
	padding:15px 0px;
	margin:15px 0px;
}
.productrow:last-child {
	border-top:1px solid #e8ebf0;
	border-bottom:1px solid #e8ebf0;
}

.btn-primary {
	background: #f5af00 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
}
.btn-danger {
	background: #d9534f none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
}

.bg-success {
	background-color: #dff0d8;
	padding: 15px;	
}
.bg-danger {
	background-color: #f2dede;
	padding: 15px;	
}
.bg-warning {
	background-color: #fcf8e3;
	padding: 15px;		
}

#tplhomepage .cs1, #tplhomepage .cs2, #tplhomepage .cs3, #tplhomepage .cs4 {
  height: 92px!important;
  line-height: 92px!important;
}
              
.cs1, .cs2, .cs3, .cs4, .cs5 {
  height: 80px!important;
  line-height: 80px!important;
}