/* Generell
===================================================*/

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

a:link, a:visited, a:hover, a:active {
  color: rgb(0, 0, 0);
  text-decoration:underline;
}

/* Farbe
===================================================*/

body {
  background: url(../img/htg_bildleiste01.gif) no-repeat;
  background-position: 473px 312px;
  background-color: rgb(248,241,220);
  color: rgb(0,0,0);
}


/* Typographie
===================================================*/

html, body, div, h1, p, ul, a, img, input, textarea {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  text-indent: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.2em;
}

h1 {
  font-weight: bold;
}


/* Bildbereich
===================================================*/

#bilder {
  height: 395px;
  margin-left: 35px;
  margin-top: 10px;
}

#hauptbild {
  position: relative;
  width: 370px;
  height: 370px;
}

#hauptbild img {
  position: absolute;
  right: 0;
  bottom: 0;
}

#bildleiste {
  position: absolute;
  width: 532px;
  height: 68px;
  top: 312px;
  left: 473px;
}

#bildleiste img {
  width: 68px;
  height: 68px;
  margin-right: 4px;
}


/* Navigationsbereich
===================================================*/

#navigation {

}

#hauptnavibereich {
  background: rgb(224, 217, 195);
  height: 33px;
  margin-bottom: 1px;
}

#hauptnavi {
  float: left; 
  margin-left: 35px;
}

#hauptnavi a {
  display:block;
  height: 33px;
  float: left;
  margin-right: 36px;
}

#hauptnavi a.projekte:link, #hauptnavi a.projekte:visited {
  width: 67px;
  background: url(../img/hauptnavi/bg_projekte.gif) no-repeat left top;
}
#hauptnavi a.projekte:hover {
  background: url(../img/hauptnavi/bg_projekte.gif) no-repeat right top;
}
#projekte #hauptnavi a.projekte {
  background: url(../img/hauptnavi/bg_projekte.gif) no-repeat right top;
  cursor:default;
}

#hauptnavi a.projekte_rubrik:link, #hauptnavi a.projekte_rubrik:visited {
  width: 67px;
  background: url(../img/hauptnavi/bg_projekte_b.gif) no-repeat left top;
}
#hauptnavi a.projekte_rubrik:hover {
  background: url(../img/hauptnavi/bg_projekte_b.gif) no-repeat right top;
}


#hauptnavi a.buero:link, #hauptnavi a.buero:visited {
  width: 44px;
  background: url(../img/hauptnavi/bg_buero.gif) no-repeat left top;
}
#hauptnavi a.buero:hover {
  background: url(../img/hauptnavi/bg_buero.gif) no-repeat right top;
}
#buero #hauptnavi a.buero {
  background: url(../img/hauptnavi/bg_buero.gif) no-repeat right top;
  cursor:default;
}

#hauptnavi a.buero_rubrik:link, #hauptnavi a.buero_rubrik:visited {
  width: 44px;
  background: url(../img/hauptnavi/bg_buero_b.gif) no-repeat left top;
}
#hauptnavi a.buero_rubrik:hover {
  background: url(../img/hauptnavi/bg_buero_b.gif) no-repeat right top;
}


#hauptnavi a.publikation:link, #hauptnavi a.publikation:visited {
  width: 92px;
  background: url(../img/hauptnavi/bg_publikation.gif) no-repeat left top;
}
#hauptnavi a.publikation:hover {
  background: url(../img/hauptnavi/bg_publikation.gif) no-repeat right top;
}
#publikation #hauptnavi a.publikation {
  background: url(../img/hauptnavi/bg_publikation.gif) no-repeat right top;
  cursor:default;
}

#hauptnavi a.kontakt:link, #hauptnavi a.kontakt:visited {
  width: 60px;
  background: url(../img/hauptnavi/bg_kontakt.gif) no-repeat left top;
}
#hauptnavi a.kontakt:hover {
  background: url(../img/hauptnavi/bg_kontakt.gif) no-repeat right top;
}
#kontakt #hauptnavi a.kontakt {
  background: url(../img/hauptnavi/bg_kontakt.gif) no-repeat right top;
  cursor:default;
}
#hauptnavi a.kontakt_rubrik:link, #hauptnavi a.kontakt_rubrik:visited {
  width: 60px;
  background: url(../img/hauptnavi/bg_kontakt_b.gif) no-repeat left top;
}
#hauptnavi a.kontakt_rubrik:hover {
  background: url(../img/hauptnavi/bg_kontakt_b.gif) no-repeat right top;
}

#logo { 
  float: right;
  margin-right: 35px;
  height: 33px;
}

#logo img { 
  width: 235px;
  height: 33px;
}

#subnavibereich {
  background: rgb(231, 223, 197);
  height: 33px;
  clear: both;
}

#subnavibereich a {
  display:block;
  height: 33px;
  float: left;
  margin-right: 36px;
}

#subnavi_projekte {
  margin-left: 35px;
}

#subnavi_projekte a.unterverweis01:link, #subnavi_projekte a.unterverweis01:visited {
  width: 76px;
  background: url(../img/subnavi/bg_projekte01.gif) no-repeat left top;
}
#subnavi_projekte a.unterverweis01:hover {
  background: url(../img/subnavi/bg_projekte01.gif) no-repeat right top;
}
#projekte_rubrik01 #subnavi_projekte a.unterverweis01 {
  background: url(../img/subnavi/bg_projekte01.gif) no-repeat right top;
  cursor:default;
}

#subnavi_projekte a.unterverweis02:link, #subnavi_projekte a.unterverweis02:visited {
  width: 97px;
  background: url(../img/subnavi/bg_projekte02.gif) no-repeat left top;
}
#subnavi_projekte a.unterverweis02:hover {
  background: url(../img/subnavi/bg_projekte02.gif) no-repeat right top;
}
#projekte_rubrik02 #subnavi_projekte a.unterverweis02 {
  background: url(../img/subnavi/bg_projekte02.gif) no-repeat right top;
  cursor:default;
}

#subnavi_projekte a.unterverweis03:link, #subnavi_projekte a.unterverweis03:visited {
  width: 62px;
  background: url(../img/subnavi/bg_projekte03.gif) no-repeat left top;
}
#subnavi_projekte a.unterverweis03:hover {
  background: url(../img/subnavi/bg_projekte03.gif) no-repeat right top;
}
#projekte_rubrik03 #subnavi_projekte a.unterverweis03 {
  background: url(../img/subnavi/bg_projekte03.gif) no-repeat right top;
  cursor:default;
}

#subnavi_projekte a.unterverweis04:link, #subnavi_projekte a.unterverweis04:visited {
  width: 119px;
  background: url(../img/subnavi/bg_projekte04.gif) no-repeat left top;
}
#subnavi_projekte a.unterverweis04:hover {
  background: url(../img/subnavi/bg_projekte04.gif) no-repeat right top;
}
#projekte_rubrik04 #subnavi_projekte a.unterverweis04 {
  background: url(../img/subnavi/bg_projekte04.gif) no-repeat right top;
  cursor:default;
}

#subnavi_projekte a.unterverweis05:link, #subnavi_projekte a.unterverweis05:visited {
  width: 83px;
  background: url(../img/subnavi/bg_projekte05.gif) no-repeat left top;
}
#subnavi_projekte a.unterverweis05:hover {
  background: url(../img/subnavi/bg_projekte05.gif) no-repeat right top;
}
#projekte_rubrik05 #subnavi_projekte a.unterverweis05 {
  background: url(../img/subnavi/bg_projekte05.gif) no-repeat right top;
  cursor:default;
}

#subnavi_projekte a.unterverweis06:link, #subnavi_projekte a.unterverweis06:visited {
  width: 74px;
  background: url(../img/subnavi/bg_projekte06.gif) no-repeat left top;
}
#subnavi_projekte a.unterverweis06:hover {
  background: url(../img/subnavi/bg_projekte06.gif) no-repeat right top;
}
#projekte_rubrik06 #subnavi_projekte a.unterverweis06 {
  background: url(../img/subnavi/bg_projekte06.gif) no-repeat right top;
  cursor:default;
}

#subnavi_buero {
  margin-left: 138px;
}

#subnavi_buero a.unterverweis01:link, #subnavi_buero a.unterverweis01:visited {
  width: 84px;
  background: url(../img/subnavi/bg_buero01.gif) no-repeat left top;
}
#subnavi_buero a.unterverweis01:hover {
  background: url(../img/subnavi/bg_buero01.gif) no-repeat right top;
}
#buero_rubrik01 #subnavi_buero a.unterverweis01 {
  background: url(../img/subnavi/bg_buero01.gif) no-repeat right top;
  cursor:default;
}

#subnavi_buero a.unterverweis02:link, #subnavi_buero a.unterverweis02:visited {
  width: 81px;
  background: url(../img/subnavi/bg_buero02.gif) no-repeat left top;
}
#subnavi_buero a.unterverweis02:hover {
  background: url(../img/subnavi/bg_buero02.gif) no-repeat right top;
}
#buero_rubrik02 #subnavi_buero a.unterverweis02 {
  background: url(../img/subnavi/bg_buero02.gif) no-repeat right top;
  cursor:default;
}

#subnavi_buero a.unterverweis03:link, #subnavi_buero a.unterverweis03:visited {
  width: 72px;
  background: url(../img/subnavi/bg_buero03.gif) no-repeat left top;
}
#subnavi_buero a.unterverweis03:hover {
  background: url(../img/subnavi/bg_buero03.gif) no-repeat right top;
}
#buero_rubrik03 #subnavi_buero a.unterverweis03 {
  background: url(../img/subnavi/bg_buero03.gif) no-repeat right top;
  cursor:default;
}

#subnavi_kontakt {
  margin-left: 346px;
}

#subnavi_kontakt a.unterverweis01:link, #subnavi_kontakt a.unterverweis01:visited {
  width: 107px;
  background: url(../img/subnavi/bg_kontakt01.gif) no-repeat left top;
}
#subnavi_kontakt a.unterverweis01:hover {
  background: url(../img/subnavi/bg_kontakt01.gif) no-repeat right top;
}
#kontakt_rubrik01 #subnavi_kontakt a.unterverweis01 {
  background: url(../img/subnavi/bg_kontakt01.gif) no-repeat right top;
  cursor:default;
}

#subnavi_kontakt a.unterverweis02:link, #subnavi_kontakt a.unterverweis02:visited {
  width: 120px;
  background: url(../img/subnavi/bg_kontakt02.gif) no-repeat left top;
}
#subnavi_kontakt a.unterverweis02:hover {
  background: url(../img/subnavi/bg_kontakt02.gif) no-repeat right top;
}
#kontakt_rubrik02 #subnavi_kontakt a.unterverweis02 {
  background: url(../img/subnavi/bg_kontakt02.gif) no-repeat right top;
  cursor:default;
}

#subnavi_kontakt a.unterverweis03:link, #subnavi_kontakt a.unterverweis03:visited {
  width: 66px;
  background: url(../img/subnavi/bg_kontakt03.gif) no-repeat left top;
}
#subnavi_kontakt a.unterverweis03:hover {
  background: url(../img/subnavi/bg_kontakt03.gif) no-repeat right top;
}
#kontakt_rubrik03 #subnavi_kontakt a.unterverweis03 {
  background: url(../img/subnavi/bg_kontakt03.gif) no-repeat right top;
  cursor:default;
}

/* Textbereich
===================================================*/

#text {
  background: rgb(240, 232, 206);
  position: relative;
  height: 250px;
  margin-bottom: 1px;  
}

/* Links
---------------------------------------------------*/

#text ul#subsubnavi {
  position: absolute;
  left: 35px;
  top: 25px;
  list-style-type: none;
}

#text ul#subsubnavi li {
  display: inline;
}

#text ul#subsubnavi a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: rgb(114,111,100);
  margin-bottom: 5px;
}

#text ul#subsubnavi a.aktiv {
  color: rgb(0,0,0);
  cursor:default;
}

#text ul#subsubnavi a:hover, #text ul#subsubnavi a:active {
  color: rgb(0,0,0);
}

/* Text
---------------------------------------------------*/

#beschreibung {
  position: absolute;
  width: 524px;
  top: 25px;
  left: 473px;
}
#beschreibung_3spalten {
  position: absolute;
  width: 675px;
  top: 25px;
  left: 473px;
}

#beschreibung .links {
  float: left;
  width: 212px;
}

#beschreibung .rechts {
  float: right;
  width: 295px;
}

#beschreibung_3spalten .links {
  float: left;
  width: 200px;
	margin-right:20px;
}

#beschreibung .normal {
  clear: both;
}

#text h1, #text p, #text table {
  margin-bottom: 0.5em;
}

#text h1 {
  margin-right: 1em;
}

#text ul {
  list-style-type: none;
}

#text ul li {
  margin-bottom: 0.5em;
}


/* IFrame
---------------------------------------------------*/

#projekte_wettbewerbe {
  background: rgb(240, 232, 206);
}

table.beispiele {
  border-spacing: 0.5em;
  margin-bottom: 33px;
}

table.beispiele td {
  vertical-align: top;
  text-align: left;
}


/* Fußbereich
===================================================*/

#fussbereich {
  height: 33px;
  margin-top: 0.5em;

}

#fussnavi { 
  float: right;
  margin-right: 35px;
}