/*


*/
 
/* ---------- basic properties --------------------------------------- */
 
.nullMargin,
body, div, p, table, td, tr, img, h1, h2, h3
{
  margin: 0px;  
  border-width: 0px;
  padding: 0px;
	border-style: solid;
  text-align: left;
} 
   
.nullVerticalMargin,
ul, ol, hr
{    
  margin-top: 0px;
  margin-bottom: 0px; 
  border-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;  
}

/*do not add .block to noOverflow - problems with padding in Mozilla */
.noOverflow,   
div.menu, .caption, .caption_gallery, 
div#frame, div#frame_w, div#column, div#page, .block, p
{
  overflow: hidden;
}
  
/*why does not A inherit color from BODY in IE?*/
.basicColor,
body, a  
{
  color:       rgb(  0,   0,   0);  
}  

.justified,
p
{
  text-align: justify;
}

.spacedLines, 
p, table, h1, h2, h3, .figure_float, .figure_float_last
{
  line-height: 125%;
}

.border, 
img.icon, img.icon_multi
{
  border-style: solid;
  border-width: 1px;
}

SMALL, 
.small, .forum_header, .stakeholders, .caption, .caption_gallery, .caption_gallery_multiple, .contact, .news_date,
.link_descr, .note, .footer,
.comment,
div#column a
{
  font-size: 80%;
}

MIDDLE,
.middle, .photo_comment, .forum_body
{
  font-size: 80%;
}

/* ---------- layout ------------------------------------------------------- */

body
{
  font-family: Verdana, "Geneva CE", lucida, sans-serif;  
  font-size: 83%; 
  background-color: white;
  background-color: #f3f3f3;
  background-color: rgb(212, 208, 200);
  text-align: center;
} 

div#universe_w
{
  width: 793px; 
  margin: auto;
}

div#universe
{
  padding: 14px;
}

div#canvas
{
  border-width: 0px;
  /*background-color: white; problems in IE 6*/
  padding: 0px;
  margin-bottom: 14px;
}

div#page
{
  border-style: solid; 
  border-width: 1px;
  padding: 14px;
  padding-top: 4px;
  padding-bottom: 0px;
  background-color: rgb(255, 248, 240);
}

div#header-stripe
{
  border-style: solid; 
  border-style: none; 
  border-width: 1px;  
  margin-bottom: 14px;
  margin-bottom: 6px;
	text-align: left;
}

img#header-stripe
{
}

div#body
{
}

div#column_w
{
  float: left;
  width: 130px;
  margin-right: 14px;
}

div#column
{
  text-align: right;
}

div#frame_w
{
  float: left;
  width: 591px;
}

div#frame
{
}

div.menu, div.menuLast
{
  text-align: right;
  border-style: solid;
  border-bottom-width: 1px;
}

div.block
{
  background-color: white;
  margin-bottom: 14px;
  border-width: 1px;
}

div#frame div.block
{
}

div#column div.block
{
  padding-top: 14px;
}

div#column div#navigbar div.block
{
  padding-top: 0px;
}

p, ul, div.paragraph, div.menu,
h3, hr,
.figure_float, .figure_float_last
{
  margin-right: 14px;
}

div.menu, hr,
h1, h2, h3, div.paragraph, .figure_float
{
  margin-bottom: 14px;
}

/* 
	IE<6 does not render margin-bottom at the last paragraph encapsulated
	by a div. That's why the following rule cannot be merged with the previous
	one
*/
p, ol, ul /*, div.paragraph, .figure_float, .figure_float_last*/
{
  padding-bottom: 14px;
}

p, div.paragraph, div.menu, 
h3, hr, div.float_bug_fix
{
  margin-left: 14px;
}

.float_bug_fix p, .float_bug_fix h3
{
  margin-left: 0px;
}

div.list_bug_fix
{
  padding-left: 14px;
}

.note, .footer
{
   text-align: center;
}

.caption_gallery_multiple, .caption_gallery
{
  margin-top:   2px;
  padding-top:  2px;
  border-style: solid;
}

.caption_gallery
{
  border-width: 1px 0px 0px 0px;
}

/* --------- text styles (fonts, emhasized, decreased etc.) ---------------- */

h1, h2, h3
{
  font-weight: bold;
} 

h1, h2
{
  text-transform: lowercase;
  letter-spacing: 0.3em;
  font-size: 100%;
  text-align: left;  
	padding-top: 0em;
	padding-bottom: 0.1em;
  color: white;
  padding-right: 14px;
  padding-left: 14px;
} 

div#column h1
{
  padding-right: 8px;
  text-align: right;
  text-transform: none;
}

h2
{
  /*
  border-bottom-width: 1px;
  border-right-width: 1px;
  margin-right: 10px;
  */
}

h3
{
  text-align: left;
  letter-spacing: 0.15em;
}

h3, h1#web-title
{
  font-size: 100%;
}

h1#web-title
{
  margin-bottom: 0px;
  margin-top: 14px;  
}

em
{
  font-style:  normal;
  font-weight:  bold;
}

.note, .footer, .news_date, .link_descr, span.name, p.question, .colophon
{
  font-style: italic;
}

.caption
{
  text-align: center;
}

.person
{
  font-weight: bold;
}

/* ---------- table ------------------------------------------------- */

table
{
	border-collapse: collapse;
  table-layout: auto;
  /* this is necessary to force the table to use the basic size set by BODY */
  font-size: 100%; 
}

td
{
  vertical-align: top;
  padding-right: 14px; 
}

td.last
{
  padding-right: 0px; 
}

/* ---------- pictures ---------------------------------------------- */

.figure_float_last, .figure_float
{
  float: left;
}

.icon_multi
{
  margin-right: 8px;
}

/* --------- links -------------------------------------------------- */

a
{
  text-decoration: underline;
}

a:link
{
}

a:visited 
{
}

a:hover 
{
}
  
a.menu:link, a.menu:visited
{
  text-decoration: none;
  font-weight: bold;
/*color: inherit ! important;*/
}

a.external
{
  padding-right:8px;
  background-image:url('../img/icon/link-external.gif');
  background-position: right top;
  background-repeat: no-repeat
}

/* ---------- hacks and details ------------------------------------- */

hr
{
  /*width: 100%;*/
  height: 1px;
}

.terminator
{
  vertical-align: top;
  margin: 0px;
  float: none;
}

div.bugFix
{
 width: 100%;
}

.terminateFloat, .bug_fix_invisible
{
  font-size: 0px;
  height: 0px;  
  line-height: 0px;
/*
  border: solid black 1px;
*/
}

.terminateFloat
{
  clear: both;
  padding-bottom: 14px;
}