/* main screen css */
html {
  overflow-y: scroll;
}

html, body {
  margin: 0;
  padding: 0;
  color: #003399;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 100%;
}

html.preview body {
	margin-top: 30px;
}

html,body {
  background-color:#ffda35;
/*  background-color:#ffcc00;*/
}

#canvas {
  position: relative;
  z-index: 100;
  margin: 0 auto 0 auto;
  width: 96em;
  padding:0;
  height: 100%;
  background-color:#ffda35;
  background-position: 600px 281px;
  background-image: url(../images/bg_treppe_grau.gif);
  background-repeat: no-repeat;
}

#canvas.root {
  background-position: 600px 281px;
  background-image: url(../images/butti_bg_home.gif);
  background-repeat: no-repeat;
}

#canvas_body_bottom {
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: 15px;
  margin-left: -48em;
  width: 96em;
  padding: 0;
  height: 85%;
  background-color:#FFDA35;
}

body.mceContentBody {
  font-size: 1.1em;
  background-color:#FFF !important;
  color:#000 !important;
  overflow: auto;
}

body.mceContentBody *,
body.mceContentBody p,
body.mceContentBody h2,
body.mceContentBody h1 {
  color:#000 !important;
}

a {
  color: #222;
  text-decoration: none;
}

#secondary_navigation {
  height: 48.5em;
  background-position: bottom left;
  background-image: url(../images/butti_logo_jubilaeum_klein.gif);
  background-repeat: no-repeat;
}

#navigation a,
#secondary_navigation a {
  color: #666;
}

#content a {
  color: #666;
}

#content {
  color: #003399;
}

table a, table span {
  display: block;
/*  letter-spacing: .01em;*/
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 0.3em 1em .5em .3em;
  vertical-align: center;
  color: #777;
  text-decoration: none;
}

table a.full_height {
  height: 2.4em;
}

td, th {
  margin: 0;
  border: 0;
  vertical-align: top;
}

th {
  padding: .4em 0.2em .8em 0.3em ;
  font-size: 1em;
  height: 1.2em;
  background-color:#dbe0db;
  color: #666;
}

img, a img {
  border: 0;
}

#ajax_loader {
  display: none;
  position: absolute;
  top: 13em;
  left: 0;
  z-index: 10;
  float: none;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12em;
  background-color: #E6E6E6;
}

#logo_butti {
  position:absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 12em;  
  width: 12em;
}

.butti_logo_abstand {
  margin-left: 1.5em;
}

.abisz {
  font-size:1.3em;
  padding-right:.04em;
  font-weight: bold;
}

#logo_print {
  display: none;
}

#teaser {
  height:9.4em;
  margin-top:1.2em;
  margin-left:24em;
  z-index: 5;
}

/*think about in case there is a wysywig editor*/
#teaser div {
  font-size:1.6em;
}

#aktuell {
  position: absolute;
  top: 0;
  right: 0;
  width: 12em;
  height: 12em;
  background: url(../images/aktuell_news.gif) no-repeat 0px 0px;
}

#aktuell.aktuell_sucht {
  background: url(../images/aktuell_stelle.gif) no-repeat 0px 0px;
}

#aktuell p {
  line-height:1.3em;
  padding: 0 .3em 0 .1em;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: .04em;
}

#aktuell a.mehr_link {
  display: block;
  background: url(../images/aktuell_mehr.gif) no-repeat 0px 3px;
  padding-left: 1em;
  margin-top: .1em;
  color: #ED2C76;
}

#aktuell_image_container img,
.slideshow_overlay {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

#content a.link_pdf {
  color: #ED2C76;
}

h3 {
  margin-bottom: 0;
}

#content_wrapper {
  position: absolute;
  top: 0em;
  left: 0em;
}

#aktuell h3 {
  margin-top: 1em;
  padding-left:0em;
  font-size: 1.4em;
}

#admin_link {
  position: absolute;
  top:0;
  left: 0;
  width: 24px;
  width: 24px;
}

#admin_link a {
  display:block;
  line-height:2.4em;
  background: url(../images/login.gif) no-repeat 3px 3px;
}

#admin_link a:hover {
  background: url(../images/login_hover.gif) no-repeat 3px 3px;
}

#navigation, #context_navigation {
  float: left;
  width: 84em;
  margin-left: 12em;
  height: .8em;
  z-index: 5;
}

#main_navigation, #context_navigation {
  float:left;
  width: 48em;
}

#context_navigation {
  width: 36em;
  margin-left: 0em;
}

#navigation ul, #navigation li,
ul#secondary_navigation, ul#secondary_navigation li {
  list-style:none;
  margin: 0;
  padding: 0;
}

#navigation li {
  float:left;
  width: 12em;
}

#navigation li a,
#navigation li span {
  padding-top:.2em;
  letter-spacing: .06em;
  font-size: 1.10em;
  display:block;
  padding-left: 1.1em;
  height: 1.05em;
  background: url(../images/sec_nav_list_image.gif) no-repeat 0px 5px;
}

#navigation #context_navigation li a:hover,
#navigation #context_navigation li a.active,
#navigation #context_navigation li span,
#navigation li.referenzen a:hover,
#navigation li.referenzen a.active,
#navigation li.referenzen a.current  {
  color: #003399;
  background: url(../images/sec_nav_list_image_active.gif) no-repeat 0px 5px;
}

#navigation #context_navigation li span,
#navigation li.referenzen a.current {
  font-weight: bold;
}

#navigation  #context_navigation li a,
#navigation  #context_navigation li span,
#navigation #main_navigation li.referenzen span,
#navigation #main_navigation li.referenzen a {
  padding-top:.3em;
  display:block;
  padding-left: 1.1em;
  height: 1em;
}

#navigation li.sitemap a,
#navigation li.sitemap span {
  background: url(../images/sitemap.gif) no-repeat 0px 5px;
}

#navigation #context_navigation li.sitemap a:hover,
#navigation #context_navigation li.sitmap span {
  color: #003399;
  background: url(../images/sitemap_active.gif) no-repeat 0px 5px;
}

#navigation {
  position: absolute;
  z-index: 2;
}

#navigation li span,
#navigation li.active a.active {
  color: #003399;
  font-weight: bold;
}

#navigation #main_navigation li.baumeister a {
  background: url(../images/main_baumeister_a.gif) no-repeat 0px 5px;
}


#navigation #main_navigation li.baumeister a:hover,
#navigation #main_navigation li.baumeister a.active,
#navigation #main_navigation li.baumeister a.current {
  background: url(../images/main_baumeister_b.gif) no-repeat 0px 5px;
}

#navigation #main_navigation li.firma a {
  background: url(../images/main_firma_a.gif) no-repeat 0px 5px;
}

#navigation #main_navigation li.firma a:hover,
#navigation #main_navigation li.firma a.active,
#navigation #main_navigation li.firma a.current {
  background: url(../images/main_firma_b.gif) no-repeat 0px 5px;
}

#navigation #main_navigation li.baudienst a {
  background: url(../images/main_baudienst_a.gif) no-repeat 0px 5px;
}

#navigation #main_navigation li.baudienst a:hover,
#navigation #main_navigation li.baudienst a.active,
#navigation #main_navigation li.baudienst a.current {
  background: url(../images/main_baudienst_b.gif) no-repeat 0px 5px;
}

ul#secondary_navigation,
#content {
  position: absolute;
  top: 16em;
}

ul#secondary_navigation {
  position: absolute;
  left: 0;
  width: 12em;
}

ul#secondary_navigation li {
  margin-bottom: .6em;
}

ul#secondary_navigation li ul {
  padding-top: .6em;
  display: none;
}

ul#secondary_navigation li.current ul,
ul#secondary_navigation li.active ul {
  display: block;
  margin: .8em 0;
  padding: 0;
}

ul#secondary_navigation li li {
  background-color: #ffda35;
}

ul#secondary_navigation li a,
ul#secondary_navigation li span,
ul#secondary_navigation li li a,
ul#secondary_navigation li li span {
  display: block;
  font-size: 1.10em;
  letter-spacing: .03em;
  padding-top: 0.2em;
  padding-left: 1.2em;
  line-height: 1.4em;
  background: #fff197 url(../images/sec_nav_list_image.gif) no-repeat 0px 4px;
}

ul#secondary_navigation li a:hover {
  background: #F2F2F2 url(../images/sec_nav_list_image_active.gif) no-repeat 0px 4px;
  color: #003399;
}

ul#secondary_navigation li a.current,
ul#secondary_navigation li a.active {
  background: #FFF url(../images/sec_nav_list_image_active.gif) no-repeat 0px 4px;
  color: #003399;
}

ul#secondary_navigation ul li a:hover,
ul#secondary_navigation ul li a.active,
ul#secondary_navigation ul li a.current,
ul#secondary_navigation li span,
ul#secondary_navigation li.active a.active {
  background: transparent url(../images/sec_nav_list_image_active.gif) no-repeat 0px 4px;
  color: #003399;
}

ul#secondary_navigation li span,
ul#secondary_navigation li.active a.active {
  background-color:#FFF;
  font-weight: bold;
}

ul#secondary_navigation li li a,
ul#secondary_navigation li li span {
  line-height: 1.0em;
  background-color: #ffda35;
  background-image: none;
}

ul#secondary_navigation li li span,
ul#secondary_navigation li li.active a.active {
  background: url(../images/sec_nav_list_image_active.gif) no-repeat 0px 2px;
  color: #003399;
}

#content {
  letter-spacing: .02em;
  position: absolute;
  left: 12.8em;
  width: 47.3em;
}

#content.root  {
  left: 0;
}

#content p,
#content li,
#content h2,
#content h1 {
  padding:0;
  margin: 0;
  margin-bottom:.7em;
  line-height: 1.60em;
  font-size: 1.15em;
  color: #003399;
}

.abstand_oben {
  margin-top:.5em;
}

#content ul {
  padding-left: 1.5em;
}
.link_list {
  font-size: 1.15em;
}

#content h1:first-child,
#content h2:first-child {
  margin-bottom: 0;
}

#objekt_bilder {
  height: 31.2em;
}

.stellen #objekt_bilder,
.aktuell #objekt_bilder {
	height: auto !important;
	position: relative;
}

.stellen #aktuell_image_container img,
.aktuell #aktuell_image_container img {
	position: relative;
}

#objekt_navigation,
div.related_link_section {
  margin-top: .5em;
  padding: .3em 0 .3em .5em;
  border: 1px #FFF197 solid;
}

#objekt_navigation a,
#objekt_navigation span,
div.related_link_section a,
div.related_link_section span {
  font-size: 1.1em;
}

div.related_link_section.float_correction {
  height: 1.5em;
}

#objekt_navigation {
  margin-top: 0.3em;
  margin-right:22.2em;
  width: 58.4em;
}

#objekt_beschrieb { 
  margin-top:1em;
  width: 45em; float: left;
} 

#objekt_info { 
  margin-top:1em;
  width: 35.5em; float: right;
} 

#objekt_info h2 {
  font-weight: normal;
  padding:0;
  margin:0;
}

#objekt_navigation a,
#objekt_navigation span {
/*  font-family: Arial;*/
  display: block;
  float: left;
  margin: 0 3em 0 0;
}

#objekt_navigation a.next_link,
#objekt_navigation a.previous_link,
#objekt_navigation span.next_link,
#objekt_navigation span.previous_link {
  background: url(../images/next.gif) no-repeat 0 2px;
  margin: 0 0 0 0;
  padding: .7em .7em .4em;
}

#objekt_navigation a.previous_link {
  background: url(../images/previous.gif) no-repeat 0 2px;
}

#objekt_navigation span.previous_link {
  background: url(../images/previous_inactive.gif) no-repeat 0 2px;
}

#objekt_navigation span.next_link {
  background: url(../images/next_inactive.gif) no-repeat 0 2px;
}

#objekt_navigation span.images_info {
  margin: 0 0 0 0;
  margin-right: 0.3em;
}

#objekt_navigation span {
  color: #003399;
}

#objekt_navigation span.note {
  font-family: Trebuchet MS;
  padding-left: 2em;
  color: #000;
  display: inline-block;
}

.objekt_liste {
  width: 71.1em;
  margin-right: auto;
}

.objekt_liste td {
  height: 3.7em;
}

.slideshow_overlay {
  display: block;
  background: transparent url('../images/pause.png') no-repeat scroll bottom left;
}

.slideshow_overlay.play {
  background-image: url('../images/play.png');
}

.slideshow_overlay.off {
  background-image: none;
}


table {
  text-align: left;
  width: 100%;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}

tr {
  vertical-align: middle;
}

tr.list:hover a.view_detail {
  color: #FFF;
}

tr.list:hover td,
tr.list:hover,
tr.list.odd:hover td,
tr.list.odd:hover,
tr.list.even:hover td,
tr.list.even:hover,
table tr.list.odd a:hover,
table a:hover {
  background-color:#FFF;
  color: #003399;
}

table tr.list.even.visited a,
table tr.list.odd.visited a {
  color: #999 !important;
}

tr.list.odd td {
  background-color: #ffe057;
}

tr.list.even td {
  background-color: #fff1b0;
}

td span {
  padding: 0;
  display:block;
}

.news_list {
  border-bottom: 1px #fff197 solid;  
}

.news_highlight {
  color: #FFAB35;
}

.news_list:first-child {
  border-top: 1px #fff197 solid;  
}

.service_links {
  margin-top: 1em;
}

a.print,
a.bookmark,
a.recommend {
  font-family: Arial;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.1em;
  line-height: 1.1em;
  padding: 0em 0 .6em 1.2em;
  margin-right: 4em;
  background: url(../images/print.gif) no-repeat 0px 1px;
}

#objekt_navigation a.list_link {
  font-family: Arial;
  text-transform: uppercase;
/*  font-size: .9em !important;*/
  padding-left:1.2em;
  margin-top:.2em;
  margin-bottom: .2em;
  vertical-align: bottom;
  display: block;
  background: url(../images/list_icon.gif) no-repeat 0 1px;
}

#objekt_navigation a.list_link:hover {
  background: url(../images/list_icon_hover.gif) no-repeat 0 1px;
}

a.change_list_link {
  padding-left: 1.2em;
  color: #000;
  display: block;
  float: left;
  width: 24em;
  background: url(../images/list_change_icon.gif) no-repeat 0 2px;
}

a.change_list_link:hover {
  background: url(../images/list_change_icon_hover.gif) no-repeat 0 2px;
}

a.change_list_link.alternative_section {
  width: auto;
  text-align: right;
  float: right;
  padding-right: 1em;
}

#content a.change_list_link:hover {
  color: #003399;
}


a.bookmark {
  background: url(../images/bookmark.gif) no-repeat;
}

a.recommend {
  background: url(../images/recommend.gif) no-repeat;
}

.mitarbeiter {
/*  outline: 1px dotted red;*/
/*  clear: both;*/
  text-align: bottom;
  margin: 0;
}
.portrait {
  float:left;
  width: 29.5em;
}

.portrait img {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.detail {
    float: left;
    width: 15em;
}

.mitarbeiter_quadrat {
  background-color: #fff197;
  width: 36.1em;
  height: 36.1em;
  float:left;
}

.portrait_quadrat {
  display: block;
  float: left;
  width: 12em;
  height: 12em;
}

.mitarbeiter_quadrat.namen {
  background-color: transparent;
  margin-left:.9em;
  width: 10.1em;
  height: 36.1em;
}

.mitarbeiter_link {
  display: block;
}

.mitarbeiter_quadrat span a,
span.mitarbeiter_link {
  font-size: 1.15em;
  line-height: 1.35em;
}


span.abteilungs_link, 
a.abteilungs_link {
  display: block;
  line-height: 1.35em;
  font-size: 1.15em;
}

span.mitarbeiter_link {
  color: #003399;
}

.mitarbeiter_detail {
  margin-left: 0em;
  width: 24em;
  float:left;
}

.inner_portrait {
/*  background-color: #fff197;*/
  width: 24em;
  height: 24em;
  clear:left;
}

#content p.mitarbeiter_daten, 
#content h2.mitarbeiter_daten {
  line-height: 1.4em;
  margin-bottom: 0;
}

#content h2.mitarbeiter_daten {
  margin-top: .3em;
}

#content ul.sitemap, #content ul.sitemap ul, #content ul.sitemap li {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#content ul.sitemap, ul.sitemap li {
  line-height: 15px !important;
  list-style:none;
}
#content ul.sitemap, ul.sitemap li.page_level_one {
  margin-top: -1px !important;
}

ul.sitemap li > a {
  padding: 1px 0 8px 0  !important;
}

ul.sitemap li li > a {
  padding: 1px 0 5px 0  !important;
}

.sitemap li a {
  display: block;
  font-size: 11px;
  border-bottom: #fff1b0 1px solid;
}

.sitemap li a span {
  font-weight: bold;
}

.sitemap li a {
  border-bottom: #fff1b0 1px solid;
}

.sitemap li.page_level_one > a {
  background-color: #fff1b0;
}

.sitemap li.page_level_one ul.level_two {
  margin-bottom: 5px !important;
}

.sitemap .page_title {
  display: bold;
}

#content ul.sitemap li  {
  padding-left: 20px !important;
}

#content ul.sitemap li.page_level_one  {
  padding-left: 6px !important;
  margin-bottom: 22px !important;
}

#page_title_print {
  display: none;
}

#navigation #main_navigation li.baumeister a,
#navigation #main_navigation li.firma a,
#navigation #main_navigation li.baudienst a {
  padding-top:.3em;
}

a.referenz_bild_link img {
  margin: 0 .8em .3em 0;
}