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


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

	
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;		
		text-align: left;
		
}
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;
}

input {
	border: 1px solid Black;
	font-size: 10px;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
}
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: white;
	width: 1016px;
}
#header #header_logo {
  background-color: white;
  /* 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: white;
}
#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: black;
	font-style: normal;
	padding-top: 15px;
	letter-spacing: 1px;
}

#header #header_metas {
	float: right;
	margin: 20px 108px 0 0;
	display: none;
}
* 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,
#subheader #subheader_metas a.act:link, #subheader #subheader_metas a.act:visited {
	text-decoration: none;
	border-bottom: 1px dotted white;
}

#header_dpc_logo {
	padding: 5px 5px 0 150px;
	margin-left: 300px;
	text-align: right;
}
#header_dpc_logo img {
	text-align: right;
}

#page_title {
   clear: both;
	background-color: #E23529;
  /* position: absolute;
  top: 90px;
  left: 0px; */
	width: 1016px;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 25px;
}
#page_title h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: White;
	padding-top: 2px;
	margin-left: 186px;
	
	/* 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: 65px;	
	background-color: #999999;
	padding-left: 10px;
		padding-top: 7px;
		padding-bottom: 0px;
	
	line-height: 25px;
	color: White;
	padding-top: 7px;

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

* html #subheader #subheader_metas span#search_box form {
	margin-top: 10px;
}
/* msie 7.0 */
#subheader #subheader_metas span#search_box form {
	margin-top: 5px;
}
#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;
}

#lang_select {
	
}
#subheader #subheader_metas #lang_select a.act:link, #subheader #subheader_metas #lang_select a.act:visited {
	text-decoration: none;
   color: silver;
	border-bottom: 0 !important;
}
/* for non linking the current language */
#subheader #subheader_metas #lang_select span.act {
	color: silver;
}

/* ---------------- */
/* --- content --- */
#rootline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	margin-bottom: 15px;
	color: #999999;
}

#rootline a {
	color: #999999;
}

#rootline:link {
	color: #999999;
}
	
#rootline a {
	border-bottom: 1px solid #999999!important;
}

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

  
}
#content h3, #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4.menu_header  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7c7c7c;
	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: #EB0303;
	padding-top: 16px;
	text-decoration: none;
	 border-bottom: 1px dotted #EB0303;
}


#content h4, #content h4.subheader, #rightContent h4, #rightContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EB0303;
	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 #cccccc;

}
#leftContent ul {
	list-style: none;
	margin: 2px 0px 20px 0px;
	padding-top: 0px;
	padding-left: 4px;
	line-height: 17px;
}

#rightContent ul {
	margin: 2px 0px 20px 0px;
	padding-top: 0px;
	padding-left: 4px;
	line-height: 17px;
	list-style-image:url(/fileadmin/_Graphics/bullet80.gif)
}
#leftContent li, #rightContent li {
	padding-bottom: 5px;
	line-height: 13px;

}
#mainContent {
  /* position: absolute;
  left: 175px;
  top: 0px;   */
  float: left;
  width: 530px;
  padding-left: 48px;  
  padding-top: 15px;
  padding-right: 48px;
    padding-bottom: 20px;
/*	overflow: auto;  */

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

}
#mainContent p.cite {
		font-size: 13px;
		font-weight: bold;
		color: #EB0303;
		font-style: italic;
}
#mainContent p.teaser {
	background-color: #CCCCB8;
	color: #EB0303;
	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, #mainContent div.address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
	color: black;
	margin-top: 10x;
	margin-left: 40px;
	padding-top: 10px;
	margin-bottom: 16px;
	text-align: left;
}
#mainContent ul {

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

.label, #mainContent p.adress span.label, #mainContent div.adress span.label{
	color: grey;
}
#mainContent table.stafflist th, #mainContent table.stafflist td {
	padding: 2px 14px 2px 0;
	text-align: left;
}
/* --------------- */
/* 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: #e3e3e3;
 /* 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: #E5E5D1;	
	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: #999999;
  overflow: hidden; 
}
#bottomContent #copyright {
  width: 795px;
  background-color: #999999;
}
#bottomContent p{
	margin: 3px 2px 2px 2px;
	color: white;
}

/* -------------- */
/* 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: #EB0303;
	  border-bottom: 1px dotted #EB0303;
}

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



/*  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;
}