/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

/* Outer bounding box for all pages */
#frame {
  width: 100%;
  text-align: left;
}
/* Logo and navigation*/
#header {
  margin: 0;
  padding: 0;
  height: 117px;
  border-bottom: 2px solid #996;
  z-index:1;
  position:relative;
  background-color: #fff;
  background: #000 url(../pics/bg_head.png) no-repeat center top ;
}
#headercontent {
  width: 730px; 
  margin: 0 auto;
  padding: 0;
  height: 117px;
  position: relative;
/*
  border-right: 1px solid #999;
  border-left: 1px solid #999;
*/
  border-bottom: 2px solid #cc9;
}  
/* H1 to contain logo */
#header h1 {
  position: absolute;
  margin: 10px 0 0 20px;
  padding: 0;
  width: 202px;
  height: 60px;
}

#header h1 span { display: none}

/* main section */
#content {
  width: 730px;
  margin: 0 auto;
  z-index: 2;
  position: relative;

}

#contentbody {
  margin: 0;
  padding: 0 5px;
  background-color: #fff;
  color: #333; 
}

#contentbody.centered {
  margin: 10px 77px 0 77px;
}

#contentbody.home h2 {
  margin: 0;
  padding: 0 0 .5em 0;
  border-top: none;
  font-size: 1.4em;
  line-height: 1.3em;
  text-align: left;
  color: #660;
  background-color: #fff;
}

/* footer */ 
#footer {
  margin: 2em auto;
  padding: 0;
  height: 34px;
  width: 730px;
  position:relative;
  border-top: 3px solid #cc9;
}
#footercontent {
  font-size: .8em;
  margin: 0 auto;
  padding: .5em;
  position: relative;
}

#footer div.updated { 
  position: absolute;
  top: -18px;
  left: 0;
  font-size: .8em;
  color: #666;
}
#footer div.institut { 
  float: left;
  width: 450px;
  margin: 0
}
#footer div.sponsor {
  text-align: center;
}
#footer div.sponsor .last {
  width: auto;
  float: right;  
}
#footer div.sponsor img {
  width: auto;
  float: left;  
}
#footer div.sponsor p {
text-align: left;  
}
#footer .copyright {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: .8em;
  color: #666;
}
#footer .disclaimer {
  position: absolute;
  top: -18px;
  right: 0;
  font-size: .8em;
  color: #666;
}
#footer .copyright a, #footer .disclaimer a {
  color: #666;
}


#footer a , #footer{ 
  color: #240; 
  background: transparent; 
}


/* different main-coloumn-layout */
/**************
 one column 
***************/
.onecol {
  margin: 2.8em 0 0 0;
  padding: 0;
}


/*************
 two column 
**************/
.twocol {
  margin: 2.8em 0 0 0;
  padding: 0;
  background: transparent url(../pics/bkd_home_twocol_trans.gif) repeat-y;
}

.twocol div.col { 
  position: relative;
  float: left;
  width: 442px;
  margin: 0;
  padding: 0 65px 1em 5px;
}
.twocol div.left { 
  width : 200px;
  margin: 0;
  padding: 0; 
}

.twocol div.left img {
  margin: 0 12px 5px 12px;
  padding: 0;
}
.twocol div.left ul { 
  width : 200px;
  padding: 0 0 0 1em;
  margin: 0;
  list-style-type: square;
 }
.twocol div.left ul li {
  border: 1px solid #fff;
}
.twocol div.col h2 {
 margin-top: 0px 
}
.twocol div.left h4 {
  width : 200px;
}

/************
 three column 
*************/
.threecol {
  margin: 2.9em 0 0 0;
  padding: 0;
  background: transparent url(../pics/bkd_home_threecol_trans.gif) repeat-y;
}

.threecol div.col {
  position: relative;
  float: right;
  width: 229px;
  padding: 180px 16px 1em 0;
}
.threecol div.left { 
  padding: 0; 
}

.threecol div.col img {
  position: absolute;
  top:0;
  left: 5px;
}
.threecol div.col p {
  padding-right: 22px;
  border: 0px solid;
}

.threecol img {
  border-top: none;
  padding-bottom: 0;
  width: 175px;
  height: 175px;
}

.threecol h3 {
  margin: 0em 0 1em 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  background: transparent;
}
.threecol h3.home {
  max-width: 190px;
  font-size: 1.2em;
  line-height: 1.2em;
}
.contentbody h3.col {
  margin: 30px 0 5px 0;
  padding: 0;
  font-size: 2em;
  height: 28px;
  font-weight: bold;
  color: #000;
  background: transparent;
}

/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/
#nav {
  z-index: 4;
  position: absolute;
  top: 98px;
  right: 0;
  margin: 0;
  padding: 0;
  width: 730px; 
}
	
#nav li {
  margin: 0 2px;
  padding: 0 5px;
  list-style: none;
  float: left;
  width: auto;
  text-align: center;
  color: #ff2;
  border-top: 0px solid; 
  line-height: 1.7em;
  line-height: 18px;
  position: relative;
  border-bottom: 2px solid #ff2;
}


#nav li a:visited {
  color: #ff0;
  background: transparent;
}

#nav li a:link {
  color: #ff2;
  background: transparent;
  text-decoration: none;
} 
#nav li a:hover  {
  background: transparent;
  text-decoration: none;
}
#nav li:hover{
  color: #000;
  background: none;
  border-bottom: 2px solid #ccc;
  border-top: 1px solid #ff2;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  padding: 0 4px;
  margin: -1px 2px;

 }
#nav li:hover a{

 }
#nav li a.selected { 
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
}
#nav li ul { 
  display:none;
  position: absolute;
  top: 23px;
  left: 0px;
  margin: 1px;
  padding: 0 0 0 1.6em;
  width: 216px;
  background-color: #fff;
  background-image: none; 
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}
#nav li:hover ul { 
  display: block;
  background-color: #fff;
  color: #000;
  border-left: 1px solid #333;
}
#nav li:hover ul li:hover { 
  background-color: #fff;
}
#nav li:hover ul li { 
  margin:0;
  padding: 0 0 0 0.5em;
  list-style-type: square;
  float: none;
  width: 210px;
  text-align: left;
  color: #000;
  background-color:  #eee;
  border-top: 0px solid #555;

}
#nav li a { 
  text-decoration: none;
  color: #ccc;
  background: transparent; 

}
#nav li:hover ul li a { 
  font-weight: normal;
  text-decoration: none;
  color: #000;
  background: transparent;
}
#nav li ul li a:hover { 
  color: #f30;
  background: transparent;  
}

/* Tools navigation */
#header ul.Tools { 
  padding: 0;
  margin: 0;
  position: absolute;
  top: 122px;
  right: 0;
  z-index: 2;
}
#header ul.Tools li { 
  margin: 0;
  padding: 0 .5em;
  list-style-type: none;
  font-size: .8em;
  line-height: 1.2em;
  text-align: right;
  float: left;
}
#header ul.Tools li a { 
  text-decoration: none;
  color: #333;
  background: transparent;
}

#header ul.Tools li.css {
  border-right: 1px solid
}

div.left p.MoreContent a {
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
}

div.left ul.MoreContent {
  padding: 0;
}

div.left ul.MoreContent li{
  font-size: 1em;
  line-height: 1.7em;
  color: #333;
  background: transparent;
}

div.left ul.MoreContent li a {
  color: #333;
  background: transparent;
}

div.left ul.MoreContent li a.selected {
  color: #000;
  background: transparent;
  font-weight: bold;
}
/***************
sitesearch 
****************/
#ss {
  text-align: right;
  position: absolute;
  padding:0;
  margin:0;
  top:0;
  right: 0;
}
#ss fieldset {
  border: none;
  padding:0;
  margin:0;
}
#ss legend {
  display: none;
}
#ss #ssgo {
  border: 0px solid #333;
  background: none;
  margin-bottom:-3px;
}
#sitesearch {
  font-size: 1em;
  border: 1px solid #999;
  width: 8em;
  background: none;
  color: #333;
  margin: 5px 0 0 0;
  padding: 0 .5em;
}
#sitesearch:focus {
  background-color: #fff;
  color: #000;
}
/* ende sitesearch */






/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

body 
{ 
  margin: 0;
  padding: 0;
  background-color: #fff;
  text-align: center;
  font: 10pt/1.4em verdana, arial, sans-serif;
  color: #222;
}

/* Normal links */
a:link, a:visited {
  color: #c60;
  text-decoration: underline;
}

a:hover, a:visited:hover {
  color: #333;
  text-decoration: underline;
}

/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
  border: none;
  background-color:transparent;
}


/*-------------------------------------------------
HEADING TEXT ELEMENTS
-------------------------------------------------*/

h1 {
  font-size: 2.8em;
  font-weight: normal;
  color: #000;
}

h2 {
  margin: 30px 0 10px 0;
  padding: 10px 0 0 0;
  font-size: 1.8em;
  line-height: 1em;
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  color: #930;
}

h3 {
  margin: .8em 0 0 0;
  padding: 0;
  font-size: 1.4em;
  font-weight: normal;
  color: #222;
  line-height: 1.4em;
}

h4 {
  margin: 0;
  padding: 1em 0 .3em 0;
  font-size: 1.2em;
  font-weight: normal;
  color: #222;
}

h5 {	
  margin: 1em 0 .3em 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
  color: #666;
}

p {
  margin: 0 0 .3em 0;
  font-size: 1em;
  line-height: 1.5em;
}

ul {
  list-style-type: square;
  margin:0;
  padding:0 0 0.5em 1.2em;
}

/*-------------------------------------------------
MISCELLANEOUS
-------------------------------------------------*/
.left h4 {
  font-size: 1.1em;
  width: 175px;
  padding: 1.5em 0 0 0;
  margin-bottom: .4em;
  border-bottom: 3px solid #bed56f;
  border-bottom: 3px solid #888;
}
.left h4 a { 
  text-decoration: none;
  color: #333;
 }
.left h4.selected {
  padding-top: 0;
}
.left p {
 padding-bottom: .5em;
}
select {
  font: 1em verdana, arial, sans-serif;
  background-color: #efefef;
}
div.spacer {
  clear:both;
  height: 1px;
  overflow: hidden;
}
img { 
  border: none; 
}
p.noscript{
  display: inline
}
ul.pdf {list-style-type: none; padding: .5em 0 0 0;}
ul.pdf li {padding: 0 }
ul.pdf span.pdf {display: block; width: 25px; float: left}
ul.pdf li {clear: both}
ul.pdf span.pdfmass {white-space: nowrap; display: block}

/* RSS-Feed auf home-site */
div.rss {
  position: absolute;
  bottom: -2em;
  right: 5px;
  font-size: .8em;
}
a.rss {
  border:1px solid #c60;
  padding: 0 2px 0 16px;
  font: 9px verdana,sans-serif;
  font-weight: bold;
  color:#fff;
  background:#f83 url(pics/rss.png) no-repeat;
  text-decoration:none;
  margin:0;
  margin-left: .5em;
}
a:hover.rss {
  color:#000;
  text-decoration: none
}

/* links */
.links dl {
  padding:0;
  margin: 0;
}

.links dl h4, .links dl dl dl{
  font-size: 1em;
  padding: 0.2em 0 0 .5em;

}
h4.subNode {
  cursor: pointer;
  text-decoration: underline;
}
dl.subNode {
  display: none
}
/* countries */
.continentList {
  width: 30%;
  float: left;
}
div.addInfos {
 width: 360px;
 float: right;
 padding-left: 10px;
}
.addInfos >  div {
  padding-bottom: 1em;
}
.addInfos h3 {
 margin:0;
 padding: 0;
 font-size: 1.1em
}
div.nucEl img {
  border: 1px solid #ccc;
}
div.plantList {
  clear: both;
}
table.countrySiteList, table.plantList {
 width: 100%;
 margin-top: .5em;
 empty-cells: show;
 border-collapse: collapse;
}
table.countrySiteList th, table.plantList th{
 font-weight: normal;
 color: #006;
 padding: 0 .4em;
 background-color: #eee;
  border-right: 1px solid #fff;
}
table.countrySiteList td, table.plantList td {
  border-right: 1px solid #ccc;
  border-bottom: 1px dotted #ccc;
  padding: .2em .5em;
  vertical-align: top;
}

div.incident {
  margin-bottom: 1.5em;
}
div.incident span.incDatum {
  font-weight: bold;
}
/* ines level */
span.ines {
 padding: 0px 6px;
 border-left: 1px solid #ccc;
 position: absolute;
 right: 0;
}
div.ines {
 font-size: .8em;
 width: 90px;
 border: 1px solid #ddd;
 background-color: #eee;
 position: relative;
 padding-left: 4px;
}
.ines1 { background-color: #00A650}
.ines2 { background-color: #B7D83F }
.ines3 { background-color: #FEDD03 }
.ines4 { background-color: #FCC834 }
.ines5 { background-color: #F68636 }
.ines6 { background-color: #F1471C }
.ines7 { background-color: #EC008C }

div.markerTooltip, div.markerDetail {
  color: black;
  font-weight: bold;
  background-color: white;
  white-space: nowrap;
  margin: 0;
  padding: 2px 4px;
  border: 1px solid black;
}
#ss {
display: none;
}