/*
 * This stylesheet contains some hacks to ensure correct display in
 * Internet Explorer 6.
 * The current IE version 7 does not need these hacks, so probably
 * the stylesheet will not need to be edited for future versions.
 */

/* disabling CSS for Netscape 4 and IE5/Mac (too buggy) \*/
* {
  voice-family:"\"}\"";
  voice-family:inherit;
}

* {
  margin:0;
  padding:0;
  border:0;
}

img {
  display:block;
}

a {
  color:#106d67;
  font-weight:bold;
  text-decoration:none;
}

a:hover {
  color:#6a6a6a;
}

th, td {
  vertical-align:top;
}

* html th, * html td {
  font-family:Verdana,sans-serif;
  font-size:80%; /* IE 6 forgets font size in tables \*/
}

body {
  background-color:#ffffff;
  font-family:Verdana,sans-serif;
  font-size:80%;
  color:#6a6a6a;
  line-height:1.4em;
  text-align:center; /* center position for IE 6 \*/
}

div#main {
  width:900px;
  margin:0 auto 0 auto;
  overflow:hidden;
  background-image:url('Eschennixen_gruen.jpg');
  background-position:left top;
  background-repeat:no-repeat;
  text-align:left;
}

div#header {
  text-align:right;
  color:#106d67;
  margin:20px 0 0 310px;
  border-color:#ff5e00;
  border-style:solid;
  border-width:0 0 1px 0;
  padding:0 0 0.25em 0;
}

h1 {
  font-size:2em;
  font-weight:normal;
  margin:0 0 0.5em 0;
}

div#menu {
  position:relative;
  float:right;
  width:615px;
  clear:right;
  padding:2em 0 0 0;
  list-style-type:none;
  height:2em;
  white-space:nowrap;
}

div#menu ul {
  list-style-type:none;
  position:absolute;
  top:2em;
  right:0;
  z-index:2;
}

div#menu li {
  float:left;
  position:relative;
  border-style:solid;
  border-color:#ff5e00;
  border-width:0 0 1px 0;
  padding:0.25em 0.5em 0.25em 0.5em;
  margin-left:2em;
}

div#menu li.active {
  border-width:0 0 2px 0;
}

div#menu li ul {
  top:1.9em;
  left:0;
  right:auto;
  margin-top:1px;
  background-image:url('white_alpha.png');
}

div#menu li.active ul {
  margin-top:2px;
}

div#menu li ul li {
  display:none;
  float:none;
  margin:0;
}

div#menu li ul li.active {
  display:block;
}

div#menu li:hover ul {
  z-index:3;
}

div#menu li:hover ul li {
  display:block;
}



/* completely different approach for IE 6 \*/

* html div#menu ul {
  position:static;
  float:right;
}

* html div#menu li {
  position:static;
  border:0;
  padding:0;
  margin-left:1em;
}

* html div#menu a, * html div#menu strong {
  display:block;
  border-style:solid;
  border-color:#ff5e00;
  border-width:0 0 1px 0;
  padding:0.25em 0.5em 0.25em 0.5em;
}

* html div#menu li ul {
  background-image:none;
  float:none;
}

* html div#menu li ul li {
  display:block;
  font-size:0.8em;
}

/* until here \*/



div#side_content {
  width:250px;
  float:left;
  margin:280px 0 0 0;
  overflow:auto;
}

div#side_content h2 {
  color:#106d67;
  font-size:1em;
  font-weight:bold;
  border-color:#ff5e00;
  border-style:solid;
  border-width:0 0 1px 0;
  margin:2em 0 1em 0;
}

div#side_content thead {
  display:none;
}

div#side_content td {
  padding:0 0 0.5em 0;
}

div#side_content td.left {
  padding-right:1em;
}

div#side_content tr.line td {
  padding-top:0.5em;
}

div#side_content tr.line td.left {
  border-top-style:solid;
  border-top-width:1px;
  border-top-color:#6a6a6a;
}

div#main_content {
  float:right;
  width:590px;
  clear:right;
  padding:4em 0 320px 0;
  background-image:url('VogelFagus_orange.jpg');
  background-position:right bottom;
  background-repeat:no-repeat;
}

div#main_content h2 {
  color:#106d67;
  font-size:1.5em;
  font-weight:normal;
  margin:0 0 1em 0;
}

div#main_content h2.hidden {
  display:none;
}

div.clear {
  height:4em;
  clear:both;
}

div.img {
  padding:0.5em 0 0 0;
  width:320px;
}

div.img_small {
  padding:0.5em 0 0 0;
  width:200px;
}

div.img_full {
  padding:0 0 1em 0;
  text-align:center;
}

div.img_full img {
  margin:0 auto 0 auto;
}

div.left {
  float:left;
  margin-right:20px;
}

div.left img {
  margin:0 auto 0 0;
}

div.right {
  float:right;
  margin-left:20px;
}

div.right img {
  margin:0 0 0 auto;
}

p.left {
  text-align:left;
  margin-left:340px;
}

p.right {
  text-align:right;
  margin-right:340px;
}

p.left_small {
  text-align:left;
  margin-left:220px;
}

p.right_small {
  text-align:right;
  margin-right:220px;
}

ul.text {
  margin-bottom:-0.7em;
  list-style-image:url('bullet.png');
  list-style-position:outside;
  padding-left:1.5em;
}

ul.text li {
  margin-bottom:0.7em;
}

div.download {
  margin:1.4em 0 1.4em 5px;
  min-height:40px;
}

* html div.download {
  height:40px; /* min-height for IE 6 \*/
}

div.download a {
  display:block;
  text-decoration:none;
  color:#6a6a6a;
  font-weight:normal;
  background-image:url('download.png');
  background-position:left 5px;
  background-repeat:no-repeat;
  padding-left:70px;
}

div.download a:hover {
  background-image:url('download_hover.png');
}

div.download a strong {
  color:#106d67;
  margin-bottom:0.5em;
  font-weight:bold;
}

div.download a:hover strong {
  color:#6a6a6a;
}

div.amazon_link {
  margin:1.4em 0 1.4em 5px;
  min-height:26px;
  overflow:hidden;
}

* html div.amazon_link {
  height:26px; /* min-height for IE 6 \*/
}

div.amazon_link img {
  float:left;
}

div.amazon_link p {
  margin:2px 0 0 110px;
}

div.amazon_link a {
  text-decoration:none;
}

div#footer {
  clear:both;
  padding:2em 0 1em 0;
  font-size:80%;
  text-align:right;
}