/* -- general -- */
body {
  background: url(../img/bg5.gif) #EEFFEE;
  color: black;
  margin: 0;
  padding: 1%;
  min-width: 640px; /* scrollbars */
  min-height: 640px:
  font-size: 100.01%; /* Font-Size-Bug in Safari, older Operas and IE */
  font-family: verdana, arial, sans-serif ;
}
a { color: #0B4D8C; text-decoration: none; }
a:visited { color: black; } 
.skip { /* for blind people */
  position: absolute;
  margin-left: -999px;
  width: 700px;
}
h1 { /* very visible */
  font-size: 2.7em;
  font-weight: normal;
  line-height: 0.8em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border-bottom: 1px dashed #339966;
}
h3 {
  font-size: 1.4em;
  font-weight: normal;
  line-height: 0.4em;
  padding: 0.6em 0 0.6em 2%;
  margin: 0;
}
h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { /* headlines */
  color: #6699CC;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  font-family: verdana, arial, sans-serif;
}
img { 
  border: none;
  padding: 1px;
  /*max-width: 95%; good browser make a pictures slightly bigger, doens't work in IE */
}
.fleft { /* float left */
  float: left;
  margin: 0 1em 0.2em 0; /* need space around text */
}
.fright { /* float right */ 
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- layout -- */
#container { 
  font-size: 0.8em; /* most people don't know how to change their font size so we do it for them */
  max-width: 70em; /* max width 70em. too long lines -> workaround IE in ielte6.css */
  /* min-width: 500px;*/
  margin: auto; /* align center */
  border: 1px solid #009900; /* nice little border */
  border-top: 0; /* no border on top */
  background: white;
}
#menucontainer { 
  font-size: 0.8em; 
  max-width: 71em;
  width: 898px;
  margin: auto; /* align center */
  background: white;
}
#footer {
  clear: both; /* #main and #subnav should have same height, in case #subnav is longer. */
  padding: 10px 20px 5px 20px;
  text-align: center;
  font-size: 10px;
  color: #090;
}

/* - logo - */
#logo {
  background: url(../img/body/logo2.gif) no-repeat top center;
  /*background-color: #009900;*/
  height: 100px;
  padding: 0 20px;
  text-align: right;
  line-height: 54px;
  font-size: 54px;
  overflow: hidden; 
  letter-spacing: -3px;
  margin: 0; /* default for all browser */
}
#logo a {
  color: white;
  text-decoration: none;
}
#logo a span { /* invert for logo link. */
  color: black;
  background: white;
  padding-right: 0.1em; /* hack, to make whitespace the same width on right and left side. */
  font-weight: bold;
}

/* - menu - */
#menu {
  /*background: url(../img/wechselschatten.png) #287635;*/
  background: url(../img/body/menu.gif);
  padding: 5px 5%; /* the smaller the window, the smaller the space between menu points */
  margin: 0;
  text-align: right;
}
#menu li {
  font-size: 1.2em;
  display: inline; /* menu should appear next to each other */
  list-style-type: none; /* no bullets please */
  border-left: 1px solid white; /* devider */
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: white; /* link colour */
  text-decoration: none;
}

#menu li a img{
  padding: 0 2px;
  vertical-align:middle;
  border: none; /* link colour */
  text-decoration: none;
}
/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 24%; /* with a smaller window comes a small subnavigation */
  min-width: 10em; /* but at least a minimal width. */
  float: right; 
  padding: 10px 1% 1em 1%;
  margin: 1em 1% 0 1%;
  border-left: 1px dotted #aaa; /* border for subnavi */
  font-size: 0.9em; /* smaller font for subnavi */
}
#subnav dt { /* headlines in subnavi */
  font-size: 1.2em;
  /*font-family: Georgia, "Times New Roman", Times, serif;*/
  padding: 1.5em 0 0.5em 0;
  margin-top: 1.5em;
  /*border-top: 1px dotted #aaa; /* h-border between subnavi-menu-points */
}
#subnav dd { /* subnavi-menu-points */
  padding: 0;
  margin: 0.2em 0;
}

/* - main content - */
#main {
  padding: 0 29% 0 5px; /* padding right (31%) to keep two column style */
  line-height: 1.5em; /* makes things easier to read */
}

/* - to trick firefox into using scrollbars - */
#scrollshow {
  padding: 55em 0 0 0;
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: 1000;
}