* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}
body #main {
  font-family: Arial, Helvetica, sans-serif;
}
.clear {
  clear: both;
  display: block;
}
p, .p {
  margin: 0.1em 0;
}
small {
  font-size: 100%;
  color: #999999;
}
h1 {
  font-size: 110%;
  font-weight: bold;
  line-height: 105%;
}
h2 {
  font-size: 100%;
  font-weight: bold;
}
h3 {
  font-size: 100%;
  font-weight: bold;
}
h4 {
  font-size: 100%;
  font-weight: bold;
}
div.caption {
  font-size: 90%;
  margin: 0;
  padding: 0;
}
.date {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
#menu .acc {
  display: inline;
}
@media all {
  .right {
    float: right !important;
  }
  .acc, #menu .acc {
    display: none !important;
  }
  .ignore {
    position: absolute;
    top: -2000px;
    left: -2000px;
    width: 0px;
    height: 0pt;
    margin: 0pt;
    padding: 0pt;
    display: inline;
    overflow: hidden;
  }
  .sp-mailto img {
    padding-bottom: 1px;
    vertical-align: middle !important;
  }
}

@media all {
  h1 {
    margin: 0.13em 20px 0.13em 8px;
    padding: 0.13em 0.065em;
  }
  h2 {
    margin: 0;
    padding: 0.25em;
  }
  h3 {
    margin: 0 0 0.5em 0;
  }
  h4 {
    margin: 0.5em 0 1em 0;
  }
  #main div.teaser {
    margin: 0 20px 0 8px;
    padding: 0 0 0.75em 0;
  }
  .home #main div.teaser {
    padding: 0 1em 0 0;
    clear: both;
  }
  .home #main div.notfallmeldung {
    border: 1px solid #FFB198;
    background-color: #FFF4F0;
    color: #000000;
    margin: 10px 20px 5px 0;
    padding: 3px 1em 1px 8px;
  }
  .home #main div.notfallmeldung h3,
  .home #main div.notfallmeldung .date {
    color: #000000;
  }
  #main ul {
    margin: 1em 0;
    padding: 0 0 0 1.5em;
  }
  #main ul.links {
    position: relative;
    margin: 1em 0 0 0;
    list-style-type: none;
    padding: 0;
  }
  #main .p ul {
    margin-left: 1em;
    position: relative;
  }
  #main .more ul {
    margin: 0;
    padding: 0 0 0 22px;
  }
  #main ul.links li {
    position: relative;
    padding: 0.1em 0 0.5em 15px;
  }
  #main ul.download {
    position: relative;
    margin: 0;
    list-style-type: none;
    padding: 0;
  }
  #main ul.footermenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
  }
  #main ul.download li.pdf {
    position: relative;
    padding: 0 0 0 20px;
    font-weight: normal;
  }
  #main ul.download li a {
    font-weight: bold;
  }
  #main li {
    margin: 0;
    padding: 0;
  }
  #main ul.footermenu li {
    width: 17px;
    height: 7px;
    margin: 0.3em 0.33em 0 0;
    padding: 0;
    overflow: hidden;
    background-color: #2C5291;
    float: left;
  }
  #main ul.footermenu li a {
    display: block;
    width: 17px;
    height: 7px;
    text-indent: 20px;
    line-height: 1000px;
    overflow: hidden;
  }
  #content .inner {
    position: relative;
    width: 99%;
    float: left;
  }
  #content div {
    margin: 0;
    padding: 0;
  }
  #content div.teaser table {
    border-collapse: collapse;
  }
  #content div.teaser td {
    padding: 0;
  }
  #content div.vnav {
    padding: 0;
  }
  .home #content div.intro {
    margin: 0;
    padding: 0 0 10px 0;
  }
  #content div.intro {
    margin: 0;
    padding: 10px 0;
  }
  #content div div {
    margin: 0;
    padding: 0;
    float: none;
  }
  #content div.p {
    margin: 0 0.13em;
    line-height: 148%;
  }
  #content .imgLeft, #content .imgQuad, #content .imgRight {
    position: static;
    top: 0.2em;
  }
  #content .imgLeft, #content .imgQuad {
    float: left;
    margin: 0 0.5em 1px 0 !important;
  }
  #content .imgLeft div, #content .imgQuad div {
    margin: 0;
  }
  #content .imgRight {
    float: right;
    margin: 0 5px 1px 0.8em !important;
  }
  #content .imgRight.headline {
    margin: 0 0 -1.2em 10px !important;
  }
  #content .imgFull {
    margin: 0;
  }
  #content .imgFull img {
    display: block;
  }
  #content .imgShadow, #content .zoom {
    margin: 0 0 2px 0;
    border: 0;
    padding: 0;
  }
  .home #content .imgShadow, .home #content .zoom {
    margin: 0 0 2px 0;
    border: 0;
    padding: 0;
  }
  .home.boxLeft #content .imgShadow,
  .home.boxRight #content .imgShadow {
    padding: 0;
  }
  .home.boxLeft #content .imgFull .imgShadow,
  .home.boxRight #content .imgFull .imgShadow {
    padding: 0;
  }
  #content .bu {
    margin: 0;
    padding: 0 0 0 0.2em;
    line-height: 0.9em;
    font-size: 1.1em;
  }
  #content #accessoryBox .bu {
    width: 127px;
  }
  #content .bu small {
    font-weight: normal;
    font-size: 80%;
  }
  #content .imgLeft br, #content .imgQuad br, #content .imgRight br {
    clear: both;
  }
  #content img.imgBorder {
    border: 10px solid #FFFFFF;
  }
  #content img.imgBorderSmall {
    border: 5px solid #FFFFFF;
  }
  #content .imgLeft img, #content .imgQuad img {
    margin: 0 0 2px 0;
    float: left;
  }
  #content .imgRight img {
    margin: 0 0 2px 0;
    float: right;
  }
  #content .zoom {
    position: relative;
    margin: 0px !important;
    display: block;
    float: right !important;
    right: 0 !important;
  }
  #content .anchor, #content .more, #content #linkDownload {
    margin: 0.75em 25px 0pt 8px;
    border: 1px solid #DEEAF8;
    padding: 0.5em;
    background: #F7FAFD;
  }
  #content .anchor h2, #linkDownload h3 {
    color: #535353;
    margin: 0.13em;
    padding: 0.13em;
  }
  #content .anchor ul, #linkDownload ul {
    position: relative;
    margin: 1em 0;
    padding: 0 0 0 3em;
  }
  #content .anchor li {
    position: relative;
  }
  #content ul.distributor {
    position: relative;
    margin: 0.5em 0 0 0;
    padding: 0.5em 0;
    list-style-type: none;
  }
  #content ul.distributor li {
    position: relative;
    margin: 0;
    padding: 0 0 10px 15px;
  }
  #content .linklist {
    clear: both;
    padding: 0 0 0.75em 0;
  }
  #content .linklist small {
    font-weight: normal;
  }
  #content .rss {
    margin: 0 0 0.75em 0;
    padding: 0 0 10px 0;
  }
  #content .rss .hr {
    width: auto;
    margin: 0 !important;
    float: none;
  }
  #content .rss .hr hr {
    display: block;
  }
  #content .rss .teaser {
    clear: both;
  }
  .bannerXl .banner img {
    display: block;
    margin: 0 auto;
  }
}
form {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
hr {
  margin-top: 0;
  margin-bottom: 0;
}
input.eingabefeld {
  font-size: 1.05em;
  margin-left: 0; /* Validiert nur mit pos Werten, daher von -4 auf 0 */
  padding: 0.08em;
  color: #2C5290;
  background-color: #F7FBFF;
  border: 0.06em solid #395D7D;
}
input.button {
  background-color: #F7FBFF;
  border: 1px solid #2C5290;
  color:#2C5290;
  font-weight: bold;
}
@media all {
  #content .hr, .hr {
    /*clear: both;*/
    background-image: url(/img/dotted_line.gif);
    height: 1px;
    margin: 0.7em 0 0.7em 4px;
    overflow: hidden;
  }
  .home #content .hr {
    margin: 1em 20px 1em 8px;
  }
  .home #content .notfallmeldung .hr {
    background-image: none;
    clear: both;
    margin: 3px;
  }

}
.hr hr {
  display: none;
}
@media all {
  fieldset {
    border: 0;
    padding: 0;
    _clear: both;
  }
  legend {
    display: none;
  }
  #content .formfield {
    display: block;
    margin: 0 0 1em 0;
  }

  input {
    margin: 1px;
  }
  input.check, input.radio {
    border: 0;
  }
  input.chkBox {
    width: 15px;
    border: 0;
  }

  textarea {
    border: 1px solid #92a0a4;
    margin:1px;
  }

  option {
    padding: 1px 4px;
  }

  .button {
    position: relative;
    width: auto;
    margin: 10px 10px 10px 0;
    padding: 0 10px 0 12px;
    text-align: left;
    cursor: pointer;
    font-weight: normal;
    font-size: 100%;
    border: none;
  }
}
#logo {
  position: relative;
  width: 100%;
  height: 66px;
  padding: 0;
  margin: 0;
}
#logo img {
  display: block;
}
#copyright {
  clear: both;
  margin: 0 0 0 14.5em;
  padding: 0.5em 0.42em 0.25em 0.42em;
  font-size: 95%;
  line-height: 115%;
}
#advertising_120x600_skyscraper {
  text-align: center;
}
#advertising_120x600_skyscraper table {
  margin: auto;
}
#fscroller #ticker {
  padding: 4px;
  font-size: 0.85em;
  line-height: 120%;
}
#fscroller #ticker a:link, #ticker a:visited {
  text-decoration: underline;
}
.more {
  position: relative;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 100%;
  width: 85%;
  clear: both;
}
#more .submit {
  margin: 2em 0 0 0;
  padding: 0;
}
.error {
  color: red !important;
}
div.ilink {
  position: absolute;
  top: 0.3em;
  left: 8px;
  float: left;
  z-index: 2000;
}
div.ilink a:link, div.ilink a:visited {
  display: block;
  height: 1px;
  line-height: 1px;
}

/* Newsdesk */

#content .spnd.rssitemimage {
  margin: 2px 0.4em 0.75em 0 !important;
  float: left !important;
}

/* =================================================== */
/* +++++++++++++++++  ProBürger +++++++++++++++++ */
/* ================================================= */

#probuerger {
  font-size: 0.95em;
}
#probuerger ul {
  padding-left: 3em;
}
#probuerger h2.pb {
	font-size: 1.2em;
	color: #525152;
	font-weight: bold;
	line-height: 100%;
	margin: 0.13em;
	margin-left: 0;
	margin-right: 0;
	padding: 0.13em;
}
#probuerger h2.ProBuergerReiter {
	font-size: 0.9em;
	color: #525152;
	font-weight: bold;
	line-height: 100%;
	margin: 0.13em;
	margin-left: 0;
	margin-right: 0;
	padding: 0.13em;
}
#probuerger h1.pb {
	font-size: 0.9em;
	color: #525152;
	font-weight: bold;
	line-height: 100%;
	margin: 0.13em;
	margin-left: 0;
	margin-right: 0;
	padding: 0.13em;
}
#probuerger h1.ProBuergerReiter {
	font-size: 1.0em;
	color: #FFAA08;
	font-weight: bold;
	line-height: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.20em;
	margin-top: 0.80em;
}

#probuerger #alphabetical_selection {background-color: #FFFFFF; margin: 0; padding: 0;height:1.6em;}
#probuerger #alphabetical_selection ul {background-color: #FFFFFF; margin: 0; padding: 0;}
#probuerger #alphabetical_selection li {background-color: #FFFFFF; display: inline; list-type: none; margin: 0; padding: 0.1em; float: left;}
#probuerger #alphabetical_selection li.rightcolor {display: inline; list-type: none; margin: 0; padding: 0.1em; float: right;}
#probuerger #alphabetical_selection li.border {border-top: 2px solid #FFAA08; width: 99%; background-color: #ffffff;}
#probuerger #alphabetical_selection li.right {background-color: #FFFFFF; display: inline; list-type: none; margin: 0; padding: 0.1em; float: right;}
#probuerger #services_pb {background-color: #FFFFFF; margin: 0; padding: 0;height:1.6em;}
#probuerger #services_pb ul {background-color: #FFFFFF; margin: 0; padding: 0;}
#probuerger #services_pb li {background-color: #FFFFFF; display: inline; list-type: none; margin: 0; padding: 0.1em; float: left;}
#probuerger #services_pb li.rightcolor {display: inline; list-type: none; margin: 0; padding: 0.1em; float: right;}
#probuerger #services_pb li.border {border-top: 2px solid #FFAA08; width: 99%; background-color: #ffffff;}
#probuerger #services_pb li.right {background-color: #FFFFFF; display: inline; list-type: none; margin: 0; padding: 0.1em; float: right;}
#probuerger #livingsituation {padding: 1%; float: left; width: 30%;}
#probuerger #offers {padding: 1%; float: right; width: 42%; margin-right :1%;}
#probuerger #offers_active {padding: 1%; float: left; width: 45%; background: #FFFFFF; margin-right :2%;}
#probuerger .teamworker {padding: 0.2em ;float: left; width: 15%; background-color: #FFFFFF;}
#probuerger .contact {padding: 0.2em; float: left; width: 30%; margin-right: 10%; background-color: #FFFFFF;}
#probuerger div.content_pb {width: auto; margin: 0; padding: 0; background-color: #D0D0D0;}
#probuerger div.probuerger {width: auto; margin: 0; padding: 0; }
#probuerger div.bild_pb {margin: 0.2em; padding: 0.2em;}
#probuerger #short_description {padding: 0.1em; margin-right: 15%; background-color: #FFF7E7; color: #000000;}
#probuerger #pb_more_navigation {float: right;width: auto; margin: 0; margin-left: 0; padding: 0.1em; background-color: #FFFFFF;}
#probuerger #pb_more_navigation ul {margin: 0; padding: 0; background-color: #FFFFFF;}
#probuerger #pb_more_navigation li {display: block; list-style-type: none; margin: 0; padding: 0; text-align: right; background-color: #FFFFFF;}
#probuerger #sidebar-left {float: left; padding: 0.1em; width:35%; margin: 0; background-color: #FFFFFF;}
#probuerger #sidebar-right {float: right; width:35%; margin: 0;padding: 0.1em; background-color: #FFFFFF;}
#probuerger .site-left {float: left; padding: 0.1em; width:45%; margin: 0;}
#probuerger div.site-right {float: left; padding: 0.1em; width:45%; margin: 0;}
#probuerger div.rahmen {border:none; background-color: #FFFFFF;}
#probuerger .teamworker {padding: 0.2em ;float: left; width: 15%; background-color: #FFFFFF;clear:right;}
#probuerger .contact {padding: 0.2em; float: right; width: 35%; padding-right: 10%; background-color: #FFFFFF;clear:right;}
#probuerger #legende 		{float: right; width: 20%; padding-right: 1.0em; background-color: #FFF7E6;}
#probuerger #hierarchie 	{float: left; width: auto;padding-right:2em;}
#probuerger #hierarchie ul 	{list-type: none;}
#probuerger #hierarchie li.aktiv {display: block; line-height:160%; background-color:#FFF7E6;}
#probuerger #hierarchie li 	{display: block; line-height: 160%;list-type: none;}
#probuerger ul.hierarchie 	{list-style-position:outside;}
#probuerger #hierarchie li.auf {list-style:none;}
#probuerger #hierarchie li.zu{list-style:none;}
#probuerger #hierarchie li.blatt {list-style:none;}
#probuerger #hierarchie li.none 	{list-style:none; }
#probuerger #pb_footer {clear:both;background-color:#FFFFFF;font-size:0.9em;padding-top:2.0em;}
#probuerger br.clear{margin:0;padding:0;}
#probuerger td {font-size: 0.8em;}
#probuerger .topbox1 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-top:1px solid #FFAA08;}
#probuerger .topbox2 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-top:1px solid #FFAA08;background-color:#FFDF9C;}
#probuerger .topbox3 {border:1px solid #FFAA08;}
#probuerger .topboxcur1 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-top:1px solid #FFAA08;background-color:#FFDF9C;}
#probuerger .topboxcur2 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-top:1px solid #FFAA08;}
#probuerger .bottombox1 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-bottom:1px solid #FFAA08;background-color:#FFF7E7;}
#probuerger .bottomboxcur2 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-bottom:1px solid #FFAA08;background-color:#FFF7E7;}
#probuerger .bottomboxcur1 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-bottom:1px solid #FFAA08;}
#probuerger .bottombox2 {border-left:1px solid #FFAA08;border-right:1px solid #FFAA08;border-bottom:1px solid #FFAA08;background-color:#FFDF9C;}

/* guestbook */
.guestbook {
  margin-left: 8px !important;
}

.guestbook h2 {
  margin-left: 0; padding-left: 0;
}

#content .guestbook .webform form .fieldset {
  padding: 0;
  font-size: 1.33em;
}

#content .guestbook .webform form .formlabel {
  margin: 12px 0 3px 0;
  padding: 0;
}
#content .guestbook .webform form .fe-block,
#content .guestbook .webform form .formfield {
  margin: 0;
  padding: 0;
}

#content .guestbook .webform form input.button {
  height: auto;
  margin: 8px 1px;
  float: none;
  font-size: 0.75em;
}

.guestbook input {
  height: auto !important;
  margin-left: 0 !important;
}

.guestbook table {
  border-collapse: collapse; border-spacing: 0;
  margin-bottom: 10px;
}

.guestbook table td,
.guestbook table th {
  padding: 3px 10px 3px 0;
}

.guestbook .editor {
  margin-top: 10px !important;
}

.guestbook .closed .gbookContent,
.guestbook .closed small {
  display: none;
}

.guestbook .opened .gbookContent,
.guestbook .opened small {
  display: block;
}

.guestbook ul,
.guestbook li {
  list-style-image: none; list-style-type: none;
  padding-left: 0 !important;
}

.guestbook li.closed h4 {
  background: url(/img/gb_entry_closed.png) no-repeat left center;
  padding-left: 12px;
}

.guestbook li.opened h4 {
  background: url(/img/gb_entry_opened.png) no-repeat left center;
  padding-left: 12px;
}

.guestbook .editor {
  font-size: .9em;
}

.guestbook .opened small {
  margin-top: 1em;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===webform */

#code div.webform-wrapper,
#code div.newsletter {
  font-size: 1.333em;
}

#content div.webform-wrapper {
  background:#F7FAFD none repeat scroll 0 0;
  border:0.06em solid #DEEAF8;
  margin:0.31em;
  padding:0.3em;
  width:85%;
}

#content div.webform .error-field {
  border: 1px solid #660000;
}

#content div.webform .error-label {
  color: #660000;
}
  
#content div.webform div.captcha {
  float: left;
}

#content div.webform div.captcha img {
  margin: 23px 0 0 0;
}

#content div.webform div.clear {
  clear: both;
}

#content div.webform div.error-message {
  color: #660000;
  font-size: 0.6875em;
  font-weight: bold;
  margin-bottom: 15px;
}

#content div.webform div.fe-block {
  display: inline;
  margin-right: 12px;
  width: 257px;
  overflow: hidden;
}

#content div.webform div.fe-inline {
  padding: 12px 0 3px 0;
  clear: both;
  float: none;
}

#content div.webform div.fieldset {
  padding: 20px;
}
#content div.webform .paragraph {
  margin: 1em;
}
#content div.fieldset-submit {
  border-top: 2px solid #FFFFFF;
  height: 24px;
  margin-top: 10px;
}

#content div.fieldset-publication {
  display: none;
}

#content div.webform div.formlabel {
  clear: left; float: none;
  font-size: .75em; line-height: 1.25em;
  padding: 12px 0 3px 0;
  overflow: hidden;
}

#content div.webform div.formlabel label {
  font-size: 1em; line-height: 1.25em;
}

#content div.webform div.le {
  line-height: 1.125em;
  padding: 5px 0 3px 0;
  clear: both;
}

#content div.webform div.le label {
  font-size: 1em;
  line-height: 1.125em;
}

#content div.webform div.le-first {
  padding: 0 0 3px 0;
}

#content div.webform div.fieldset-submit {
  border-top: 2px solid #FFFFFF;
  height: 24px;
  margin-top: 10px;
}

#content div.webform div.no-margin {
  margin: 0;
}

#content div.webform div.notice {
  clear: both;
  color: #303030;
  font-size: 0.75em;
  line-height: 1.33em;
  padding-top: 30px;
}

#content div.webform h3 {
  margin: 0;
  padding: 12px 0 0 0;
}

#content div.webform input {
  float: left;
  font-size: 0.6875em;
}

#content div.webform .email1,
#content div.webform .email2,
#content div.webform .email4 {
  display: none !important;
}

#content div.webform .formfield input {
  border: 1px solid #D3D3D3;
  float: none;
  width: 255px;
}

#content div.webform input.button {
  background-color: #F7FBFF;
  border: 1px solid #2C5290;
  color:#2C5290;
  font-weight: bold;
}

#content div.webform-wrapper input.button {
  font-size: 0.6875em;
}

#content div.webform input.radio,
#content div.webform input.check,
#content div.webform input.checkbox {
  border: none;
  float: none;
  vertical-align: middle;
  width: auto !important;
}

#content div.webform input.width25 {
  float: left !important;
  margin-right: 5px !important;
  width: 77px !important;
  display: inline-block !important;
}

#content div.webform input.width25:first-of-type {
  width: 81px !important;
}

#content div.webform input.width75 {
  float: left;
  margin: 0 !important;
  width: 167px;
  display: inline-block !important;
}

#content div.webform select {
  border: 1px solid #D3D3D3;
  min-width: 260px;
}

#content div.webform span.option-group-label {
  color: #303030;
}

#content div.webform textarea {
  border: 1px solid #D3D3D3;
  font-size: 0.6875em;
}

#content div .recipient {
  width: 253px;
  border: 1px solid #D3D3D3;
  padding: 0pt 1px;
  background: white;
}

#content div.webform .frmUForm {
  margin: 0 0 1em 0;
}

#content div.webform .frmUForm h3 {
  margin: 8px 0 4px 0;
  padding: 0;
}

#content div.webform .frmUForm input,
#content div.webform .frmUForm textarea {
  width: 350px;
}

#content div.webform .frmUForm select {
  width: 352px;
}

#content div.webform .frmUForm div.notice {
  padding-top: 20px;
}

/* Veranstaltungskalender */

/* Bilder auf Wunsch von Frau Keizers ausgeblendet */
.calendarOfEvents .resultlist .image-right {
  display: none;
}
.calendarOfEvents .event .detail {
  overflow: visible;
  position: relative;
}
.calendarOfEvents .event .detail th {
  width: 10em !important;
}