/* -----General----- */

body
{
  font-family:"Arial";
  font-size:10pt;
  line-height:14pt;
  color:#666666;

  margin:0px;
  border:0px;
  padding:0px;

  background-color:#DDDDDD;
  background-image:url(../images/titel.jpg);
  background-repeat:no-repeat;
}

div
{
  margin:0px;
  border:0px;
  padding:0px;
}

img
{
  margin:0px;
  border:0px;
  padding:0px;
}

h1
{
  font-size:12pt;
  font-weight:normal;
  white-space:nowrap;
  clear:left;
}

h2
{
  font-size:11pt;
  white-space:nowrap;
  clear:left;
}

h3
{
  font-size:10pt;
  white-space:nowrap;
  clear:left;
}

a
{
  margin:0px;
  border:0px;
  padding:0px;
  color:#666666;
  text-decoration:none;
}

p.error
{
  color:red;
}

table
{
  width:100%;
  font-size:10pt;
  line-height:15pt;
  
  margin-top:25px;
  border-collapse:collapse;
  empty-cells:show;
}

th
{
  text-align:left;
  padding-right:15px;
  vertical-align:top;
}

td
{
  border-width:1px 0px 0px 0px;
  border-style:solid;
  border-color:#666666;
  
  padding-right:15px;
  vertical-align:top;
}

input
{
  color:#666666;
  width:500px;
}

textarea
{
  color:#666666;
  width:500px;
}

select
{
  color:#666666;
  width:500px;
}

/* -----Header----- */

div#languages
{
  position:absolute;
  left:100px;
  top:25px;
}

div#languages img
{
  margin-right:10px;
}

div#logo
{
  position:absolute;
  right:0px;
  top:25px;
  width:200px;
  height:75px;
}

/* -----Navigation----- */

div#navigation, div#links
{
  position:absolute;
  top:230px;
  height:20px;
  z-index:1;
}

div#navigation
{
  left:100px;
}

div#links
{
  right:0px;
}

div#navigation ul, div#links ul
{
  margin:0px;
  border:0px;
  padding:0px;
  vertical-align:top;
  list-style-type:none;
}

div#navigation li, div#links li
{
  background-color:white;
  float:left;
}

div#navigation li a, div#links li a
{
  display:block;
  margin:0px;
  border:0px;
  padding-left:3px;
  width:100px;
  height:20px;
}

div#navigation li ul li, div#links li ul li
{
  display:none;
}

div#navigation li.active, div#links li.active
{
  display:block;
}

div#navigation li a:hover, div#navigation li.active, div#links li a:hover, div#links li.active
{
  background-color:#DDDDDD;
}

div#navigation li li, div#links li li
{
  float:none;
}

/* -----Content----- */

div#content
{
  position:absolute;
  left:100px;
  top:325px;
  
  padding-right:100px;
  padding-bottom:50px;
}

div#content img.left
{
  float:left;
  margin-right:25px;
  margin-bottom:25px;
}

/* -----Person----- */

div.person
{
  float:left;
  margin-right:15px;
  margin-bottom:15px;
  padding:15px;
  width:400px;
  height:250px;
  background-color:white;
}

div.person img.portrait
{
  float:right;
}

div.person ul
{
  margin:0px;
  border:0px;
  padding:0px;
}

div.person li
{
  font-weight:bold;
  list-style-type:none;
  line-height:14pt;
  padding-bottom:10px;
}

div.person li ul
{
  padding-left:15px;
}

div.person li ul li
{
  font-weight:normal;
  list-style-type:square;
  padding:0px;
}

/* -----Partners----- */

div.partner
{
  float:left;
  margin-right:15px;
  margin-bottom:15px;
  height:100px;
  width:100px;
}

/* -----Time line----- */

div.years
{
  position:absolute;
  left:0px;
  top:100px;
  height:20px;
  width:100%;
  background-image:url(../bullets/years.gif);
}

div.years ul
{
  margin:0px;
  border:0px;
  padding:0px;
}

div.years li
{
  list-style-type:none;
  text-align:center;
  float:left;
  margin:0px;
  border:0px;
  padding:0px;
  width:160px;
  height:20px;
}

div.months
{
  position:absolute;
  left:0px;
  top:120px;
  height:100px;
  width:100%;
  background-image:url(../bullets/months.gif);
}

div.bar
{
  font-size:8pt;
  line-height:8pt;
  color:white;
  white-space:nowrap;
  overflow:hidden;
  background-color:A3BF2A;
  
  position:absolute;
  padding:2px;
  height:15px;
  width:15px;
}

div.box
{
  display:none;
  position:absolute;
  width:400px;
}

/* -----AJAX Pop-up----- */

div#background
{
  position:relative;
  margin:0px;
  border:0px;
  padding:0px;
  height:100%;
  width:100%;
  background-image:url(../bullets/background.png);
  vertical-align:middle;
  text-align:center;
  z-index:3;
  overflow:hidden;
}

div#focus
{
  width:300px;
  background-color:white;
}