/* --- CSS for IEA --- */


body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	width: 1016px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;

	background-color: #EEEEEE;
	
scrollbar-base-color : #EEEEEE;
scrollbar-track-color : #EEEEEE;
scrollbar-face-color : #EEEEEE;
scrollbar-highlight-color : #EEEEEE;
scrollbar-3d-light-color : #EEEEEE;
scrollbar-dark-shadow-color : #EEEEEE;
scrollbar-shadow-color : #EEEEEE;
scrollbar-arrow-color : #ABABAB;

}

	

div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
				/* border: 1px solid Aqua; */
}
p {

}
ul {

}

h1, h2, h3, h4 {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
}
a:link, a:visited {
	 text-decoration: none;
	 border-bottom: 1px solid #666666;
	 color: black;
}
a:hover, a:active {
	 text-decoration: none;
    border-bottom: 1px dotted #666666;
    color: #666666;
}
.csc-textpic-image a:link, .csc-textpic-image a:visited {
	 text-decoration: none;
	 border-bottom: 0;
	 color: black;
}

input {
	border: 1px solid Black;
	font-size: 10px;
}
input {
	border: 1px solid Black;
	font-size: 10px;

}
.tx-newloginbox-pi1 input {
		width: 130px;
}
.tx-newloginbox-pi1 input.tx-newloginbox-pi1-submit {
		width: auto;
}

i {
	font-weight: bold;
}
p.csc-linkToTop {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}
#mainContent p.csc-linkToTop a:link, #mainContent p.csc-linkToTop a:visited {
	border: 0;
}
#mainContent p.csc-linkToTop a:hover, #mainContent p.csc-linkToTop a:active {
	color: black;
    border-bottom: 1px dotted #666666;
}

/* ------------ */
/* --- ID's --- */
/* --- header --- */
#header {
	background-color: #00539F;
	width: 1016px;

}
#header #header_logo {
  background-color: #00539F;
 /* position: absolute; 
  top: 0px;
  left: 0px; */
  width: 170px;
  float: left;

}
#header #header_title {
/*  position: absolute;
  top: 0px;
  left: 170px; */
  float: left;
  width: 550px;
  background-color: #00539F;

}
#header #header_title .vert_ruler_white {
	padding-top: 10px; 
	padding-right: 15px;
	height: 70px;
}
#header #header_title h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: White;
	font-style: normal;
	padding-top: 15px;
	letter-spacing: 1px;
}

#header #header_metas {
	float: right;
	margin: 20px 158px 0 0;
}
* html #header #header_metas {
	margin: 20px 80px 0 0;
}

#header #header_metas p, #header #header_metas a {
color: White;
}
#header * a:link, #header * a:visited {
	text-decoration: none;
	border-bottom: none;
}
#header * a:hover, #header * a:active {
	text-decoration: none;
	border-bottom: 1px dotted white;
}
#header #header_metas a.act:link, #header #header_metas a.act:visited {
	text-decoration: none;
	border-bottom: 1px dotted white;
}



#page_title {
	clear: both;
	background-color: #E23529;
  /* position: absolute;
  top: 90px;
  left: 0px; */
	width: 1016px;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 24px;

}
#page_title h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: White;
	padding-top: 2px;
	margin-left: 185px;
	
	/* like 	header_title */
	font-size: 18px;
	line-height: 22px;
	color: White;
	font-style: normal;
	letter-spacing: 1px;
}
#subheader {
	/* background-color: Fuchsia; */
}
#subheader #subheader_picture {
 /* position: absolute;
  top: 120px;
  left: 0px; */
  float: left;

}
#subheader #subheader_metas {
 /* position: absolute;
  top: 120px;
  left: 801px; */
  float: right;
	width: 205px;
	height: 63px;	
	background-color: #7E91C5;
	padding-left: 10px;
		padding-top: 9px;
		padding-bottom: 0px;
	line-height: 25px;
	color: White;


}
* html #subheader #subheader_metas {
	line-height: 25px;
}

#subheader #subheader_metas span#search_box form {
	margin: 5px 0 0 0;
}

#subheader #subheader_metas a {
	color: white;
}
#subheader #subheader_metas a:link, #subheader #subheader_metas a:visited {
	text-decoration: none;
	border-bottom: 1px none black;
}
#subheader #subheader_metas a:hover, #subheader #subheader_metas a:active {
	text-decoration: none;
	border-bottom: 1px dotted white;
}

/* ---------------- */
/* --- content --- */
#content {
  /* position: absolute;
  top: 192px;
  left: 0px; */
  clear: both;
  width: 1016px;
  height: 100%;
  background-color: white;
  background-image: url(pics/iea_rightcol_back.gif);
  background-repeat: repeat;

}
#content h3, #mainContent h1, #mainContent h4.menu_header  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	padding-top: 16px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px solid;
	border-color: #666666;
	border-style: solid;
}
#content h3 a:link {
	color: #666666;
	padding-top: 16px;
	text-decoration: none;
	 border-bottom: 1px dotted #666666;
}
#content h3 a:visited {
	color: #959595;
	padding-top: 16px;
	text-decoration: none;
	 border-bottom: 1px dotted #959595;
}
#content h3 a:hover, #content h3 a:active {
	color: #00539F;
	padding-top: 16px;
	text-decoration: none;
	 border-bottom: 1px dotted #00539F;
}


#content h4, #content h4.subheader, #rightContent h4, #rightContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00539F;
	text-transform: uppercase;
	margin-top: 8px;
}
#leftContent {
 /* position: absolute;
  left: 0px;
  top: 10px; */
  float: left;
  width: 157px;
  height: 100%;
  	min-height: 500px;
  padding-left: 10px;  
  padding-right: 5px;
  background-color: white;
  border-right: 1px solid #DCDCDC;


}
#leftContent ul, #rightContent ul {
	list-style: none;
	margin: 2px 0px 20px 0px;
	padding-top: 0px;
	padding-left: 4px;
	line-height: 17px;
}
#mainContent {
/*  position: absolute;
  left: 175px;
  top: 0px;   */
  float: left;
  width: 528px;

  padding-left: 48px;  
  padding-top: 15px;
  padding-right: 48px;
    padding-bottom: 20px;
  text-align: justify;


	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;	
	text-align: justify;
	background-color: white;
	/* background-color: #FCFCFC; */
}

#mainContent p.cite {
		font-size: 13px;
		font-weight: bold;
		color: #00539F;
		font-style: italic;
}
#mainContent p.teaser {
	background-color: #C7CFE6;
	color: #00539F;
	padding: 15px;
	text-align: left;
}

#mainContent p.bodytext, #mainContent p.csc-searchResult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	text-align: justify;
}
#mainContent p.address, #mainContent p.adress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	color: black;
	margin-top: 10px;
	margin-left: 40px;
	padding-top: 10px;
	text-align: left;
}
#mainContent ul {

}
#mainContent li {
	line-height: 18px;
	padding-bottom: 12px;
}

.label, #mainContent p.adress span.label{
	color: grey;
}
/* --------------- */
/* 2 col layout */

/* maincontent real 513 px, 2cols a 250, spacer 16px */
div.tx-fdfx2cols-pi1{
   position:relative;
   left:0px;
	margin: 0px;
	padding: 0px;
}
/* Layout 1 */
div.c2l1d-left{
   position:static;
	float: left;
   width: 245px;
   height: auto;
	padding-right: 12px;
	border-right: 1px solid #DCDCDC;
}
div.tx-fdfx2cols-pi1 p {
}	
div.c2l1d-middle{
   position: static;
	float: right;
   padding: 0px;
	padding-left: 4px;	
   width: 245px;
   /* border:1px solid blue; */
   white-space:normal;
}
/* --------------- */
/* --------------- */
#rightContent {
 	background-color: #F8D2C2;
 /* position: absolute;
  left: 801px;
  top: 0px;   */
  float: right;
	width: 200px;
	height: 100%;
	
 padding-top: 10px;
  padding-left: 15px;  
  overflow: hidden;
}
#rightContent p.bodytext, #rightContent ul {
 padding-bottom: 3px;	
 padding-left: 8px; 
}


#rightContent #rightBrowse {
}
#rightContent #rightBrowse .browse {
	margin-top: 40px;
	margin-left: -15px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #F8D2C2;	
	color: #666666;
}
#rightContent #rightBrowse a:link, #rightContent #rightBrowse a:visited {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px none black;	
}
#rightContent #rightBrowse a:hover,#rightContent #rightBrowse a:active  {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;	
}
#bottomContent{
  /* position: absolute;

  top: 498px;
  left: 0px; */
  clear: both;
  width: 1016px;
  background-color: #C4CAE5;

}
#bottomContent #copyright {
  width: 795px;
  background-color: #C4CAE5;
}
#bottomContent p{
	margin: 3px 2px 2px 2px;
	color: #6699CC;
}

/* -------------- */
/* Menu 1*/

/*  MENU 1, level 1, normal state (NO) */
span.menu1-level1-no {
  font-weight:bold;
}
/*  MENU 1, level 1, active state (ACT) */
span.menu1-level1-act {
  font-weight:bold;
  color: #00539F;
	  border-bottom: 1px dotted #00539F;
}

h4 {
	font-weight: bold;	
}
 
h4 a:link, h4 a:visited {
	text-decoration: none;
	color: #00539F;
		 border-bottom: 1px none black;	
}
h4 a:hover, h4 a:active {
	text-decoration: none;
	color: #00539F;
}



/*  MENU 1, level 2, normal state (NO) */
ul li span.menu1-level2-no {
  font-weight: normal;
    color:black;
}
/*  MENU 1, level 2, active state (ACT) */
ul li span.menu1-level2-act {

}
/* -- #content  #leftContent  ul li a:link --*/
ul li span.menu1-level2-no a:link, ul li span.menu1-level2-no a:visited {
	text-decoration: none; 
	font-weight: normal;
	color: black;
	border-bottom: 0px none #666666;
}
ul li span.menu1-level2-act a:link, ul li span.menu1-level2-act a:visited {
  text-decoration: none;
	font-weight: normal;  
  /* color: #00539F; */
  color: #666666;
  border-bottom: 1px dotted #666666;
}
ul li span.menu1-level2-no a:hover, ul li span.menu1-level2-no a:active {
	text-decoration: none;
	font-weight: normal;	
  border-bottom: 1px dotted #666666;
  /* color: #00539F; */
    color: #666666;
}