/* HTML TAGS START */
BODY {
  height:                      100%;
  width:                       100%;
  margin:                      0px;
  padding:                     0px;
  background:                  #696969 url(../images/body_bg.gif) repeat top left;
  font:                        normal 10px Verdana, arial, sans-serif;
}

table {
   border-collapse:collapse;
   border:none;
}
td {
   border:none;
}
H1 {
  margin:                      10px 0px 10px 0px;
  padding:                     0px;
  font:                        normal 22px Verdana, arial, sans-serif;
  color:                       #720015;
  line-height:                 22px;
}

H2 {
  margin:                      8px 0px 8px 0px;
  padding:                     0px;
  font:                        normal 17px Verdana, arial, sans-serif;
  color:                       #720015;
  line-height:                 20px;
}

H3 {
  margin:                      0px;
  padding:                     0px;
  font:                        normal 18px Verdana, arial, sans-serif;
  color:                       #720015;
  line-height:                 18px;
}

H4 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 15px Verdana, arial, sans-serif;
  color:                       #333333;
  line-height:                 16px;
}

H5 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 13px Verdana, arial, sans-serif;
  color:                       #333333;
  line-height:                 14px;
}

H6 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 11px Verdana, arial, sans-serif;
  color:                       #333333;
  line-height:                 12px;
}

HR {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  2px solid #720015;
}

a {
  color:                       #FFFFFF;
  text-decoration:             underline;
}

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

img {
  border:                      0px;
}

/* HTML TAGS END */

/* CUSTOM CSS TAGS START */

.intranet {           padding: 5px;
                      font: bold 12px Verdana, arial, sans-serif;
                      color: #000000;
                      line-height: 34px; }

.intranet a        { color: #202020;
                     text-decoration: none;
                     font-weight:normal;
                     padding:5px;
                     border:1px solid #ffffff; }

.intranet a:hover  { color: #720015;
                     text-decoration: none;
                     font-weight:normal;
                     background-color:#FFEAD5;
                     padding:5px;
                     border:1px solid #cccccc; }

.intranet img { padding: 0px; }

/* ************** shoppernet ******************** */

.shoppernet        { padding: 2px;
                     font: normal 12px Verdana, arial, sans-serif;
                     color: #000000;
                     line-height: 20px; }

.shoppernet li     { font-size: 12px;

                   }

.shoppernet a      { color: #202020;
                     text-decoration: none;
                     font-weight:normal;
                     padding:2px;              }

.shoppernet a:hover{ color: #720015;
                     text-decoration: none;
                     font-weight:normal;
                     padding:2px; }

.shoppernet img { padding: 0px; }



.content_popup {
  width:                       350px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  vertical-align:              top;
}

.content_popup td {
  font:                        normal 11px Verdana;
}

.content_popup th {
  width:                       350px;
  text-align:                  center;
  font:                        normal 11px Verdana;
  font-weight:                 bold;
}
.content_popup .uploadimg {
   margin-top:25px;
   width:326px;
   /* border:1px solid #c0c0c0; */
   padding:2px;
   background-color:white;
}


.explanations {
  margin:                      0px;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 12px;
}

.explanations.termnav {
  margin:                      10px 0 10px 0;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 12px;
  border: 1px solid #cccccc;
  padding:2px;
}

.explanations a       { color: #cccccc;  text-decoration: none;      font-weight:normal; }
.explanations a:hover { color: #720015;  text-decoration: underline; font-weight:normal; }

.bericht   { width:650px;
             height:25px;
             border:1px solid #720015;
             color:#720015;
             text-align:center;
             line-height:25px;
             font-size:14px;
             font-weight:bold;
             margin:15px 0 15px 0; }

.term {
  margin:                      0px;
  padding-top:                 15px;
  font:                        bold 13px Verdana;
  color:                       #720015;
  line-height:                 14px;
}

.term a       { color: #cccccc;  text-decoration: none;      font-weight:normal; }
.term a:hover { color: #720015;  text-decoration: underline; font-weight:normal; }


.editreq      { font:normal 11px verdana; height:19px;
                background:#FFFFFF url(http://www.multi-value.org/images/form_required.gif) no-repeat top right;
                border:1px solid #7F9DB9;
}
.editreq250   { font:normal 11px verdana; height:19px; width:250px;
                background:#FFFFFF url(http://www.multi-value.org/images/form_required.gif) no-repeat top right;
                border:1px solid #7F9DB9;
}
.editfld      { font:normal 11px verdana; height:19px;
                border:1px solid #7F9DB9;
}
.editfld250   { font:normal 11px verdana; height:19px; width:250px;
                border:1px solid #7F9DB9;
}

.fullscreen {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
}

.siteholder {
  vertical-align:              middle;
}

.site {
  height:                      533px;
  width:                       100%;
}

.bordered  { border:1px solid red; }

.header {
  height:                      20px;
  text-align:                  center;
  font:                        normal 1px Verdana;
  line-height:                 20px;
}

.menu {
  height:                      20px;
  padding:                     0px 0px 0px 40px;
  background-color:            #AFAFAF;
}

.menubar {
  height:                      20px;
  background-color:            #AFAFAF;
}

.face {
  height:                      453px;
  width:                       294px;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top left;
}

.content_facebg {
  height:                      453px;
  width:                       894px;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top left;
  padding: 10px 10px 10px 100px;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.title {
  height:                      30px;
  width:                       600px;
  padding:                     10px 10px 0px 10px;
  font:                        normal 12px Verdana;
  line-height:                 20px;
  color:                       #AFAFAF;
  background-color:            #FFFFFF;
  overflow:                    hidden;
}

.title a {
  color:                       #AFAFAF;
  text-decoration:             none;
}
.title a:hover {
  color:                       #720015;
  text-decoration:             none;
}

.subtitle {
  height:                      10px;
  padding:                     0px 10px 0px 10px;
  font:                        normal 10px Arial;
  color:                       #AFAFAF;
  line-height:                 10px;
  background-color:            #FFFFFF;
}

.subtitle a {
  color:                       #AFAFAF;
  text-decoration:             none;
}
.subtitle a:hover {
  color:                       #720015;
  text-decoration:             none;
}

.content_right {
  height:                      453px;
  width:                       89px;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         center right;

}

.rightspace {
  height:                      453px;
  width:                       1000px;
  background-color:            #FFFFFF;
}

.content {
  height:                      392px;
  width:                       270px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.introcontent {
  height:                      453px;
  padding:                     10px 10px 10px 50px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top right;
}

.content_full_scroll {
  height:                      392px;
  width:                       580px;
  overflow:                    auto;

  scrollbar-base-color:        #FFFFFF;   /* basiskleur */
  scrollbar-face-color:        #720015;   /* basiskleur frontvlakken */
  scrollbar-arrow-color:       #FFFFFF;   /* pijlkleur */
  scrollbar-3dlight-color:     #720015;   /* randkleur linkboven */
  scrollbar-highlight-color:   #FFFFFF;   /* hooglicht linksboven */
  scrollbar-darkshadow-color:  #720015;   /* randkleur rechtsonder */
  scrollbar-shadow-color:      #FFFFFF;   /* laaglicht rechtsonder */
  scrollbar-track-color:       #FFFFFF;   /* achtergrondkleur lege ruimte scrollbar */
}

.content_full {
  height:                      392px;
  width:                       580px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}


.content table, .content_full table, .content2 table, .content3 table, .content4 table, .content5 table, .content_facebg table {
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content2 {
  height:                      392px;
  width:                       325px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content3 {
  height:                      392px;
  width:                       225px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content4 {
  width:                       225px;
  padding-top:                 10px;
  padding-right:               20px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content5 {
  width:                       225px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 12px;
  vertical-align:              top;
}

.content A, .content_full A, .content2 A, .content3 A, .content4 A, .content5 A, .content_popup A, .content_facebg A {
  color:                       #720015;
  text-decoration:             none;
}

.content A:hover, .content_full A:hover, .content2 A:hover, .content3 A:hover, .content4 A:hover, .content5 A:hover, .content_popup A:hover, .content_facebg A:hover {
  color:                       #720015;
  text-decoration:             underline;
}

.content li {
  margin-bottom:               5px;
}

.content_spacer {
  height:                      392px;
  width:                       10px;
  background-color:            #FFFFFF;
}

.bottom_bar {
  height:                      20px;
  background-color:            #720015;
}

.bottom {
  height:                      20px;
  text-align:                  right;
  background-color:            #720015;
}

.footer {
  height:                      20px;
  text-align:                  center;
  font:                        normal 9px verdana;
  color:                       #CCCCCC;
}

.footer a {
  color:                       #CCCCCC;
  text-decoration:             none;
}

.footer a:hover {
  color:                       #CCCCCC;
  text-decoration:             none;
}

.screenholder {
  height:                      1px;
}
/* CUSTOM CSS TAGS END */

/* LIST MENU STYLES START */
#mainmenu {
  margin:                      0px;
  padding:                     0px;
}

#mainmenu li {
  margin:                      0px;
  padding:                     0px;
  display:                     block;
  list-style-type:             none;
  float:                       left;
  font:                        normal 14px Arial;
  color:                       #FFFFFF;
  line-height:                 20px;
}

#mainmenu a, #mainmenu a:hover, .mainitem_on, .mainitem_visit_on, .mainitem1_on, .mainitem_visit_on {
  width:                       100px;
  height:                      20px;
  margin:                      0px;
  padding:                     2px 40px 2px 5px !important;
  padding:                     0px 5px 0px 5px;
  font:                        normal 14px Arial;
  color:                       #FFFFFF;
  text-decoration:             none;
  line-height:                 20px;
  filter:                      dropshadow(Color=#818181, OffX=1, OffY=1, Positive=1);
}

#mainmenu a:hover, .mainitem_on, .mainitem_visit_on, .mainitem_visit, .mainitem1_on, .mainitem1_visit_on {
  color:                       #FFFFFF;
  background-color:            #720015;
}

.mainitem1 {
  background:                  url('../images/menu_bg.gif') no-repeat center right;
}

.mainitem1_visit {
  background:                  #720015 url('../images/menu_bg_over.gif') no-repeat center right;
}

.mainitem1_on {
  background:                  #720015 url('../images/menu_bg_over.gif') no-repeat center right;
}

.mainitem1_visit_on {
  background:                  #720015 url('../images/menu_bg_over.gif') no-repeat center right;
}

ul#mainmenu li:hover > ul {
  display:                     block;
  margin:                      -1px 0px 0px 0px;
}

#submenu {
  width:                       150px;
  margin:                      0px;
  padding:                     0px;
  display:                     none;
  position:                    absolute;
}

#submenu li {
  width:                       100%;
  margin:                      0px;
  padding:                     0px;
  font:                        normal 14px Arial;
  color:                       #808080;
  list-style-type:             none;
  display:                     block;
  float:                       left;
}

#submenu a, #submenu a:hover, .subitem_on {
  width:                       100%;
  margin:                      0px;
  padding:                     2px 40px 3px 5px !important;
  padding:                     0px 5px 0px 5px;
  font:                        normal 14px Arial;
  color:                       #FFFFFF;
  text-decoration:             none;
  line-height:                 21px;
  background-color:            #ADADAD;
/*  background-color:            #848484; */
  filter:                      Alpha(Opacity=85);
  -moz-opacity:                .85;
}

#submenu a:hover, .subitem_on {
  color:                       #FFFFFF;
  background-color:            #8B7676;
  filter:                      Alpha(Opacity=100);
  -moz-opacity:                .99;
}

ul#submenu li:hover > ul {
  display:                     block;
  margin:                      -21px 0px 0px 165px;
}
/* LIST MENU STYLES END */


/* --- window gedeelte ------------------------------------------------------ */
.footer .copyright {
         width:325px;
         height:20px;
         float:right;
         text-align:right;
         font:normal 9px verdana, arial, sans-serif;
         color:#CCCCCC;}
.footer .copyright a {
         color:#aaaaaa;
         text-decoration:none;}
.footer .copyright a:hover {
         color:#aaaaaa;
         text-decoration:underline;}

.faq {
   width:350px; 
}


#releaseinfo {

}
#releaseinfo li {
   margin-top:5px;
   text-align:justify;
}

/* --- code of conduct ------------------------------------------------------ */
.code-of-conduct, .explanation-terms {
   text-align:justify;
}
.code-of-conduct h1, .explanation-terms h1{
  padding:0;
  margin:0 0 15px 0;
}
.code-of-conduct h2, .explanation-terms h2 {
  padding:0;
  margin:0;
  font-size:12px;
}
.code-of-conduct p, .explanation-terms p {
  padding:0;
  margin:0 0 9px 10px;
}
.code-of-conduct ul, .code-of-conduct ol, .explanation-terms ul, .explanation-terms ol {
   margin:0 0 0 10px;
}
.code-of-conduct li, .explanation-terms li {
   margin:0 0 0 22px;
}
.explanation-terms i {
   display:block;
   border:1px solid #c0c0c0;
   margin:5px 0;
   padding:2px 5px;
}


.ontime {
   font-size:8px;
   margin-left:25px;
   width:600px;
}
.ontime-table {
         border:none;
         text-align:left;
         margin:5px 0;
         color:black;
         width:580px;
         font-size:9px;
     }
.ontime-table-header , .ontime-table-header td{
         text-align:left;
         font-weight:normal !important;
         color:white !important;
         background-color:white;
         font-size: 13px !important;
         font-family:verdana, Arial, sans-serif !important;
         line-height:20px;
         border: 1px solid #700524;
         color:#700524 !important;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.ontime-table-header table{
   margin:0px !important; border-collapse:collapse;
   width:720px;
}
.ontime-table-header td{
   border:none; padding:0px !important;
         font-size:9px;
}
.ontime-table-divider {
         background-color:#700524;
         /* height:1px !important; */
         font-size:1px !important;
         padding:0px !important; margin:0px;
     }
.ontime-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         /* text-align:left; */
     }
.ontime-table td {
         font-size: 12px;
         padding:3px;
         color:black;
         font-size:9px;
     }

.ontime-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             underline;
}

.ontime-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             none;
}

/* *** Upload box *********************************************************** */
.uploadbox {
   font-size: 11px;
   margin:20px 0px;
   padding:0;
   width:320px;
}
.uploadbox input {
   font-size: 13px; 
}
.uploadbox-table {
   border:3px solid #720015;
   width:100%;
   text-align:left;
   color:black;
}
.uploadbox-table-header {
   text-align:left;
   font-weight:normal !important;
   background-color:white;
   font-size: 13px !important;
   font-family:verdana, Arial, sans-serif !important;
   line-height:13px;
   border: 1px solid #700524;
   padding-top:10px !important;
   padding-bottom:10px !important;
}
.uploadbox-table th {
   font-weight:bold;
   padding:5px 3px;
   text-align:left;
}
.uploadbox-table td {
   padding:5px 3px !important;
   color:black;
}