
html, body {
  height: 100%;
  font-size: 10px;
}
body {
  margin: 0px;
  background-color: #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #565656;
  line-height: 1.3em;
}
div#mainwrapper {
  width: 924px;
  height: 625px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  background-color: #ffffff;
}
body>div#mainwrapper {
  height: auto;
  min-height: 625px;
}
a, a:link {
  text-decoration: underline;
  color: #565656;
}
a:visited {
  color: #3E3E3E;
}
a:hover {
  color: #000000;
}
a:active {
  color: #565656;
}
/* ---- Metanavigation ---- */
div#metanav {
  float: right;
  width: auto;
  font-size: 11px;
  background-color: transparent;
  padding-top: 24px;
  padding-bottom: 6px;
}
div#metanav a {
  text-decoration: none;
  color: #565656;
}
div#header {
  clear: both;
  width: auto;
  height: 96px;
  margin-bottom: 2px;
}
/* ---- Navigation ---- */
div#nav_home, div#nav_about, div#nav_group, div#nav_investor, div#nav_media, div#nav_projects {
  width: auto;
  height: 149px;
  margin-bottom: 15px;
  background-color: transparent;
	background-position : top left;
	background-repeat : no-repeat;
}
div#nav_home {
	background-image: url(../images/home_nav.jpg);
}
div#nav_about {
	background-image: url(../images/about_nav.jpg);
}
div#nav_group {
	background-image: url(../images/group_nav.jpg);
}
div#nav_investor {
	background-image: url(../images/investor_nav.jpg);
}
div#nav_media {
	background-image: url(../images/media_nav.jpg);
}
div#nav_projects {
	background-image: url(../images/projects_nav.jpg);
}
div.nav {
  float: left;
  width: 146px;
  height: 149px;
  margin-right: 2px;
  background-color: transparent;
  font-size: 11px;
}
div.nav a.firstlevel {
  display: block;
  width: auto;
  height: 134px;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  color: #5B5B5C;
  padding-top: 15px;
  padding-left: 15px;
  background-image: url(../images/nav_off.gif);
  background-repeat: no-repeat;
  background-position: 6px 24px;
}
div.navigationcss {
  position: absolute;
  visibility: hidden;
  border: 0px;
  z-index: 100;
  width: 146px;
  height:149px;
  margin-top: -149px;
  background-color: #ffffff;
}
div.navigationcss a {
  display: block;
  width: 126px;
  text-decoration: none;
  color: #333333;
  padding-left: 20px;
  background-image: none;
}
div.navigationcss a:hover {
  color: #333333;
  padding-left: 20px;
  background-image: url(../images/nav_on.gif);
  background-repeat: no-repeat;
  background-position: 6px 8px;
}
div.navigationcss a.first {
  font-size: 12px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 3px;
  padding-left: 15px;
}
div.navigationcss a.first:hover {
  background-position: 6px 24px;
  padding-left: 15px;
}
div.navigationcssact {
  position: absolute;
  visibility: visible;
  border: 0px;
  z-index: 100;
  width: 146px;
  height:149px;
  margin-top: -149px;
  background-color: #ffffff;
}
div.navigationcssact a {
  display: block;
  width: 126px;
  text-decoration: none;
  color: #333333;
  padding-left: 20px;
  background-image: none;
}
div.navigationcssact a:hover {
  color: #333333;
  padding-left: 20px;
  background-image: url(../images/nav_on.gif);
  background-repeat: no-repeat;
  background-position: 6px 8px;
}
div.navigationcssact a.first {
  font-size: 12px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 3px;
  padding-left: 15px;
}
div.navigationcssact a.first:hover {
  background-position: 6px 24px;
  padding-left: 15px;
}
div.navigationcssact a.active {
  color: #333333;
  padding-left: 20px;
  background-image: url(../images/nav_on.gif);
  background-repeat: no-repeat;
  background-position: 6px 8px;
}
/* ---- Content Bereich ---- */
div#contentwrapper {
  width: auto;
  height: 296px;
  background-color: transparent;
  background-image: url(../images/bg_content.gif);
  background-repeat: repeat-y;
  background-position: top left;
}
div#mainwrapper>div#contentwrapper {
  height: auto;
  min-height: 296px;
}
/* ---- Teaser Spalte ---- */
div#teasercol {
  float: left;
  width: 184px;
  height: auto;
  margin-right: 14px;
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
}
div.teaser {
  width: auto;
  height: auto;
  color: #2B2B2B;
  background-color: #D2E0EB;
  border-right: 1px solid #9EA8AD;
  border-bottom: 1px solid #9EA8AD;
  margin: 10px;
  padding: 9px;
}
div.teaser a, div.teaser a:link, div.teaser a:visited, div.teaser a:hover, div.teaser a:active {
  display: block;
  text-decoration: none;
  color: #7E858B;
  padding-left: 8px;
  background-image: url(../images/nav_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
}
/* ---- Content Spalte ---- */
div#content {
  float: left;
  width: 492px;
  height: auto;
  margin-right: 14px;
  background-color: #EEEEEE;
  padding-top: 26px;
  padding-left: 17px;
  padding-right: 17px;
}
div#content p {
  margin-top: 12px;
  margin-bottom: 12px;
}
div#content table {
  border: 0px;
  border-collapse: collapse;
  width: 100%;
}
div#content table th {
  text-align: left;
  vertical-align: top;
}
div#content table td {
  vertical-align: top;
  /*border-bottom: 1px solid #868686;*/
  padding-right: 5px;
  padding-top: 6px;
  padding-bottom: 2px;
}
div#content table a, div#content table a:link, div#content table a:visited, div#content table a:hover, div#content table a:active {
  display: block;
  text-decoration: none;
  color: #565656;
  padding-left: 8px;
  background-image: url(../images/nav_off.gif);
  background-repeat: no-repeat;
  background-position: 0px 7px;
}

/* ---- Text Styles ---- */
h1 {
    font-size: 18px;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 13px;
}

p {
    font-size: 10px;
}

/* ---- Rechte Spalte ---- */
div#rightcol {
  float: left;
  width: 184px;
  height: auto;
  min-height: 272px;
  background-color: #EEEEEE;
}
/* ---- Footer Laax ---- */
div#footer {
  clear: both;
  width: auto;
  text-align: right;
  background-image: url(../images/bg_content.gif);
  background-repeat: repeat-y;
  background-position: top left;
}

/* ---- Diverses ---- */
.text_red {
	color: #FF0000;
}
