/*
  File: main.css
  Description: CSS-File for the website 'Energie in Balance'
  Author: Ludwig Richter

  Farben: #B70000;
*/

html {
  border:none;
  background-color:#FFFFFF;
  color:#343434;
  font-family:'Comic Sans MS', Verdana, Arial, sanserif;
  font-weight:normal;
  font-size:15px;
  font-style:normal;
  font-variant:normal;
  letter-spacing:normal;
  margin:0px;
  padding:0px;
  text-align:left;
  text-decoration:none;
  text-transform:none;
  white-space:normal;
}

body {
  text-align:center;   /*wg IE */
  margin:0px;
}

a {text-decoration:underline;color:#B70000;}

a:visited {color:#B70000;}

img {border:none;}

p {text-align:justify;}

h1 {
  font-size:24px;
  text-align:center;
}

h2 {
  font-size:20px;
}

h3 {
  font-size:18px;
}

div#site {
  text-align:left;      /*wg IE */
  margin:0 auto;
  border:1px solid #AB9A9A;
  background-color:#B70000;
  width:798px;
}

* html div#site {
  width:800px;
}

div#header {
  height:auto;
  overflow:hidden;
}

div#header div.banner {
  height:88px;
  float:left;
}

div#header img.banner {
  width:133px;
  height:88px;
}

div#divider {
  height:8px;
  background-color:#B70000;
}

div#navi {
  float:left;
  background-color:#B70000;
  font-size:13px;
  font-weight:bold;
  color:#343434;
}

div#content {
  background-color:#FFFFFF;
  padding:5px;
  margin-left:200px;
  border-left:1px solid #AB9A9A;
}

div#content div#inner_content {
  border:1px solid #B70000;
  min-height:420px;
  padding:10px;
}

/*Nur fuer IE*/
* html div#content div#inner_content {
  height:400px;
}

div#navi ul.navigation {
  width:200px;
  padding:0px;
  margin:0px;
  font-family:Arial,Verdana,sanserif;
}

div#navi ul.navigation li {
  list-style: none;
}

div#navi ul.navigation li a {
  display:block;
  background-color:#FFFFFF;
  text-decoration:none;
  color:#343434;
  border-bottom:solid 1px #AB9A9A;
  min-height:21px;
  padding-left:4px;
  padding-top:4px;
}

/* Nur fuer IE */
* html div#navi ul.navigation li a {
  height:21px;
}

div#navi ul.subtopic li a {
  color:#343434;
  padding-left:15px;
}

div#navi ul.navigation li a.active{
  background-color:#DDDDDD;
}

div#navi ul.navigation li a.active:before {
  content:"* ";
}

div#navi ul.navigation a:visited, div#navi ul.navigation:link {
  color:#343434;
}

div#navi ul.navigation a:hover, div#navi ul.navigation a:active {
  color:#000000;
  background-color:#990000;
}