/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Stylesheet für www.greven.net
| js  | 2009-08-14
| ole | 2009-08-27
| ob  | 2009-09-07
|
| Inhaltsverzeichnis:
| - ==reset                   CSS-Reset
| - ==elements                Allg. Elemente
| - ==classes                 Allg. Klassen
| - ==layout                  Layout
| - ==navi_service            Servicenavigation
| - ==languages               Sprachauswahl
| - ==search                  Suche
| - ==civilsearch             Suche bei "Verwaltung A-Z"
| - ==slogan                  Slogan
| - ==footer                  Fußzeile
| - ==navi_main               Hauptnavigation
| - ==box_whead               Box mit Kopf (in der Navigationsspalte)
| - ==tagcloud                Tagcloud
| - ==teaser                  Teasserbox für Standardteaser
| - ==teaser ===short         Teaserbox für Kurzmeldungen
| - ==teaser ===box_wohead    Teaserbox ohne eigenen Kopf
| - ==teaser ===carousel      Teaser für Bildergalerien, Carousel
| - ==content                 Inhalt
| - ==content ===image        Bild im Inhaltsbereich
| - ==content ===image-right  Bild im Inhaltsbereich rechte
| - ==content ===image-big    Großes Bild im Inhaltsbereich
| - ==content ===liste        Liste im Inhaltsbereich
| - ==content ===address      Adressenblock im Inhaltsbereich
| - ==content ===linklist     Linkliste im Inhaltsbereich
| - ==content ===separator    Trennlinie
| - ==content ===sitemap      Sitemap
| - ==content ===webform      Webformular
| - ==content ===search       Suche
| - ==content ===pagination   Ergebnisseitennavigation
| - ==presentation            Styles, die für die Präsentation gebraucht werden
| - ==commercials             Werbung
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, div, input, label, option, select, textarea {
  font-family: Verdana, Arial, Sans-Serif;
}

hr {
  height: 2px;
}

.hr, .intro-hr, hr {
  clear: both;
  border: 0;
}
#body #page #content .up {
  background: url("../img/icon_link-anchor-up.png") no-repeat scroll 0 2px transparent;
  padding: 0 0 0 16px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==elements */

a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: underline;
}

body {
  font-size:75%;
  height:100%;
  line-height:1.35em;
  overflow-y:scroll;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==classes */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom: 1;/*for ie 5.5-7*/}

.hidden {
  display: none;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - - G R E V E N ( S t a r t ) - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/********************************************************************************************
************************** Allgemein ********************************************************
*********************************************************************************************/

img {
  border: 0px;
}

#page .wrapper {
  float: right;
  width: 635px;
}

#page.rubrik .wrapper {
  float: right;
  width: 469px;
}

ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.clear {
  clear: both;
}

#body {
  background: #E6EBF5 url(/img/gradientBody.png) repeat-x scroll 0 top;
}

#body #page {
  margin: auto;
  padding: 0 0;
  width: 900px;
  background-color: #FFFEF7;
}

/********************************************************************************************
************************** Headlines ********************************************************
*********************************************************************************************/

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  display: block;
}

h1 {
  text-transform: uppercase;
  font-weight: bold;
  height: 18px;
  display: block;
  padding: 0 0 0 2px;
}

h1 a {
  display: block;
}

#body #page #content h1, h2, h3, h4, h5 {
}

#body #page #col-quicklinks h1, h2, h3, h4, h5 {
}

#body #page #marginal h1, h2, h3, h4, h5 {
}

#body.home #page #content h1 {
  background:transparent url(/img/headlineBg.gif) repeat-x scroll 0 bottom;
  border: 1px solid #CCD7EB;
  margin: 0 0 10px;
  color: #002D7B;
  font-size: 11px;
  letter-spacing: 1px;
}

#body #page #col-quicklinks h1 {
  border: 0;
  margin: 0 0 6px;
  color: #2B2B2B;
  width: 135px;
  font-size: 10px;
  height: 16px
}:

#body #page #marginal a {
  color: #00389A;
}

#body #page #content a {
  color: #00389A;
  display: inline-block;
}

#body #page #content a.sp-mailto {
  color: #00389A;
  display: inline;
}

#body #page #content .caption a {
  color: #565657;
}

#body #page #marginal h1 {
  background: transparent url(/img/marginalHeadlineBg.png) repeat-x scroll 0 0;
  border: 1px solid #D7D8D9;
  margin: 0 0 3px;
  color: #2B2B2B;
  width: 221px;
  font-size: 10px;
}

#body.content #page #content h1 {
  font-size: 11px;
  text-transform: uppercase;
  padding: none;
  margin: 0 0 10px 0;
  height: 16px;
}

#body.content #page #content .intro h1 {
  font-size: 14px;
  margin: 5px 0 7px;
  padding: 0;
  text-transform: none;
}

#body.content.global #page #content .intro h1 {
  color: #002D7B;
  font-size: 14px;
}

#body.content.stadtinfo_wirtschaft #page #content .intro h1 {
  color: #8C4A10;
}

#body.content.politik_verwaltung #page #content .intro h1 {
  color: #293E12;
}

#body.content.freizeit_kultur_tourismus #page #content .intro h1 {
  color: #1C3D3F;
}

#body.content.bildung_soziales_generationen #page #content .intro h1 {
  color: #641801;
}

#body.home #page #content #shortNews-wrapper {
  margin-top: 29px;
}

#body.content #page #content #col-quicklinks .shortNews h1 {
  font-size: 11px;
  text-transform: uppercase;
  width: 140px;
}

#body.stadtinfo_wirtschaft #page #content .teaser h1,
#body.stadtinfo_wirtschaft #page #content .teaser2 h1,
#body.stadtinfo_wirtschaft #page #col-quicklinks .shortNews h1 {
  background: url(/img/h1Content0.gif) repeat-x 0 bottom;
  border: 1px solid #F6CBA4;
  color: #8C4A10;
}

#body.content.politik_verwaltung #page #content .teaser h1,
#body.content.politik_verwaltung #page #content .teaser2 h1,
#body.content.politik_verwaltung #page #col-quicklinks .shortNews h1 {
  background: url(/img/h1Content1.gif) repeat-x 0 bottom;
  border: 1px solid #C2D7AB;
  color: #293E12;
}

#body.freizeit_kultur_tourismus #page #content .teaser h1,
#body.freizeit_kultur_tourismus #page #content .teaser2 h1,
#body.freizeit_kultur_tourismus #page #col-quicklinks .shortNews h1 {
  background: url(/img/h1Content2.gif) repeat-x 0 bottom;
  border: 1px solid #B5D6D8;
  color: #1C3D3F;
}

#body.bildung_soziales_generationen #page #content .teaser h1,
#body.bildung_soziales_generationen #page #content .teaser2 h1,
#body.bildung_soziales_generationen #page #col-quicklinks .shortNews h1 {
  background: url(/img/h1Content3.gif) repeat-x 0 bottom;
  border: 1px solid #DBA999;
  color: #641801;
}

#body #page #col-quicklinks h2 {
  font-size: 11px;
  margin: 0 0 1px 0;
  font-weight: bold;
}

#body #page #marginal h2 {
  font-size: 11px;
  margin: 0 0 1px 0;
  font-weight: bold;
}

#body #page #content .shortNews h2 {
  font-size: 11px;
  margin: 5px 0 0;
  font-weight: bold;
}

#body.home #page #content .shortNews h2 {
  margin: 0 0 4px;
}

#body #page #content {
  line-height: 1.25em;
}

#body #page #content .teaser h2 {
  font-weight: normal;
  font-size: 11px;
}

#body #page #content .teaser h3 {
  margin: 10px 0 1px;
  font-size: 13px;
}

#body.home #page #content .teaser h3 {
  margin: 10px 0 5px;
}

#body #page #content .teaserlist .teaser h3 {
  margin: 10px 0 3px;
}

#body.home #page #content .teaserlist .teaser h3 {
  margin: 10px 0 6px;
}

#body #page #content .weekImg h1 {
  margin: 0 0 10px;
}

#body #page #col-quicklinks .box h1.ad {
  text-align: right;
  padding: 0 2px 0 0;
  background-image: none;
  background-color: #EFEFF0;
  height: 8px;
}

#body #page #marginal .box h1.ad {
  text-align: right;
  padding: 0 2px 0 0;
  background-image: none;
  background-color: #EFEFF0;
  height: 8px;
}

#body #page #content h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 2px 0 6px;
}

#body #page #col-quicklinks .box .ad-bg {
  background-color: #EFEFF0;
  margin-top: -10px;
  padding: 10px 0 0;
  border: 1px solid #D7D8D9;
  border-width: 0 1px 1px 1px;
}

#body #page #col-quicklinks .box .ad-bg .image {
  margin: auto;
  text-align: center;
}

#body #page #col-quicklinks {
  font-size: 90%;
}

#body #page #marginal .box .ad-bg {
  background-color: #EFEFF0;
  margin-top: -10px;
  padding: 10px 0 0;
  border: 1px solid #D7D8D9;
  border-width: 0 1px 1px 1px;
}

#body #page #marginal .box .ad-bg .image {
  margin: auto;
  text-align: center;
}

#body #page #marginal {
  font-size: 90%;
}

#body #page #shadowTop {
  background: transparent url(/img/shadowSideTop.png) repeat-x scroll 0 top;
  height: 150px;
  margin: 0 -6px;
  padding: 0 6px;
  position: absolute;
  width: 900px;
}

#body #page #shadowBottom {
  background: transparent url(/img/shadowBodyBottom.png) no-repeat scroll 0 0;
  padding: 0 6px;
  margin: 0 -6px;
  height: 5px;
}

#body #page #header {
  background-color: #FBFCFD;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content */

table.content {
  border-collapse: collapse;
}
table.content th, table.content td {
  padding: 0;
}

#body #page #content-wrapper {
  background: transparent url(/img/shadowSideBottom.png) repeat-y scroll 0 bottom;
  display: block;
  margin: 0 -6px;
  padding: 0 6px 45px;
  position: relative;
}

#body.content #page #content-wrapper #content #wrapper h2{
  margin: 0 0 6px;
}

#body.home .paragraph {
  margin-right: 61px;
}

#body.content .paragraph {
  margin-right: 61px;
  margin-bottom: 30px;
  line-height: 1.335em;
}

#body.content .intro .paragraph {
  line-height: 1.335em;
  margin: 0 0 10px 0;
}

#body.content #col-teaser .box .paragraph {
  margin-bottom: 6px;
}

#body #page #col-quicklinks .paragraph {
  margin-right: 0;
}

#body #page #marginal .paragraph {
  margin-right: 0;
  line-height: 1.25em;
}

#body #page #header #header-wrapper #headBar {
  width: 900px;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  height: 62px;
  position: relative;
}

#body #page #header #header-wrapper #slogan {
  height: 171px;
}


#body #page #header #header-wrapper #headBar #mainmenu a {
  color: #000;
  display: block;
  width: 153px;
  height: 37px;
}

#body #page #header #header-wrapper #headBar #mainmenu .leaf {
  background: transparent url(/img/mainmenu_bg.gif) repeat-x scroll 0 bottom;
  height: 37px;
  margin: 0 0 0 1px;
  width: 153px;
  padding: 7px 0 0 9px;
}

#body #page #header #header-wrapper #headBar #mainmenu .leaf.last {
  width: 154px;
}

#body #page #header #header-wrapper #headBar #mainmenu .leaf.stadtinfo_wirtschaft {
  border-top: 10px solid #E97C1B;
}

#body #page #header #header-wrapper #headBar #mainmenu .leaf.politik_verwaltung {
  border-top: 10px solid #669C2C;
}

#body #page #header #header-wrapper #headBar #mainmenu .leaf.freizeit_kultur_tourismus {
  border-top: 10px solid #45999E;
}

#body #page #header #header-wrapper #headBar #mainmenu .leaf.bildung_soziales_generationen {
  border-top: 10px solid #852001;

}

#body #page #header #header-wrapper #headBar #mainmenu .leaf.first {
  margin: 0;
}

#body #page #header #header-wrapper #headBar #mainmenu {
  background-position: left center;
  float: left;
  position: relative;
}

#body.home #page #header #header-wrapper #headBar .menuBorderBottom {
  background: transparent url(/img/menuBorderBottomHome.gif) repeat-x scroll 100% 100%;
  height: 62px;
  width: 652px;
}

/*****Default****/
#body #page #header #header-wrapper #headBar .menuBorderBottom {
  background: transparent url(/img/menuBorderBottom4.gif) repeat-x scroll 100% 100%;
  height: 62px;
  width: 653px;
}
/*****************/

#body.stadtinfo_wirtschaft #page #header #header-wrapper #headBar .menuBorderBottom {
  background: transparent url(/img/menuBorderBottom0.gif) repeat-x scroll 100% 100%;
  height: 62px;
}

#body.politik_verwaltung #page #header #header-wrapper #headBar .menuBorderBottom {
  background: transparent url(/img/menuBorderBottom1.gif) repeat-x scroll 100% 100%;
  height: 62px;
}

#body.freizeit_kultur_tourismus #page #header #header-wrapper #headBar .menuBorderBottom {
  background: transparent url(/img/menuBorderBottom2.gif) repeat-x scroll 100% 100%;
  height: 62px;
}

#body.bildung_soziales_generationen #page #header #header-wrapper #headBar .menuBorderBottom {
  background: transparent url(/img/menuBorderBottom3.gif) repeat-x scroll 100% 100%;
  height: 62px;
}

#body #page #header #header-wrapper #headBar #search {
  background: transparent url(/img/search_bg.gif) repeat-x scroll 0 bottom;
  border-top: 10px solid #FEDA00;
  float: right;
  height: 44px;
  width: 247px;
}

#body #page #header #header-wrapper #headBar #search #searchBottom {
  display: block;
  height: 10px;
  background: transparent url(/img/menuBorderBottom4.gif) repeat-x scroll 0 bottom;
}

#body.home #page #header #header-wrapper #headBar #search #searchBottom {
  background: transparent url(/img/searchBorderBottomHome.gif) repeat-x scroll 0 bottom;
}

#body.stadtinfo_wirtschaft #page #header #header-wrapper #headBar #search #searchBottom {
  background: transparent url(/img/menuBorderBottom0.gif) repeat-x scroll 0 bottom;
}

#body.politik_verwaltung #page #header #header-wrapper #headBar #search #searchBottom {
  background: transparent url(/img/menuBorderBottom1.gif) repeat-x scroll 0 bottom;
}

#body.freizeit_kultur_tourismus #page #header #header-wrapper #headBar #search #searchBottom {
  background: transparent url(/img/menuBorderBottom2.gif) repeat-x scroll 0 bottom;
}

#body.bildung_soziales_generationen #page #header #header-wrapper #headBar #search #searchBottom {
  background: transparent url(/img/menuBorderBottom3.gif) repeat-x scroll 0 bottom;
}

#body #page #header #header-wrapper #headBar #search form {
  height: 42px;
}

#body #page #header #header-wrapper #headBar #search form #search_keywords {
  position: relative;
  width: 201px;
  height: 16px;
  margin: 14px 0 0 10px;
  border: 1px solid #665700;
  font-size: 10px;
  vertical-align: middle;
  display: inline-block;
}
#body #page #header #header-wrapper #headBar #search form .submit {
  position: relative;
  margin: 14px 0 0 4px;
  vertical-align: middle;
  display: inline-block;
}

#body #page #content {
  background-color: transparent;
  float: left;
  padding: 18px 8px 0;
  position: relative;
  width: 636px;
}

#body #page #col-quicklinks {
  float: left;
  padding: 0 20px 0 0;
  position: relative;
  width: 147px;
  line-height: 1.335em;
}

#body #page #content #col-quicklinks .shortNews .shortNewsBlock {
  width: 143px;
}

#body #page #content #col-quicklinks .shortNews .shortNewsBlock.last {
  margin: 0;
}

#body #page #col-quicklinks .paragraph {
  margin: 0;
}

#body #page #marginal {
  background-color: transparent;
  float: right;
  padding: 20px 10px 0 0;
  width: 226px;
  position: relative;
}

#body #page .footer.noprint {
  background: transparent url(/img/shadowSideBottom.png) repeat-y scroll 0 bottom;
  clear: both;
  margin: 0 -6px;
  padding: 0 6px;
  width: 900px;
}

#mainmenu .leaf {
  float:left;
}

#page #header .link {
  float:right;
  text-align:right;
}

#page .footer #footer-wrapper li {
  float: left;
  width: auto;
}

#page .footer ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#page #header ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#page .image-almostCompletely .image-wrapper {
  width: 635px;
}

#page .image-big {
  padding-left: 82px;
}
#page .image-big .image-wrapper {
  width: 471px;
} 

#page .image-wrapper {
  width: 225px;
  position: relative;
  /* background-color: #CFCFCF; */
}

#page .image-wrapper img {
  display: block;
}

#page .image-wrapper a.zoom {
  display: block !important;
}

#body #page #content #weekImgSubheadline {
  background-color: #F2F5FA;
  font-size: 0.9em;
  padding: 6px;
  width: 377px;
  line-height: 1.25em;
}

#body #page #header #header-wrapper #navigation-service {
font-size:0.79em;
margin: 3px 0 0;
}

#body #page #header #header-wrapper #navigation-service ul .link {
border-left:1px solid #D7D8D9;
float:right;
padding:0 10px;
text-align:right;
}

#body #page #header #header-wrapper #navigation-service ul .link.last {
border: 0px;
}

#page .footer #footerBorderLeft {
  float: left;
  width: 652px;
  height: 9px;
  background:#00389A url(/img/shadowFooterTop.png) repeat-x scroll 0 top;
}


#page .footer #footerBorderRight {
  float: right;
  width: 247px;
  height: 9px;
  background:#FEDA00 url(/img/shadowFooterTop.png) repeat-x scroll 0 top;
}

#body #page .footer #footer-wrapper .footerContent {
  background: transparent url(/img/footer-bg.png) repeat-x scroll 0 bottom;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 0;
  font-size: 0.8em;
  height: 28px;
  padding: 14px 10px 0;
  display: block;
}

#body #page .footer #footer-wrapper .footerContent .leftFooterContent {
  float: left;
}

#body #page .footer #footer-wrapper .footerContent .rightFooterContent {
  float: right;
  text-align: right;
}

#body #page .footer #footer-wrapper .footerContent .pipe {
  background-color: #000000;
  float: left;
  height: 10px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 4px;
  margin-top: 0;
  position: relative;
  top: 4px;
  width: 1px;
}

#body #page .footer #footer-wrapper .footerContent .rightFooterContent .print {
  float: left;
  width: 100px;
}

#body #page .footer #footer-wrapper .footerContent .rightFooterContent .rss {
  float: right;
  padding: 0;
  width: 45px;
}

#body #page .footer #footer-wrapper .footerContent .rightFooterContent .rss a {
  background: transparent url(/img/rssIcon.png) no-repeat scroll 7px 3px;
  display: block;
}

#body #page .footer #footer-wrapper .footerContent .rightFooterContent .print a {
  background: transparent url(/img/printIcon.png) no-repeat scroll 13px 3px;
  display: block;
}

#body #page #footer #footer-wrapper .footerContent a {
 color: #000000;
}

#body #page #content .shortNews {
  float: left;
  width: 224px;
  font-size: 11px;
}

#body #page #content #col-quicklinks .shortNews {
  width: 143px;
}

#body #page #content .shortNews .shortNewsBlock {
  border-bottom: 1px dotted #ACADAE;
  margin: 0 0 12px;
  padding: 0 0 10px;
  width: 227px;
}

#body #page #content .shortNews .paragraph {
  margin: 1px 10px 2px 0;
}

#body.home #page #content .shortNews .paragraph {
  margin: 6px 10px 2px 0;
  line-height: 1.455em;
}

#body #page #content .weekImg {
  border-left: 1px solid #E5EBF5;
  float: right;
  padding: 0 0 32px 9px;
  width: 390px;
}

#body #page #col-quicklinks .box {
  width: 135px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #ACADAE;
}

#body #page #marginal .box {
  border-bottom: 1px dotted #ACADAE;
  margin-bottom: 15px;
  padding: 0 0 11px;
  line-height: 1.481em;
}

#body.home #page #marginal .box {
  margin-bottom: 15px;
  padding: 0 0 11px;
}

#body.content #page #marginal .box {
  margin-bottom: 13px;
  padding: 0 0 1px;
}

#body #page #marginal .box.adbox,
#body #page #marginal .box.bannerbox {
  border-bottom: 0 dotted;
  margin-bottom: 18px;
  margin-top: -17px;
  padding: 0;
}

#body.content #page #marginal .box.adbox,
#body.content #page #marginal .box.bannerbox {
  margin-bottom: 21px;
  margin-top: 0;
}

#body.home #page #marginal .box.adbox,
#body.home #page #marginal .box.bannerbox {
  margin-bottom: 21px;
  padding: 0;
  margin-top: 0;
}

.teaser .image {
  float: left;
  margin: 0 15px 0 0;
}

#body.home #page .teaser .image {
  margin: 2px 20px 0 0;
}

#body #page a.internal-link {
  background: transparent url(../img/icon_link-intern.png) no-repeat scroll 0 3px;
  padding: 0 0 0 14px;
}

#body #page a.external-link {
  background: transparent url(../img/icon_link-extern.png) no-repeat scroll 0 3px;
  padding: 0 0 0 14px;
}

#body #page a.download {
  background: transparent url(../img/icon_download.png) no-repeat scroll 0 3px;
  padding: 0 0 0 14px;
}

#body #page .linklist .external-link .linkDescription,
#body #page .linklist .internal-link .linkDescription, 
#body #page .linklist .download .linkDescription {
  font-size: 0.916em;
}

#body.home #page .teaser1 .teaser .teaserText .paragraph {
  line-height: 1.334em;
}

#body.home #page .teaserlist .teaser .teaserText .paragraph {
  line-height: 1.334em;
}

#body #page.rubrik .teaser1 .teaser.last {
  margin: 0 0 22px;
}

#body #page.rubrik .teaser1 .teaser .image {
  margin: 4px 20px 0 -2px;
}

#body #page .teaser .paragraph {
  margin: 0;
}

#body #page .teaser .paragraph.teaserlink {
  margin: 5px 0 0;
}

#body.home #page .teaser .paragraph.teaserlink {
  margin: 3px 0 0;
}

#body.home #page .teaser .teaserText {
  float: right;
  width: 226px;
  margin: -5px 0 0;
}

#body.home #page .teaser1 .teaserText {
  width: 308px;
  margin: -1px 0 0 0;
}
#body.home #page .teaser2 {
  margin: 0;
}
#body.home #page .teaser2 .teaser.first{
  float: left;
  width: 307px;
  margin-bottom: 29px;
}
#body.home #page .teaser2 .teaser.last{
  position: absolute;
  right: 10px;
  width: 307px;
  margin-bottom: 29px;
  border-left: 1px solid #E5EBF5;
  padding: 0 0 0 9px;
}
#body.home #page .teaser2 .teaserText {
  width: 305px;
}
#body.home #page .teaser2 .teaserText h2{
  margin: 20px 0 0 !important;
}
#body.home #page .teaser2 .teaserText h3{
  margin: 10px 0 5px !important;
}

/* Erweiterung Teaser mit zwei  Spalten Content*/
/* Mai 2010 | OLE           */
#body.content #page .teaser2 {
  margin: 0;
}
#body.content #page .teaser2 .teaser.first{
  float: left;
  width: 225px;
  margin-bottom: 29px;
}
#body.content #page .teaser2 .teaser.last{
  position: absolute;
  right: 9px;
  width: 225px;
  margin-bottom: 29px;
  border-left: 1px solid #E5EBF5;
  padding: 0 0 0 9px;
}
#body.content #page .teaser2 .teaserText {
  width: 305px;
}
#body.content #page .teaser2 .teaserText h2{
  margin: 20px 0 0 !important;
}
#body.content #page .teaser2 .teaserText h3{
  margin: 10px 0 5px !important;
}
#body.content #page .teaser1 {
  clear: both;
}
#body.content #page .teaserlist {
  clear: both;
}
/* Ende Erweiterung Teaser mit zwei Spalten */

#body.home #page .teaserlist {
  border-left: 1px solid #E5EBF5;
  float: right;
  padding: 0 0 0 9px;
  width: 390px;
  margin: 0 0 20px;
}

#body.content #page .teaserlist .teaser.last {
  border-bottom: 1px dotted #ACADAE;
  margin: 0 0 12px 0;
  padding: 0 0 14px;
}

#body.content #page .teaser .teaserText {
  float: right;
  width: 249px;
  margin: -6px 0 0;
}

#body.content #page.rubrik .teaser .teaserText {
  margin: -2px 2px 0 0;
  width: 224px;
}

#body.content #page.rubrik .teaser .teaserText .paragraph {
  line-height: 1.35em;
  margin: 5px 0 0 0;
}

#body.home #page .teaserlist .teaser {
  margin: 0 0 8px;
}

#body.content #page .teaserlist .teaser {
  margin: 0 0 9px;
}

#body.content #page #content #wrapper .teaserlist .teaser {
  margin: 0 0 12px;
}

#body.home #page .teaserlist .teaser.last {
  margin: 0;
  padding: 0 0 37px;
  border-bottom: 1px dotted #ACADAE;
}

#body.content #page.rubrik .teaserlist {
  width: 469px;
}

#body.content #page .teaserlist .teaserText {
  width: 469px;
}

#body.content #page.rubrik .teaserlist .teaserText {
  width: 304px;
}

#body #page .teaserlist .divider {
  border-bottom: 1px dotted #ACADAE;
  margin-bottom: 10px;
}

#body #page .image-right {
  float: right;
  margin: 0 0 10px 20px;
}

#body #page .image-left {
  float: left;
  margin: 0 20px 10px 0;
}

#body #page .intro {
  margin: 0;
  padding: 0 0 11px;
}

#body.content.global #page .intro {
  padding: 0 0 3px;
}

#body #page .intro .image-right {
  position: relative;
  top: 3px;
  margin: 0 0 15px 20px;
}

#body #page .image a {
  font-size: 0.9em;
  color: #565657;
}



/* ==navi_main */
/* Rubrik Stadtinfo & Wirtschaft BEGINN */
#body.content.stadtinfo_wirtschaft #marginal #navigation-main {
  border-color: #E97C1B; /* richtig */
}
#body.content.stadtinfo_wirtschaft #marginal #navigation-main .path.root ul {
  background-color: #F2B279; /* richtig = dunkelste Farbe des Verlaufs*/
}
#body.stadtinfo_wirtschaft #navigation-main .clearfix {
  background-color: #FBE5D1; /* richtig */
}
#body.stadtinfo_wirtschaft #navigation-main ul li ul li {
  border-top: 1px solid #E97C1B; /* richtig */
  background-color: #FBE5D1; /* richtig, noetig wg. oben = */
}
#body.stadtinfo_wirtschaft #marginal  #navigation-main a.root {
  border-top: none;
}
#body.stadtinfo_wirtschaft #marginal  #navigation-main a {
  border-top: 1px solid #FFFFFF; /* richtig */
}
#body.stadtinfo_wirtschaft #marginal  #navigation-main li.leaf a {
  display: block;
  padding: 4px 5px 4px 45px;
  background: transparent url(/img/menuIcon0-right.png) no-repeat scroll 28px 6px;
}
#body.stadtinfo_wirtschaft #navigation-main li.leaf {
  background-color: #FDF2E8; /* richtig */
}
#body.stadtinfo_wirtschaft #navigation-main li.leaf.active {
  background-color: #FFFFFF; /* richtig */
}
#body.stadtinfo_wirtschaft #navigation-main li.node.first.last.path a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon0-up.png) no-repeat scroll 10px 6px;
}
#body.stadtinfo_wirtschaft #navigation-main li.root a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon0-right.png) no-repeat scroll 10px 6px;
}
#body.stadtinfo_wirtschaft #navigation-main li.node.lastOpenNode a,
#body.stadtinfo_wirtschaft #navigation-main li.root a {
  background: transparent url(/img/menuIcon0-left.png) no-repeat scroll 10px 6px;
}
#body.stadtinfo_wirtschaft #navigation-main li.node.lastOpenNode.active,
#body.stadtinfo_wirtschaft #navigation-main li.node.lastOpenNode.parent {
  background: transparent url(/img/menuActiveGradient0.gif) repeat-x scroll 0 0;
}
#body.stadtinfo_wirtschaft #navigation-main li.node.lastOpenNode.active.first.last a,
#body.stadtinfo_wirtschaft #navigation-main li.node.lastOpenNode.parent.first.last a {
  background: transparent url(/img/menuIcon0-down.png) no-repeat scroll 10px 6px;
}
#body.stadtinfo_wirtschaft #content td {
  background-color: #F6F6F6;
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
  border-spacing:0;
  padding: 0.5em;
}
#body.stadtinfo_wirtschaft #content thead td {
  background-color: #FDF2E8;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #E97C1B;
}
#body.stadtinfo_wirtschaft #content thead th {
  background-color: #FDF2E8;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #E97C1B;
}
/* Rubrik Stadtinfo & Wirtschaft ENDE */


/* Rubrik Politik & Verwaltung BEGINN */
#body.content.politik_verwaltung #marginal #navigation-main {
  border-color: #527D23;
}
#body.content.politik_verwaltung #marginal #navigation-main .path.root ul {
  background-color: #99b37e;
}
#body.politik_verwaltung #navigation-main .clearfix {
  background-color: #dce5d3;
}
#body.politik_verwaltung #navigation-main ul li ul li {
  border-top: 1px solid #527D23;
  background-color: #dce5d3;
}
#body.politik_verwaltung #marginal  #navigation-main a.root {
  border-top: none;
}
#body.politik_verwaltung #marginal  #navigation-main a {
  border-top: 1px solid #FFFFFF; /* richtig */
}
#body.politik_verwaltung #marginal  #navigation-main li.leaf a {
  display: block;
  padding: 4px 5px 4px 45px;
  background: transparent url(/img/menuIcon1-right.png) no-repeat scroll 28px 6px;
}
#body.politik_verwaltung #navigation-main li.leaf {
  background-color: #edf2e9;
}
#body.politik_verwaltung #navigation-main li.leaf.active {
  background-color: #FFFFFF;
}
#body.politik_verwaltung #navigation-main li.node.first.last.path a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon1-up.png) no-repeat scroll 10px 6px;
}
#body.politik_verwaltung #navigation-main li.root a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon1-right.png) no-repeat scroll 10px 6px;
}
#body.politik_verwaltung #navigation-main li.node.lastOpenNode a,
#body.politik_verwaltung #navigation-main li.root a {
  background: transparent url(/img/menuIcon1-left.png) no-repeat scroll 10px 6px;
}
#body.politik_verwaltung #navigation-main li.node.lastOpenNode.active,
#body.politik_verwaltung #navigation-main li.node.lastOpenNode.parent {
  background: transparent url(/img/menuActiveGradient1.gif) repeat-x scroll 0 0;
}
#body.politik_verwaltung #navigation-main li.node.lastOpenNode.active.first.last a,
#body.politik_verwaltung #navigation-main li.node.lastOpenNode.parent.first.last a {
  background: transparent url(/img/menuIcon1-down.png) no-repeat scroll 10px 6px;
}
#body.politik_verwaltung #content td {
  background-color: #F6F6F6;
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
  border-spacing:0;
  padding: 0.5em;
}
#body.politik_verwaltung #content thead td {
  background-color: #EDF2E9;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #669C2C;
}
#body.politik_verwaltung #content thead th {
  background-color: #EDF2E9;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #669C2C;
}
/* Rubrik Politik & Verwaltung ENDE  */


/* Rubrik Freizeit, Kultur & Tourismus BEGINN */
#body.content.freizeit_kultur_tourismus #marginal #navigation-main {
  border-color: #377a7e;
}
#body.content.freizeit_kultur_tourismus #marginal #navigation-main .path.root ul {
  background-color: #89b1b4;
}
#body.freizeit_kultur_tourismus #navigation-main .clearfix {
  background-color: #d7e4e5;
}
#body.freizeit_kultur_tourismus #navigation-main ul li ul li {
  border-top: 1px solid #377a7e;
  background-color: #d7e4e5;
}
#body.freizeit_kultur_tourismus #marginal  #navigation-main a.root {
  border-top: none;
}
#body.freizeit_kultur_tourismus #marginal  #navigation-main a {
  border-top: 1px solid #FFFFFF; /* richtig */
}
#body.freizeit_kultur_tourismus #marginal  #navigation-main li.leaf a {
  display: block;
  padding: 4px 5px 4px 45px;
  background: transparent url(/img/menuIcon2-right.png) no-repeat scroll 28px 6px;
}
#body.freizeit_kultur_tourismus #navigation-main li.leaf {
  background-color: #ebf1f2;
}
#body.freizeit_kultur_tourismus #navigation-main li.leaf.active {
  background-color: #FFFFFF;
}
#body.freizeit_kultur_tourismus #navigation-main li.node.first.last.path a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon2-up.png) no-repeat scroll 10px 6px;
}
#body.freizeit_kultur_tourismus #navigation-main li.root a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon2-right.png) no-repeat scroll 10px 6px;
}
#body.freizeit_kultur_tourismus #navigation-main li.node.lastOpenNode a,
#body.freizeit_kultur_tourismus #navigation-main li.root a {
  background: transparent url(/img/menuIcon2-left.png) no-repeat scroll 10px 6px;
}
#body.freizeit_kultur_tourismus #navigation-main li.node.lastOpenNode.active,
#body.freizeit_kultur_tourismus #navigation-main li.node.lastOpenNode.parent {
  background: transparent url(/img/menuActiveGradient2.gif) repeat-x scroll 0 0;
}
#body.freizeit_kultur_tourismus #navigation-main li.node.lastOpenNode.active.first.last a,
#body.freizeit_kultur_tourismus #navigation-main li.node.lastOpenNode.parent.first.last a {
  background: transparent url(/img/menuIcon2-down.png) no-repeat scroll 10px 6px;
}
#body.freizeit_kultur_tourismus #content td {
  background-color: #F6F6F6;
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
  border-spacing:0;
  padding: 0.5em;
}
#body.freizeit_kultur_tourismus #content thead td {
  background-color: #EBF1F2;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #45999E;
}
#body.freizeit_kultur_tourismus #content thead th {
  background-color: #EBF1F2;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #45999E;
}
/* Rubrik Freizeit, Kultur & Tourismus ENDE */


/* Rubrik Bildung, Soziales & Generationen BEGINN */
#body.content.bildung_soziales_generationen #marginal #navigation-main {
  border-color: #a62801;
}
#body.content.bildung_soziales_generationen #marginal #navigation-main .path.root ul {
  background-color: #cb816a;
}
#body.bildung_soziales_generationen #navigation-main .clearfix {
  background-color: #edd4cc;
}
#body.bildung_soziales_generationen #navigation-main ul li ul li {
  border-top: 1px solid #a62801;
  background-color: #edd4cc;
}
#body.bildung_soziales_generationen #marginal  #navigation-main a.root {
  border-top: none;
}
#body.bildung_soziales_generationen #marginal  #navigation-main a {
  border-top: 1px solid #FFFFFF; /* richtig */
}
#body.bildung_soziales_generationen #marginal  #navigation-main li.leaf a {
  display: block;
  padding: 4px 5px 4px 45px;
  background: transparent url(/img/menuIcon3-right.png) no-repeat scroll 28px 6px;
}
#body.bildung_soziales_generationen #navigation-main li.leaf {
  background-color: #f6e9e5;
}
#body.bildung_soziales_generationen #navigation-main li.leaf.active {
  background-color: #FFFFFF;
}
#body.bildung_soziales_generationen #navigation-main li.node.first.last.path a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon3-up.png) no-repeat scroll 10px 6px;
}
#body.bildung_soziales_generationen #navigation-main li.root a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon3-right.png) no-repeat scroll 10px 6px;
}
#body.bildung_soziales_generationen #navigation-main li.node.lastOpenNode a,
#body.bildung_soziales_generationen #navigation-main li.root a {
  background: transparent url(/img/menuIcon3-left.png) no-repeat scroll 10px 6px;
}
#body.bildung_soziales_generationen #navigation-main li.node.lastOpenNode.active,
#body.bildung_soziales_generationen #navigation-main li.node.lastOpenNode.parent {
  background: transparent url(/img/menuActiveGradient3.gif) repeat-x scroll 0 0;
}
#body.bildung_soziales_generationen #navigation-main li.node.lastOpenNode.active.first.last a,
#body.bildung_soziales_generationen #navigation-main li.node.lastOpenNode.parent.first.last a {
  background: transparent url(/img/menuIcon3-down.png) no-repeat scroll 10px 6px;
}
#body.bildung_soziales_generationen #content td {
  background-color: #F6F6F6;
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
  border-spacing:0;
  padding: 0.5em;
}
#body.bildung_soziales_generationen #content thead td {
  background-color: #EDD4CC;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #852001;
}
#body.bildung_soziales_generationen #content thead th {
  background-color: #EDD4CC;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #852001;
}
/* Rubrik Bildung, Soziales & Generationen ENDE */


/* Rubrik Service (global) BEGINN */
#body.content.global #marginal #navigation-main {
  border-color: #00389a;
}
#body.content.global #marginal #navigation-main .path.root ul {
  background-color: #9bb1d8;
}
#body.global #navigation-main .clearfix {
  background-color: #ccd7eb;
}
#body.global #navigation-main ul li ul li {
  border-top: 1px solid #00389a;
  background-color: #ccd7eb;
}
#body.global #marginal  #navigation-main a.root {
  border-top: none;
}
#body.global #marginal  #navigation-main a {
  border-top: 1px solid #FFFFFF; /* richtig */
}
#body.global #marginal  #navigation-main li.leaf a {
  display: block;
  padding: 4px 5px 4px 45px;
  background: transparent url(/img/menuIcon4-right.png) no-repeat scroll 28px 6px;
}
#body.global #navigation-main li.leaf {
  background-color: #e5ebf5;
}
#body.global #navigation-main li.leaf.active {
  background-color: #FFFFFF;
}
#body.global #navigation-main li.node.first.last.path a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon4-up.png) no-repeat scroll 10px 6px;
}
#body.global #navigation-main li.root a {
  display: block;
  padding: 4px 5px 4px 27px;
  background: transparent url(/img/menuIcon4-right.png) no-repeat scroll 10px 6px;
}
#body.global #navigation-main li.node.lastOpenNode a,
#body.global #navigation-main li.root a {
  background: transparent url(/img/menuIcon4-left.png) no-repeat scroll 10px 6px;
}
#body.global #navigation-main li.node.lastOpenNode.active,
#body.global #navigation-main li.node.lastOpenNode.parent {
  background: transparent url(/img/menuActiveGradient4.gif) repeat-x scroll 0 0;
}
#body.global #navigation-main li.node.lastOpenNode.active.first.last a,
#body.global #navigation-main li.node.lastOpenNode.parent.first.last a {
  background: transparent url(/img/menuIcon4-down.png) no-repeat scroll 10px 6px;
}
#content td {
  background-color: #F6F6F6;
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
  border-spacing:0;
  padding: 0.5em;
}
#content thead td {
  background-color: #E5EBF5;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #002D7B;
}
#content thead th {
  background-color: #E5EBF5;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #002D7B;
}
/* Rubrik Service (global) ENDE */



#body.content .hr {
  margin: 13px 0 30px 0;
  text-align: right;
}

#body.content .hr hr {
  display: block;
  border-bottom: 2px solid #E97C1B;
}

#body.content .intro-hr {
  margin: 0 0 27px 0;
  padding: 0;
}

#body.content .intro-hr.no-anchors hr {
  margin: 0 0 31px 0;
  padding: 9px 0;
}

#body.content .intro-hr hr {
  height: 0px;
  border-bottom: 1px dotted #ACADAE;
}

#body.content #content-wrapper #content .intro-hr {
  background-color: transparent;
}

#body.content.stadtinfo_wirtschaft .hr hr {
  border-bottom: 2px solid  #E97C1B;
}

#body.content.politik_verwaltung .hr hr {
  border-bottom: 2px solid #669C2C;
}

#body.content.freizeit_kultur_tourismus .hr hr {
  border-bottom: 2px solid #45999E;
}

#body.content.bildung_soziales_generationen .hr hr {
  border-bottom: 2px solid #852001;
}

#body.content .wrapper h1 {
  margin: 0 0 10px;
  color: #002D7B;
  font-size: 11px;
  padding: 0 0 0 3px;
  text-transform: uppercase;
}

#body.content.stadtinfo_wirtschaft #page #content .wrapper h1 a {
  background:transparent url(/img/h1Content0.gif) repeat-x scroll 0 bottom;
  border: 1px solid #F6CBA4;
  color: #8C4A10;
}

#body.content.politik_verwaltung #page #content .wrapper h1 a {
  background:transparent url(/img/h1Content1.gif) repeat-x scroll 0 bottom;
  border: 1px solid #C2D7AB;
  color: #293E12;
}

#body.content.freizeit_kultur_tourismus #page #content .wrapper h1 a {
  background:transparent url(/img/h1Content2.gif) repeat-x scroll 0 bottom;
  border: 1px solid #B5D6D8;
  color: #1C3D3F;
}

#body.content.bildung_soziales_generationen #page #content .wrapper h1 a {
  background:transparent url(/img/h1Content3.gif) repeat-x scroll 0 bottom;
  border: 1px solid #DBA999;
  color: #641801;
}

#body.content.global #page #content .wrapper h1 a {
  background:transparent url(/img/h1Content4.gif) repeat-x scroll 0 bottom;
  border: 1px solid #99AFD7;
  color: #00225C;
}

/*****Default****/
#body #page #marginal #submenuBorderBottom {
  background: transparent url(/img/menuBorderBottom4.gif) repeat-x scroll 100% 100%;
  height: 7px;
  margin: 0 0 20px -12px;
  width: 248px;
}
/*****************/

#body.stadtinfo_wirtschaft #page #marginal #submenuBorderBottom {
  background: transparent url(/img/menuBorderBottom0.gif) repeat-x scroll 100% 100%;
}

#body.politik_verwaltung #page #marginal #submenuBorderBottom {
  background: transparent url(/img/menuBorderBottom1.gif) repeat-x scroll 100% 100%;
}

#body.freizeit_kultur_tourismus #page #marginal #submenuBorderBottom {
  background: transparent url(/img/menuBorderBottom2.gif) repeat-x scroll 100% 100%;
}

#body.bildung_soziales_generationen #page #marginal #submenuBorderBottom {
  background: transparent url(/img/menuBorderBottom3.gif) repeat-x scroll 100% 100%;
}

#body.stadtinfo_wirtschaft #page #header #header-wrapper #headBar #mainmenu li.active {
  background: transparent url(/img/navigationActive0.gif) repeat-x scroll 100% 100%;
}

#body.politik_verwaltung #page #header #header-wrapper #headBar #mainmenu li.active {
  background: transparent url(/img/navigationActive1.gif) repeat-x scroll 100% 100%;
}

#body.freizeit_kultur_tourismus #page #header #header-wrapper #headBar #mainmenu li.active {
  background: transparent url(/img/navigationActive2.gif) repeat-x scroll 100% 100%;
}

#body.bildung_soziales_generationen #page #header #header-wrapper #headBar #mainmenu li.active {
  background: transparent url(/img/navigationActive3.gif) repeat-x scroll 100% 100%;
}

/*****Default****/
#body #page #header #header-wrapper #headBar #mainmenu li.active {
  background: transparent url(/img/navigationActive4.gif) repeat-x scroll 100% 100%;
}
/*****************/

#body.content #marginal #navigation-main {
  background-color: transparent;
  border-color: #00389A;
  border-style: solid;
  border-width: 0 0 0 1px;
  margin: -25px -10px 0 -12px;
  padding: 18px 0 0;
}

#body.content #marginal #navigation-main a {
  color: #000000;
  font-weight: bold;
}

#navigation-main .clearfix {
  background-color: #CCD7EB;
  margin: -15px 0 0;
  padding: 16px 0 0;
}


#navigation-main li.active a {
  background-color: #FFFFFF;
}
#navigation-main li.active {
  background-color: #FFFFFF;
}

#content .linklist li {
  margin-top: 6px;
}

#content .linklist li.internal-link {
  background:transparent url(../img/icon_link-intern.png) no-repeat scroll 0 3px;
  padding:0 0 0 14px;
}

#content .linklist li.external-link {
  background:transparent url(../img/icon_link-extern.png) no-repeat scroll 0 3px;
  padding:0 0 0 14px;
}

#content .linklist li.download {
  background:transparent url(../img/icon_download.png) no-repeat scroll 0 3px;
  padding:0 0 0 14px;
}


body.content #content .linklist-anchors {
  padding: 0 0 3px 0;
}

#body.content #page #content .linklist-anchors a {
  background:transparent url(../img/icon_link-anchor.png) no-repeat scroll 0 2px;
  padding:0 0 0 16px;
}


body.content #content .linklist-anchors ul {
  line-height: 15px;
  display: block;
  position: relative;
  overflow: hidden;
}

body.content #content .linklist-anchors li {
  margin-bottom: 5px;
}

body #content .intro .caption {
  width: 225px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - - G R E V E N ( E n d e ) - - - - - - - - - - - - - - - - -*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==fehlermeldungen */

.error, div.error {
  color: #CC0000;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==i-link */

div.ilink {
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -450px;
  z-index: 10000;
}

#header-wrapper #headBar #mainmenu {
  float: left;
}

#header-wrapper #headBar #search {
  float: right;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==e-mailadressen als grafik */

img.sp-email {
  margin: 0;
  padding: 0 0 1px 0;
  vertical-align: bottom;
}

a:link.sp-mailto, a:visited.sp-mailto {
  border-width: 0;
  text-decoration: none !important;
}

a:hover.sp-mailto, a:active.sp-mailto {
  border-width: 0;
  text-decoration: underline !important;
}

a.sp-mailto img.sp-email {
  padding: 0 0 1px 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==bilder-grossansicht (popup) in der Seite */

.enlarge {
  margin-top: -10px;
  position: absolute;
  right: 1px;
}


#body #page #content .image-almostCompletely .legend {
  width: 635px;
} 

#body #page #content .image-big .legend {
  width: 471px;
} 

#body #page #content .legend {
  padding-top: 3px;
  color: #565657;
  width: 225px;
}
#body #page #content .legend a {
  color: #565657;
  
}
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1001;
  overflow: hidden;
}

#overlay .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000 none repeat scroll 0 0;
  filter: alpha(opacity = 20);
  opacity: 0.2;
  z-index: 100;
}

#overlay #imgZoom {
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  width: 1px;
  margin: auto;
  border: 1px solid #00225c;
  background: white none repeat scroll 0 0;
  z-index: 1000;
}

#imgZoom .navi {
  position: relative;
  height: 28px;
  border-bottom: 1px solid #868686;
  text-align: left;
  overflow: hidden;
}

#imgZoom span.prev, #imgZoom span.next,
#imgZoom a.prev:link, #imgZoom a.prev:visited,
#imgZoom a.next:link, #imgZoom a.next:visited {
  width: 21px;
  height: 13px;
  display: block;
  text-decoration: none;
  line-height: 1000px;
  text-indent: 25px;
  overflow: hidden;
  float: left;
}

#imgZoom .prev {
  margin: 10px 0 0 7px;
}

#imgZoom .next {
  margin: 10px 0 0 3px;
}

#imgZoom span.prev {
  background: url(../img/arw_left_inaktiv.gif);
}

#imgZoom a.prev:link, #imgZoom a.prev:visited {
  background: url(../img/arw_left_normal.gif);
}

#imgZoom a.prev:focus, #imgZoom a.prev:hover {
  background: url(../img/arw_left_hover.gif);
}

#imgZoom a.prev:active {
  background: url(../img/arw_left_down.gif);
}

#imgZoom span.next {
  background: url(../img/arw_right_inaktiv.gif);
}

#imgZoom a.next:link, #imgZoom a.next:visited {
  background: url(../img/arw_right_normal.gif);
}

#imgZoom a.next:focus, #imgZoom a.next:hover {
  background: url(../img/arw_right_hover.gif);
}

#imgZoom a.next:active {
  background: url(../img/arw_right_down.gif);
}

#imgZoom a.close:link, #imgZoom a.close:visited {
  position: absolute;
  right: 2px;
  padding: 0 5px;
  color: #999999;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  line-height: 28px;
  display: block;
}

#imgZoom img {
  margin: 14px 0;
  border: 1px solid #EEEEEE;
  padding: 0;
}

#imgZoom .legend {
  position: relative;
  width: 550px;
  margin: 12px auto 0;
  padding: 0;
  min-height: 12px;
  text-align: left;
  font-size: 1em;
  color: #303030;
}

#imgZoom .copyright {
  position: absolute;
  top: 0;
  right: 16px;
  width: 25%;
  color: #999999;
  text-align: right;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==Sitemap */

.sitemap {
  font-weight: bold;
  font-size: 0.95em
}

.sitemap li li {
  margin: 0 0 15px 0;
}

.sitemap li.last li.last {
  margin: 0;
}

.sitemap li li li,
.sitemap li li li li {
  margin: 0;
}

.sitemap li.node {
  padding: 28px 0 0;
}

.sitemap li.node.first {
  padding: 0;
}

.sitemap li span {
  text-transform: uppercase;
  display: block;
  width: 628px;
  height: 16px
}

#body.content.global #page #content .sitemap a {
  margin: 0 0 5px;
}

.sitemap li .stadtinfo_wirtschaft {
  background: url(/img/h1Content0.gif) repeat-x 0 bottom;
  border: 1px solid #F6CBA4;
  color: #8C4A10;
}

.sitemap li .politik_verwaltung {
  background: url(/img/h1Content1.gif) repeat-x 0 bottom;
  border: 1px solid #C2D7AB;
  color: #293E12;
}

.sitemap li .freizeit_kultur_tourismus {
  background: url(/img/h1Content2.gif) repeat-x 0 bottom;
  border: 1px solid #B5D6D8;
  color: #1C3D3F;
}

.sitemap li .bildung_soziales_generationen {
  background: url(/img/h1Content3.gif) repeat-x 0 bottom;
  border: 1px solid #DBA999;
  color: #641801;
}

.sitemap li .global {
  background: url(/img/h1Content4.gif) repeat-x 0 bottom;
  border: 1px solid #99AFD7;
  color: #00225C;
}

.sitemap li li li .stadtinfo_wirtschaft,
.sitemap li li li .politik_verwaltung,
.sitemap li li li .freizeit_kultur_tourismus,
.sitemap li li li .bildung_soziales_generationen,
.sitemap li li li .global {
  margin: 0 0 0 17px;
}

.sitemap li li li li .stadtinfo_wirtschaft,
.sitemap li li li li .politik_verwaltung,
.sitemap li li li li .freizeit_kultur_tourismus,
.sitemap li li li li .bildung_soziales_generationen,
.sitemap li li li li .global {
  margin: 0 0 0 34px;
}

.sitemap li li .stadtinfo_wirtschaft,
.sitemap li li .politik_verwaltung,
.sitemap li li .freizeit_kultur_tourismus,
.sitemap li li .bildung_soziales_generationen,
.sitemap li li .global {
  border: 0;
  color: #000000;
  text-transform: none;
  padding: 0 0 0 16px;
}

.sitemap li li .stadtinfo_wirtschaft {
  background: transparent url(/img/menuIcon0-right.png) no-repeat scroll 0 2px;
}

.sitemap li li .politik_verwaltung {
  background: transparent url(/img/menuIcon1-right.png) no-repeat scroll 0 2px;
}

.sitemap li li .freizeit_kultur_tourismus {
  background: transparent url(/img/menuIcon2-right.png) no-repeat scroll 0 2px;
}

.sitemap li li .bildung_soziales_generationen {
  background: transparent url(/img/menuIcon3-right.png) no-repeat scroll 0 2px;
}

.sitemap li li .global {
  background: transparent url(/img/menuIcon4-right.png) no-repeat scroll 0 2px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==Webformular */

.webform h3, .response h3 {
  font-size: 1em;
  margin-bottom: 3px;
}

.webform .recipient {
  border: 1px solid #CCD7EB;
  width: 436px;
  line-height: 1.9em;
  height: 1.5em;
  margin-bottom: 1em;
}

.webform textarea,
.webform input {
  border: 1px solid #CCD7EB;
  font-size: 1em;
}

.webform input.button {
  border: 1px solid #00389A;
  background: url(/img/buttonBg.png) repeat-x 0 0;
  margin: 10px 30px 0 0;
}

.webform input.button:hover {
  border: 1px solid #665700;
  background: url(/img/buttonBgHover.png) repeat-x 0 0;
}

.webform .formfield input,
.webform .formfield textarea {
  width: 436px;
}
.webform #inpZip {
  width: 63px;
}
.webform #inpCity {
  width: 363px;
}
.webform #inpFirstName {
  margin-bottom: 1em;
}
.webform #inpMessage {
  margin-bottom: 1em;
}
.webform #inpMail {
  margin-bottom: 1em;
}
.webform input.radio,
.webform input.check,
.webform input.checkbox,
.webform .checkbox input,
.webform .radiobutton input {
  border: none;
  float: none;
  vertical-align: middle;
  width: auto !important;
}
.webform .notice {
  margin: 1em 0;
  padding: 5px 0;
  width: 437px;
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
}
.webform .formfield input.span2 {
  margin: 0 4px 0 0;
  width: 213px;
}
#body.content .paragraph p{
  margin-bottom: 15px;
}
.content .paragraph ul {
  list-style-type: square;
  list-style-position: outside;
  padding: 0 0 30px 15px;
}
.content .paragraph ul li {
  padding: 0 0 3px 5px;
}

.content .paragraph ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 20px;
}
.content .paragraph ol li {
  padding: 0 0 3px 0;
}

#navigation-service li.link a.flag-ne {
  background: url(/img/flag-ne.gif) no-repeat;
  text-decoration: none;
}
#navigation-service li.link a.flag-en {
  background: url(/img/flag-en.gif) no-repeat;
  text-decoration: none;
}
#navigation-service li.link a.flag-fr {
  background: url(/img/flag-fr.gif) no-repeat;
  text-decoration: none;
}

#body #page #content .pagination {
  text-align: right;
}
#body #page #content .pagination a {
  display: inline;
}
#body #page #content .pagination .jumpers {
  border-top: 1px dotted #ACADAE;
  padding-top: 5px;
}
#body #page #content .pagination .jumpers span {
  display: none !important;
}
#body #page #content .pagination .jumpers li {
  display: inline;
}
#body #page #content .pagination .jumpers li.active{
  font-weight: bold;
  color: #00389A;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===shop */

.sp-shop {
  margin-bottom: 0.5625em;
  clear: both;
  float: none;
}

.sp-shop h4 {
  margin: 1em 0;
  border-bottom: 2px solid #CCCCCC;
  padding: 0 0 0.5em;
  font-size: 110%;
}

.sp-shop ul {
  margin-bottom: 1em;
}

.sp-shop li {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dotted #ACADAE;
  overflow: hidden;
}

.sp-shop li .title {
  color: #333333;
  font-size: 1em;
  line-height: 1.25em;
  font-weight: bold;
}

.sp-shop li .description {
  color: #333333;
  font-size: 1em;
  line-height: 1.25em;
}
#content .offerer {
  float: right;
}
#content .offerer .image-wrapper {
  width: 43px;
}
.sp-shop .offerer {
  color: #333333;
  font-size: 1em;
  line-height: 1.25em;
  line-height: 50px;
  float: right;
}

.sp-shop .image {
  margin: 4px 20px 15px 0;
  padding: 0 !important;
  clear: none !important;
  float: left !important;
}

.sp-shop .image-wrapper {
  width: auto !important;
}

.sp-shop a.image-enlarge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  background: url(/img/zoomIcon.png) no-repeat 0 0;
  text-indent: -9999px;
  display: block;
}
.sp-shop-productlist legend {
  display: none;
}

.sp-shop-productlist dl {
  overflow: hidden;
}

.sp-shop-productlist dd {
  display: block; float: left;
}

.sp-shop-productlist dd.amount {
  width: 50px;
  padding: 2px 0;
}

.sp-shop-productlist dd.amount input {
  width: 40px;
  border: 1px solid #CCD7EB;
  font-size: 0.916em;
  text-align: right;
}

.sp-shop-productlist dd.price {
  color: #333333;
  font-size: 0.916em;
  line-height: 1.25em;
  padding: 4px 0;
}

.sp-shop-productlist dt {
  color: #333333;
  display: block;
  clear: left;
  float: left;
  font-size: 0.75em;
  line-height: 1.25em;
  padding: 6px 0;
  text-transform: uppercase;
  width: 110px;
}

.sp-shop-productlist dt label {
  font-size: 1em;
  line-height: 1.25em;
}

.sp-shop-productlist input.button {
  margin: 10px 30px 0 0;
  border: 1px solid #00389A;
  background: url(/img/buttonBg.png) repeat-x 0 center;
  font-size: 1em;
}

.sp-shop-productlist input.button:hover {
  border: 1px solid #665700;
  background: url(/img/buttonBgHover.png) repeat-x 0 center;
}

.sp-shop table {
  margin: 1em 0 0 0;
  width: 100%;
}

.sp-shop table tfoot {
  background: #F3F3F3;
  border-bottom: 1px dotted #ACADAE;
}

.sp-shop td.price {
  text-align: right;
  white-space: nowrap;
}

.sp-shop td {
  vertical-align: middle;
}

.sp-shop td.amount {
  vertical-align: bottom;
  text-align: right;
}

.sp-shop td form {
  margin-top: 0 !important;
}

.sp-shop td input {
  text-align: right;
  width: 40px;
}

.sp-shop tfoot td {
  text-align: right;
}

.sp-shop tfoot td label {
  display: inline !important;
  font-size: 0.916em;
}

.sp-shop tfoot td form {
  float: left;
}

.sp-shop tr.tax td {
  font-size: 0.75em;
}

.sp-shop td input,
.sp-shop td select {
  font-size: 0.916em;
}

.sp-shop td input.button {
  width: auto;
  margin: 10px 30px 0 0;
  border: 1px solid #00389A;
  padding: 0 2px;
  background: url(/img/buttonBg.png) repeat-x 0 center;
  font-size: 0.916em;
}

.sp-shop td input.button:hover {
  border: 1px solid #665700;
  background: url(/img/buttonBgHover.png) repeat-x 0 center;
}

.sp-shop .fieldset {
  margin: 9px 0;
}

.sp-shop #inpCity {
  width: 436px;
}

.sp-shop fieldset.submit {
  clear: both;
}

#mini-checkout .fieldset-confirmation {
  line-height: 1.335em;
  margin-bottom: 30px;
  margin-right: 61px;
  padding-left: 4px;
  background: #F3F3F3 none repeat scroll 0 0;
  border-bottom: 1px dotted #ACADAE;
}
#mini-checkout .fieldset-confirmation .formlabel {
  color: #999999;
  text-transform: uppercase;
  margin-top: 6px;
  font-size: 0.9em;
}
.checkout a.button:link, .checkout a.button:visited {
  background: url(/img/buttonBg.png) repeat-x 0 center;
  border: 1px solid #00389A;
  color: #000000 !important;
  line-height: 1.25em;
  padding: 0 0.5em !important;
  text-align: center;
  width:auto !important;
  display: inline-block !important;
  text-decoration: none !important;
}

.checkout a.button:hover, .checkout a.button:focus {
  border: 1px solid #665700;
  background: url(/img/buttonBgHover.png) repeat-x 0 center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===ies-module-directory */
#ies-module-directory .ies-module-directory-headline {
  display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===search */
  
.content div.detail-search-closed-hidden {
  position: relative;
  margin: 10px 15px 0 15px;
  border: 1px solid #D3D3D3;
  padding-left: 15px;
  background: #FFFFFF;
  display: none;
  height: 1.5625em;
  line-height: 1.375em;
}
#search label {
  font-size: 9px;
  line-height: 1.375em;
}
#search label.overlabel {
  position: absolute; 
  top: 2px; 
  left: 10px;
}
#search label.overlabel-apply {
  font-weight: normal;
  position: absolute; 
  /*top: 28px;*/
  /*left: 670px;*/
  top: 18px;
  left: 15px;
}
.content div.detail-search-closed-hidden a {
  font-weight: bold;
}

.content div.detail-search {
  position: relative;
  margin: 10px 15px 0 15px;
  border: 1px solid #D3D3D3;
  padding-left: 15px;
  background: #FFFFFF;
  line-height: 1.375em;
}

.content div.detail-search form {
  padding-bottom: 15px;
}

.content div.detail-search h5 a {
  font-size: 1.333em;
}

.content div.detail-search div.checkbox-group {
  float: left;
  width: 265px;
}
#search div.fieldset {
  position: relative;
}
.content div.detail-search div.fieldset {
  padding-top: 15px;
}

.content div.detail-search div.form-row {
  clear: both; float: none;
}

.content div.detail-search label,
.content div.detail-search span.label {
  width: 220px;
  color: #303030;
  display: block;
  float: left;
}

.content div.detail-search input,
.content div.detail-search select {
  border: 1px solid #D3D3D3;
  width: 265px;
}

.content div.detail-search div.checkbox-group input.checkbox {
  width: auto;
  margin-top: 5px;
  border: none;
  display: block;
  float: left;
}

.content div.detail-search div.checkbox-group label {
  width: auto;
  clear: none;
  float: left;
}

.content div.detail-search select {
  width: 267px;
}

.content div.detail-search select.numbers,
.content div.detail-search select.numbers option {
  text-align: right;
}

.content div.detail-search input.button {
  margin-right: 20px;
}

.content a.button {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 23px;
  height: 23px;
  display: block;
  text-indent: -9999px;
}

.content .maximize {
  background: url(../img/search-maximize.gif) no-repeat;
}

.content .minimize {
  background: url(../img/search-minimize.gif) no-repeat;
}

.content .button:hover {
  text-decoration: none;
}

.content div.link-searchtype {
  padding: 0 15px;
}

.content div.link-searchtype a {
  background: url(../img/link.png) no-repeat left center;
  padding-left: 18px;
}

.content div.fast-search {
  margin: 10px 0 20px 0;
  padding: 0;
  overflow: auto;
  overflow-y: hidden;
}

.content div.fast-search input {
  border: 1px solid #D3D3D3;
  display: inline; float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 140px; height: 17px;
}

.content div.fast-search label {
  clear: left;
  display: inline;
  float: left;
  line-height: 18px;
  margin-right: 10px;
}

.content div.fast-search input.submit {
  border: none;
  margin-left: 2px;
  width: auto; height: auto;
}

#body.content div.results {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

#body.content div.results ul {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

#body.content div.results li {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

#body.content div.results li div.paragraph {
  font-size: 1.333em;
  padding: 0 0 5px 0;
  margin-bottom: 10px;
}
#body.content div.results li div.link{
  margin-bottom: -0px !important;
}
#body.content div.results li div.paragraph a {
  font-weight: bold;
  text-decoration: underline;
}

#body.content div.results li div.paragraph span.category {
  display: inline-block;
  margin-right: 20px;
}