
body {
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   font-size: 12px;
}
   html, body,
   div, p, form, input, ul, ol, dl, dt, dd, li,
   h1, h2, h3, h4, h5, h6 {
      margin: 0;
      padding: 0;
   }
   p, ul, ol {
      margin-bottom: 1em;
   }
   ul, ol {
      margin-left: 2em;
   }

img {
   border: 0;
}

a {
   color: #002751;
   cursor: pointer;
}


h1,
h2,
h3 {
   font-weight: normal;
   color: #00165a;
   margin-bottom: 0.5em;
}
   h1 { font-size: 18px; }
   h2 { font-size: 17px; }
   h3 { font-size: 15px;  margin-bottom: 0; }

h4,
h4 a {
   font-size: 13px;
   color: #00165a;
   text-decoration: none;
}
   h4 a:hover {
      text-decoration: underline;
   }

.intro {
   padding: 20px;
   font-size: 15px;
   color: #00142a;
   background-color: #e3e4e5;
}

.date {
   color: #777;
   font-style: italic;
}

.error {
   color: #ff0000;
   font-weight: bold;
}

td.label {
   vertical-align: top;
   font-weight: bold;
}
td.separator {
   vertical-align: top;
}

form td {
   vertical-align: top;
}

.moreLink {
   margin: 0.5em;
   text-align: right;
}


.projectPage {}

.projectPage .logo {
   float: right;
}
.projectPage h3 {
   padding-top: 0.5em;
}

.projectOverviewTable td {
   vertical-align: top;
}



#imageTarget {
   position: relative;
}
   #imageTarget #arrowLeft, #imageTarget #arrowRight {
      position: absolute;
      top: 50%;
   }
	#imageTarget #arrowLeft {
	   left: 10px;
	}
	#imageTarget #arrowRight {
	   right: 10px;
	}


#imageListContainer {
   overflow: hidden;
   margin-top: 1px;
   background-color: #E3E4E5;
}
	#imageList {
	   margin: 0;
	}
	   #imageList li {
	      float: left;
	      display: inline;
	      margin: 0;
	      border-right: 5px solid #fff;
	   }
	   #imageList a {
	      display: block;
	      border-bottom: 2px solid #fff;
	   }
	   #imageList a.active {
	      border-bottom: 2px solid #FA6E0B;
	   }
   
#ImageTarget {
   margin-top: 10px;
   margin-bottom: 1em;
}


/* Contact */
#map_canvas {
   width: 100%;
   height: 350px;
   margin: 10px 0;
}

#gmapsContainer {
   display: none;
}
	#gmapsForm {
	   padding: 5px;
	   background: #c4c4c4;
	   border: 1px solid #a4a4a4;
	}
	#addressInput {
	   width: 200px;
	}
	#contactData {
	   color: #fff;
	}


#routeTabs {
	width: 100%;
   padding-left: 20px;
   background: url('../gfx/bgTabContainer.gif') repeat-x bottom;
}
	#routeTabs ul {
	   display: inline;
	}
	   #routeTabs li {
	      border-bottom: 1px solid white;
	   }
	   #routeTabs li a {
	      padding: 6px 8px;
	      border: 1px solid white;
	      font-size: 16px;
	   }
		   #routeTabs li.active {
		      border-left: 1px solid #d2d6da;
		      border-top: 1px solid #d2d6da;
		      border-right: 1px solid #d2d6da;
		   }
		   #routeTabs li.active a {
		      background: url('../gfx/bgTabs.gif') repeat-x !important;
		      color: #f16706;
		      text-decoration: none;
		   }


/* formulier **/
input.text,
input.file {
   width: 200px;
}
textarea {
   width: 350px;
   height: 120px;
}
input.submit {
   font-weight: bold;
}



/* Organogram */
#orgChart{
   position: relative;
   height: 250px;
   background: url('../gfx/bgOrgChart.gif') no-repeat;
}
	.orgBlock {
	   position: absolute;
	   width: 100px;
	   height: 35px;
	   color: #fff;
	   text-align: center;
	}
	
	.orgBlock.type1 { background: #ff9000; } 
	.orgBlock.type2 { background: #7198c1; } 


.tooltip{ 
	background: #d9dce1;
	border: 1px solid #5a5a5a;
}
	
#empList {
   margin: 10px 0px;
}
   #empList td {
      vertical-align: top;
   }
   
/* Enquete */   
#SurveyForm {}
fieldset legend {
   font-size: 13px;
   font-weight: bold;
}


.formQuestion {
   padding: 1.2em;
}
   .formQuestion label {
      font-weight: normal;
   }
   .formQuestion .field {
      margin: 0.4em 0 0 1.6em;
   }
      .formQuestion .field label {
         font-weight: normal;
      }
      .formQuestion .field .likert {
         margin-left: 0.5em;
      }
   .formQuestion textarea {
      width: 400px;
      height: 90px;
   }
      .formQuestion textarea.remarks {
         display: none;
      }

fieldset {
   margin: 2em 0;
}
   fieldset .formQuestion {
      padding: 1em;
   }
   fieldset table {
      padding-top: 1em;
      padding-bottom: 1em;
   }
   
#SurveyForm #submit {
   font-size: 12px;
   font-weight: normal;
   float: right;
}

   
   
   