/* Import other stylesheets ---------------------------------------------------------------------------- */
@import url("reset.css");
/* General settings ------------------------------------------------------------------------------------ */
html, body {
height: 100%;
}
body {
  background-color: #fff;
  color: #000;
  font-family: Verdana,Geneva,sans-serif;
  font-size: 10px;
  text-align: center;
}
h2 {
  font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
}
a {
  color: #f49a00;
  font-weight: bold;
	text-decoration: none;
}
strong {
  font-weight: bold;
}
/* Generic Classes ------------------------------------------------------------------------------------- */
.clear {
  clear: both;
}
/* Starter --------------------------------------------------------------------------------------------- */
/* alte Startseite (die dazugehörige index ist die index_alt.html): */

/* body.starter {
/*   background: #f49a00 url(../images/images_starter/starter.gif) no-repeat 50% 0;
/* }
/* body.starter p {
/*   min-height: 100%; /* Mindesthöhe in modernen Browsern */
/*   height: auto !important; /* !important-Regel für moderne Browser */
/*   height: 100%; /* Mindesthöhe in IE (<7) */
/* }
/* body.starter a {
/*   display: block;
/*   min-height: 100%; /* Mindesthöhe in modernen Browsern */
/*   height: auto !important; /* !important-Regel für moderne Browser */
/*   height: 100%; /* Mindesthöhe in IE (<7) */
/* }
/* body.starter a span {
/*   display: none;
/* }

/* neue Startseite mit Button: */

body.starter {
  background: #f49a00 url(../images/images_starter/starter.gif) no-repeat 50% 0;
}
p.starter {
  height: 350px;
}
p.starter a {
  display: block;
  height: 350px;
}
p.starter a span {
  display: none;
}
p.button {
  /* padding-left: 150px; */
	display: none;
}

/* Wrappers -------------------------------------------------------------------------------------------- */
div#all {
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
	margin-left: auto;
	margin-right: auto;
  width: 1008px;
}
div#wrapper {
  background-color: #fff;
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
	margin-left: 128px;
	text-align: left;
  width: 872px;
}
/* Header ---------------------------------------------------------------------------------------------- */
div#header {
  background: url(../images/images_common/header.gif) no-repeat 0 0;
  height: 116px;
	margin-bottom: 6px;
	padding-right: 77px;
}
h1 {
  float: left;
	margin-top: 46px;
  width: 87px;
}
h1 span {
  display: none;
}
/* Topnavigation --------------------------------------------------------------------------------------- */
div#top_navigation {
  float: right;
	margin-top: 101px;
  width: 177px;
}
div#top_navigation li {
  display: inline;
}
div#top_navigation a {
  display: block;
	float: left;
	height: 13px;
}
div#top_navigation a span {
  display: none;
}
li.kontakt a {
  background: url(../images/images_top_navigation/tn_kontakt.gif) no-repeat 0 0;
	width: 53px;
}
li.impressum a {
  background: url(../images/images_top_navigation/tn_impressum.gif) no-repeat 0 0;
	width: 69px;
}
div#top_navigation li.kontakt a:focus, div#top_navigation li.kontakt a:hover, div#top_navigation li.kontakt a.current {
  background-position: -58px 0;
}
div#top_navigation li.impressum a:focus, div#top_navigation li.impressum a:hover, div#top_navigation li.impressum  a.current {
  background-position: -74px 0;
}
/* Navigation ------------------------------------------------------------------------------------------ */
div#main_navigation {
  background: url(../images/images_main_navigation/mainnavipfeile.gif) no-repeat 0 0;
	clear: both;
	height: 17px;
	margin-bottom: 146px;
	padding-left: 78px;
}
div#main_navigation li {
  display: inline;
}
div#main_navigation a {
  display: block;
	float: left;
	height: 17px;
}
div#main_navigation a span {
  display: none;
}
/* angebot */
li.angebot a {
  background: url(../images/images_main_navigation/angebot.gif) no-repeat 0 0;
	width: 70px;
}
li.angebot a:focus, li.angebot a:hover, li.angebot a.current {
  background-position: -80px 0;
}
/* news */
li.news a {
  background: url(../images/images_main_navigation/news.gif) no-repeat 0 0;
	width: 51px;
}
li.news a:focus, li.news a:hover, li.news a.current {
  background-position: -61px 0;
}
/* projekte */
li.projekte a {
  background: url(../images/images_main_navigation/projekte.gif) no-repeat 0 0;
	width: 71px;
}
li.projekte a:focus, li.projekte a:hover, li.projekte a.current {
  background-position: -81px 0;
}
/* vita */
li.vita a {
  background: url(../images/images_main_navigation/vita.gif) no-repeat 0 0;
	width: 38px;
}
li.vita a:focus, li.vita a:hover, li.vita a.current {
  background-position: -48px 0;
}
/* forschung */
li.forschung a {
  background: url(../images/images_main_navigation/forschung.gif) no-repeat 0 0;
	width: 81px;
}
li.forschung a:focus, li.forschung a:hover, li.forschung a.current {
  background-position: -91px 0;
}
/* glossar */
li.glossar a {
  background: url(../images/images_main_navigation/glossar.gif) no-repeat 0 0;
	width: 63px;
}
li.glossar a:focus, li.glossar a:hover, li.glossar a.current {
  background-position: -77px 0;
}
/* zeitzeichen */
li.zeitzeichen a {
  background: url(../images/images_main_navigation/zeitzeichen.gif) no-repeat 0 0;
	width: 71px;
}
li.zeitzeichen a:focus, li.zeitzeichen a:hover, li.zeitzeichen a.current {
  background-position: -81px 0;
}

/* planbar */
li.planbar a {
  background: url(../images/images_main_navigation/planbar.gif) no-repeat 0 0;
	width: 66px;
}

li.planbar a:focus,
li.planbar a:hover,
li.planbar a.current {
  background-position: -91px 0;
}


/* rightcol -------------------------------------------------------------------------------------------- */
div#rightcol {
  float: right;
	line-height: 1.5em;
  width: 254px;
}
div#rightcol p {
  margin-bottom: 1em;
}
div#rightcol .clear {
  clear: both;
	height: 18px;
}
/* Pfeilnavi */
p.pfeilnavi {
}
a.weiter {
  background: url(../images/images_common/weiter.gif) no-repeat 0 0;
  display: block;
	float: left;
  height: 9px;
	width: 38px;
}
a.zurueck {
  background: url(../images/images_common/zurueck.gif) no-repeat 0 0;
  display: block;
	float: left;
  height: 9px;
	margin-right: 27px;
	width: 9px;
}
a.weiter span, a.zurueck span {
  display: none;
}
.nogo {
  cursor: default;
}
/* quicknav */
ul.quicknav_zeitzeichen, ul.quicknav_news {
  padding-top: 6em;
}
ul.quicknav_projekte {
  padding-top: 3em;
}
ul.quicknav_zeitzeichen a, ul.quicknav_news a, ul.quicknav_projekte a {
  color: #000;
}
ul.quicknav_projekte a, ul.quicknav_news a {
  font-weight: normal;
}
ul.quicknav_zeitzeichen a:focus, ul.quicknav_zeitzeichen a:hover, ul.quicknav_news a:focus, ul.quicknav_news a:hover , ul.quicknav_projekte a:focus, ul.quicknav_projekte a:hover {
  color: #f49a00;
}
/* Content --------------------------------------------------------------------------------------------- */
div#content {
  padding-left: 78px;
}
p.home {
  background: url(../images/images_home/homebildtext.jpg) no-repeat 0 0;
  height: 586px;
}
p.home span {
  display: none;
}
div#content p {
  line-height: 1.5em;
	margin-bottom: 1em;
}
div#content p.Dreierabstand {
  line-height: 1.5em;
	margin-bottom: 3em;
}
div#content p.news_abstand {
  line-height: 1.5em;
	margin-bottom: 90px;
}
/* vita */
img.vita02 {
  float: left; 
	margin-top: 34px;
}
table.vita {
  display: inline; 
  float: right;
	margin-right: 70px;
}
table.vita td {
  line-height: 1.5em;
}
table.vita td.jahreszahlen {
  padding-right: 10px;
}
div.vita_aktivitaeten {
	display: inline; 
  float: right;
	margin-right: 70px;
	width: 340px;
}
img.vita_aktivitaeten {
  float: left; 
	margin-top: 0;
}
/* glossar */
.glossar_col_1, .glossar_col_2, .glossar_col_3 {
  float: left;
	line-height: 1.5em;
}
.glossar_col_1 {
  width: 28px;
}
.glossar_col_2 {
  width: 186px;
}
.glossar_col_2 a {
  color: #000;
	font-weight: normal;
	text-decoration: none;
}
.glossar_col_2 a.active {
	font-weight: bold;
}
.glossar_col_2 a:focus, .glossar_col_2 a:hover {
  color: #f49a00;
}
.glossar_col_3 {
  width: 360px;
}

/* impressum */
a.impressum {
  color: #000;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}
a.impressum:focus, a.impressum:hover {
  color: #f49a00;
	text-decoration: underline;
}
/* Footer ---------------------------------------------------------------------------------------------- */
div#footer {
  clear: both;
  height: 10px;
}