/* ****************************************** */
/* Styleangaben fuer CityGOV 3                */
/*                      ole | 2011-04-11      */
/*                      number: 20110706      */
/* Suche nach §= findet Abschnitte            */
/* ****************************************** */
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
#sp-citygov,
#sp-citygov div,
#sp-citygov dl,
#sp-citygov dt,
#sp-citygov dd,
#sp-citygov ul,
#sp-citygov ol,
#sp-citygov li,
#sp-citygov h1,
#sp-citygov h2,
#sp-citygov h3,
#sp-citygov h4,
#sp-citygov h5,
#sp-citygov h6,
#sp-citygov pre,
#sp-citygov form,
#sp-citygov fieldset,
#sp-citygov input,
#sp-citygov p,
#sp-citygov blockquote,
#sp-citygov th,
#sp-citygov td {
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}
#sp-citygov table,
#sp-citygov div,
#sp-citygov span,
#sp-citygov ul,
#sp-citygov li,
#sp-citygov form,
#sp-citygov label,
#sp-citygov input,
#sp-citygov img,
#sp-citygov a {
  position: relative;
}
#sp-citygov,
#sp-citygov img {
  border: 0;
}
#sp-citygov address,
#sp-citygov caption,
#sp-citygov cite,
#sp-citygov code,
#sp-citygov dfn,
#sp-citygov em,
#sp-citygov strong,
#sp-citygov th,
#sp-citygov var {
  font-style: normal;
  font-weight: 400;
}
#sp-citygov ol,
#sp-citygov ul {
  list-style: none;
}
#sp-citygov caption,
#sp-citygov th {
  text-align: left;
}
#sp-citygov h1,
#sp-citygov h2,
#sp-citygov h3,
#sp-citygov h4,
#sp-citygov h5,
#sp-citygov h6 {
  font-size: 100%;
  position: relative;
}
#sp-citygov q:before,
#sp-citygov q:after {
  content: '';
}

.ext-forced-border-box,
.ext-forced-border-box * {
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* -------------------------------------------------------------- */
/* §=allgemeine Angaben zur Schriftgroesse                        */
/* body font-size: 62.5%  - 16px - 62.5% = 10px                   */
/* h1   font-size: 2em;   - 10px - 2em   = 20px                   */
/* p    font-size: 1.2em; - 10px - 1.2em = 12px                   */
/* bei Integration font-size von #sp-citygov auf 10px angleichen  */
/* -------------------------------------------------------------- */

#sp-citygov {
  background-color: #FFFFFF;
  border: 1px solid #7C91B4;
  color: #000000;
  font-family: "Segoe UI", Tahoma, "Lucida Grande", Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 1;
  margin: 16px 16px 16px 16px;
  padding: 12px 12px 12px 12px;
}
#sp-citygov #vv_content {
  margin: 0;
  padding: 0 0 3px 0;
  width: 100%;
}
#sp-citygov .content-header {
  border-top:  0px;
  border-right: 0px;
  border-bottom: 6px solid #FFFFFF;
  border-left:  0px;
  overflow: visible;
}
#sp-citygov .logo {
  margin: 0 0 6px 0;
  padding: 0;
  overflow: hidden;
}
#sp-citygov h1.global-headline {
  clear: both;
  color: #FFFFFF;
  letter-spacing: .05em;
  margin: 0 0 1px 0;
  overflow: hidden;
  padding: 4px 3px 6px 3px;
  text-transform: uppercase;
}
#sp-citygov h1.headline,
#sp-citygov h2.headline {
  border-top:  0px;
  border-right: 0px;
  border-bottom: 3px solid #999999;
  border-left:  0px;
  margin: 10px 3px 0 3px;
  padding: 1px 25px 2px 0;
}
#sp-citygov h2.subheadline,
#sp-citygov h3.subheadline,
#sp-citygov h4.subheadline,
#sp-citygov.person .function {
  background-position: right bottom;
  background-repeat: no-repeat;
  color: #585858;
  margin: 6px 40px 3px 0;
  padding: 0;
}
#sp-citygov h3.sub-subheadline,
#sp-citygov h4.sub-subheadline,
#sp-citygov h5.sub-subheadline {
  margin: 0 0 2px 0;
  padding: 0;
}
#sp-citygov .clear {
  clear: both;
  height: 0px;
}
#sp-citygov i,
#sp-citygov em {
  font-style: italic;
}
#sp-citygov .accesskey {
  text-decoration: underline;
  font-style: normal;
}
#sp-citygov .error-massage {
  color: #DD0000;
}
#sp-citygov input {
  margin: 0;
  padding: 3px;
  vertical-align: middle;
}
#sp-citygov button.submitBtn,
#sp-citygov button.searchButton {
  margin: 0;
  padding: 0;
}
#sp-citygov input.submitBtn,
#sp-citygov input.searchButton,
#sp-citygov button.submitBtn > span,
#sp-citygov button.searchButton > span {
  display: inline-block;
  margin: 0;
  padding: 1px 3px 1px 3px;
  width: 60px;
}
#sp-citygov button.resetBtn {
  margin: 0;
  padding: 0;
}
#sp-citygov input.resetBtn,
#sp-citygov button.resetBtn > span {
  display: inline-block;
  margin: 0;
  padding: 1px 3px 1px 3px;
  width: 95px;
}
#sp-citygov .departmentintro,
#sp-citygov .departmentfooter,
#sp-citygov .formListIntro {
  margin: 0 0 1.25em 0;
  padding: 0;
}
#sp-citygov .introduction,
#sp-citygov .competence {
  margin: 0 0 12px 3px;
  padding: 0;
}
#sp-citygov .introduction img {
  clear: right;
  float: right;
  margin: .5em 0 1.5em 10px;
  padding: 0;
}
#sp-citygov .description {
  margin: 12px 0 12px 0;
  padding: 0;
}
#sp-citygov.start .introduction,
#sp-citygov.start .description,
#sp-citygov.topic .introduction,
#sp-citygov.topic .description {
  margin: 12px 3px 12px 3px;
  padding: 0;
}
#sp-citygov .paragraph {
  margin: 0 0 16px 0;
  padding: 0;
}
#sp-citygov .imgRight {
  float: right;
}
#sp-citygov #ies-cca-person-image {
  border: 1px solid #D3D3D3;
  margin: 0;
  padding: 2px 2px 2px 2px;
}
#sp-citygov #ies-cca-person-image img {
  display: block;
}
#sp-citygov #ies-cca-orga-image {
  border: 1px solid #D3D3D3;
  margin: 6px 0 0 6px;
  padding: 2px 2px 2px 2px;
}
#sp-citygov #ies-cca-orga-image img {
  display: block;
}
#sp-citygov #ies-cca-person-image .imgRightTitle,
#sp-citygov #ies-cca-orga-image .imgRightTitle {
  width: 200px;
}

/* §=Font-Size
-------------------------------------------------------------- */

#sp-citygov #overlay div a.close:link,
#sp-citygov #overlay div a.close:visited {
  font-size: 1.8em;
}
#sp-citygov h1.global-headline {
  font-size: 1.7em;
}
#sp-citygov h1.headline,
#sp-citygov h2.headline,
#sp-citygov .contactResult .mailInfo,
#sp-citygov .contactForm .legend {
  font-size: 1.6em;
}
#sp-citygov .main-navigation,
#sp-citygov .searchResult .paging .firstPage,
#sp-citygov .searchResult .paging .previousPage,
#sp-citygov .searchResult .paging .nextPage,
#sp-citygov .searchResult .paging .lastPage {
  font-size: 1.4em;
}
#sp-citygov h2.subheadline,
#sp-citygov h3.subheadline,
#sp-citygov h4.subheadline {
  font-size: 1.384em;
}
#sp-citygov .vvbody,
#sp-citygov .introduction,
#sp-citygov .description,
#sp-citygov.start .mostVisited,
#sp-citygov.start .forms,
#sp-citygov.start .themesOverview,
#sp-citygov.start .theme,
#sp-citygov.start .searchOf,
#sp-citygov.start .departments,
#sp-citygov.start .downloadBlock,
#sp-citygov .searchResult,
#sp-citygov .searchResult-link,
#sp-citygov .theme,
#sp-citygov .error {
  font-size: 1.3em;
}
#sp-citygov .searchResult .legend {
  font-size: 1.231em;
}
#sp-citygov .searchResult .paging .separator,
#sp-citygov .navipath,
#sp-citygov .tabs,
#sp-citygov #overlay #imgZoom .legend,
#sp-citygov .contactForm .label,
#sp-citygov .contactForm label,
#sp-citygov .contactFormContainer .introduction,
#sp-citygov .contactForm .comment {
  font-size: 1.1em;
}
#sp-citygov .vvbody .introduction,
#sp-citygov .vvbody .description,
#sp-citygov .paragraph {
  font-size: 1em;
}
#sp-citygov .teaser .caption,
#sp-citygov .searchOfText .label,
#sp-citygov .searchOfAlphabet .label,
#sp-citygov .searchOfType .label,
#sp-citygov .citygov-snippets div.image div.legend,
#sp-citygov .citygov-snippets div.movie div.legend,
#sp-citygov div.geoDataMap div.image div.legend span.copyright,
#sp-citygov #ies-cca-orga-image,
#sp-citygov #ies-cca-person-image {
  font-size: 0.846em;
}

/* §=Font-Weight
-------------------------------------------------------------- */

#sp-citygov h1.global-headline,
#sp-citygov h2.subheadline,
#sp-citygov h3.subheadline,
#sp-citygov h4.subheadline,
#sp-citygov a,
#sp-citygov a:link,
#sp-citygov .tabs .tab-active a,
#sp-citygov .tabs .tab-active a span em.accesskey,
#sp-citygov .post-token,
#sp-citygov .searchOfText strong,
#sp-citygov #vv_content .contactForm .introduction,
#sp-citygov .contactResult .mailInfo,
#sp-citygov .contactForm .legend,
#sp-citygov .description,
#sp-citygov.person .function,
#sp-citygov input,
#sp-citygov label,
#sp-citygov .label,
#sp-citygov .product .competence {
  font-weight: 400;
}
#sp-citygov h1.headline,
#sp-citygov h2.headline,
#sp-citygov .letterBlock h4,
#sp-citygov .pre-token,
#sp-citygov .contactResult .mailHeader,
#sp-citygov #overlay div a.close:link,
#sp-citygov #overlay div a.close:visited,
#sp-citygov table th,
#sp-citygov strong,
#sp-citygov strong em,
#sp-citygov .introduction,
#sp-citygov .competence {
  font-weight: 700;
}

/* §=Line-Height
-------------------------------------------------------------- */

#sp-citygov table,
#sp-citygov .vnav,
#sp-citygov .teaser .caption,
#sp-citygov .addressDataOEPNVLink,
#sp-citygov .addressDataAccessibleLink,
#sp-citygov .menu,
#sp-citygov .structure ul,
#sp-citygov .departmentlist ul,
.person #sp-citygov .oeLink .department ul,
#sp-citygov .absatz ul a,
#sp-citygov .absatz ol a,
#sp-citygov .letter,
#sp-citygov div.letterList li {
  line-height: 1;
}
#sp-citygov h1,
#sp-citygov h2,
#sp-citygov h3,
#sp-citygov h4,
#sp-citygov h5,
#sp-citygov .vvbody .absatz .postaddress,
#sp-citygov .vvbody .absatz .addressData,
#sp-citygov #ies-cca-orga-image,
#sp-citygov #ies-cca-person-image,
#sp-citygov table .product_list {
  line-height: 1.2em;
}
#sp-citygov .introduction,
#sp-citygov table td,
#sp-citygov .description,
#sp-citygov .departmentintro,
#sp-citygov .searchOfText .label,
#sp-citygov .searchOfAlphabet .label,
#sp-citygov .themeEntry,
#sp-citygov .error,
#sp-citygov div.geoDataMap div.image div.legend span.copyright,
#sp-citygov .search,
#sp-citygov .vvbody,
#sp-citygov #sp_vv_searchFormPhone .formlabel {
  line-height: 1.3em;
}
#sp-citygov .contactForm .label,
#sp-citygov .contactForm .comment,
#sp-citygov .searchResult .legend {
  line-height: 1.4em;
}
#sp-citygov dl,
#sp-citygov ul,
#sp-citygov ol {
 line-height: 1.5em;
}
#sp-citygov .navipath ul li a span.arrow-left,
#sp-citygov .navipath ul li a span.text,
#sp-citygov .navipath ul li a span.arrow-right {
  height: 17px;
  line-height: 17px;
}
#sp-citygov .token {
  line-height: 17px;
}
#sp-citygov .searchResult .paging .firstPage,
#sp-citygov .searchResult .paging .previousPage,
#sp-citygov .searchResult .paging .nextPage,
#sp-citygov .searchResult .paging .lastPage {
  line-height: 1.6em;
}
#sp-citygov .searchResult-link a span.inner-left,
#sp-citygov .searchResult-link a span.inner-middle,
#sp-citygov .searchResult-link a span.inner-right {
  line-height: 1em;
}
#sp-citygov .headline span.icon {
  line-height: 1em;
}
#sp-citygov #overlay div span.prev,
#sp-citygov #overlay div span.next,
#sp-citygov #overlay div a.prev:link,
#sp-citygov #overlay div a.prev:visited,
#sp-citygov #overlay div a.next:link,
#sp-citygov #overlay div a.next:visited {
  line-height: 1000px;
}

/* §=Farben §=Hintergrund
-------------------------------------------------------------- */

#sp-citygov,
#sp-citygov .logo,
#sp-citygov .content-header,
#sp-citygov .navipath,
#sp-citygov .form-overview,
#sp-citygov .topic-overview,
#sp-citygov .theme,
#sp-citygov .knowledge-management,
#sp-citygov .telephone-directory,
#sp-citygov .most-popular-pages,
#sp-citygov .department-overview,
#sp-citygov.start .downloadlinks,
#sp-citygov .absatz .downloadBlock,
#sp-citygov #vv_content .contactForm .introduction,
#sp-citygov .contactForm,
#sp-citygov .contactResult,
#sp-citygov .odd,
#sp-citygov .start-printablePhonebook,
#sp-citygov .objectLinks-2dimensional {
  background-color: #FFFFFF;
}
#sp-citygov .even,
#sp-citygov #vv_content,
#sp-citygov #vv_content div.start,
#sp-citygov table th,
#sp-citygov table td.contact-image {
  background-color: #F5F5F3;
}
#sp-citygov h1.global-headline {
  background-color: #2F507F;
}
#sp-citygov .searchResult {
  background-color: #F5F5F3 !important;
}
#sp-citygov .menu li {
  background-color: #F7F7F7;
}
#sp-citygov .searchResult-link,
#sp-citygov .main-navigation,
#sp-citygov .menu li a,
#sp-citygov .inner-left,
#sp-citygov .inner-middle,
#sp-citygov .inner-right,
#sp-citygov .arrow-right,
#sp-citygov .arrow-left,
#sp-citygov .text,
#sp-citygov .icon,
#sp-citygov .mail a,
#sp-citygov .copyright {
  background-color: transparent;
}

/* §=Menu
-------------------------------------------------------------- */

#sp-citygov .main-navigation {
  clear: both;
  display: block;
}
#sp-citygov .menu {
  display: inline-block;
  overflow: auto;
  outline: none;
  margin: 0;
  padding: 3px 3px 3px 3px;
}
#sp-citygov .menu li {
  border: 1px solid #CED5E1;
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  white-space: nowrap;
}
#sp-citygov .menu a {
  color: #000000;
  display: inline-block;
  margin: 0;
  padding: 4px 10px 4px 10px;
  position: relative;
}
#sp-citygov .menu a:focus {
  color: #000000;
  outline: 1px dotted #000000;
  text-decoration: none;
}
#sp-citygov .menu a:hover,
#sp-citygov .menu a:active {
  text-decoration: underline;
  color: #000000;
}
#sp-citygov div.ilink {
  bottom: -4px;
  line-height: 1.6;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: -10px;
  text-align: right;
  z-index: 1000;
}
#sp-citygov .navipath {
  margin: 0;
  padding: 12px 0 0 0;
  width: 98%;
}
#sp-citygov .navipath ul {
  display: block;
}
#sp-citygov .navipath ul li.root {
  display: inline;
  white-space: nowrap;
}
#sp-citygov .navipath ul li ul {
  display: table;
  white-space: normal;
}
#sp-citygov .navipath > ul > li > ul {
  position: relative;
  z-index: 1;
}
#sp-citygov .navipath ul li.root a span.arrow-left {
  display: inline-block;
  margin: 0 auto;
  padding: 0 0 0 3px;
  text-align: center;
  width: 0;
}
#sp-citygov .navipath ul li.root a span.text {
  display: inline-block;
  margin: 0 auto 0 auto;
  padding: 0 3px 0 3px;
  text-align: center;
  width: auto;
}
#sp-citygov .navipath ul li a {
  color: #000000;
  display: table-cell;
  float: left;
  white-space: nowrap;
}
#sp-citygov .navipath > ul > li > a {
  position: relative;
  z-index: 2;
}
#sp-citygov .navipath ul li a:focus,
#sp-citygov .navipath ul li a:focus span.arrow-left,
#sp-citygov .navipath ul li a:focus span.text,
#sp-citygov .navipath ul li a:focus span.arrow-right,
#sp-citygov .navipath ul li a:active,
#sp-citygov .navipath ul li a:active span.arrow-left,
#sp-citygov .navipath ul li a:active span.text,
#sp-citygov .navipath ul li a:active span.arrow-right {
  border: 0;
  color: #000000;
  outline: none;
}
#sp-citygov .navipath ul li a:hover,
#sp-citygov .navipath ul li a:active {
  text-decoration: none;
  color: #000000;
}
#sp-citygov .navipath ul li ul li {
  float: left;
  margin: 0;
  padding: 0 0 3px 0;
}
#sp-citygov .navipath ul li ul li a {
  margin: 0 0 0 -6px;
  padding: 0;
  display: block;
}
#sp-citygov .navipath ul li a span.text {
  margin: 0;
  padding: 0 2px 0 20px;
}
#sp-citygov .navipath ul li a span.arrow-right {
  display: inline-block;
  margin: 0 auto 0 auto;
  padding: 0 0 0 10px;
  text-align: center;
  width: 0;
}
#sp-citygov .navipath ul li.root ul li a span.arrow-left {
  margin: 0;
  padding: 0 0 0 10px;
}
#sp-citygov #vv_content .searchResult-link {
  display: block;
  overflow: visible;
  position: absolute;
  right: 0px;
  top: -12px;
}
#sp-citygov .searchResult-link a,
#sp-citygov .searchResult-link a:link,
#sp-citygov .searchResult-link a:visited {
  color: #000000 !important;
  text-decoration: none;
}
#sp-citygov .searchResult-link a:focus,
#sp-citygov .searchResult-link a:hover,
#sp-citygov .searchResult-link a:active {
  outline: 0 !important;
}
#sp-citygov .searchResult-link a span.inner-left {
  float: left;
  height: 12px;
  margin: 0;
  padding: 4px 0 4px 0;
  width: 10px
}
#sp-citygov .searchResult-link a span.inner-middle {
  float: left;
  height: 12px;
  margin: 0;
  padding: 4px 6px 4px 6px;
  z-index: 2;
}
#sp-citygov .searchResult-link a span.inner-right {
  float: left;
  height: 12px;
  margin: 0;
  padding: 4px 0 4px 0;
  width: 10px;
}
#sp-citygov .searchResult-link a:hover span.inner-middle {
  text-decoration: underline;
}
#sp-citygov .searchResult-link a:focus span.inner-middle,
#sp-citygov .searchResult-link a:active span.inner-middle {
  outline: 1px dotted #000000;
}

/* §=Verweise
-------------------------------------------------------------- */

#sp-citygov :link:focus,
#sp-citygov :visited:focus {
  color: #2F507F;
  outline: none;
  border: 0;
}
#sp-citygov :link,
#sp-citygov a {
  color: #2F507F;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
#sp-citygov :visited {
  color: #2F507F;
}
#sp-citygov :link:hover,
#sp-citygov :visited:hover {
  color: #2F507F;
}
#sp-citygov :link:active,
#sp-citygov :visited:active {
  color: #2F507F;
}
#sp-citygov :link:focus,
#sp-citygov :visited:focus,
#sp-citygov :link,
#sp-citygov :visited,
#sp-citygov :link:active,
#sp-citygov :visited:active {
  text-decoration: none;
  outline: none;
  border: 0;
}
#sp-citygov :link:hover,
#sp-citygov :visited:hover {
  text-decoration: none;
}


#sp-citygov p :link:focus,
#sp-citygov p :visited:focus {
  outline: 1px dotted #2F507F;
}
#sp-citygov p :link:focus,
#sp-citygov p :visited:focus,
#sp-citygov p :link,
#sp-citygov p :visited,
#sp-citygov p :link:active,
#sp-citygov p :visited:active {
  text-decoration: none;
}
#sp-citygov p :link:hover,
#sp-citygov p :visited:hover {
  text-decoration: underline;
}
#sp-citygov td.email span.text a,
#sp-citygov a.sp-mailto span.text img {
  border-bottom: 1px solid transparent !important;
}
#sp-citygov a.sp-mailto span.text img {
  display: block;
  float:left;
}
#sp-citygov td.email span.text a:hover,
#sp-citygov a.sp-mailto:hover span.text img {
  border-bottom: 1px solid #8F99CD !important;
}
#sp-citygov td.email span.text a.sp-mailto:focus img.sp-email,
#sp-citygov a.sp-mailto:focus span.text img {
  outline: 1px dotted #8F99CD !important;
}
#sp-citygov .downloadlinks li a {
  display: inline-block;
}

/* §=Zieldifferenzierung
............................................................... */

#sp-citygov a.popup-in-page {
  color: #147BC0;
}

/* §=Icons
............................................................... */

#sp-citygov span.icon {
  display: list-item;
  height: 1.4em;
  line-height: 1.4em;
  list-style: none;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-indent: -99999em;
  width: 14px;
}
#sp-citygov a:hover span.icon,
#sp-citygov a:active span.icon {
  text-decoration: none !important;
}

span.nolink {
  line-height: 14px;
}
#sp-citygov a span.text,
#sp-citygov a:link span.text,
#sp-citygov a:visited span.text,
#sp-citygov span.text {
  display: inline-block;
  line-height: 1.4em;
  margin: 0 0 0 18px;
  padding: 0;
  position: static;
  text-decoration: none;
}
#sp-citygov a:focus span.text {
  outline: 1px dotted #000000;
  text-decoration: none;
}
#sp-citygov a:hover span.text,
#sp-citygov a:active span.text {
  text-decoration: underline;
}
#sp-citygov span.text {
  line-height: 1.4em;
  margin: 0 0 0 18px;
  padding: 0;
  position: static;
  text-decoration: none;
}
#sp-citygov .headline span.text {
  display: inline;
  margin: 0;
  padding: 0;
}
#sp-citygov .email a {
  display: inline-block;
  text-decoration: none;
}
#sp-citygov .internet a {
  display: block;
  text-decoration: none;
}
#sp-citygov .email a:focus,
#sp-citygov .internet a:focus {
  outline: 0;
  text-decoration: none;
}
#sp-citygov .internet a span.icon {
  margin: 0;
  padding: 0;
  position: absolute;
  left: auto;
}
#sp-citygov .phone a span.icon {
  margin: 0;
  padding: 0;
  position: absolute;
  left: auto;
}
#sp-citygov .email a:focus span.text,
#sp-citygov .internet a:focus span.text,
#sp-citygov .phone a:focus span.text {
  outline: 1px dotted #000000;
}
#sp-citygov td.email .sp-mailto {
  vertical-align: text-top;
}
#sp-citygov td.email span.text a.sp-mailto img {
  border-bottom: 1px solid transparent !important;
  display: block;
  float:left;
  margin: 0 0 -1px 0;
  padding: 0;
  top: 0px;
}
#sp-citygov td.email span.text a.sp-mailto:hover img {
  border-bottom: 1px solid #8F99CD !important;
}
#sp-citygov td.email span.text a.sp-mailto:focus img {
  outline: 1px dotted #8F99CD !important;
}

/* §=Icons-XL Headlines
............................................................... */

#sp-citygov .headline span.icon {
  bottom: 3px;
  display: inline-block;
  height: 21px;
  left: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: auto;
  width: 22px;
}

/* §=Hintergrundgrafik (Klassen)
............................................................... */

#sp-citygov .main-navigation,
#sp-citygov .menu li a,
#sp-citygov .searchResult-link a span.inner-left,
#sp-citygov .searchResult-link a span.inner-middle,
#sp-citygov .searchResult-link a span.inner-right {
  background-image: url("../img/sprite-mn.png");
}
#sp-citygov .navipath li a span.arrow-left,
#sp-citygov .navipath li a span.arrow-right,
#sp-citygov .navipath li a span.text {
  background-image: url("../img/sprite-navi.png");
}
#sp-citygov .headline span.icon {
  background-image: url("../img/sprite-icons-xl.png");
}
#sp-citygov #vv_content .vvbody {
  background-image: url("../img/bgfade-tabcontent.png");
  background-repeat: repeat-x;
  background-position: 0 0;
}
#sp-citygov span.icon {
  background-image: url("../img/sprite-icons.png");
}
#sp-citygov .structure li.angle {
  background-image: url("../img/sprite-gliederung.png");
  list-style: none outside none;
}
#sp-citygov .main-navigation,
#sp-citygov .menu li a,
#sp-citygov .searchResult-link a span.inner-middle,
#sp-citygov .navipath li a span.text {
  background-repeat: repeat-x;
}
#sp-citygov .searchResult-link a span.inner-left,
#sp-citygov .searchResult-link a span.inner-right,
#sp-citygov .navipath li a span.arrow-left,
#sp-citygov .navipath li a span.arrow-right,
#sp-citygov .mail a,
#sp-citygov span.icon,
#sp-citygov .structure li.angle {
  background-repeat: no-repeat;
}
#sp-citygov .person_list .sp-email {
  display: none;
}
#sp-citygov .mail a {
  display: block;
  height: 15px;
  overflow: hidden;
  text-indent: -9999em;
  width: 15px;
}
#sp-citygov .mail a:focus {
  outline: 1px dotted #000000;
}

/* §=Hintergrundpositionen (Klassen)
............................................................... */

 #sp-citygov .main-navigation {
   background-position: 0 0;
 }
 #sp-citygov .menu li a {
   background-position: 0 -100px;
 }
 #sp-citygov .navipath li.root a span.arrow-left {
   background-position: left 0;
 }
 #sp-citygov .navipath li.root a:focus span.arrow-left {
   background-position: left -135px;
 }
 #sp-citygov .navipath li.root a:focus span.text {
   background-position: right -135px;
 }
 #sp-citygov .navipath li.root li.first a:focus span.arrow-left,
 #sp-citygov .navipath li.root li a:focus span.arrow-left {
   background-position: left -102px;
 }
 #sp-citygov .navipath li.root li.first a:focus span.text,
 #sp-citygov .navipath li.root li a:focus span.text,
 #sp-citygov .navipath li a:focus span.text {
   background-position: right -102px;
 }
 #sp-citygov .navipath li.root a span.text,
 #sp-citygov .navipath li.root li.first a span.text,
 #sp-citygov .navipath li.root li a span.text {
   background-position: right -17px;
 }
 #sp-citygov .navipath li.root li.first a span.arrow-left,
 #sp-citygov .navipath li.root li a span.arrow-left {
   background-position: left -17px;
 }
 #sp-citygov .navipath li.root a span.arrow-right,
 #sp-citygov .navipath li.root li.first a span.arrow-right,
 #sp-citygov .navipath li.root li a span.arrow-right {
   background-position: right -34px;
 }
 #sp-citygov .navipath li.root li.last a span.arrow-left {
   background-position: left -68px;
 }
 #sp-citygov .navipath li.root li.last a span.text {
   background-position: right -68px;
 }
 #sp-citygov .navipath li.root li.last a:focus span.arrow-left {
   background-position: left -119px;
 }
 #sp-citygov .navipath li.root li.last a:focus span.text {
   background-position: right -119px;
 }
 #sp-citygov .navipath li.root li.last a span.arrow-right {
   background-position: right -85px;
 }
 #sp-citygov .structure li.angle,
 #sp-citygov .departmentlist li.angle,
 #sp-citygov.person .oeLink li.angle {
   background-position: -35px 5px;
   margin: 0;
   padding: 0 0 0 10px;
 }
 #sp-citygov .structure li li.angle,
 #sp-citygov .departmentlist li li.angle,
 #sp-citygov.person .oeLink li li.angle {
   background-position: 0px -28px;
   margin: 0;
   padding: 0 0 0 10px;
 }
 #sp-citygov .structure li li.angle li,
 #sp-citygov .departmentlist li li.angle li,
 #sp-citygov.person .oeLink li li.angle li {
   background-position: 0px -28px;
   margin: 0;
   padding: 2px 0 6px 10px;
 }
 #sp-citygov .structure li li.angle li li,
 #sp-citygov .departmentlist li li.angle li li,
 #sp-citygov.person .oeLink li li.angle li li {
   background-position: 0px -28px;
   margin: 0;
   padding: 2px 0 6px 10px;
 }
 #sp-citygov .searchResult-link a span.inner-left {
   background-position: left -227px;
 }
 #sp-citygov .searchResult-link a span.inner-middle {
   background-position: left -273px;
 }
 #sp-citygov .searchResult-link a span.inner-right {
   background-position: right -227px;
 }
 #sp-citygov.start .headline span.icon {
   display: none;
 }
 #sp-citygov.organisation .headline span.icon {
   background-position: 4px 0;
 }
 #sp-citygov.service .headline span.icon {
   background-position: -35px -40px;
 }
 #sp-citygov.person .headline span.icon {
   background-position: -78px -81px;
 }
 #sp-citygov .form .headline span.icon {
   background-position: -96px -100px;
 }
 #sp-citygov .ticket .headline span.icon {
   background-position: -160px -160px;
 }
 #sp-citygov.topic .headline span.icon {
   background-position: -200px -200px;
 }
 #sp-citygov .addressDataOEPNVLink a span.icon,
 #sp-citygov .addressDataAccessible a span.icon,
 #sp-citygov .linklist li.internal-link a span.icon,
 #sp-citygov .themesProduct a span.icon {
   background-position: -3px -3px;
 }
 #sp-citygov .addressDataOEPNVLink a:hover span.icon,
 #sp-citygov .addressDataAccessible a:hover span.icon,
 #sp-citygov .linklist li.internal-link a:hover span.icon,
 #sp-citygov .themesProduct a:hover span.icon {
   background-position: -3px -43px;
 }
 #sp-citygov a.internal-link span.icon {
   background-position: -3px -1px;
 }
 #sp-citygov a.internal-link:hover span.icon {
   background-position: -3px -41px;
 }
 #sp-citygov .linklist li.external-link a span.icon,
 #sp-citygov .internet a.external-link span.icon,
 #sp-citygov a.external-link span.icon {
   background-position: -23px -20px;
 }
 #sp-citygov .linklist li.external-link a:hover span.icon,
 #sp-citygov .internet a.external-link:hover span.icon,
 #sp-citygov a.external-link:hover span.icon {
   background-position: -23px -60px;
 }
 #sp-citygov a span.icon.download {
   background-position: -43px -43px;
 }
 #sp-citygov a:hover span.icon.download {
   background-position: -43px -83px;
 }
 #sp-citygov .absatz div.anchor li a span.icon {
   background-position: -63px -61px;
 }
 #sp-citygov .absatz div.anchor li a:hover span.icon,
 #sp-citygov .absatz div.anchor li a:active span.icon {
   background-position: -63px -101px;
 }
 #sp-citygov .themeEntry a span.icon {
   background-position: -123px -123px;
 }
 #sp-citygov .themeEntry a:hover span.icon {
   background-position: -123px -163px;
 }
 #sp-citygov .absatz .oeLink li a span.icon,
 #sp-citygov .mostVisited li.organisation a span.icon,
 #sp-citygov .searchResult li.organisation a span.icon,
 #sp-citygov .mostVisited li.office a span.icon,
 #sp-citygov .searchResult li.office a span.icon,
 #sp-citygov .absatz li.office a span.icon,
 #sp-citygov .absatz .oeLink li.office a span.icon,
 #sp-citygov .mostVisited li.department a span.icon,
 #sp-citygov .searchResult li.department a span.icon,
 #sp-citygov .absatz .oeLink li.department a span.icon {
   background-position: -143px -142px;
 }
 #sp-citygov .absatz .oeLink li a:hover span.icon,
 #sp-citygov .mostVisited li.organisation a:hover span.icon,
 #sp-citygov .searchResult li.organisation a:hover span.icon,
 #sp-citygov .mostVisited li.office a:hover span.icon,
 #sp-citygov .searchResult li.office a:hover span.icon,
 #sp-citygov .absatz li.office a:hover span.icon,
 #sp-citygov .absatz .oeLink li.office a:hover span.icon,
 #sp-citygov .mostVisited li.department a:hover span.icon,
 #sp-citygov .searchResult li.department a:hover span.icon,
 #sp-citygov .absatz .oeLink li.department a:hover span.icon {
   background-position: -143px -182px;
 }
 #sp-citygov .absatz .analogicalProduct li a span.icon,
 #sp-citygov .absatz .product li span.nolink,
 #sp-citygov .absatz .product li a span.icon,
 #sp-citygov .theme .product li a span.icon,
 #sp-citygov .absatz li.product a span.icon,
 #sp-citygov .mostVisited li.product a span.icon,
 #sp-citygov .searchResult li.product a span.icon,
 #sp-citygov .product table.product_list .product_name a span.icon,
 #sp-citygov .product table.product_list .product_name span.icon {
   background-position: -163px -161px;
 }
 #sp-citygov .absatz .analogicalProduct li a:hover span.icon,
 #sp-citygov .absatz .product li a:hover span.icon,
 #sp-citygov .theme .product li a:hover span.icon,
 #sp-citygov .absatz li.product a:hover span.icon,
 #sp-citygov .mostVisited li.product a:hover span.icon,
 #sp-citygov .searchResult li.product a:hover span.icon,
 #sp-citygov .product table.product_list .product_name a:hover span.icon {
   background-position: -163px -201px;
 }
 #sp-citygov .person table td.person_name a span.icon,
 #sp-citygov .searchResult td.person a span.icon,
 #sp-citygov .absatz li.person a span.icon,
 #sp-citygov .absatz .person li a span.icon,
 #sp-citygov .absatz .proxy li a span.icon,
 #sp-citygov .product table.product_list .product_proxy a span.icon,
 #sp-citygov .product table.product_list .product_proxy span.icon {
   background-position: -183px -181px;
 }
 #sp-citygov .person table td.person_name a:hover span.icon,
 #sp-citygov .searchResult td.person a:hover span.icon,
 #sp-citygov .absatz li.person a:hover span.icon,
 #sp-citygov .absatz .person li a:hover span.icon,
 #sp-citygov .absatz .proxy li a:hover span.icon,
 #sp-citygov .product table.product_list .product_proxy a:hover span.icon,
 #sp-citygov .product table.product_list .product_proxy:hover span.icon {
   background-position: -183px -221px;
 }
 #sp-citygov a.download span.icon.file-icon,
 #sp-citygov a.form span.icon,
 #sp-citygov a.form-solution span.icon {
   background-position: -203px -201px;
 }
 #sp-citygov a.download:hover span.icon.file-icon,
 #sp-citygov a.form-solution:hover span.icon,
 #sp-citygov a.form:hover span.icon {
   background-position: -203px -241px;
 }
 #sp-citygov a span.icon.text-icon {
   background-position: -243px -243px;
 }
 #sp-citygov a:hover span.icon.text-icon {
   background-position: -243px -283px;
 }
 #sp-citygov a span.icon.text-icon.pdf,
 #sp-citygov a span.icon.file-icon.pdf {
   background-position: -263px -262px;
 }
 #sp-citygov a:hover span.icon.text-icon.pdf,
 #sp-citygov a:hover span.icon.file-icon.pdf {
   background-position: -263px -302px;
 }
 #sp-citygov a span.icon.text-icon.doc,
 #sp-citygov a span.icon.file-icon.doc {
   background-position: -283px -282px;
 }
 #sp-citygov a:hover span.icon.text-icon.doc,
 #sp-citygov a:hover span.icon.file-icon.doc {
   background-position: -283px -322px;
 }
 #sp-citygov a span.icon.text-icon.dot,
 #sp-citygov a span.icon.file-icon.dot {
   background-position: -283px -283px;
 }
 #sp-citygov a:hover span.icon.text-icon.dot,
 #sp-citygov a:hover span.icon.file-icon.dot
{
   background-position: -283px -323px;
 }
 #sp-citygov a span.icon.text-icon.xls,
 #sp-citygov a span.icon.file-icon.xls {
   background-position: -303px -303px;
 }
 #sp-citygov a:hover span.icon.text-icon.xls,
 #sp-citygov a:hover span.icon.file-icon.xls {
   background-position: -303px -343px;
 }
 #sp-citygov a span.icon.text-icon.ppt,
 #sp-citygov a span.icon.file-icon.ppt
{
   background-position: -323px -323px;
 }
 #sp-citygov a:hover span.icon.text-icon.ppt,
 #sp-citygov a:hover span.icon.file-icon.ppt
{
   background-position: -323px -363px;
 }
 #sp-citygov a span.icon.video-icon {
   background-position: -343px -343px;
 }
 #sp-citygov a:hover span.icon.video-icon {
   background-position: -343px -383px;
 }
 #sp-citygov a span.icon.audio-icon {
   background-position: -363px -363px;
 }
 #sp-citygov a:hover span.icon.audio-icon {
   background-position: -363px -403px;
 }
 #sp-citygov a span.icon.image-icon.jpg,
 #sp-citygov a span.icon.image-icon.jpeg {
   background-position: -383px -383px;
 }
 #sp-citygov a:hover span.icon.image-icon.jpg,
 #sp-citygov a:hover span.icon.image-icon.jpeg {
   background-position: -383px -423px;
 }
 #sp-citygov a span.icon.image-icon.png {
   background-position: -403px  -403px;
 }
 #sp-citygov a:hover span.icon.image-icon.png {
   background-position: -403px -443px;
 }
 #sp-citygov a span.icon.image-icon.gif {
   background-position: -423px -423px;
 }
 #sp-citygov a:hover span.icon.image-icon.gif {
   background-position: -423px -463px;
 }
 #sp-citygov a span.icon.image-icon.tif {
   background-position: -443px -443px;
 }
 #sp-citygov a:hover span.icon.image-icon.tif {
   background-position: -443px -483px;
 }
 #sp-citygov a span.icon.image-icon {
   background-position: -463px -463px;
 }
 #sp-citygov a:hover span.icon.image-icon {
   background-position: -463px -503px;
 }
 #sp-citygov .email a span.icon {
   background-position: -503px -503px;
 }
 #sp-citygov .email a:hover span.icon {
   background-position: -503px -543px;
 }
 #sp-citygov .mail a span.icon {
   background-position: -502px -503px;
 }
 #sp-citygov .mail a:hover {
   background-position: -502px -543px;
 }
 #sp-citygov .phone a span.icon {
   background-position: -482px -482px;
 }
 #sp-citygov .phone a:hover span.icon {
   background-position: -482px -522px;
 }
 #sp-citygov .searchOfOpen a span.icon,
 .contactForm .contactFormOpen a span.icon {
   background-position: -523px -524px;
 }
 #sp-citygov .searchOfOpen a:focus span.icon,
 .contactForm .contactFormOpen a:focus span.icon,
 #sp-citygov .searchOfOpen a:hover span.icon,
 .contactForm .contactFormOpen a:hover span.icon,
 #sp-citygov .searchOfOpen a:active span.icon,
 .contactForm .contactFormOpen a:active span.icon {
   background-position: -523px -564px;
 }
 #sp-citygov .searchOfClose a span.icon,
 #sp-citygov .contactFormClose a span.icon {
   background-position: -543px -544px;
 }
 #sp-citygov .searchOfClose a:focus span.icon,
 #sp-citygov .contactFormClose a:focus span.icon,
 #sp-citygov .searchOfClose a:hover span.icon,
 #sp-citygov .contactFormClose a:hover span.icon,
 #sp-citygov .searchOfClose a:active span.icon,
 #sp-citygov .contactFormClose a:active span.icon {
   background-position: -543px -584px;
 }
 #sp-citygov .contactResult .contactFormClose a span.icon {
   background-position: -563px -564px;
 }
 #sp-citygov .contactResult .contactFormClose a:focus span.icon,
 #sp-citygov .contactResult .contactFormClose a:hover span.icon,
 #sp-citygov .contactResult .contactFormClose a:active span.icon {
   background-position: -563px -604px;
 }
 #sp-citygov .absatz div.vnav a.up span.icon {
   background-position: -583px -583px;
 }
 #sp-citygov .absatz div.vnav a.up:hover span.icon {
   background-position: -583px -623px;
 }

 /* §=Struktur von Listen und  Links (HTML)
----------------------------------------------------------------------------------- */

#sp-citygov li {
  display: block;
}
#sp-citygov li a {
  display: inline-block;
}
#sp-citygov .vvbody li {
  margin: 0;
  padding: 0;
}

/* §=Contentbreite min-max-width
............................................................... */

#sp-citygov .introduction,
#sp-citygov .description,
#sp-citygov .departments,
#sp-citygov .downloadBlock,
#sp-citygov .absatz {
  max-width: 800px;
}
#sp-citygov .mostVisited,
#sp-citygov .themesOverview,
#sp-citygov .theme .product,
#sp-citygov .forms,
#sp-citygov.start .downloadBlock {
  max-width: 650px;
}

/* §=Zustaendigkeiten
............................................................... */

#sp-citygov .absatz .product .product_competence,
#sp-citygov .absatz .person  .person_letter {
  width: 40%;
}
#sp-citygov .downloadBlock ul,
#sp-citygov .theme .product ul,
#sp-citygov .absatz .product ul,
#sp-citygov .absatz .oeLink ul,
#sp-citygov #kontakt .oeLink  ul,
#sp-citygov .absatz ul.person_list {
  border: 1px solid #CCCCCC;
}
#sp-citygov .absatz .product .product_competence ul,
#sp-citygov .absatz .person  .person_letter ul {
  border: none;
  margin: 0 0 0 8px;
  padding: 0;
}
#sp-citygov .downloadBlock li,
#sp-citygov .theme .product li,
#sp-citygov .absatz .product li,
#sp-citygov .absatz .oeLink li,
#sp-citygov #kontakt .oeLink  ul li,
#sp-citygov .absatz ul.person_list li {
  margin: 0;
  padding: 6px 6px 6px 6px;
}
#sp-citygov .absatz .product .product_competence li,
#sp-citygov .absatz .person  .person_letter li {
  margin: 0;
  padding: 0;
}
#sp-citygov .absatz .product ul ul {
  border: none;
}
#sp-citygov .absatz .product ul ul li {
  margin: 0;
  padding: 0;
}
#sp-citygov .absatz .product .competence li,
#sp-citygov .absatz .product .proxy li {
  margin: 0;
  padding: 0;
}
#sp-citygov .absatz #kontakt .oeLink li {
  margin: 0 0 6px 0;
  padding: 0;
}
#sp-citygov .absatz .product ul {
  margin: 0;
  padding: 0;
}

/* §=Die Organisationsstruktur
............................................................... */

#sp-citygov .departmentlist {
  margin: 16px 0 16px 0;
  padding: 0;
}
#sp-citygov .structure ul,
#sp-citygov .departmentlist ul,
#sp-citygov.person .oeLink .department ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#sp-citygov .structure ul li,
#sp-citygov .departmentlist ul li,
#sp-citygov.person .oeLink .department ul li {
  margin: 0 0 1em 0;
  padding: 0;
}
#sp-citygov .structure ul li li,
#sp-citygov .departmentlist ul li li,
#sp-citygov.person .oeLink .department ul li li {
  margin: 0;
  padding: 0;
}
#sp-citygov .structure li.angle ul,
#sp-citygov .departmentlist li.angle ul,
#sp-citygov.person .oeLink li.angle ul {
  margin: .25em 0 0 0;
  padding: .25em 0 0 0;
}
#sp-citygov .structure li.angle ul li,
#sp-citygov .departmentlist li.angle ul li,
#sp-citygov.person .oeLink li.angle ul li {
  margin: 0;
  padding: 2px 0 6px 10px;
}
#sp-citygov .structure li a,
#sp-citygov .departmentlist li a,
#sp-citygov.person .oeLink li a {
  margin: 0;
  padding: 0;
}
#sp-citygov .department-overview .structure .angle a:focus,
#sp-citygov .structure li.angle a:focus,
#sp-citygov .departmentlist li.angle a:focus,
#sp-citygov.person .oeLink li.angle a:focus {
  outline: 1px dotted #000000;
}
#sp-citygov .structure li.office a:focus,
#sp-citygov .departmentlist li.office a:focus,
#sp-citygov.person .oeLink li.office a:focus,
#sp-citygov .structure li.organisation a:focus,
#sp-citygov .departmentlist li.organisation a:focus,
#sp-citygov.person .oeLink li.organisation a:focus {
  outline: none;
}
#sp-citygov .structure li.department a:hover,
#sp-citygov .structure li.office a:hover,
#sp-citygov .departmentlist li.office a:hover,
#sp-citygov.person .oeLink li.office a:hover,
#sp-citygov .structure li.office a:active,
#sp-citygov .departmentlist li.office a:active,
#sp-citygov.person .oeLink li.office a:active,
#sp-citygov .structure li.organisation a:hover,
#sp-citygov .departmentlist li.organisation a:hover,
#sp-citygov.person .oeLink li.organisation a:hover,
#sp-citygov .structure li.organisation a:active,
#sp-citygov .departmentlist li.organisation a:active,
#sp-citygov.person .oeLink li.organisation a:active {
  text-decoration: underline;
}
#sp-citygov .department-overview .structure .angle a:hover,
#sp-citygov .structure li a:hover span.text,
#sp-citygov .departmentlist li a:hover span.text,
#sp-citygov.person .oeLink li a:hover span.text,
#sp-citygov .structure li a:active span.text,
#sp-citygov .departmentlist li a:active span.text,
#sp-citygov.person .oeLink li a:active span.text {
  text-decoration: underline;
}
#sp-citygov .structure li.department a:focus,
#sp-citygov .structure li a:focus span.text,
#sp-citygov .departmentlist li a:focus span.text,
#sp-citygov.person .oeLink li a:focus span.text,
#sp-citygov .structure li a:active:focus span.text,
#sp-citygov .departmentlist li a:active:focus span.text,
#sp-citygov.person .oeLink li a:active:focus span.text {
  outline: 1px dotted #000000;
}
#sp-citygov .mostVisited ul {
  width: 320px;
  margin: 0;
  padding: 0;
  border: 1px solid #D3D3D3;
}
#sp-citygov .mostVisited ul li {
  display: block;
  margin: 0;
  padding: 4px 6px 4px 6px;
}
#sp-citygov .male .structure li.angle a span.icon,
#sp-citygov .female .structure li.angle a span.icon {
  display: none;
}
#sp-citygov .male .structure li.angle a span.text,
#sp-citygov .female .structure li.angle a span.text {
  margin: 0;
  padding: 0;
}

/*  §=Formularuebersicht
............................................................... */

#sp-citygov div.letterList {
  margin: 12px 0 12px 0;
  padding: 0;
  overflow: hidden;
}
#sp-citygov div.letterList ul.letterList {
  margin: 0 0 0 -2px;
  padding: 0;
}
#sp-citygov div.letterList ul.letterListAll {
  margin: 0;
  padding: 0;
}
#sp-citygov div.letterList li {
  float: left;
  background: none;
  border: medium none;
  color: #2F507F;
  cursor: pointer;
  display: inline-block;
  float: left;
  margin: 7px 3px;
  padding: 0;
}
#sp-citygov div.letterList li a:focus {
  outline: 1px dotted #000000;
}
#sp-citygov .letterList li a:hover,
#sp-citygov .letterList li a:active {
  text-decoration: underline;
}
#sp-citygov div.letterList ul.letterListAll li.letterListElement {
  padding: 7px 3px;
  margin: 0 0 0 1px;
}
#sp-citygov div.letterList ul.letterListAll .letterListElement a {
  width: auto;
}
#sp-citygov div.letterList .letterListElement a {
  height: 12px;
  text-align: center;
  width: 12px;
}
#sp-citygov .letterBlock {
  margin: 6px 0 6px 0;
  padding: 0;
}
#sp-citygov .letterBlock .sub-subheadline {
  border-bottom: medium none;
  text-transform: uppercase;
}
#sp-citygov .letterBlock dl,
#sp-citygov .letterBlock dt,
#sp-citygov .letterBlock dd {
  line-height: 1.2em;
  position: relative;
}
#sp-citygov .letterBlock dl,
#sp-citygov .letterBlock ul {
  border: 1px solid #D3D3D3;
  display: block;
  margin: 0 6px 0 0;
  padding: 0;
}
#sp-citygov .letterBlock dl ul {
  border: 0;
  margin: 0;
  padding: 0;
}
#sp-citygov .letterBlock dt {
  color: #585858;
  float: none;
  font-weight: bold;
  display: block;
  margin: 0;
  padding: 4px 6px 6px 6px;
}
#sp-citygov .letterBlock dd {
  border: 0;
  display: block;
  margin: 0;
  padding: 0;
}
#sp-citygov .letterBlock ul ul {
  border: 0;
  margin: 8px -6px -6px 12px;
  padding: 0;
}
#sp-citygov .letterBlock li {
  float: none;
  display: block;
  margin: 0;
  padding: 4px 6px 6px 6px;
}
#sp-citygov .letterBlock li.clear {
   height: auto;
}

/* §=Registerkarten
----------------------------------------------------------------------------------- */

#sp-citygov ul.tabs {
  background-image: none;
  display: block;
  list-style: none outside none;
  margin: 16px 0 0 0;
  padding: 0 3px 0 3px;
  overflow: auto;
  z-index: 77;
}
#sp-citygov ul.tabs:focus {
  outline: 0;
}
#sp-citygov ul.tabs li {
  float: left;
  line-height: 14px;
  z-index: 20;
}
#sp-citygov .tabs .tab a,
#sp-citygov .tabs .tab a:focus,
#sp-citygov .tabs .tab a:active,
#sp-citygov .tabs .tab :link:focus,
#sp-citygov .tabs .tab :visited:focus,
#sp-citygov .tabs .tab :link:active,
#sp-citygov .tabs .tab :visited:active,
#sp-citygov .tabs .tab-active :link:focus,
#sp-citygov .tabs .tab-active :visited:focus,
#sp-citygov .tabs .tab-active :link:active,
#sp-citygov .tabs .tab-active :visited:active {
  border: 0 !important;
  cursor: default;
  display: block;
  outline: 0 !important;
  color: #000000;
  margin: 0;
  padding: 0;
  text-decoration: none !important;
  z-index: 30;
}
#sp-citygov .tabs li span {
  display: block;
}
#sp-citygov .tabs a span.inner-left {
  background-image: url("../img/sprite-tabs-left.png");
  background-repeat: no-repeat;
  float: left;
  margin: 0;
  padding: 5px 0 4px 0;
  width: 4px;
}
#sp-citygov .tabs a span.inner-middle {
  background-image: url("../img/sprite-tabs-middle.png");
  background-repeat: repeat-x;
  float: left;
  margin: 0;
  padding: 5px 6px 4px 6px;
}
#sp-citygov .tabs a span.inner-right {
  background-image: url("../img/sprite-tabs-right.png");
  background-repeat: no-repeat;
  float: left;
  margin: 0;
  padding: 5px 0 4px 0;
  width: 4px;
}
#sp-citygov .tabs :link:focus span,
#sp-citygov .tabs :visited:focus span {
  background-position:  0 -69px;
}
#sp-citygov .tabs :link span,
#sp-citygov .tabs :visited span {
  background-position: 0 0;
}
#sp-citygov .tabs :link:hover span,
#sp-citygov .tabs :visited:hover span {
  background-position: 0 -23px;
}
#sp-citygov .tabs :link:active span,
#sp-citygov .tabs :visited:active span {
  background-position:  0 -69px;
}
#sp-citygov .tabs .tab-active a:focus span,
#sp-citygov .tabs .tab-active :link:focus span,
#sp-citygov .tabs .tab-active :visited:focus span {
  background-position:  0 -46px;
}
#sp-citygov .tabs .tab-active :link span,
#sp-citygov .tabs .tab-active :visited span {
  background-position: 0 -46px;
}
#sp-citygov .tabs .tab-active :link:hover span,
#sp-citygov .tabs .tab-active :visited:hover span {
  background-position: 0 -46px;
}
#sp-citygov .tabs .tab-active :link:active span,
#sp-citygov .tabs .tab-active :visited:active span {
  background-position: 0 -46px;
}

/* §=Registerkarten Inhalt
----------------------------------------------------------------------------------- */

#sp-citygov #vv_content #tabs_content .vvbody {
  margin: 5px 3px 0 3px;
  padding: 16px 10px 0 10px;
}
#sp-citygov #vv_content .theme {
  background-color: #FFFFFF;
  border: 1px solid #D3D3D3;
  clear: both;
  margin: 6px 3px 0 3px;
  padding: 16px 10px 0 10px;
}
#sp-citygov #vv_content .vvbody {
  background-color: #FFFFFF;
  border: 1px solid #D3D3D3;
  clear: both;
  margin: -1px 3px 0 3px;
  padding: 16px 10px 0 10px;
}
#sp-citygov .vvbody .absatz {
  overflow: hidden;
}
#sp-citygov .vvbody .contentPages {
  clear: both;
}
#sp-citygov #vv_content .content-footer {
  clear: both;
}
#sp-citygov .content-footer .print {
  display: none;
}
#sp-citygov .vvbody .absatz .anchor,
#sp-citygov .vvbody .absatz .address,
#sp-citygov .vvbody .absatz .contact,
#sp-citygov .vvbody .absatz .editorblock,
#sp-citygov .vvbody .absatz .officehours,
#sp-citygov .vvbody .absatz .oeLink,
#sp-citygov .vvbody .absatz .product,
#sp-citygov .vvbody .absatz .person,
#sp-citygov .vvbody .absatz .citygov-snippets,
#sp-citygov .vvbody .absatz .structure,
#sp-citygov .vvbody .absatz .downloadlinks,
#sp-citygov .vvbody .absatz .geoDataMap,
#sp-citygov .vvbody .absatz .addressData,
#sp-citygov .vvbody .absatz .addressDataNotice,
#sp-citygov .vvbody .absatz .addressDataOEPNV,
#sp-citygov .vvbody .absatz .addressDataAccessible,
#sp-citygov .vvbody .absatz .address .geoDataLink,
#sp-citygov .vvbody .absatz .geoDataMap .image-wrapper,
#sp-citygov .theme .product {
  border: none;
  clear: both;
  margin: 0 0 1.25em 0;
  padding: 0;
}
#sp-citygov #infos td.contact-address div.addressData {
  margin: 0;
  padding: 0;
}
#sp-citygov .absatz p,
#sp-citygov .absatz .paragraph ol,
#sp-citygov .absatz .paragraph ul {
  margin: 0 0 16px 0;
  padding: 0;
}
#sp-citygov .absatz .paragraph ul,
#sp-citygov .vvbody .editorblock ul,
#sp-citygov .vvbody .introduction ul,
#sp-citygov .vvbody .description ul {
  display: block;
  list-style: disc;
  margin: 0 24px 16px 24px;
  padding: 0;
}
#sp-citygov .absatz .paragraph ol,
#sp-citygov .vvbody .editorblock ol,
#sp-citygov .vvbody .introduction ol,
#sp-citygov .vvbody .description ol {
  display: block;
  list-style: decimal;
  margin: 0 24px 16px 24px;
  padding: 0;
}
#sp-citygov .absatz .paragraph li,
#sp-citygov .vvbody .editorblock li,
#sp-citygov .vvbody .introduction li,
#sp-citygov .vvbody .description li,
#sp-citygov .vvbody .citygov-snippets li,
#sp-citygov .vvbody .contentPageList li {
  display: list-item;
  margin: 0;
  padding: 0 0 3px 0;
}
#sp-citygov .vvbody .absatz .addressData {
  float: left;
  width: 41%;
}
#sp-citygov .vvbody .absatz .postaddress {
  float: right;
  width: 59%;
}
#sp-citygov .vvbody .absatz .geoDataMap img {
  position: absolute;
}
#sp-citygov .geoDataMap .leaflet-control-container {
  position: static;
}
#sp-citygov .geoDataMap .leaflet-top,
#sp-citygov .geoDataMap .leaflet-bottom {
  position: absolute;
}
#sp-citygov .vvbody .absatz .downloadlinks .downloadBlock {
  margin: 0 0 18px 0;
  padding: 0;
}
#sp-citygov .absatz div.anchor li,
#sp-citygov .citygov-snippets li,
#sp-citygov .contentPageList li {
  margin: 0;
  padding: 0;
}
#sp-citygov #links .downloadlinks ul {
  border: 1px solid #D3D3D3;
}
#sp-citygov #links .downloadlinks ul li {
  margin: 0;
  padding: 4px 6px 6px;
}

/* §=GeoData Map
----------------------------------------------------------------------------------- */

#sp-citygov div.geoDataMap div.vvMapContainer {
  position: relative;
}
#sp-citygov div.geoDataMap div.legend {
  position: absolute;
  top: 0;
}
#sp-citygov div.geoDataMap div.legend span.separator {
  display: none;
}
#sp-citygov div.geoDataMap div.legend span.copyright {
  height: 300px;
  left: -30px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 10px;
  z-index: 20;
}
#sp-citygov div.geoDataMap div.legend span.copyright .text-start {
  display: none;
}
#sp-citygov div.geoDataMap div.legend span.copyright a.first-link {
  background-image: url("../img/OSMcopyright-1.png");
  background-position: 3px 0px;
  background-repeat: no-repeat;
  bottom: 0px;
  height: 77px;
  position: absolute;
  text-indent: 999em;
  white-space: nowrap;
  width: 10px;
}
#sp-citygov div.geoDataMap div.legend span.copyright .text-inner {
  background-image: url("../img/OSMcopyright-2.png");
  background-position: 3px 0px;
  background-repeat: no-repeat;
  bottom: 80px;
  height: 72px;
  overflow: hidden;
  position: absolute;
  text-indent: 999em;
  white-space: nowrap;
  width: 10px;
}
#sp-citygov div.geoDataMap div.legend span.copyright a.second-link {
  background-image: url("../img/OSMcopyright-3.png");
  background-position: 3px 0px;
  background-repeat: no-repeat;
  bottom: 154px;
  height: 46px;
  position: absolute;
  text-indent: 999em;
  white-space: nowrap;
  width: 10px;
}

/* §=Zustaendigkeiten
----------------------------------------------------------------------------------- */

#sp-citygov .product .competence,
#sp-citygov .product .proxy {
  margin: 0 0 0 8px;
  padding: 0;
}
#sp-citygov .product_competence span {
  white-space: nowrap
}

/* §=Die Organisationsstruktur
----------------------------------------------------------------------------------- */

#sp-citygov .pre-token {
  display: table-cell;
  float: none;
  margin: 0;
  padding: 0 6px 0 0;
  vertical-align: top;
}
#sp-citygov .post-token {
  display: inline-block;
}
#sp-citygov span.department {
  display: table-cell;
  margin: 0;
  padding: 0;
}
 #sp-citygov span.department,
 #sp-citygov span.department :link {
  line-height: 1.3em;
}

/* §=Die Organisationsstruktur bei Personen
----------------------------------------------------------------------------------- */

#sp-citygov #vv_content.person .oeLink .angle {
  background-position: 2em 1.8em;
}

/* §=Startseite
----------------------------------------------------------------------------------- */

#sp-citygov .form-overview,
#sp-citygov .topic-overview,
#sp-citygov .theme,
#sp-citygov .knowledge-management,
#sp-citygov .telephone-directory,
#sp-citygov .most-popular-pages,
#sp-citygov .department-overview,
#sp-citygov .start .downloadlinks,
#sp-citygov .start-printablePhonebook,
 #sp-citygov .objectLinks-2dimensional {
  border: 1px solid #D3D3D3;
  margin: 0 3px 6px 3px;
  overflow: visible;
  padding: 12px;
}
#sp-citygov .absatz .downloadBlock {
  margin: 0 3px 6px 3px;
  overflow: visible;
  padding: 0;
}
#sp-citygov .mostVisitedBlock {
  position: static;
}
#sp-citygov .mostVisited .searchMostClickedOrganisation {
  float: left;
}
#sp-citygov .mostVisited .searchMostClickedProduct {
  float: right;
}

/* §=Themenbereiche
----------------------------------------------------------------------------------- */

#sp-citygov .themesOverview .themesList,
#sp-citygov .theme .themesProductList {
  overflow: auto;
  margin-left:  -7px;
}
#sp-citygov .themesOverview .themesList .themesBlock {
  border: 1px solid #D3D3D3;
  float: left;
  margin: 0 0 7px 7px;
  padding: 0;
  min-width: 210px;
}
#sp-citygov .themesOverview .themesList .themesBlock .themeEntry {
  margin: 0;
  padding: 4px 6px 4px 6px;
}
#sp-citygov .themesProductList .themesProduct {
  margin: 0;
  padding: 4px 0 4px 0;
}
#sp-citygov.start .theme {
  clear: both;
  margin: 0;
  padding: 19px;
}
#sp-citygov .themesList br.clear {
  display: none;
}

/* §=Volltextsuche
----------------------------------------------------------------------------------- */

#sp-citygov #sp_vv_searchForm {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#sp-citygov .searchOfText {
  float: left;
  margin: 0 120px 0 0;
  padding: 0;
}
#sp-citygov label,
#sp-citygov .label,
#sp-citygov .searchOfText .label,
#sp-citygov .searchOfAlphabet .label {
  vertical-align: middle;
}
#sp-citygov .searchOfText .label {
  display: inline-block;
  margin: 2px 0 5px 0;
  padding: 0;
}
#sp-citygov .searchOfText strong {
  margin: 0;
  padding: 0;
}
#sp-citygov .searchOfText input[type="text"] {
  background-color: #FFFFFF;
  border: 1px solid #D3D3D3;
  width: 205px;
}
#sp-citygov .searchOfText input:focus[type="text"] {
  border: 1px solid #7C91B4;
}

/* §=Alphabetische Suche - Buchstabensuche
....................................................................................*/

#sp-citygov .searchOfAlphabet {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 260px;
}
#sp-citygov .searchOfAlphabet .label {
  margin: 0 0 0 6px;
  padding: 0;
}
#sp-citygov .searchOfAlphabet .letter {
  background: none;
  border: 1px solid transparent;
  outline: none !important;
  color: #2F507F;
  cursor: pointer;
  display: block;
  float: left;
  margin: 0 !important;
  padding: 0;
  width: 20px;
}
#sp-citygov .searchOfAlphabet .letter > span {
  background: none;
  color: #2F507F;
  display: inline-block;
  padding: 0;
}
#sp-citygov .searchOfAlphabet .letter:focus:hover,
#sp-citygov .searchOfAlphabet .letter:hover,
#sp-citygov .searchOfAlphabet .letter:visited:hover,
#sp-citygov .searchOfAlphabet .letter:active:hover {
  text-decoration: underline;
}
#sp-citygov .searchOfAlphabet .letter:focus,
#sp-citygov .searchOfAlphabet .letter:visited:focus,
#sp-citygov .searchOfAlphabet .letter:active:focus {
  border: 1px dotted #7C91B4;
}
#sp-citygov .searchOfAlphabet .letter:active,
#sp-citygov .searchOfAlphabet .letter:visited:active {
  text-decoration: none !important;
  border: 1px dotted #7C91B4;
}
#sp-citygov .searchOfAlphabet .letter::-moz-focus-inner {
  padding:0;
  border:0;
}

/* §=Suchfilter
....................................................................................*/

#sp-citygov .searchOfType {
  float: right;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sp-citygov .searchOfType fieldset {
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
#sp-citygov .searchOfType .label {
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  width: 100%;
}
#sp-citygov .searchOfType input {
  margin: -1px 4px 2px 0;
  padding: 0;
}
#sp-citygov .searchOfType label {
  margin: 0 32px 0 0;
  padding: 0;
}
#sp-citygov .searchOfType input[type=radio]:focus + label {
  border: 1px solid #7C91B4;
  margin: -1px 31px 2px -1px;
  padding: 0;
}
#sp-citygov .searchOfTypeRadio {
  white-space: nowrap;
}


/* §=Telefonverzeichnis Suche
....................................................................................*/

#sp-citygov #sp_vv_searchFormPhone .formlabel {
  display: inline;
  float: left;
  margin: 0 12px 0 0;
  overflow: hidden;
  padding: 0;
  text-align: right;
  vertical-align: middle;
  width: 180px;
}
#sp-citygov #sp_vv_searchFormPhone .formlabel label {
line-height: 1.5em;
}
#sp-citygov #sp_vv_searchFormPhone .fieldset {
  clear: both;
  display: block;
  margin: 6px 0 6px 0;
  padding: 0;
}
#sp-citygov #sp_vv_searchFormPhone .formfield {
  overflow: hidden;
}
#sp-citygov #sp_vv_searchFormPhone .formfield #queryLastName,
#sp-citygov #sp_vv_searchFormPhone .functionResponsibility .formfield #queryFunction {
  margin: 0 2px 0 0;
  padding: 3px;
  width: 217px;
}
#sp-citygov #sp_vv_searchFormPhone .formfield #queryFirstName,
#sp-citygov #sp_vv_searchFormPhone  .functionResponsibility .formfield #queryResponsibility {
	width: 220px;
}
#sp-citygov #sp_vv_searchFormPhone .license-plate div.formfield input.license-plate-region,
#sp-citygov #sp_vv_searchFormPhone .license-plate div.formfield input.license-plate-letter {
  width: 140px;
  margin: 0 3px 0 0;
}
#sp-citygov #sp_vv_searchFormPhone .license-plate div.formfield input.license-plate-number {
  width: 140px;
  margin: 0;
}
#sp-citygov #sp_vv_searchFormPhone .formfield input {
  border: 1px solid #D3D3D3;
  width: 450px;
}
#sp-citygov #sp_vv_searchFormPhone .formfield  input:focus {
  border: 1px solid #7C91B4;
}
#sp-citygov #sp_vv_searchFormPhone .formfield-buttons {
  margin: 6px 0 6px 190px !important;
  padding: 0;
}

/* §=Suchergebnis-Trefferliste
....................................................................................*/

#sp-citygov .start-search-result,
#sp-citygov .start-search-result div {
  position:static;
}
#sp-citygov .searchResult {
  margin: 0 3px 6px 3px;
  padding: 0;
}
#sp-citygov .searchResult .paging {
  float: right;
  margin: 0 3px 0 0;
  padding: 0;
}
#sp-citygov .searchResult .paging a {
  text-decoration: none;
}
#sp-citygov .searchResult .paging a:focus {
  outline: 1px dotted #000000;
}
#sp-citygov .searchResult .paging a:hover,
#sp-citygov .searchResult .paging a:active {
  text-decoration: underline;
}
#sp-citygov .searchResult .legend {
  display: inline-block;
  margin: 13px 0 3px 3px;
  padding: 0;
}
#sp-citygov .searchResult em {
  font-style: italic;
  margin: 0;
  padding: 0 2px 0 2px;
}
#sp-citygov .searchResult ul {
  border: 1px solid #D3D3D3;
  clear: both;
  margin: 0;
  padding: 0;
}
#sp-citygov .searchResult li {
  margin: 0;
  padding: 6px;
  line-height: 1.4em;
}
#sp-citygov .contactFormClose,
#sp-citygov .contactFormOpen {
  position: absolute;
  top: 7px;
  right: 20px;
}
#sp-citygov .searchOfClose,
#sp-citygov .searchOfOpen {
  position: absolute;
  top: -12px;
  right: 7px;
}
#sp-citygov .searchOfClose a,
#sp-citygov .searchOfOpen a,
#sp-citygov .contactFormClose a,
#sp-citygov .contactFormOpen a {
  display: block;
  outline: none;
}
#sp-citygov .contactFormClose a:focus span.icon,
#sp-citygov .contactFormOpen a:focus span.icon,
#sp-citygov .searchOfClose a:focus span.icon,
#sp-citygov .searchOfOpen a:focus span.icon {
  border: 1px dotted #000000;
  margin: -1px;
  padding: 0;
}
#sp-citygov .contactFormClose a span.text,
#sp-citygov .contactFormOpen a span.text,
#sp-citygov .searchOfClose a span.text,
#sp-citygov .searchOfOpen a span.text {
  display: none;
}

/* §=Kontaktformular in den Seiten
----------------------------------------------------------------------------------- */

#sp-citygov .contactForm form {
  width: 550px;
}
#sp-citygov .contactForm textarea:focus {
  border: 1px solid #7C91B4;
  margin: 0;
  padding: 2px;
}
#sp-citygov .contactForm textarea#txtMessage {
  margin: 0 0 12px 0;
  max-width: 534px;
  padding: 8px 6px 8px 6px;
  width: 100%;
}
#sp-citygov #vv_content .contactForm .introduction {
  margin: 12px 0 12px 0;
  padding: 0;
}
#sp-citygov .contactForm .salutation {
  margin: 0 0 12px 0;
  padding: 0;
}
#sp-citygov .contactForm .salutation .radio {
  margin: -4px 2px 0px 10px;
  padding: 0;
}
#sp-citygov .contactForm .salutation input[type=radio]:focus + .label {
  border: 1px solid #7C91B4;
  margin: -1px;
  padding: 0;
}
#sp-citygov .contactForm .firstname {
  float: left;
  margin: 0 0 12px 0;
  padding: 0;
  width: 270px;
}
#sp-citygov .contactForm .lastname {
  float: left;
  margin: 0 0 12px 10px;
  padding: 0;
  width: 270px;
}
#sp-citygov .contactForm .street {
  clear: both;
  float: left;
  margin: 0 0 12px 0;
  padding: 0;
  width: 270px;
}
#sp-citygov .contactForm .city {
  float: left;
  margin: 0 0 12px 10px;
  padding: 0;
  width: 270px;
}
#sp-citygov .contactForm .formfield input.postalCode {
  margin: 0;
  width: 40px;
}
#sp-citygov .contactForm .formfield input.contactCity {
  margin: 0 0 0 6px;
  width: 203px;
}
#sp-citygov .contactForm .phone {
  clear: both;
  float: left;
  margin: 0 0 12px 0;
  padding: 0;
  width: 270px;
}
#sp-citygov .contactForm .mail {
  float: left;
  margin: 0 0 12px 10px;
  padding: 0;
  width: 270px;
}
#sp-citygov .contactForm .formfield input {
  clear: both;
  width: 260px;
}
#sp-citygov .contactForm .comment {
  clear: both;
  float: right
}
#sp-citygov .contactForm .formfield input {
  border: 1px solid #D3D3D3;
}
#sp-citygov .contactForm .formfield  input:focus {
  border: 1px solid #7C91B4;
}
#sp-citygov .contactForm .formfield .salutation input + .label {
  border: 1px solid #D3D3D3;
}
#sp-citygov .contactForm .formfield .salutation input:focus +label {
  border: 1px solid #7C91B4;
}
#sp-citygov .contactForm .formfield-buttons {
  float: left;
}
#sp-citygov .contactForm,
#sp-citygov .contactResult {
  border: 1px solid #D7D5D5;
  margin: 12px 3px 12px 3px;
  padding: 12px;
}
#sp-citygov .contactResult .mailInfo {
  color: #585858;
  margin: 0 40px 16px 0;
  padding: 0;
}
#sp-citygov .contactResult .mailHeader {
  margin: 0 0 2px 0;
  padding: 0;
}
#sp-citygov .contactForm .message {
  margin: 0 0 6px 0;
  padding: 0;
}
#sp-citygov .contactForm .legend {
  background-position: right bottom;
  background-repeat: no-repeat;
  color: #585858;
  margin: 0 40px 6px 0;
  padding: 0;
}
#sp-citygov .contactForm label {
  margin: 6px 0 0 0;
  padding: 0 !important;
}
#sp-citygov .contactForm button.button {
  margin: 0;
  padding: 0;
}
#sp-citygov .contactForm #txt-right,
#sp-citygov .contactForm input.button,
#sp-citygov .contactForm button.button > span {
  display: inline-block;
  margin: 0;
  padding: 0 3px 0 3px;
}

/* §=Captcha barrierearm
----------------------------------------------------------------------------------- */

#sp-citygov .contactForm .acc,
#sp-citygov .contactForm .contactMail0,
#sp-citygov .contactForm .contactMail1,
#sp-citygov .contactForm .contactMail3,
#sp-citygov .contactForm #contactMail0,
#sp-citygov .contactForm #contactMail1,
#sp-citygov .contactForm #contactMail3 {
  display: none;
}
#sp-citygov .contactForm label.error,
#sp-citygov .contactForm .error,
#sp-citygov .contactResult div.error {
  background-color: transparent;
  color: red;
}

/* §=Bilder-Grossansicht (popup) in der Seite
----------------------------------------------------------------------------------- */

#overlay {
  display: none;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1001;
}
#overlay .background {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: .2;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
#sp-citygov #imgZoom,
#sp-citygov #summary {
  background-color: #FFFFFF;
  border: 1px solid #868686;
  margin: auto;
  padding: 0;
  top: 0;
  width: 1px;
  z-index: 1000;
}
#overlay div .navi {
  border-bottom: 1px solid #868686;
  height: 28px;
  overflow: hidden;
  text-align: left;
}
#overlay div span.prev,
#overlay div span.next,
#overlay div a.prev:link,
#overlay div a.prev:visited,
#overlay div a.next:link,
#overlay div a.next:visited {
  display: block;
  float: left;
  height: 13px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  text-indent: 25px;
  width: 21px;
}
#overlay div .prev {
  margin: 10px 0 0 7px;
  padding: 0;
}
#overlay div .next {
  margin: 10px 0 0 3px;
  padding: 0;
}
#overlay div span.prev {
  background-image: url(../img/arw_left_inaktiv.gif);
}
#overlay div a.prev:link,
#overlay div a.prev:visited {
  background-image: url(../img/arw_left_normal.gif);
}
#overlay div a.prev:focus,
#overlay div a.prev:hover {
  background-image: url(../img/arw_left_hover.gif);
}
#overlay div a.prev:active {
  background-image: url(../img/arw_left_down.gif);
}
#overlay div span.next {
  background-image: url(../img/arw_right_inaktiv.gif);
}
#overlay div a.next:link,
#overlay div a.next:visited {
  background-image: url(../img/arw_right_normal.gif);
}
#overlay div a.next:focus,
#overlay div a.next:hover {
  background-image: url(../img/arw_right_hover.gif);
}
#overlay div a.next:active {
  background-image: url(../img/arw_right_down.gif);
}
#overlay div a.close:link,
#overlay div a.close:visited {
  color: #999999;
  display: block;
  line-height: 28px;
  margin: 0;
  padding: 0 5px 0 5px;
  position: absolute;
  right: 2px;
  text-decoration: none;
}
#sp-citygov #imgZoom img {
  border: 1px solid #EEEEEE;
  margin: 14px 44px 14px 44px;
  padding: 0;
}
#sp-citygov #imgZoom .legend {
  color: #303030;
  line-height: 1.333em;
  margin: -14px auto 14px auto;
  min-height: 12px;
  padding: 0;
  text-align: left;
  width: 800px;
}
#sp-citygov #overlay div .copyright {
  position: absolute;
  top: 0;
  right: 16px;
  width: 25%;
  color: #999999;
  text-align: right;
}
#sp-citygov #summary .content {
  background-color: transparent;
  margin: 0;
  padding: 15px;
}
#sp-citygov #summary .wrapper {
  height: 537px;
  margin: 0;
  padding: 15px 0 0 0;
  overflow: auto;
}
#sp-citygov #summary .image {
  margin: 1px 10px 0 0;
  padding: 0 0 0 15px;
}

/* §=citygov-snippets §=image, movie
----------------------------------------------------------------------------------- */

#sp-citygov .citygov-snippets div.image,
#sp-citygov .citygov-snippets div.movie {
  width: 200px;
  margin: 0 10px 8px 0;
  padding: 0;
  float: left;
}
#sp-citygov .citygov-snippets div.image div.enlarge {
  bottom: 1px;
  height: 17px;
  line-height: 20px;
  overflow: hidden;
  position: absolute;
  right: 1px;
  width: 17px;
  z-index: 2;
}
#sp-citygov .citygov-snippets div.image div.enlarge a {
  border: 1px solid #F9F5ED;
  position: absolute;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  display: block;
}


#sp-citygov .citygov-snippets div.image div.enlarge a:link:focus,
#sp-citygov .citygov-snippets div.image div.enlarge a:visited:focus {
  border: 1px dotted #000000;
  text-decoration: none;
}
#sp-citygov .citygov-snippets div.image div.enlarge a:link:hover,
#sp-citygov .citygov-snippets div.image div.enlarge a:visited:hover {
  text-decoration: none;
}
#sp-citygov .citygov-snippets div.image div.enlarge a:link:hover,
#sp-citygov .citygov-snippets div.image div.enlarge a:visited:hover {
  text-decoration: none;
}
#sp-citygov .citygov-snippets div.image div.enlarge a span {
  visibility: hidden;
}
#sp-citygov .citygov-snippets div.image div.enlarge a.zoom {
  background: url(../img/imagelink_zoom.png) no-repeat;
}
#sp-citygov .citygov-snippets div.image div.enlarge a.internal {
  background: url(../img/imagelink_internal.png) no-repeat;
}
#sp-citygov .citygov-snippets div.image div.enlarge a.external {
  background: url(../img/imagelink_external.png) no-repeat;
}
#sp-citygov .citygov-snippets div.image div.enlarge a.download {
  background: url(../img/imagelink_download.png) no-repeat;
}
#sp-citygov .citygov-snippets div.image div.enlarge a.popup {
  background: url(../img/imagelink_popup.png) no-repeat;
}
#sp-citygov .citygov-snippets div.image div.image-wrapper,
#sp-citygov .citygov-snippets div.movie div.movie-wrapper {
  float: none;
  margin: .2em auto .5em auto;
  padding: 0;
  width: auto;
}
#sp-citygov .citygov-snippets div.image div.image-wrapper a,
#sp-citygov .citygov-snippets div.movie div.movie-wrapper a {
  display: block;
}
#sp-citygov .citygov-snippets div.image img,
#sp-citygov .citygov-snippets div.movie img {
  display: block;
}
#sp-citygov .citygov-snippets div.image div.legend,
#sp-citygov .citygov-snippets div.movie div.legend {
  color: #303030;
  line-height: 1.1125em;
  margin: 2px auto 0 auto;
  padding: 0;
  text-align: left;
  width: auto;
}
#sp-citygov .citygov-snippets div.legend a.internal {
  background: url(../img/link.png) no-repeat 1px .2em;
  margin: 0;
  padding: 0 0 0 14px;
}
#sp-citygov .citygov-snippets div.legend a.external {
  background: url(../img/external-link.png) no-repeat 1px .2em;
  margin: 0;
  padding: 0 0 0 14px;
}
#sp-citygov .citygov-snippets div.legend a.download {
  background: url(../img/icon_download.png) no-repeat 1px .2em;
  margin: 0;
  padding: 0 0 0 14px;
}
#sp-citygov .citygov-snippets div.legend a.popup {
  background: url(../img/icon_popup.png) no-repeat 1px .2em;
  margin: 0;
  padding: 0 0 0 14px;
}
#sp-citygov .citygov-snippets div.legend a.popup-in-page {
  background: url(../img/icon_pagepopup.png) no-repeat 1px .2em;
  margin: 0;
  padding: 0 0 0 14px;
}

/* §=citygov-snippets §=image-right, movie-right
----------------------------------------------------------------------------------- */

#sp-citygov .citygov-snippets div.image-right,
#sp-citygov .citygov-snippets div.movie-right {
  float: right;
  margin: 0 0 10px 10px;
  padding: 0;
}
#sp-citygov .citygov-snippets div.image-right div.enlarge a,
#sp-citygov .citygov-snippets div.movie-right div.enlarge a {
  right: 0;
}

/* §=citygov-snippets §=image-big, movie-big
----------------------------------------------------------------------------------- */

#sp-citygov .citygov-snippets div.image-big,
#sp-citygov .citygov-snippets div.movie-big {
  width: 400px;
}

/* §=citygov-snippets §=separator
----------------------------------------------------------------------------------- */

#sp-citygov .citygov-snippets div.hr hr {
  border-color: #CCCCCC;
  border-style: solid none none;
  border-width: 1px 0 0;
  clear: both;
  height: 1px;
  margin: 4px 0 4px 0;
  padding: 0;
}

/* §=citygov-snippets §=linklist
----------------------------------------------------------------------------------- */

#sp-citygov .citygov-snippets div.linklist {
  margin: 0 0 18px 0;
  padding: 0;
}
#sp-citygov .citygov-snippets div.linklist-in-text {
  float: left;
}
#sp-citygov .citygov-snippets div.linklist-anchors {
  clear: left;
  float: none;
  margin: 5px 0 0 0;
  padding: 0;
}
#sp-citygov .citygov-snippets div.linklist li {
  list-style-type: none;
}
#sp-citygov .citygov-snippets div.linklist,
#sp-citygov .citygov-snippets div.webform div.fieldset,
#sp-citygov .citygov-snippets div.link-searchtype {
  margin: 0;
  padding: 0;
}

/* §=citygov-snippets §=teaser §=short
----------------------------------------------------------------------------------- */

#sp-citygov .citygov-snippets .teaser .vnav {
  text-align: right;
}
#sp-citygov .teaserlist {
  display: block;
}
#sp-citygov .teaserlist h3 a {
  display: inline-block;
  margin: 0 0 6px 0;
  padding: 0;
}
#sp-citygov .teaserlist .teaser {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 16px 0;
  padding: 0 0 12px 0;
}
#sp-citygov .teaserlist .teaser .caption {
  float: right;
}

/* §=Tables
----------------------------------------------------------------------------------- */

#sp-citygov table {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 0;
  width: 100%;

}
#sp-citygov table caption {
  display: none;
}
#sp-citygov table.contact-wrapper table {
  border: 0;
  margin: -1px 0 -1px 0;
  padding: 0;
}
#sp-citygov table th {
  margin: 0;
  padding: 6px;
  text-align: left;
}
#sp-citygov table td {
  margin: 0;
  padding: 6px;
  vertical-align: top;
}
#sp-citygov table th,
#sp-citygov table td {
  border: 1px solid #CCCCCC;
}
#sp-citygov table td.contact-data {
  border: 0;
  margin: 0;
  padding: 0;
}
#sp-citygov table td.contact-data th {
  border-left: 0;
}
#sp-citygov table td.contact-data td {
  border-right: 0;
}
#sp-citygov .vvbody .absatz table p {
  margin: 0;
  padding: 0;
}
#sp-citygov table.person_list {
  margin: 0 0 12px 0;
  padding: 0;
}
#sp-citygov table.person_list th.person_contact {
  width:35px;
}
#sp-citygov table.tableSearchList th.mail {
  width: 60px;
}
#sp-citygov .absatz .officehours table th,
#sp-citygov .absatz .contact table th {
  vertical-align: top;
}
#sp-citygov .absatz table th {
  border-right: 0px;
  margin: 0;
  padding: 6px;
  width: 80px;
}
#sp-citygov .absatz table td {
  border-left: 0px;
}
#sp-citygov .absatz table td.contact-image {
  width: 130px;
  text-align: center;
}