/* Innovationsstiftung Hamburg */
/* (c) 2004, Philipp Groszmann, feld.wald.wiese */
/* philipp.groszmann@feldwaldwiese.de */
/* Stand: 26.02.2004 */


/* Body */

body {
  margin: 0;
  padding: 0;
  font: 100% verdana,arial,helvetica,sans-serif;
  background-color: #001B4C;
  color:#000000;
}

a:link {
  color: #001B4C;
}

a:visited {
  color: #000000;
}

a:focus,
a:hover,
a:active {
  color: #D10013;
}

img {
  border: 0px;
}

hr {
  height: 1px;
  color: #B2BAC9;
  background-color: #B2BAC9;
  margin: 1.8em 0 0.9em 0;
  padding: 0;
  border: 0;
}

/* Logo */

#headTopLogo {
  position: absolute;
  top: 14px;
  left: 0;
  width: 210px;
  height: 65px;
  background: url(../images/allgemein/logo.gif) left top no-repeat;
  z-index: 4;
}


/* Metanavi */

#metanavi {
  position: absolute;
  width: 14em;
  top: 20px;
  right: 0;
  padding: 0 11% 4px 0;
  border-bottom: 1px solid #001B4C;
  z-index: 5;
  background-color: #FFFFFF;
}

#metanavi p {
  font-size: 70%;
  color:#001B4C;
  text-transform: uppercase;
  margin: 0;
}

#metanavi a {
  text-decoration: none;
}


/* Hauptnavi */

#hauptnavi {
  position: absolute;
  top: 5em;
  left: 230px;
  font-size: 0.8em;
  font-weight: bold;
  color: #D10013;
  z-index: 5;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

#hauptnavi li {
  width: 10%;
  padding-right: 1.6em;
  display: inline;
}

#hauptnavi a {
  text-decoration: none;
}

a.hauptnaviOn {
  color: #D10013;
}


/* Inhaltstabelle */

#contentTable {
  width: 90%;
  height: 100%;
  background: #001B4C;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  margin-right: -15px;
  margin-bottom: -15px;
}

#contentTableInhalt {
  padding-top: 5.8em;
  background: #FFFFFF;
  vertical-align: top;
}

#schattenRechts {
  width: 10%;
  height: 9px;
  background: url(../images/allgemein/schatten_auf_blau.gif) left top repeat-x;
  position: absolute;
  top: 5.8em;
  left: 90%;
  z-index: 1;
  margin-right: -15px;
}

#schattenMitte {
  width:100%;
  height: 9px;
  background: url(../images/allgemein/schatten_auf_weiss.gif) left top repeat-x;
  font-size: 0px;
  line-height: 0px;
}


/* Subnavi */

#contentTableNavi {
  width: 210px;
  height: 100%;
  padding-top: 5.8em;
  vertical-align: top;
  color: #FFFFFF;
}

#subnavi {
  background: url(../images/allgemein/schatten_auf_blau.gif) left top repeat-x;
  margin: 0;
  padding: 37px 15px 20px 13px;
}

#subnavi ul {
  font-size: 0.8em;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0;
}

#subnavi li {
  width: 100%;
  margin: 0 0 0.6em 0;
  padding: 0;
  list-style: none;
  line-height: 1.3em;
}

#subnavi a:link,
#subnavi a:visited {
  display:block;
  color: #FFFFFF;
  width: 100%;
  text-decoration:none;
  padding:0 0 0 12px;
}

#subnavi a:focus,
#subnavi a:active,
#subnavi a:hover {
  color: #D10013;
  display:block;
  width: 100%;
  text-decoration:none;
  padding:0 0 0 12px;
}

#subnavi li.On {
  width: 100%;
  background: url(../images/allgemein/subnavi_pfeili.gif) 0 0.35em no-repeat;
  margin: 0 0 0.6em 0;
  padding: 0 0 0 12px;
  list-style: none;
}

#subnavi h2.sans {
  font-weight: normal;
}


/* Spezialfall Home im Subnavi Bereich */

#subnaviStartseite h2,
#subnaviStartseite p {
  font-size: 0.7em;
  line-height: 1.3em;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0 1.4em 0;
}

#subnaviStartseite h2 {
  padding: 0;
}

#subnaviStartseite a:link.start,
#subnaviStartseite a:active.start,
#subnaviStartseite a:hover.start,
#subnaviStartseite a:hover.start,
#subnaviStartseite a:visited.start {
  text-decoration: underline;
  padding: 0;
  margin: 0;
}


/* Teaser */

#teaser {
  margin: 0;
  padding: 0 5px 60px 13px;
}

#teaser h2 {
  font-size: 0.7em;
  line-height: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
}

#teaser p {
  font-size: 0.7em;
  line-height: 1.3em;
  margin: 0;
}

#teaser img {
  border: 1px solid #FFFFFF;
  margin: 7px 0;
}

#teaser a:link,
#teaser a:visited {
  color: #FFFFFF;
}

#teaser a:focus,
#teaser a:hover,
#teaser a:active {
  color: #D10013;
}

#teaser a.extern:link,
#teaser a.extern:visited,
#teaser a.extern:focus,
#teaser a.extern:hover,
#teaser a.extern:active {
  text-decoration: none;
}

#teaser .extern span {
  text-decoration: underline;
}

#teaser .extern img {
  border: 0;
  margin: 0;
}



/* Inhaltsformatierung */

#inhalt {
  background-color: #FFFFFF;
  color: #000000;
  margin-top: 24px;
  padding: 0 12% 0 20px;
}

#inhalt h1 {
  color: #D10013;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 0.9em 0;
  padding: 0;
}

#inhalt h2 {
  color: #D10013;
  font-size: 0.9em;
  margin: 1.8em 0 0.9em 0;
  padding: 0;
}

#inhalt h2.halbleer {
  color: #000000;
  font-size: 0.8em;
  margin: 0.9em 0;
  margin-bottom: -0.6em;
  padding: 0;
}

#inhalt h3 {
  color: #D10013;
  font-size: 0.8em;
  margin: 1.2em 0;
  padding: 0;
}

#inhalt h4,
#inhalt h5,
#inhalt h6 {
  font-size: 0.8em;
  font-weight: normal;
  margin: 0.9em 0;
  padding: 0;
}

#inhalt th,
#inhalt td {
  font-size: 0.7em;
  text-align: left;
}

#inhalt p {
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 0.9em 0;
  padding: 0;
}

#inhalt p.halbleer {
  margin-bottom: -0.9em;
}

#inhalt ul {
  margin-top: 0.9em;
  margin-bottom: 0.9em;
}

#inhalt ol {
  margin-top: 0.9em;
  margin-bottom: 0.9em;
}

#inhalt li {
  color: #000000;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

#inhalt li li {
  font-size: 100%;
}

.ohneBullets,
.ohneBullets li {
  margin: 0;
  list-style:none;
}

#inhalt q {
  quotes: "" "";
}

.hinweis {
  position: absolute;
  top: -6000px;
  left: -6000px;
  width: 100px;
}


/* Bilderformatierung im Detailbereich */

#bilder {
  float: right;
  padding: 0 0 10px 25px;
  margin: 0;
}

#bilder p {
  margin-top: 0;
}


/* Projektlisten */

#ProjektListe {
  margin: 0;
  padding: 0;
  list-style: none;
}

#ProjektListe li {
  list-style: none;
  font-size: 100%;
  line-height:1.3em;
  margin: 0 0 1em 0;
  padding: 0;
}

#ProjektListe h2,
#ProjektListe h3 {
  color: #000000;
  font-size: 0.8em;
  font-weight: bold;
  line-height:1.3em;
  margin: 1em 0 0 0;
  padding: 0;
}

#ProjektListe p {
  line-height:1.3em;
  margin: 0;
  padding: 0;
}


/* Formular */


form {
  margin: 0;
  padding: 0;
}

fieldset {
  width:90%;
  line-height: 1em;
  margin: 1em 0;
  padding: 0 0 2em 1.4em;
  border: 1px solid #B2BAC9;
}

legend {
  color: #D10013;
  font-size: 0.8em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}

label {
/*  width: 85%;*/
  display:block;
}

#inhalt fieldset td {
  font-size: 80%;
  padding-top: 0.5em;
  padding-right: 0.7em;
  vertical-align: top;
}

#inhalt fieldset p {
  margin: 0;
  padding: 0.7em 0 0 0;
}

.textfeld {
  width: 80%;
  background-color: #F9FAFB;
}

.textfeldS {
  width: 30%;
  background-color: #F9FAFB;
}

.hochladefeld {
  background-color: #F9FAFB;
}

.abschicken {
  margin-top:1.4em;
}

/* Sonstiges */

.wichtig {
  color: #d10013;
  font-weight: bold;
}

.bildRechts {
  float: right;
}

p.topGif {
  margin: 0;
  padding: 1.8em 0 0.2em 0;
  text-align: right;
}

.unsichtbar {
  position: absolute;
  left: -6000px;
  top: -6000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}

#contentTableCopyright {
  background: #FFFFFF;
  vertical-align: bottom;
}

#contentTableCopyright p {
  font-size: 0.7em;
  margin: 0;
  padding: 10px 20px;
  color: #001B4C;
}


/* Kopf - weisser Block, mit den roten bzw. blauer Kopfleisten */

#topDiv {
  background: #FFFFFF url(../images/allgemein/background_head_rot.gif) left top repeat-x;
  height: 5.8em;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  margin-right: -15px;
}

#headTopBlau {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90%;
  height: 8px;
  border-right: 1px solid #FFFFFF;
  background: #001B4C;
  font-size: 0px;
  line-height: 0px;
  z-index: 4;
}

#headTopRot {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 209px;
  height: 8px;
  border-right: 1px solid #FFFFFF;
  background: #D10013;
  font-size: 0px;
  line-height: 0px;
  z-index: 5;
}

/* Box auf der Startseite */

#inhalt.startseite {
  padding-right: 20px;
}

#startseiteBox {
  float: right;
  width: 190px;
  padding: 0 10px 5px 10px;
  border: 1px solid #001B4C;
  margin: 25px 0 35px 20px;
}

#startseiteBox p {
  color: #001B4C;
  margin-right: 0;
}

/* Editor-Formatierungen */

.edit {
  font-size: 1em;
}


/* Anweisungen, die der Mac IE 5 nicht sehen soll */
@media all {

html {
  height:100%;
}

body {
  height:100%;
  background: #001B4C url(../images/allgemein/roter_fuss.gif) left bottom repeat-x;
}

#contentTableNavi {
  background: url(../images/allgemein/roter_fuss.gif) left bottom repeat-x;
}

#contentTable {
  margin-right: 0px;
  margin-bottom: 0px;
}

}
/* Ende Anweisungen, die der Mac IE 5 nicht sehen soll */