/* --------------------------------------------------------------------------- */
/* Default stylesheet */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* HTML selectors */

body                      { margin: 0; padding: 0; text-align: center; font: normal normal 85%/1 Verdana, Tahoma, sans-serif; color: #003454; background: #fff; }
p                         { margin: 0; padding: 0 0 1.5em 0; }
img                       { border: 0; }
address                   { top: 14px; position: relative; width: 150px; margin: 0 0 0 10px; font: normal normal 0.8em/1.5 Verdana, Tahoma, sans-serif; color: #BAB866; }
.sub address              { top: 10px; }

/* END: HTML selectors */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* Clear Float */
/* These rules can be added to existing rules or you can add 'clearfix' as a mulitple classname */

.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END: Clear Float */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* Links */
#navigation a                     { text-transform: uppercase; letter-spacing: 1px; background: transparent url(../../gfx/hmvt/line.gif) repeat-x left bottom;}
#navigation a:link                { text-decoration: none; color: #f5f6e7; background-color: #003454; }
#navigation a:visited             { text-decoration: none; color: #f5f6e7; background-color: #003454; }
#navigation a:hover               { text-decoration: none; color: #003454; background-color: #d4d393; }
#navigation a:active              { text-decoration: none; color: #003454; background-color: #d4d393; }
#navigation a.active:link         { text-decoration: none; color: #003454; background-color: #d4d393; }
#navigation a.active:visited      { text-decoration: none; color: #003454; background-color: #d4d393; }

#navigation li ul a               { text-transform: none; letter-spacing: 0; }
#navigation li ul a:link          { text-decoration: none; font-weight: normal; color: #003454; background-color: #d4d393; }
#navigation li ul a:visited       { text-decoration: none; font-weight: normal; color: #003454; background-color: #d4d393; }
#navigation li ul a:hover         { text-decoration: none; font-weight: normal; color: #003454; background-color: #f5f6e7; }
#navigation li ul a:active        { text-decoration: none; font-weight: normal; color: #003454; background-color: #f5f6e7; }
#navigation li ul a.active:link   { text-decoration: none; color: #003454; background-color: #f5f6e7; }
#navigation li ul a.active:visited{ text-decoration: none; color: #003454; background-color: #f5f6e7; }


#navigation address a:link        { text-decoration: underline; color: #BAB866; background: transparent; }
#navigation address a:visited     { text-decoration: underline; color: #BAB866; background: transparent; }
#navigation address a:hover       { text-decoration: underline; color: #f5f6e7; background: transparent; }
#navigation address a:active      { text-decoration: underline; color: #f5f6e7; background: transparent; }

#content a:link                   { text-decoration: none; color: #BAB866; }
#content a:visited                { text-decoration: none; color: #BAB866; }
#content a:hover                  { text-decoration: underline; color: #BAB866; }
#content a:active                 { text-decoration: underline; color: #BAB866; }

#content a.readon:link            { text-decoration: underline; color: #003454; }
#content a.readon:visited         { text-decoration: underline; color: #003454; }
#content a.readon:hover           { text-decoration: underline; color: #BAB866; }
#content a.readon:active          { text-decoration: underline; color: #BAB866; }

#intro a:link                     { color: #003454; }
#intro a:visited                  { color: #003454; }
#intro a:hover                    { color: #003454; }
#intro a:active                   { color: #003454; }

#breadcrumb a:link                { text-decoration: none; color: #003454; background: transparent; }
#breadcrumb a:visited             { text-decoration: none; color: #003454; background: transparent; }
#breadcrumb a:hover               { text-decoration: underline; color: #BAB866; background: transparent; }
#breadcrumb a:active              { text-decoration: underline; color: #BAB866; background: transparent; }
#breadcrumb a.active:link         { text-decoration: none; color: #BAB866; background: transparent; }
#breadcrumb a.active:visited      { text-decoration: none; color: #BAB866; background: transparent; }


/* END: Links */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* Basic page containers */

#header             { position: relative; margin: 0; padding: 0;  }
#homePage #header   { width: 770px; height: 164px; background: transparent url(../../gfx/hmvt/header_home.jpg) no-repeat 0 0; }
#infoPage #header   { height: 110px; background: transparent url(../../gfx/hmvt/header_home.jpg) no-repeat 0 0; }
#infoPage.subsite #header		{ background: transparent url(../../gfx/hmvt/headerSub_home.jpg) no-repeat 0 0; }
#siteContainer      { margin: 0 auto; padding: 0 0 2em 0; width: 770px; text-align: left; background: #f5f6e7 url(../../gfx/hmvt/menu-back.gif) repeat-y center top; }
.sub #siteContainer { background: #f5f6e7 url(../../gfx/hmvt/menu-back-sub.gif) repeat-y center top; }
.subsite #siteContainer.sub { background: #f5f6e7 url(../../gfx/hmvt/menuSub-back-sub.gif) repeat-y center top; }

#intro              { float: left; margin: 0; padding: 2em 5px 2em 20px; width: 245px; text-align: left; }
#content            { float: left; margin: 0; padding: 2em 0; width: 400px; }
#sidebar            {  }
#breadcrum          {  }
#footer             {  }

                    /* this is a general rule for the entire site              */
.clr                { clear: both; }

/* END: Basic page containers */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* START: navigation menu */

#navigation                             { float: left; margin: 0; padding: 0; width: 171px; list-style: none; font-size: 0.80em; position: relative; top: -5px; }
.sub #navigation                        { margin: 0 20px 0 0; width: 340px; }
#navigation ul                          { margin: 0 0 0 0; border-top: 1px solid #f5f6e7; padding: 0; list-style: none; }
#navigation li                          { position: relative; clear: both; float: left; display: block; margin: -1px 0 0 0; padding: 0; width: 170px; height: 1%; text-align: right; }
.sub #navigation li                     { clear: auto; float: none; margin: 0 0 0px 0; }
#navigation li ul												{ position: absolute; top: -1px; left: 170px; margin: 0;  }
#navigation li ul li                    { font-weight: normal; }
#navigation li a                        { display: block; padding: 6px 10px 7px 0; width: 161px; text-decoration: none; font-weight: bold; }
.sub #navigation li a                   { width: 160px; }

#navigation li.open                     { top: -1px; margin: 0 0 -1px 0; }
.sub #navigation li.open                { margin: 0 0 -3px 0; }
html>body #navigation li,
html>body #navigation li.open,
html>body.sub #navigation li.open       { margin: 0 0 0 0; top: 0px; }

#navigation address                     { clear: both; margin-top: 4em; }

#navigation form                        { margin: 0; padding: 5px 0 5px 0; text-align: right; background: #ececc8;}
#navigation form select                 { width: auto !important; margin-right: 8px; border: 1px solid #003454; font: normal normal 0.8em/1.3 Verdana, Tahoma, sans-serif; color: #003454; background: #ececc8;}
.sub #navigation form select            { margin-right: 177px; }
#navigation form select option          { border: 0; color: #003454; background: #ececc8;}


/* END: navigation menu */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* Horizontal menu Toolbar [separated from main menu */
/* !!! VERY IMPORTANT !!! */
/* KEEP TRACK OF THE SPECIFICITY!!! HERE WE OVERIDE THE GENERAL FORM RULES!!! */
/* This is an optional set of rules. This will change per project! */
#toolbar                                     { border-top: 1px solid #f5f6e7; height: 26px; background: #003454; overflow: hidden; }
#toolbar ul                                  { margin: 0; padding: 2px 0 0 10px; list-style: none; }
#toolbar li                                  { float: left; display: inline; margin: 0 10px 0 0; padding: 3px 0 0 0; font: normal normal 0.75em/1.3 Verdana, Tahoma, sans-serif;color: #f5f6e7; }
#toolbar .searchBox                          { float: right; margin: -1px 15px 0 0; width: 180px; text-align: right; }
#toolbar .searchBox #searchText              { border: 1px solid #f5f6e7; width: 100px; font-size: 0.9em; color: #f5f6e7; background: #003454; }
#toolbar .searchBox #searchButton            { border: 0; width: auto; text-transform: uppercase; font: normal bold 1em/1.3 Verdana, Tahoma, sans-serif; color: #f5f6e7; background: #003454; cursor: pointer; }

#toolbar li a                                { text-decoration: none; color: #f5f6e7; }



/* END: horizontal menu toolbar */
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* Content containers */

/* Add as many as needed! */
/* Headers tags have not been defined! This wil vary per project! */

#content h1                     { margin: 0; border-bottom: 1px solid #BAB866; padding: 0 0 0.3em 0; text-transform: uppercase; font: normal bold 1.1em/1.3 Verdana, Tahoma, sans-serif; color: #BAB866; }
#content h2                     { margin: 0 0 0.3em 0; border-bottom: 1px solid #BAB866; padding: 0 0 0 0; text-transform: uppercase; font: normal bold 1.1em/1.3 Verdana, Tahoma, sans-serif; color: #BAB866; }
#content h3                     { margin: 0; padding: 0 0 0.8em 0; text-transform: uppercase; letter-spacing: 1px; font: normal bold 0.9em/1 Verdana, Tahoma, sans-serif; }
#content h4                     { margin: 0; padding: 0 0 0.3em 0; font: normal bold 1em/1.3 Verdana, Tahoma, sans-serif; }
#content h5                     { margin: 0; padding: 0 0 0.3em 0; font: normal normal 0.8em/1.3 Verdana, Tahoma, sans-serif; }
#content .article               { margin: 0; padding: 0; }
#content .article .summary      { clear: both; font: normal bold 0.8em/1.3 Verdana, Tahoma, sans-serif; }
#content .article .bodytext     { clear: both; margin: 0 0 1em 0; font: normal normal 0.8em/1.5 Verdana, Tahoma, sans-serif; }
/* #content .article img           { float: left; margin: 0.3em 10px 0 0; } */
#content .article ul            { margin: 0 0 1em 0; padding: 0 0 0 1.6em; font: normal normal 1em/1.3 Verdana, Tahoma, sans-serif; }

#content .newsitem              { margin: 0; padding: 0; }
#content .newsitem .summary     { font: italic normal 0.8em/1.3 Verdana, Tahoma, sans-serif; }
#content .newsitem .bodytext    { font: normal normal 0.8em/1.3 Verdana, Tahoma, sans-serif; }
#content .newsitem img          { float: left; }

#intro .article                 { margin: 0; padding: 0; }
#intro .article .summary        { font: italic bold 0.8em/1.5 Verdana, Tahoma, sans-serif; color: #003454; }
#intro .article .bodytext       { font: normal bold 0.8em/1.5 Verdana, Tahoma, sans-serif; color: #003454; }
#intro .article img             { float: left; }

/* END: Content containers */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* additional page elements */

#header .logo       { position: absolute; top: 30px; left: 98px; width: 240px; height: 80px;  }
#header .logo a     { display: block; width: 240px; height: 80px; text-indent: -2000px; overflow: hidden; }
#header .pay-off    { position: absolute; top: 130px; left: 0; width: 338px; text-align: right; }
#header .pay-off p  { margin: 0; padding: 0; font: normal normal 0.8em/1.3 Verdana, Tahoma, sans-serif; color: #97942C; }
#content .pay-off p { margin: 2em 0 -2em 0; padding: 0; font: normal normal 0.8em/1.3 Verdana, Tahoma, sans-serif; color: #97942C; }

#breadcrumb         { margin: -2em 0 0 0; padding: 0.5em 0; list-style: none; height: 1em; }
#breadcrumb li      { display: inline; margin: 0; padding: 0 0.35em 0 0; color: #BAB866; }
#breadcrumb li a    { padding: 0 0 0 0; font: normal normal 0.75em/1 Verdana, Tahoma, sans-serif; }

/* END: additional page elements */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* custom page elements */

#homePage #content                        { margin-left: 30px; width: 280px; }
#homePage #content .article               { margin: 0 0 1em 0; border-top: 1px solid #BAB866; padding: 0.2em 0; }
#infoPage #content                        { margin-left: 120px; width: 460px; }
#infoPage #content .article               { margin: 0 0 1em 0; padding: 0.2em 0; }
#infoPage.sub  #content                   { margin-left: 30px; width: 360px; }
#infoPage.sub  #content .article          { margin: 0 0 1em 0; padding: 0.2em 0; }

/* END: custom page elements */
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* General form rules  */

.labelField { float: left; padding: 0px; width: 130px; font-size: 1.2em; line-height: 1.2em; }
    .fullField { float: left; padding: 0px; width: 224px; border: 1px solid #003454; background: #fff; font-size: 1.2em; line-height: 1.2em; }
    .oneThirdField { float: left;  padding: 0px; margin-right: 5px; width: 70px; border: 1px solid #003454; background: #fff;}
    .twoThirdsField { float: left; padding: 0px; width: 135px; border: 1px solid #003454; background: #fff; margin-right: 5px;}
    html>body .twoThirdsField { width: 147px; }
		.dayField  { float: left; padding: 0px; margin-right: 5px; width: 53px; border: 1px solid #003454; background: #fff;}
    .monthField  { float: left; padding: 0px; margin-right: 5px; width: 53px; border: 1px solid #003454; background: #fff;}
		html>body .dayField,
		html>body .monthField { width: 60px; }
    .yearField  { float: left; width: 90px; border: 1px solid #003454; background: #fff;}
    .generalform input,
		.generalform select,
 	  .basic form select { border: 0px; padding-left: 0.4em; width: 100%; height: 16px; color: #4D6071; font-size: 100%;}
		html>body .generalform input { padding: 0; }
    .generalform textarea { border: none; padding-left: 0.4em; width: 100%; background: #fff; font: normal 100% Arial, Helvetica, sans-serif; color: #4D6071; }
		.generalform p	{ font-size: 70%; }
		html>body .generalform p	{ font-size: 100%; }
    .selectbox {width: 224px; border: 0px; height: 16px; margin: 0px; padding: 0px;}
    .generalform select option { padding: 0.1em 0; }
    label { background: transparent; }
    .button { float: left; width: auto;}
    .button input { border: 0px solid #000; width: 80px; text-align: center; background: #003454; color: #fff; cursor: hand; font-weight: bold; font-size: 11px;}
    .button .attention { border-bottom: 1px solid White; width: 100%; }
    .noStyle { text-align: left; background: transparent; border: 0px;}
    .noStyle input, .noStyle label { display: inline; width: auto !important; background: transparent !important; }
		input,
		textarea,
		select { width: 100%; border: none; }
    input[type=radio] { margin: 0; padding: 0; width: auto; height: auto; line-height: auto; background: White;}
    input[type=checkbox] { margin: 0; padding: 0; width: auto; height: auto; line-height: auto; background: transparent;}
    .clr { clear: both; display: block; margin: 0; padding: 0; width: 100%; height: 5px; font-size: 1px; line-height: 1px;  }
.dateFieldSmall { width: 100%;}
.dateFieldSmall select { width: 65px; margin: 0 4px 0 0; border: 1px solid #000; }
.vacancybutton {
    font-size:   12px;
    font-weight: bold;
    border: 1px solid #4D6071;
    padding: 4px 6px 4px 6px;
 }

.generalform { float: none; width: 370px; } 
.generalform form 					{ margin:0; padding:0px; border: 0px; font-size: 70%; color: #4D6071; }
fieldset				{ margin:0px; padding:0px; border: 0px; }
.generalform input					{ border: 0px; padding-left: 0.4em; width: 100%; height: 16px; color: #4D6071; font-size: 100%; }
.generalform .submitVersturen	{ width: auto; color: #fff; }
.required { background: transparent url(../../gfx/required.gif) no-repeat right top; }

/* END: General form rules  */
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* Color overrides for a subsite  */


.subsite #navigation a:link                { color: #8ED4E4; background-color: #003454; }
.subsite #navigation a:visited             { color: #8ED4E4; background-color: #003454; }
.subsite #navigation a:hover               { color: #003454; background-color: #96CEDB; }
.subsite #navigation a:active              { color: #003454; background-color: #96CEDB; }
.subsite #navigation a.active:link         { color: #003454; background-color: #96CEDB; }
.subsite #navigation a.active:visited      { color: #003454; background-color: #96CEDB; }

.subsite #navigation li ul a:link          { color: #003454; background-color: #96CEDB; }
.subsite #navigation li ul a:visited       { color: #003454; background-color: #96CEDB; }
.subsite #navigation li ul a:hover         { color: #003454; background-color: #8ED4E4; }
.subsite #navigation li ul a:active        { color: #003454; background-color: #8ED4E4; }
.subsite #navigation li ul a.active:link   { color: #003454; background-color: #8ED4E4; }
.subsite #navigation li ul a.active:visited{ color: #003454; background-color: #8ED4E4; }

.subsite #navigation address a:link        { color: #00a8c5; }
.subsite #navigation address a:visited     { color: #00a8c5; }
.subsite #navigation address a:hover       { color: #8ED4E4; }
.subsite #navigation address a:active      { color: #8ED4E4; }

.subsite #content a:link                   { color: #00a8c5; }
.subsite #content a:visited                { color: #00a8c5; }
.subsite #content a:hover                  { color: #00a8c5; }
.subsite #content a:active                 { color: #00a8c5; }

.subsite #content a.readon:link            { color: #003454; }
.subsite #content a.readon:visited         { color: #003454; }
.subsite #content a.readon:hover           { color: #00a8c5; }
.subsite #content a.readon:active          { color: #00a8c5; }

.subsite #intro a:link                     { color: #003454; }
.subsite #intro a:visited                  { color: #003454; }
.subsite #intro a:hover                    { color: #003454; }
.subsite #intro a:active                   { color: #003454; }

.subsite #breadcrumb a:link                { color: #003454; }
.subsite #breadcrumb a:visited             { color: #003454; }
.subsite #breadcrumb a:hover               { color: #00a8c5; }
.subsite #breadcrumb a:active              { color: #00a8c5; }
.subsite #breadcrumb a.active:link         { color: #00a8c5; }
.subsite #breadcrumb a.active:visited      { color: #00a8c5; }

.subsite address           								 { color: #00a8c5; }

.subsite #content h1                     					 { border-bottom: 1px solid #00a8c5; color: #00a8c5; }
.subsite #content h2                     					 { border-bottom: 1px solid #00a8c5; color: #00a8c5; }

.subsite #breadcrumb li      											 { color: #00a8c5; }

.subsite #homePage #content .article               { border-top: 1px solid #00a8c5; }

.subsite #header .pay-off p												{ color: #0083A6; }
.subsite #content .pay-off p												{ color: #0083A6; }

.subsite #navigation form                        	{ background: #bde1e8;}


/* --------------------------------------------------------------------------- */
/* END: Color overrides for a subsite  */

/*MR: added admin styles, to make the edit containers icons visible*/
.editContainer, .previewcell {
	padding: 4px;
}

.editContainer .editbutton, .previewcell .editbutton { 
	float: left;
  margin-right : 5;
  width: 15px;
  border: 0;
  display: block;
  cursor: hand;
}    

/* EOF */