/* CSS Document */

html, body {
	font:	13px/1.1 Geneva, Arial, Helvetica, san-serif;
	margin: 0px;
	padding: 0px;
	border: none;
	height: 100%;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#container {
	position: relative;
	background-color: #FFFFFF;
	width: 720px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	border: none;
}
#main {
	position: relative;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px;
	width: 720px;
	border: none;
	margin: 0px;

}
#mainhome {
	position: relative;
	background-color: #FFFFFF;
	text-align: center;
	padding: 0px;
	width: 720px;
	border: none;
	margin: 0px;
	vertical-align: middle;

}
 #picture {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	float: left;
	top: 10px;
	position: absolute;
	width: 240px;
	left: 0px;
	border: none;
}
 #navigation {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 475px;
	left: 245px;
	border: none;
	text-align: right;
	height: 78px;
	margin: 0px;
	padding: 0px;
}
 #navigationshowcase {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 475px;
	left: 245px;
	border: none;
	text-align: right;
	height: 26px;
	margin: 0px;
	padding: 0px;
}
 #navigationservices {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 475px;
	left: 245px;
	border: none;
	text-align: right;
	height: 150px;
	margin: 0px;
	padding: 0px;
}
 #content {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 10px;
	position: relative;
	width: 450px;
	left: 255px;

	border: none;
}
 #contentshowcase {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_opet.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowetap {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_etap.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowcovenant {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_covenant.jpg);
	background-position: right top;
	background-repeat: no-repeat;	
}
 #contentshowmanagenergy {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_managenergy.jpg);
	background-position: right top;
	background-repeat: no-repeat;	
}
#contentshowetapcom {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_etap_com.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowsus {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_sustenergy.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowcast {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_castor.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowemas {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_emas.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshoweeba {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examplesbg_eeba.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshoweea {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_eea.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowbuild {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_buildup.jpg);
	background-position: right top;
	background-repeat: no-repeat;

} 
 
 #contentshowecoguide {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_ecoguides.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshoweco {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_eco.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowseveso {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_seveso.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowseveso {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_seveso.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowup {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_urbanpolicy.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
 #contentshowj {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_journeee.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

 #contentshowidabc {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	top: 0px;
	position: relative;
	width: 460px;
	left: 260px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/examples_idabc.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

a {
	text-decoration: none;
	font-weight:normal;
	color:#3399CC;
	}


a:link {
	text-decoration: none;
	font-weight:normal;
	}

a:visited {
	text-decoration: none;
	font-weight:normal;
}

a:hover {
	text-decoration: underline;
	font-weight:normal;
	}

.intro {
	margin:10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
		}	
p {
	margin:10px;
	padding-left: 0px;
	padding-right: 0px;
	color: #666666;
		}
/*h1 {
	margin:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	color: #666666;
	font-weight: normal;
	font-variant: normal;
		} */
/*		h2 {
	margin:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	color: #666666;
	font-weight: normal;
	font-variant: normal;
	padding-top: 10px;
		} */
				h3 {
	margin:10px;
	font-family: "Times New Roman", Times, serif;
	padding-left: 10px;
	color: #333333;
	font-weight: normal;
	font-variant: normal;
		}

li {
	color: #666666;
	list-style-type: square;
	margin-bottom: 5px;
}
td {
	font-size: 11px;
	color: #666666;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 5px;
}
.category {
	font-size: 11px;
	color: #000000;
}
small {
	font-variant: small-caps;
}
.pracsis {
	font-variant: small-caps;
}
img {
	border: none;
}
h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	/*letter-spacing: -.05em; */
	margin:10px;
	padding-left: 10px;
	line-height: 1em;
	color: #666666;
}

h1 {
	text-align: left;
	font-size: 20px;

}

h2 {
	font-size: 17px;
	text-align: left;
}

h3 {
	font-size: 20px;
}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}

h5 {
	font-size: 20px;
}
 #lang {
	visibility: visible;
	overflow: hidden;
	vertical-align: top;
	float: none;
	position: absolute;
	width: 50px;
	left: 670px;
	border: none;
	padding-left: 0px;
	background-position: right;
	text-align: right;
}

/*---- Michel ----*/

.divImgLeftColumnCentered {
		position: relative;
		top: -3px;
		left: 30px;
		height: 1000px
}

.divLeftColumnLink {
		position: relative;
		left: 10px;
		top: 20px;
		height: 400px;
		text-align: center		
}

.divLeftColumnLink a:link {
		font-size: 90%;
		font-weight: bold;
		color:#3399CC;
		text-decoration: none;
}

.divLeftColumnLink a:visited {
		font-size: 90%;
		font-weight: bold;
		color:#3399CC;
		text-decoration: none;
}

.divLeftColumnLink a:hover {
		font-size: 90%;
		font-weight: bold;
		color:#3399CC;
		text-decoration: underline;
}


.imgCaption {
		font-size: 75%;
		font-weight: bold;
		color:#336699;
}

.tableBio {
		text-align: justify;
}

/*---- OPET Brochures ----*/

.imgCaptionBuildings {
		font-size: 75%;
		font-weight: bold;
		color:#cccc33;
}

.imgCaptionBuildings a:link, .imgCaptionBuildings a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#cccc33;
	}

.imgCaptionBuildings a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#cccc33;
	}

.imgCaptionEminent {
		font-size: 75%;
		font-weight: bold;
		color:#336699;
}

.imgCaptionEminent a:link, .imgCaptionEminent a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#336699;
	}

.imgCaptionEminent a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#336699;
	}

.imgCaptionHeat {
		font-size: 75%;
		font-weight: bold;
		color:#993333;
}

.imgCaptionHeat a:link, .imgCaptionHeat a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#993333;
	}

.imgCaptionHeat a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#993333;
	}

.imgCaptionMednet {
		font-size: 75%;
		font-weight: bold;
		color:#9999cc;
}

.imgCaptionMednet a:link, .imgCaptionMednet a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#9999cc;
	}

.imgCaptionMednet a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#9999cc;
	}

.imgCaptionRes {
		font-size: 75%;
		font-weight: bold;
		color:#009999;
}

.imgCaptionRes a:link, .imgCaptionRes a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#009999;
	}

.imgCaptionRes a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#009999;
	}

.imgCaptionFossil {
		font-size: 75%;
		font-weight: bold;
		color:#cc6633;
}

.imgCaptionFossil a:link, .imgCaptionFossil a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#cc6633;
	}

.imgCaptionFossil a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#cc6633;
	}

.imgCaptionOla {
		font-size: 75%;
		font-weight: bold;
		color:#6699cc;
}

.imgCaptionOla a:link, .imgCaptionOla a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#6699cc;
	}

.imgCaptionOla a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#6699cc;
	}

.imgCaptionTransport {
		font-size: 75%;
		font-weight: bold;
		color:#999999;
}

.imgCaptionTransport a:link, .imgCaptionTransport a:visited  {
	text-decoration: none;
	font-weight:bold;
	color:#999999;
	}

.imgCaptionTransport a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#999999;
	}

.homeVacancy {
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;
	text-align: center;
}

.homeVacancy a:link {
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;
}

.homeVacancy a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;
}

.homeVacancy a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;
}

.vacancyHighlight {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 80px;
	color: #336699;
}

.vacancyHighlightLow {
	font-weight: bold;
	letter-spacing: 0.15em;
	color: #336699;
}

.vacancyPracsis {
	font-size: 18px;
	color: #336699;
}