/**************************************************************************
 **************************************************************************
   Cascading Style Sheet for the FACETS Homepage
 **************************************************************************
 **************************************************************************/

BODY { 
  color: black; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 0px;
  margin: 0px; 
  border: 0px;
}

/**************************************************************************
   Layout Components
 **************************************************************************/

DIV#HeaderPart {
  height: 95px;
  padding: 0px;
  margin: 0px; 
  border: 0px;
 /* min-width: 785px; */
  min-width: 300px;
}

DIV#Logo {
  height: 95px;
  width: 185px;
  float: left;
  padding: 0px;
  margin: 0px; 
  border: 0px; 
}

DIV#TitleSpace {
  height: 63px;
  margin-left: 185px;
  background-color: #1A459A;
  padding: 0px;
  border: 0px;  
}

IMG#Title{
  position: relative;
  top: 5px;
  padding: 0px;
  border: 0px;  
  margin: 0px;
}

DIV#HeaderBorder {
  height: 3px;
  display: block;
  overflow: hidden;
  background-color: #FFBF00;
  padding: 0px;
  border: 0px; 
}

DIV#HeaderButtons {
  height: 29;
  float: right;
  padding: 0px;
  margin-left: 0px;
 /* margin-left: 185px;*/
  border: 0px; 
}

DIV#BodyPart {
#BK weg  position: absolute;
  width: 100%;
  min-width: 700px; 
  top: 95px;
  left: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  
}

DIV#MainPart {
  position: static;
#BK weg  overflow: hidden;
  width: 100%;
  min-width: 700px; 
  margin: 0px;
  border: 0px;
  padding: 0px;
  background-image: url(IMAGES/DESIGN/facetsbackground.gif);
  background-repeat: repeat-y; 
}

DIV#ContentPart {
  float: left;
  width: 185px;
  background-color: #1A459A; 
  padding: 0px;
  margin: 0px; 
  border: 0px; 
}

DIV#Contents {
  margin: 15px;
  vertical-align: top;
  padding-bottom: 15px;
}

DIV#SubstancePart {
  padding: 0px;
  margin: 0px; 
  border: 0px; 
  margin-left: 185px;
  background-color: #FFFFFF; 
}

DIV#Substances {
#BK weg  padding: 0px;
  padding-left: 15px;
  padding-top: 1px;
  padding-right: 10px;
  border: 0px;
#BK weg  margin: 15px;
  padding-bottom: 15px;
}

DIV#FooterPart {
  position: static;
  width: 100%;
  min-width: 700px; 
  padding: 0px;
  margin: 0px; 
  border: 0px; 
}

.orangeborder {
  position: static;
  clear: both;
  height: 3px;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #FFBF00; 
}

.leftblue {
  float: left;
  width: 185px;
  background-color: #1A459A; 
}

.leftwhite {
  float: left;
  width: 185px;
  background-color: #FFFFFF;
}

.rightblue {
  margin-left: 185px;
  background-color: #1A459A; 
}

.rightwhite {
  margin-left: 185px;
  background-color: #FFFFFF;
}


/* IE-Win Hack to eradicate 
   
   - its default 3px margin (unbelievable...)
   - its rendering problem if text is next to a float (nee, oder?)
   
   I cannot expresss here my enormous DISLIKE for browsers that
   on the one hand feel too arrogant to conform to W3C standards and
   on the other hand do not succeed in rendering ordinary HTML code 
   correctly !!!!!!
*/

/*\*/
* HTML IMG.norightbottommargin {
  margin-right: -3px;
  margin-bottom: -3px;
}

* HTML IMG.nomargin {
  margin-left: -3px;
  margin-right: -3px;
  margin-bottom: -3px;
  margin-top: -3px;
}

* HTML .constantwidth {
  width: 580px;
}

* HTML DIV#Logo {
  margin-right: -3px;
}

* HTML DIV#TitleSpace {
  margin-left: 0px;
  height: 63px;
}

* HTML DIV#HeaderBorder {
  height: 3px;
  margin-left: 0px;
}

* HTML DIV#HeaderButtons {
  height: 29;
  margin-left: 0px;
}

* HTML .visualIEFloatFix {
  height: 0.01%;
}
/**/

/**************************************************************************
   General Settings 
 **************************************************************************/

EM.newsdate { 
  color:red; 
  font-style:normal;
}

h1, h2 ,h3 {
	color: #1a459a;
}



/**************************************************************************
   Link Settings 
 **************************************************************************/

a { 
  color: #2061e4; 
  text-decoration:none; 
}

a:visited { 
  color: #7061e4; 
  text-decoration:none; 
}

a.material {
  font-size: smaller; 
  height: 20px;
  margin-left: 5px;
  padding-left: 22px;
  background-image: url(/IMAGES/DESIGN/iconmaterial_20.gif);
  background-repeat: no-repeat; 
}

/** for ie */
a img {
   border-style: none;
}  

/**************************************************************************
   Settings for the contents part (webbrewery specific)
 **************************************************************************/
 
UL.content {
  list-style-type:none;
  font-size:95%; 
  margin-top:0cm;
}

LI.content {
  padding-bottom:1em; 
  font-size:95%;
}

DIV.content {
  color:#FFBF00; 
  font-weight:bold;
}

DIV.subcontent {
  margin-left:20px; 
  font-size:95%;
}

DIV.content A:link { 
  color:#FFFFFF; 
  font-weight:bold;
}

DIV.content A:visited { 
  color:#FFEFFF; 
  font-weight:bold;
}

DIV.content A:active { 
  color:#FFBF00; 
  font-weight:bold;
}


/**************************************************************************
   Settings for the substance part (webbrewery specific)
 **************************************************************************/

DIV.substances p {
  text-align: justify;
}

DIV.leftimage {
  overflow: hidden;
  display: block;
  float: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
  margin-right: 15px;
  margin-bottom: 15px;
  text-align: center;
} 

DIV.leftimage IMG {
  padding: 0px;
  margin: 0px;
  border: 0px;
} 

DIV.leftimage DIV.caption {
  margin-top: 7px;
  margin-bottom: 0px; 
  font-size: 95%; 
  text-align: center;
}

DIV.rightimage {
  overflow: hidden;
  display: block;
  float: right;
  padding: 0px;
  margin: 0px;
  border: 0px;
  margin-left: 15px;
  margin-bottom: 15px;
  text-align: center;
} 

DIV.rightimage IMG {
  padding: 0;
  margin: 0px;
  border: 0px;
} 

DIV.rightimage DIV.caption {
  margin-top: 7px; 
  margin-bottom: 0px;
  font-size: 95%; 
  text-align: center;
}

DIV.centerimage {
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0px;
  border: 0px;
  text-align: center;
  margin-bottom: 15px;
} 

DIV.centerimage IMG {
  padding: 0;
  margin: 0px;
  border: 0px;
} 

DIV.centerimage DIV.caption {
  width: 100%;
  margin-top: 7px; 
  margin-bottom: 0px;
  font-size: 95%; 
  text-align: center;
}

DIV#frontimageholder {
  overflow: hidden;
  display: block;
  padding: 0px;
  margin: 0px;
  border: 0px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  min-width: 550px;
  max-width: 650px;
} 

DIV.imageholder4 {
  width: 25%;
  float: left;
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}

DIV.imageholder4 IMG {
  padding: 0px;
  margin: 0px;
  border: 0px;
} 

DIV.imageholder4 DIV.caption {
  margin-top: 10px;
  margin-bottom: 0px; 
  font-size: 95%; 
  text-align: center;
} 

IMG.headerimage {
  padding: 0px;
  margin: 0px;
  border: 0px;
  float: left;
  margin-right: 8px;
  vertical-align: text-bottom;
}

TABLE.somedata {
  font-size: 95%;
}

.clear {
  clear: both;
  overflow: hidden;
}

.deprecated{
  font-size: smaller;
  color: #777777;
}


/**************************************************************************
   Settings for the Navigation Bar (webbrewery specific)
 **************************************************************************/

DIV.navbar {
  padding: 5px;
}

DIV.navbar A:link { 
  color:#FFFFFF; 
  font-weight:bold;
}

DIV.navbar A:visited { 
  color:#FFFFFF; 
  font-weight:bold;
}

DIV.navbar A:active { 
  color:#FFBF00; 
  font-weight:bold;
}


/**************************************************************************
   Settings for the Footer
 **************************************************************************/

DIV.footer {
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  border: 0px;
  font-size:80%;
}
 
 
 
 
/**************************************************************************
   Special settings for the publication list
 **************************************************************************/
 
TABLE.publist {
  border: 0;
  width: 100%;
}
 
TD.pubheader { 
  font-weight: bold;
  vertical-align: middle;
  width: 80%;
}

TD.pubdownload { 
  font-weight: normal;
  vertical-align: middle;
  text-align: right;
  width: 20%;
}

TD.pubdownload IMG { 
  padding: 0;
  margin: 0;
  border: 0;  
  vertical-align: middle;
}

TD.pubtext { 
  font-weight: normal; 
}

TD.pubauthor { 
  font-weight: normal; 
}


/**************************************************************************
   Settings for link lists with images as separators
 **************************************************************************/

UL.links {
  list-style-type:none;
}

LI.links {
  margin-bottom:10px; 
}


/**************************************************************************
   Custom Settings for Contents of Workpackages
 **************************************************************************/
 
 /* nothing here yet ... */