/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Stylesheet für www.lichtundgegenlicht.de
| sp | 2009-06-10
| 
| 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               Infobox mit Kopf
| - ==box_wohead              Infobox ohne Kopf
| - ==bannerbox               Infobox für Banner
| - ==tagcloud                Tagcloud
| - ==teaser                  Teasserbox für Standardteaser
| - ==teaser ===short         Teaserbox für Kurzmeldungen
| - ==teaser ===carousel      Teaser für Bildergalerien, Carousel
| - ==content                 Inhalt
| - ==content ===image        Bild im Inhaltsbereich
| - ==content ===image-right  Bild im Inhaltsbereich rechts
| - ==content ===image-big    Großes Bild im Inhaltsbereich
| - ==content ===movie        Flash-Film im Inhaltsbereich
| - ==content ===movie-right  Flash-Film im Inhaltsbereich rechts
| - ==content ===movie-big    Großer Flash-Film 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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

  ==elements */


a { -webkit-transition: color .6s linear; -moz-transition: color .6s linear; -ms-transition: color .6s linear; -o-transition: color .6s linear; transition: color .6s linear;  text-decoration: none; }
a:hover, a:focus { text-shadow: 2px 2px 2px #C1C1C1; color: #660000 !important; }


em {
  font-style: italic;
}

strong {
  font-weight: 700;
}

::selection {
	background: #D9E8ED; /* Safari */
	}
::-moz-selection {
	background: #D9E8ED; /* Firefox */
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==classes */

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {*zoom: 1;/*for ie 5.5-7*/}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom: 1;/*for ie 5.5-7*/}

.acc {
  display: none;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==layout */
  
#header {
  position: absolute; top: 0; left: 0;
  text-align: center;
  width: 100%; height: 210px;
}

#header-left {
  margin: 0 auto; padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  width: 558px; height: 210px;
}

.playout-4col #header-left {
  background-position: 20px 0 !important;
  padding-left: 30px;
}

#header-right {
  position: relative;
  width: 558px; height: 210px;
  z-index: 10;
}

.playout-4col #header-left {
  width: 1138px;
}

#header-wrapper {
  background-color: #FFFFFF;
  position: relative; top: 0; left: 0;
  width: 100%; height: 210px;
  z-index: 20;
}

@media screen and (min-width: 46em) {
  #header-left,
  #header-right {
    width: 760px;
  }
  #header-right,
  #header-wrapper,
  #header-left {
    height: 250px;
  }
  #header {
    height: 258px;
  }
  body {
    padding-top: 250px;
  }
}

#header .logo {
  position: relative;
  margin: 20px 0 0 1px;
  padding: 0;
  float: left;
  z-index: 7000;
}

#header .print {
  display: none;
}

#cols-wrapper {
  left: 0;
  width: 100%;
}

.playout-4col #cols {
  padding-left: 30px;
}

#cols {
  width: 558px;
  margin: 0 auto;
  padding: 0 10px 0 8px;
  background: transparent;
  text-align: left;
}

.playout-4col #cols {
  width: 1138px;
}


#col-navigation {
  display: none;
}
@media screen and (min-width: 46em) {
  #cols,
  #header-left,
  #header-right,
  #header-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 46em) {
  .home #col-navigation,
  #col-navigation {
    display: block;
  }
  #cols,
  #header-left,
  #header-right,
  #header-wrapper {
    width: 950px;
  }
}
#col-navigation {
  float: left;
}

#col-content {
  float: left;
  margin: 0 2px 0 0;
}


#col-teaser {
  display: none;
}

@media screen and (min-width: 46em) {
  #col-teaser {
    display: block;
  }
}
#col-teaser {
  float: left;
  width: 175px;
}

#col-teaser-additional {
  float: left;
  margin-left: 5px; padding-top: 2px;
  width: 175px;
}

#page-underlay {
  position: absolute; bottom: 0; right: 0;
  width: 100%; height: 100%;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navi_service */

#navigation-service {
  float: right;
  margin-right: 10px;
  margin-left: 15px;
}

#navigation-service li {
  background: url(../img/navi-service-divider.png) no-repeat left 4px;
  display: block;
  float: left;
  margin-left: 5px; padding-left: 5px;
}

#navigation-service li.first {
  background: none;
  margin-left: 0; padding-left: 0;
}

#navigation-service a {
  color: #303030;
  font-size: 1.2rem;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==languages */

#languages {
  float: right;
}

#languages li {
  float: left;
  margin-left: 10px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==search */
#SP-search,
#search {
  clear: right; float: right;
  margin: 8px 10px 8px 0;
}

#search div.fieldset {
  position: relative;
}

#search input.submit {
  margin-top: 0;
  opacity: .5;
  vertical-align: top;
}
#search input.submit:hover {
  opacity: 1;
 }
#search input.text {
  background: url(../img/search-input.png) no-repeat;
  border: none;
  color: #303030;
  font-size: 1.2rem;
  margin-right: 2px;
  padding: 2px 5px;
  width: 138px; height: 20px;
  vertical-align: middle;
}

#search input.text:active,
#search input.text:focus {
  background-image: url(../img/search-input-long-transparent.png);
  background-color: #ECF4F6;
  repeat: no-repeat;
  width: 190px;
}

#search label {
  display: none;
}

#search label.overlabel-apply {
  position: absolute; top: 4px; left: 5px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==slogan */

#slogan {
  clear: both;
  padding: 0;
  position: absolute; top: 59px;
  width: 558px;
  height: 186px;
}

#slogan #homelink {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 180px;
  height: 180px;
  display: block;
  text-indent: -9999em;
}

#slogan .mask {
  background: url(../img/slogan-mask.png) no-repeat left bottom;
  padding: 0;
  position: absolute; top: 2px;
  width: 751px; height: 133px;
}
.home #slogan .logo-type {
  background: url("../img/logo_type.png") no-repeat 152px 89px transparent;
  padding: 0;
  position: absolute; top: 2px;
  width: 751px; height: 180px;
}
#slogan div.image {
  padding-top: 2px;
}
#slogan div.image img {
  border-radius: 0 10px 10px 0;
  width: 558px;
  height: 133px;
}
  .home #slogan #slogan-projector,
  #slogan #slogan-projector,
  .home #slogan-string,
  #slogan #slogan-string  {
    display: none;
  }
@media screen and (min-width: 46em) {
  #slogan {
    width: 751px;
  }
  #slogan div.image img {
    border-radius: 0 10px 10px 0;
    width: 751px;
    height: 180px;
  }
  .home #slogan #slogan-projector,
  .home #slogan #slogan-string {
    display: none;
  }
  #slogan #slogan-projector,
  #slogan #slogan-string {
    display: block;
  }
.home #slogan .logo-type,
#slogan .logo-type {
    background-position: 333px 86px;
    top: 52px;
  }
}
#slogan #slogan-projector {
  -khtml-opacity: .5;
  -moz-opacity: .5;
  background: url(../img/film_20x40.png) repeat-x 0 0;
  filter: alpha(opacity=50);
  opacity: .5;
  position: absolute; bottom: 4px;
  width: 751px; height: 40px;
}

#slogan #slogan-string {
  color: #FFFFFF;
  font-size: 2.2rem;
  line-height: 2;
  padding: 0;
  position: absolute; bottom: 4px; right: 0;
  text-align: right;
  width: 751px;
}

#slogan .mask,
.home #slogan .logo-type,
#slogan #slogan-projector,
#slogan #slogan-string {
  left: 0;
  width: 558px;
}

@media screen and (min-width: 46em) {
  #slogan .mask,
  .home #slogan .logo-type,
  #slogan #slogan-projector,
  #slogan #slogan-string {
  left: 189px;
  width: 751px;
  }
#slogan {
  padding: 0 0 0 189px;
 }


}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==footer */
  
.footer {
  clear: both;
background: none repeat scroll 0 0 transparent;
margin: 0 auto;
padding: 0 0 0 8px;
text-align: left;
}

.footer.print {
  display: none;
}


#page {
  min-height: 100%;
}

#cols-wrapper {
  padding-bottom: 100px;
}  /* must be same height as the footer */


.footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


.footer #footer-wrapper {
  position: relative;
  background: #FFFFFF;
  text-align: center;
}

.footer a {
  background-position: left center;
  background-repeat: no-repeat;
  color: #600;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 22px;
  margin: 0 auto;
  text-align: left;
  height: 30px;
}

.footer li {
  background: url(../img/footer-divider.png) no-repeat left center;
  display: inline-block;
  float: left;
  margin-right: 10px; padding-left: 10px;
  height: 30px;
}

.footer li.first {
  background: none;
  padding-left: 0;
}

.footer li.last {
  margin-right: 5px;
}

.footer li.page-top a {
  background-image: url(../img/page-top.png);
  background-position: 0 5px;
  padding: 5px 0 0 20px;
}

.footer li.print a {
  background-image: url(../img/print.png);
  background-position: 0 5px;
  padding: 5px 0 0 20px;
}

.footer li.send a {
  background-image: url(../img/send.png);
  background-position: 0 5px;
  padding: 5px 0 0 20px;
}
.footer li.gplusone {
  padding: 0 0 0 10px;
}
.footer ul {
  margin-top: 20px;
  display: inline-block;
  background: #FFFFFF;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==navi_main */
  
#navigation-main-start {
  margin-bottom: 10px;
}

#navigation-main-start li  {
  background: url(../img/nav-main.png) no-repeat;
  position: relative;
  width: 182px; height: 42px;
  /* line-height & font-size in ie.css */
}

#navigation-main-start li a {
  color: #303030;
  display: block;
  font-size: 1.4rem; 
  font-weight: 700;
  height: 28px;
  line-height: 1.2em;
  overflow: hidden;
  padding: 15px 10px 8px 14px;
  /* font-size ie.css*/
}

#navigation-main-start li.first {
  background: url(../img/nav-main-first.png) left bottom no-repeat;
}

#navigation-main-start li.last {
  background: url(../img/nav-main-last.png) no-repeat 0 -1px;
}

#navigation-main {
  margin-bottom: 10px;
}

#navigation-main ul {
  background: url(../img/nav-main-last.png) left bottom no-repeat;
  padding-bottom: 45px;
}

#navigation-main ul ul {
  background: none;
  padding-bottom: 0;
  margin-bottom: -2px;
}

#navigation-main li.root {
  background: url(../img/nav-main-first.png) 0 1px no-repeat;
  width: 182px;
}

#navigation-main li.root a {
  background: url(../img/nav-arrow-left.png) no-repeat 9px 18px;
  color: #303030;
  display: block;
  font-size: 1.4rem; 
  font-weight: 700;
  height: 20px;
  line-height: 1em;
  overflow: hidden;
  padding: 15px 10px 8px 20px;
  /* font-size ie.css*/
}

#navigation-main li.root li {
  background: url(../img/nav-main.png) no-repeat;
}

#navigation-main li.root li a {
  background: url(../img/nav-arrow-up.png) no-repeat 9px 15px;
  border-bottom: 1px solid #FFFFFF;
  color: #303030;
  display: block;
  font-size: 1.3rem; 
  font-weight: 700;
  height: 25px;
  line-height: 1;
  overflow: hidden;
  padding: 14px 10px 4px 20px;
  /* font-size ie.css*/
}

#navigation-main li.root li li {
  background: #F5F5F5;
  width: 180px;
}

#navigation-main li.root li li a,
#navigation-main li.root li.lastOpenNode li a,
#navigation-main li.root li li.lastOpenNode li a {
  background: url(../img/nav-arrow-right.png) no-repeat 22px 13px;
  border-bottom: 1px solid #FFFFFF;
  font-weight: 400;
  height: auto;
  min-height: 1.25em;
  padding: 10px 10px 8px 30px;
}

#navigation-main li.root li li.path {
  background: #EAE9E5;
}

#navigation-main li.root li.path a {
  background: url(../img/nav-arrow-up.png) no-repeat 9px 20px;
  border-bottom: 1px solid #FFFFFF;
}

#navigation-main li.root li li.path a {
  background: url(../img/nav-arrow-up.png) no-repeat 9px 15px;
  border-bottom: 1px solid #FFFFFF;
  padding-left: 20px;
}

#navigation-main li.root li.lastOpenNode a {
  background: url(../img/nav-arrow-down.png) no-repeat 9px 20px;
}

#navigation-main li.root li li.lastOpenNode.active {
  background: #EAE9E5 !important;
}

#navigation-main li.root li li.lastOpenNode.parent a, #navigation-main li.root li li.lastOpenNode.active a {
  background: url(../img/nav-arrow-down.png) no-repeat 9px 15px;
  border-bottom: 1px solid #FFFFFF;
  padding: 10px 10px 8px 20px;
}

#navigation-main li.root li li.lastOpenNode li a {
  background: url(../img/nav-arrow-right.png) no-repeat 22px 12px !important;
  padding: 10px 10px 8px 30px !important;
}

#navigation-main li.root li.lastOpenNode li.active,
#navigation-main li.root li li.lastOpenNode li.active {
  background: #EAE9E5;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==box_whead, ==box_wohead */
  
.box-whead,
.box-wohead,
.box-whead-closed {
  background: url(../img/box-whead.png) repeat-y;
  display: inline-block;
  margin-bottom: 10px;
  width: 181px;
}

.box-wohead div.head {
  background: url(../img/box-wohead-top.png) no-repeat;
  height: 8px;
}

.box-whead div.foot,
.box-wohead div.foot {
  background: url(../img/box-whead-bottom.png) no-repeat left bottom;
  padding-left: 14px;
}

.box-whead div.foot a,
.box-wohead div.foot a {
  background: url(../img/link.png) no-repeat 0 .0625em;
  color: #303030;
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 12px; padding-left: 15px;
  height: 30px;
}

.box-whead div.topic-b div.image,
.box-wohead div.topic-b div.image {
  margin: 14px 0 0 14px;
}

.box-whead div.banner div.image {
  text-align: center;
}

.box-whead div.topic-b div.paragraph,
.box-wohead div.topic-b div.paragraph {
  color: #303030;
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 14px 0 0 14px; padding-right: 10px;
}

.box-whead div.topic-b div.paragraph a,
.box-wohead div.topic-b div.paragraph a {
  background: url(../img/link.png) no-repeat 0 .333em;
  color: #303030;
  display: block;
  padding-left: 15px;
}

.box-whead div.topic-b h3,
.box-wohead div.topic-b h3 {
  color: #54504D;
  font-size: .75rem;
  line-height: 1.125;
  margin: 14px 0 0 14px; padding-right: 10px;
}

.box-whead div.topic-b ul,
.box-wohead div.topic-b ul {
  margin-top: 8px; padding-right: 4px;
}

.box-whead div.topic-b ul li,
.box-wohead div.topic-b ul li {
  border-bottom: 1px solid #D6DEE0;
  margin-left: 14px;
}

.box-whead div.topic-b ul li.last,
.box-wohead div.topic-b ul li.last {
  border-bottom: none;
}

.box-whead div.topic-b ul li a,
.box-wohead div.topic-b ul li a {
  background: url(../img/link.png) no-repeat 0 .6875em;
  color: #303030;
  display: block;
  height: 1%;
  font-size: .6875rem;
  padding: 6px 0 6px 15px !Important;
}

.box-whead div.topic-b ul li a.internal,
.box-wohead div.topic-b ul li a.internal {
  background: url(../img/link.png) no-repeat 0 .6875em;
}

.box-whead div.topic-b ul li a.external,
.box-wohead div.topic-b ul li a.external {
  background: url(../img/external-link.png) no-repeat 0 .6875em;
}

.box-whead div.topic-b ul li a.download,
.box-wohead div.topic-b ul li a.download {
  background: url(../img/icon_download.png) no-repeat 0 .6875em;
}

.box-whead div.topic-b ul li a.popup,
.box-wohead div.topic-b ul li a.popup {
  background: url(../img/icon_popup.png) no-repeat 0 .6875em;
}

.box-whead-hidden,
.box-whead-closed-hidden {
  display: none;
}

.box-whead-closed {
  background: none;
}

.box-whead h2 {
  background: url(../img/box-whead-top.png) no-repeat;
  color: #303030;
  font-size: 1rem;
  height: 21px;
  padding: 13px 0 0 14px;
  position: relative;
  text-transform: uppercase;
}

.box-whead-closed h2 {
  background: url(../img/box-whead-closed.png) no-repeat;
  color: #303030;
  font-size: .6875rem;
  height: 26px;
  padding: 13px 0 0 14px;
  position: relative;
  text-transform: uppercase;
}

.box-whead h2 a.button,
.box-whead-closed h2 a.button{
  display: none;
  position: absolute; top: 7px; right: 10px;
  text-indent: -9999px;
  width: 23px; height: 23px;
}

.box-whead h2 a.minimize {
  background: url(../img/box-minimize.png) no-repeat;
}

.box-whead-closed h2 a.maximize {
  background: url(../img/box-maximize.png) no-repeat;
}

.box-whead div.quicklinks ul {
  margin-top: 8px; padding-right: 4px;
}

.box-whead div.quicklinks ul li {
  border-bottom: 1px solid #D6DEE0;
  margin-left: 14px;
}

.box-whead div.quicklinks ul li.last {
  border-bottom: none;
}

.box-whead div.quicklinks ul li a {
  background: url(../img/link.png) no-repeat 0 .6875em;
  color: #303030;
  display: block;
  font-size: .6875rem;
  height: 1%;
  padding: 6px 0 6px 15px;
}

.box-whead .topic-b,
.box-wohead .topic-b {
  padding-bottom: 10px;
}

.box-whead .topic-b .contact,
.box-wohead .topic-b .contact {
  font-size: 0.6875rem;
  margin: 0 0 0 14px;
  color: #303030;
}

.box-whead .topic-b .contact a,
.box-wohead .topic-b .contact a {
  background: url(../img/link.png) no-repeat 0 0.6em;
  color: #303030;
  display: block;
  height: 1%;
  padding: 5px 0 5px 15px !important;
}

.box-whead .topic-b .contact a:hover.sp-mailto,
.box-wohead .topic-b .contact a:hover.sp-mailto,
.box-whead .topic-b .contact a:active.sp-mailto,
.box-wohead .topic-b .contact a:active.sp-mailto {
  border: 0;
  text-decoration: underline !important;
}

.box-whead .topic-b .contact.name,
.box-wohead .topic-b .contact.name {
  margin-top: 8px;
  font-weight: 700;
}

.box-whead .topic-b .contact a.external,
.box-wohead .topic-b .contact a.external {
  background: transparent url(../img/external-link.png) no-repeat scroll 0 0.6em;
}

.box-whead .topic-b .contact a.popup,
.box-wohead .topic-b .contact a.popup {
  background: transparent url(../img/icon_popup.png) no-repeat scroll 0 0.6em;
}

.box-whead .topic-b .contact.text,
.box-wohead .topic-b .contact.text {
  padding: 5px 0 5px 0;
}

.box-whead .topic-b .contact.mail a,
.box-wohead .topic-b .contact.mail a {
  background: transparent url(../img/mail.png) no-repeat scroll 0 0.6em;
  padding: 5px 0 5px 15px;
}

.box-whead .topic-b .contact.phone,
.box-wohead .topic-b .contact.phone {
  background: transparent url(../img/phone.png) no-repeat scroll 0px 0.48em;
  margin-left: 12px;
  padding: 5px 0 5px 17px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==tagcloud */
#tagcloud {
  font-size: .833rem;
} 

#tagcloud ul {
  margin: 14px 4px 0 2px;
  text-align: center;
  overflow: hidden;
}

#tagcloud li {
  border: none;
  display: inline-block;
  margin: 0; padding: 0;
}

#tagcloud li a {
  background: none;
  color: #303030;
  line-height: 1.2em;
  margin: 0; padding: 0;
  white-space: nowrap;
}

#tagcloud li.size-XXS a {
  font-size: 1rem;
  font-weight: 300;
}

#tagcloud li.size-XS a {
  font-size: 1.1rem;
  font-weight: 300;
}

#tagcloud li.size-S a {
  font-size: 1.2rem;
  font-weight: 400;
}

#tagcloud li.size-M a {
  font-size: 1.4rem;
  font-weight: 400;
}

#tagcloud li.size-L a {
  font-size: 1.8rem;
  font-weight: 600;
}

#tagcloud li.size-XL a {
  font-size: 2rem;
  font-weight: 700;
}

#tagcloud li.size-XXL a {
  font-size: 2.1rem;
  font-weight: 800;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ===bannerbox */

.bannerbox .box-whead div.image {
  margin: 0 0 6px 1px;
}

.bannerbox .box-wohead div.image {
  margin: 10px 0 6px 1px;
}

.bannerbox div.foot {
  background: url(../img/box-wohead-bottom.png) no-repeat;
  height: 11px;
  margin-top: 8px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser */
  
.teaser {
  background: url(../img/teaser.png) repeat-y;
  display: inline-block;
  margin-bottom: 10px;
  width: 565px;
}

.teaser div.about {
  margin: 0 0 0 190px; padding-top: 4px; /* padding in ie.css */
  /* line-height & font-size in ie.css */
}

.teaser div.about .author,
.teaser div.about .date, 
.teaser div.about .divider {
  color: #303030;
  font-size: .6875rem;
  /* line-height & font-size in ie.css */
}

.content .teaser div.foot,
.teaser div.foot {
/* background: url(../img/teaser-bottom.png) no-repeat left bottom; */
  height: 35px;
  padding-left: 14px;
  width: 547px;
  /* line-height & font-size in ie.css */
}

.teaser div.foot a {
  background: url(../img/link.png) no-repeat left center;
  color: #303030;
  font-size: .75rem;
  padding-left: 15px;
}

.teaser div.image {
  float: left;
  height: 125px;
  /* line-height & font-size in ie.css */
}

.teaser div.image a {
  font-size: 0;
  line-height: 0;
}
.slide div.image a {
  font-size: 1em;
  line-height: 1.25em;
}
.teaser div.paragraph {
  margin-left: 190px;
  padding-bottom: 5px;
  padding-right: 2px;
  color: #303030;
  font-size: .75em;
  line-height: 1.333em;
}

.teaser div.paragraph a {
  color: #303030;
  font-size: 1em;
}
.teaser h2 {
  position: relative;
  height: 21px;
  padding: 13px 0 0 14px;
  background: url(../img/teaser-top.png) no-repeat;
  color: #303030;
  font-size: .6875em;
  text-transform: uppercase;
}
.content .slide h2 {
  position: relative;
  height: 30px;
  padding: 9px 15px 0 14px;
  background: url(../img/teaser-top.png) no-repeat;
  color: #303030;
  font-size: .6875em;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.375em;
  margin-bottom: 0px;
}
.content h1 span.date,
.teaser h2 span.date {
  position: absolute; right: 15px; top: 13px;
}

.teaser h3 {
  margin: 3px 0 6px 190px;
  color: #303030;
  font-size: .75em;
  line-height: 1.19em;
  padding-bottom: 10px;
}

.teaser li {
  background: #F6F5F5;
  border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;
  margin: 0 10px 0 2px;
  width: 558px;
  zoom: 1;
}

.teaser li.hotnews {
  background: #EBD3D3;
}

.teaser li.highlight {
  background: #EBD3D3;
}

.teaser-short li {
  background: #F6F5F5;
  border-top: 1px solid #FFF;
  margin: 0 10px 0 2px;
  width: 558px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser ===short */
  
.teaser-short {
  background: url(../img/teaser.png) repeat-y;
  display: inline-block;
  margin-bottom: 10px;
  width: 565px;
}

.teaser-short div.about {
  margin: 2px 0 3px 0; padding: 0 15px;
}

.teaser-short div.about .author,
.teaser-short div.about .date,
.teaser-short div.about .divider {
  color: #303030;
  font-size: .6875em;
}

.teaser-short div.foot {
  background: url(../img/teaser-bottom.png) no-repeat left bottom;
  height: 35px;
  padding-left: 14px;
}

.teaser-short div.foot a {
  background: url(../img/link.png) no-repeat left center;
  color: #303030;
  font-size: .75em;
  padding-left: 15px;
}

.teaser-short h2 {
  background: url(../img/teaser-top.png) no-repeat;
  color: #303030;
  font-size: .6875em;
  height: 20px;
  padding: 14px 0 0 14px;
  position: relative; 
  text-transform: uppercase;
}

.teaser-short h3 {
  margin: 5px 15px 0 15px;
}

.teaser-short h3 a {
  background: url(../img/link.png) no-repeat 0 .25em;
  color: #303030;
  display: block;
  font-size: .6875em;
  line-height: 1.10em;
  padding: 0 0 10px 15px;
}

.teaser-short li {
  background: #F6F5F5;
  margin: 0 10px 0 2px; padding: 0;
  width: 558px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==teaser ===carousel */

.gallery-teaser {
  background: url(../img/teaser.png) repeat-y;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 20px;
  width: 565px;
}

.content .gallery-teaser {
  background: transparent;
}

.gallery-teaser div.carousel-wrapper {
  background: #F6F5F5;
  margin-left: 2px;
  overflow: scroll; overflow-x: hidden; overflow-y: scroll;
  position: relative;
  width: 558px; height: 8.75em;
}
.wrapper .gallery-teaser div.carousel-wrapper {
  background: #F6F5F5;
  margin-left: 2px;
  overflow: scroll; overflow-x: hidden; overflow-y: scroll;
  position: relative;
  width: 715px; height: 10em;
}

.content .gallery-teaser div.carousel-wrapper {
  margin-left: 15px;
}

.gallery-teaser div.carousel {
  height: 10em;
  margin: 0 28px;
  position: relative;
  left: 1px;
}

.gallery-teaser div.carousel ul.items {
  position: absolute;
  top: 0;
  left: 0;
  height: 10em;
  margin-left: -12px; /* noscript */
  padding: 0;
}

.gallery-teaser div.carousel ul.items img {
  border: 1px solid #BACDDA;
}

.gallery-teaser div.carousel ul.items li {
  width: auto;
  height: 10em;
  margin: 0 12px;
  margin-right: 0; /* noscript */
  padding-top: 0;
  float: left;
  font-size: 1em;
  line-height: 1em;
  list-style: none;
  overflow: hidden;
}

.gallery-teaser div.carousel ul.items li.last {
  margin-right: 0;
}

.gallery-teaser div.carousel ul.items li div.image {
  width: auto;
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
}

.gallery-teaser div.carousel ul.items li h3 {
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.20;
}

.gallery-teaser div.carousel ul.items li h3 a {
  padding: 0 0 10px 15px;
  background: url(../img/link.png) no-repeat 0 2px;
  display: block;
}
.gallery-teaser div.carousel ul.items li h3 a.internal {
  background: url(../img/link.png) no-repeat 0 2px;
}
.gallery-teaser div.carousel ul.items li h3 a.external {
  background: url(../img/external-link.png) no-repeat 0 2px;
}
.gallery-teaser div.carousel ul.items li h3 a.download {
  background: url(../img/icon_download.png) no-repeat 0 2px;
}
.gallery-teaser div.carousel ul.items li h3 a.popup {
  background: url(../img/icon_popup.png) no-repeat 0 2px;
}

.gallery-teaser div.foot {
  background: url(../img/teaser-bottom.png) no-repeat left bottom;
  height: 35px;
  padding-left: 14px;
}

.content .gallery-teaser div.foot {
  display: none;
}

.gallery-teaser h2 {
  background: url(../img/teaser-top.png) no-repeat;
  color: #303030;
  font-size: .6875em;
  height: 21px;
  padding: 13px 0 0 14px;
  position: relative;
  text-transform: uppercase;
}

.content .gallery-teaser h2 {
  background: transparent;
  height: auto;
  text-transform: none;
}

.carousel-wrapper div.next {
  background: url(../img/galleries-next.png) no-repeat #C8C8C8 left center;
  cursor: pointer;
  display: none;
  position: absolute; right: 0; top: 0;
  width: 18px; height: 8.75em;
  z-index: 50;
}

.carousel-wrapper div.next:hover {
  background: url(../img/galleries-next-hover.png) no-repeat #C8C8C8 left center;
}

.carousel-wrapper div.prev {
  background: url(../img/galleries-back.png) no-repeat #C8C8C8 left center;
  cursor: pointer;
  display: none;
  position: absolute; left: 0; top: 0;
  width: 18px; height: 8.75em;
  z-index: 50;
}

.carousel-wrapper div.prev:hover {
  background: url(../img/galleries-back-hover.png) no-repeat #C8C8C8 left center;
}

.carousel-wrapper ul {
  position: absolute;
  width: 755px; 
}

.carousel-wrapper div.carousel li {
  display: block; float: left;
  margin: 5px 13px 5px 0; padding-top: 10px;
  width: 116px; height: 8em; overflow: hidden;
}

.carousel-wrapper div.carousel li img {
  border: 1px solid #BACDDA;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content */
  
.content {
  background: url(../img/teaser.png) repeat-y;
  display: inline-block;
  margin-bottom: 10px;
}
.home .content {
  background: none;
  width: 561px;
}

@media screen and (min-width: 46em) {
  .content {
    width: 751px;
  }
  .home .content {
    width: 571px;
  }
}

@media screen and (min-width: 46em) {
  .content {
    width: 751px;
  }
}



.home .content {
  background: none;
  width: 571px;
}

.content div.foot {
  height:18px;
  background-color: #FFFFFF;
  border-top: 1px solid #D9E8EB;
  position: relative;
}


.content div.foot a {
  background: url(../img/link.png) no-repeat left center;
  color: #303030;
  font-size: .75em;
  padding-left: 15px;
}
.content div.foot span.created:before {
  content: "\488";
  padding: 0 5px 0 0;
  margin-right: 5px;
}
.content div.foot span.created:hover:before {
  transition: color 0.6s linear 0s;
  color: #660000;
}
.content div.foot span.created {
  background: url("../img/content-bottom-short.png");
  background-repeat: no-repeat;
  background-position:  right 1px;
  color: #646464;
  font-size: .833em;
  position: absolute;
  right: -.1em;
  top: -1px;
  background-color: #F5F5F5;
  border: 1px;
  border-style: solid;
  border-color: #F5F5F5 #FFFFFF #FFFFFF #FFFFFF;
  padding: 0 25px 3px 18px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}


.content div.paragraph,
.footer div.paragraph {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0 15px 15px 15px;
}

.content .linklist div.paragraph {
  padding: 0 0 15px 0;
}

.content div.paragraph li {
  font-size: 1em;
}

.content div.intro {
  background: #F5F5F5;
  margin-left: 3px;
  padding: 15px 0 0 0;
  overflow: hidden;
}

.content div.wrapper {
  margin-left: 3px;
  padding: 0 0 15px 0;
  background: #F5F5F5;
  overflow: hidden;
  width: 558px;
}

.content h1 {
  position: relative;
  height: 33px;
  padding: 0 0 0 15px;
  background: url(../img/teaser-top.png) no-repeat;
  line-height: 2;
  font-size: 1.6rem;
  font-weight: 600;
  color: #303030;
}

.content h2 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 5px;
  padding: 0 15px 0 15px;
}

.content h2.intext {
  padding-top: 0;
}

.content h3 {
  clear: both;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.375em;
  margin-bottom: 10px; 
  padding: 15px 0 0 0;
}

.ptype-imprint .content a {
  text-decoration: underline;
}

.ptype-imprint .content h3 {
  margin-bottom: 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===image, movie */


.content div.image div.enlarge {
  position: absolute;
  bottom: 0px;
  right: 0; /* ie.css */
  width: 17px;
  height: 17px;
  line-height: 20px;
  overflow: hidden;
}

.content div.image div.enlarge a {
  position: absolute;
  top: 1px;
  right: 0;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  display: block;
}

.content div.image div.enlarge a:hover {
  text-decoration: none;
}

.content div.image div.enlarge a span {
  visibility: hidden;
}

.content div.image div.enlarge a.zoom {
background: url("../img/imagelink_zoom.png") no-repeat scroll 0 -13px #FFFFFF;
bottom: 0;
display: block;
height: 13px;
opacity: 0.7;
position: absolute;
right: 2px;
text-indent: -9999px;
width: 13px;
}


.content div.image div.enlarge a.zoom:hover {
  background-position: 0 0;
}

.content div.image div.enlarge a.internal {
  background: url(../img/imagelink_internal.png) no-repeat;
}

.content div.image div.enlarge a.external {
  background: url(../img/imagelink_external.png) no-repeat;
}

.content div.image div.enlarge a.download {
  background: url(../img/imagelink_download.png) no-repeat;
}

.content div.image div.enlarge a.popup {
  background: url(../img/imagelink_popup.png) no-repeat;
}

.content div.image div.image-wrapper,
.content div.movie div.movie-wrapper {
  box-shadow: 1px 3px 8px gray;
  float: none;
  margin: 0.2em auto 0 auto;
  position: relative;
  width: 180px;
}

.content div.image div.image-wrapper img {
  display: block;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===image-right, movie-right */
  
.content div.image-right,
.content div.movie-right {
  float: right;
  margin: 0 0 10px 10px; padding: 0 15px 0 0;
}

.content div.image-right div.enlarge a,
.content div.movie-right div.enlarge a {
  right: 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===image-big, movie-big */
  
.content div.image-big,
.content div.movie-big {
  margin-bottom: 20px; 
  padding-left: 23px !important;
  width: 530px;
}

.content div.image-big div.image-wrapper,
.content div.movie-big div.movie-wrapper,
.content div.image-big div.legend,
.content div.movie-big div.legend {
  width: 700px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===list */
  
.content ol,
.content ul {
  padding: 0 15px 15px 30px;
}
.content .slide ul {
  padding: 0;
}
.content ul li {
  font-size: 1.2em;
  line-height: 1.5;
  list-style-type: square;
}

.content ol li {
  font-size: 1.2em;
  line-height: 1.5;
  list-style-type: decimal;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===address */
  
.content div.address {
  width: 755px;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0 15px 15px 15px;
}

.content div.address div.contact-person {
  padding: 10px 0;
}

.content div.address div.contact-person h3 {
  margin-bottom: 3px;
}

.content div.address div.contact-person div {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 0 15px;
}

.content div.address div.contact-person div a.mail {
  color: #303030;
}

.content div.address h2 {
  padding-top: 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===linklist */
  
.content div.linklist {
  margin-bottom: 20px;
}
  
.content div.linklist-in-text {
  float: left;
}

.content div.linklist-anchors {
  clear: left; float: none;
  margin-top: 5px;
}

.content div.linklist ul {
  padding: 0 15px;
}

.content div.linklist li {
  background-position: left 0.4375em;
  background-repeat: no-repeat;
  line-height: 1.5em;
  list-style: none;
  padding-left: 18px;
}

.conten.content div.detail-search h5t div.linklist a {
  color: #303030;
}

.content div.linklist h2 {
  padding-top: 0;
}

.content div.linklist li.anchor-link {
  background-image: url(../img/icon_anchor_link.png);
}

.content div.linklist li.external-link {
  background-image: url(../img/external-link.png);
}

.content div.linklist li.internal-link {
  background-image: url(../img/link.png);
}

.content div.linklist li.download {
  background-image: url(../img/icon_download.png);;
}

.content div.linklist li.popup {
  background-image: url(../img/icon_popup.png);;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===separator */
  
.content div.hr {
  border-top: 1px solid #FFF;
  clear: both; float: none;
  padding-top: 20px;
}

.content div.hr hr {
  display: none;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===webform */
  
.content div.webform-wrapper {
  background: #F5F5F5;
  margin-left: 3px;
  padding: 15px 0 0 0;
  width: 745px;
}

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

.content div.webform .error-label {
  color: #600;
}
  
.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: #600;
  font-size: 1.2em; 
  font-weight: 700;
  margin-bottom: 15px;
}

.content div.webform div.fe-block {
  display: inline;
  float: left;
  margin-right: 12px;
}

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

.content div.webform div.fieldset {
  padding: 0 15px;
}

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

.content div.webform div.le {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 12px 0 3px 0;
}

.content div.webform div.le label {
  font-size: 1.2rem;
  line-height: 1;
}

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

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

.content div.webform div.notice {
  clear: both;
  color: #303030;
  font-size: 1.2rem;
  padding-top: 30px;
}

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

.content div.webform input {
  display: inline !important;
  float: left;
  font-size: 1.2rem;
}

.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: #8F8F8F;
  border: 1px solid #D3D3D3;
  color: #FFFFFF;
  float: right;
  font-weight: 700;
  line-height: 1.5;
  margin-left: 1px; padding: 3px 0;
  width: 129px;
}


.content div.webform input.button[type="submit"] {
  float: right;
}

.content div.webform input.button[type="submit"]:before {
  content: "✔";
  margin-right: 4px;
}

.content div.webform input.button[type="reset"] {
  float: right;
}

.content div.webform input.button[type="reset"]:before {
  content: "✘";
  margin-right: 4px;
}


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

.content div.webform input.width25 {
  float: left;
  margin-right: 5px;
  width: 85px;
}

.content div.webform input.width75 {
  float: left;
  margin: 0 !important;
  width: 163px;
}

.content div.webform label {
  font-size: 1.2rem;
}

.content div.webform select {
  border: 1px solid #D3D3D3;
  font-size: 1.2rem;
  width: 260px;
}

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

.content div.webform textarea {
  border: 1px solid #D3D3D3;
  font-size: 1.2rem;
  width: 525px;
}


.content input:focus, 
.content textarea:focus {
    border: 1px solid #6FC3F3 !important;
    color: #333333;
}


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

.content div.tabs {
  margin-top: 20px;
}

.content div.tabs ul {
  margin: 0; padding: 0 15px;
  height: 24px;
  overflow: visible;
}

.content div.tabs li {
  background: url(../img/tab.jpg) #FFF;
  display: block; float: left;
  list-style: none;
  margin-right: 1px;
  height: 24px;
}

.content div.tabs li.active {
  background: url(../img/tab-active.jpg) #FFF;
  height: 25px;
}

.content div.tabs li.active h5 {
  background: url(../img/tab-active-left.jpg) no-repeat;
  height: 25px;
}

.content div.tabs li.active h5 a {
  background: url(../img/tab-active-right.jpg) right top no-repeat;
  font-weight: 700;
  height: 25px;
}

.content div.tabs li h5 {
  background: url(../img/tab-left.jpg) no-repeat;
  height: 24px;
  padding-left: 10px;
}

.content div.tabs li h5 a {
  background: url(../img/tab-right.jpg) right top no-repeat;
  display: block;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  padding-right: 10px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==content ===pagination */
  

.content div.pagination div.next {
  background: none !important;
  float: right;
}

.content div.pagination div.next a {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.5;
}

.content div.pagination div.jumpers span {
  display: inline-block; float: left;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-right: 5px;
  color: #195475;
}

.content div.pagination div.jumpers ul {
  float: left;
  margin: 0; padding: 0;
}

.content div.pagination div.jumpers li {
  display: inline; float: left;
  list-style: none;
  margin: 0 5px; padding: 0;
}

.content div.pagination div.jumpers li a {
  background: none !important;
  font-size: 1.2rem;
  padding: 0 !important;
  text-decoration: none;
}

.content div.pagination div.jumpers li.active {
  font-weight: 700;
  text-decoration: none;
  color: #660000;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==presentation */
  
#presentation-bg {
  background: #F5F5F5; color: #303030;
  border: 1px solid #DDD;
  filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; -khtml-opacity: .8;
  position: absolute; top: 5px; left: 5px;
  width: 220px; height: 40px;
  z-index: 999;
}

#presentation {
  font-size: 1.2rem;
  position: absolute; top: 5px; left: 5px;
  width: 220px; height: 40px;
  z-index: 1000;
}

#presentation h2 {
  color: #303030;
  font-size: 1.2rem;
  margin: 5px 0;
}

#presentation a {
  color: #303030;
  font-size: 1.2rem;
}

#presentation a.prev {
  background: url(../img/nav-arrow-left.png) no-repeat left center;
  padding-left: 8px;
}

#presentation a.next {
  background: url(../img/nav-arrow-right.png) no-repeat right center;
  padding-right: 8px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==commercials */
  
.box-commercial {
  margin-bottom: 10px;
  width: 181px;
}

.box-commercial div.image {
  text-align: center;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==fehlermeldungen */
  
.error, div.error {
  color: #CC0000;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==i-link */
  
div.ilink {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -281px;
  z-index: 10000;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==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 0 1px 0;
  border-style: solid;
  text-decoration: none !important;
}

a.sp-mailto img.sp-email {
  padding: 0 0 2px 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==bilder-grossansicht (popup) in der Seite */
  
#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 = 40);
  opacity: 0.4;
  z-index: 100;
}

#overlay #imgZoom {
  position: relative;
  top: 0;
  left: 0;
  width: 1px;
  margin: auto;
  border: 1px solid #868686;
  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: 700;
  text-decoration: none;
  line-height: 28px;
  display: block;
}


#overlay #imgZoom img {
  margin: 12px 0;
  border: 1px solid #EEEEEE;
  padding: 0;
}

#overlay #imgZoom .legend {
  position: relative;
  width: 660px;
  margin: 8px auto;
  padding: 0;
  min-height: 12px;
  text-align: left;
  font-size: 1.1rem;
  color: #303030;
}

#overlay #imgZoom .text {
  position: relative;
  width: 700px;
  margin: 12px auto;
  padding: 0;
  min-height: 12px;
  text-align: left;
  font-size: 1.2rem;
  color: #303030;
  margin-top: 0;
}

#overlay #imgZoom .copyright {
  position: absolute;
  top: 0;
  right: 30px;
  width: 50%;
  color: #999999;
  text-align: right;
  font-size: 1.1rem;
}
#overlay #imgZoom .copyright .imgID {
  margin-right: 15px;
}
#overlay #imgZoom .copyright .copysymbol {
  margin-right: 2px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==bildergalerie (popup) */

body.gallery {
  padding: 0;
  background: #FFFFFF;
}
body.gallery #page {
  width: 857px;
  margin: 7px auto;
  border: 1px solid #D6DEDE;
}
body.gallery h1 {
  width: 780px;
  height: 20px;
  margin: -1px 0 0 -1px;
  padding: 13px 82px 0 0;
  font-size: 0.6875rem;
  text-align: right;
}
body.gallery #content {
  position: relative;
  background: #F8F8F8;
  text-align:left;
}
body.gallery h3 {
  width: 700px;
  height: 35px;
  line-height: 1.35;
  margin: 0 auto;
  padding: 20px 0 0 0;
  font-weight: normal;
  font-size: 0.75rem;
  overflow: hidden;
}
body.gallery #content .image {
  width: 700px;
  height: 600px;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
}
body.gallery #content .info {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px 15px;
  font-size: 0.75rem;
}
body.gallery #content .navi-left {
  position: absolute;
  top: 70px;
  left: 8px;
}
body.gallery #content .navi-right {
  position: absolute;
  top: 70px;
  right: 8px;
}
body.gallery #content span.first {
  color: #FFFFFF;
  background: #D9D9D9 url(../img/btn_first_inaktiv.gif);
}
body.gallery #content span.prev {
  color: #FFFFFF;
  background: #D9D9D9 url(../img/btn_prev_inaktiv.gif);
}
body.gallery #content span.next {
  color: #FFFFFF;
  background: #D9D9D9 url(../img/btn_next_inaktiv.gif);
}
body.gallery #content span.last {
  color: #FFFFFF;
  background: #D9D9D9 url(../img/btn_last_inaktiv.gif);
}
body.gallery #content a.first:link, body.gallery #content a.first:visited {
  color: #868686;
  background: #FFFFFF url(../img/btn_first_normal.gif);
}
body.gallery #content a.prev:link, body.gallery #content a.prev:visited {
  color: #868686;
  background: #FFFFFF url(../img/btn_prev_normal.gif);
}
body.gallery #content a.next:link, body.gallery #content a.next:visited {
  color: #868686;
  background: #FFFFFF url(../img/btn_next_normal.gif);
}
body.gallery #content a.last:link, body.gallery #content a.last:visited {
  color: #868686;
  background: #FFFFFF url(../img/btn_last_normal.gif);
}
body.gallery #content a.first:focus, body.gallery #content a.first:hover {
  background: #E5E5E5 url(../img/btn_first_hover.gif);
}
body.gallery #content a.prev:focus, body.gallery #content a.prev:hover {
  background: #E5E5E5 url(../img/btn_prev_hover.gif);
}
body.gallery #content a.next:focus, body.gallery #content a.next:hover {
  background: #E5E5E5 url(../img/btn_next_hover.gif);
}
body.gallery #content a.last:focus, body.gallery #content a.last:hover {
  background: #E5E5E5 url(../img/btn_last_hover.gif);
}
body.gallery #content span.first, body.gallery #content span.prev, body.gallery #content span.next, body.gallery #content span.last,
body.gallery #content a.first:link, body.gallery #content a.first:visited,
body.gallery #content a.prev:link, body.gallery #content a.prev:visited,
body.gallery #content a.next:link, body.gallery #content a.next:visited,
body.gallery #content a.last:link, body.gallery #content a.last:visited {
  width: 29px;
  height: 29px;
  line-height: 1000px;
  margin: 0 1px;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  overflow: hidden;
  text-decoration: none;
  text-indent: 35px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

  .nav-footer {
    display: block;
  }
@media screen and (min-width: 46em) {
  #slogan .mask {
    height: 180px;
  }
  #col-content {
    margin: 0 2px 0 8px;
  }
  .content div.wrapper {
    width: 745px;
  }
  .content h1 {
    background: url(../img/content-top.png) no-repeat;
  }
  .content {
    background: url(../img/content.png);
  }
  .content div.foot {
    background: url("../img/content-bottom-short.png");
    background-repeat: no-repeat;
    background-position:  right 1px;
    background-color: #FFFFFF;
    border-top: 1px solid #D9E8EB;
  }
  .nav-footer {
    display: none;
  }
}


.SP-form {
    margin-bottom: 1em;
    padding: 0 2%;
    width: 456px;
}
.SP-form .fieldset {
    overflow: hidden;
}
.SP-form label, .SP-form legend {
    display: block;
}
.SP-form label {
    clear: both;
}
.SP-form .combination label, .SP-form .options label {
    clear: none;
}
.SP-form form > fieldset > legend span {
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    padding: 1em 0;
}
.SP-form .multi-element .labels .SP-form .multi-element label {
    display: inline-block;
}
.SP-form input, .SP-form select, .SP-form textarea {
    border: 1px solid #D9D9D9;
    display: block;
    max-width: 520px;
    padding: 5px 2px;
    width: 100%;
}
form textarea {
    max-width: 520px;
}
.SP-form input[type="radio"], .SP-form input[type="checkbox"] {
    width: auto;
}
.SP-form select {
    width: 456px;
}
.SP-form .multi-element input, .SP-form .multi-element select, .SP-form .multi-element textarea {
    display: inline-block;
}
.SP-form .advisory {
    margin-bottom: 1em;
}
.SP-form button {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #1371C6;
    line-height: 1.5;
    position: relative;
}
.SP-form button[type="submit"] {
    float: right;
}
.SP-form button[type="submit"]:before {
    content: "✔";
    margin-right: 4px;
}
.SP-form button[type="reset"] {
    float: left;
}
.SP-form button[type="reset"]:before {
    content: "✘";
    margin-right: 4px;
}
.SP-form label, .SP-form fieldset fieldset {
    margin-bottom: 1em;
}
.SP-form .fieldset .fieldset label {
    display: inline-block;
    margin-right: 10px;
}
.SP-form .fieldset .fieldset label input {
    display: inline;
}
.SP-form .errors {
    margin-bottom: 1em;
}
.SP-form .element-error input, .SP-form .element-error textarea {
    border: 1px solid #DD0000;
}
.SP-form .element-error .SP-error, .SP-form .fieldset-error .SP-error {
    display: block;
}
.SP-form .email1, .SP-form .email2, .SP-form .email4 {
    display: none;
}
.SP-form fieldset fieldset label {
    display: inline-block;
}
.SP-form fieldset fieldset .text, .SP-form fieldset fieldset input {
    display: inline-block;
    float: left;
}
.SP-form fieldset fieldset .text {
    margin-right: 8px;
}
.SP-form fieldset fieldset {
    margin-bottom: 0;
}
.SP-form .combination {
    display: block;
}
.SP-form .combination .labels {
    display: block;
    overflow: hidden;
}
.SP-form .combination .labels label {
    display: inline-block;
    margin: 0 5px 0 0;
    width: auto !important;
}
.SP-form .combination .inputs {
    margin-bottom: 0.75em;
}
.SP-form .combination .inputs input {
    display: inline-block;
}
.SP-form .combination label:nth-of-type(2n+1) {
    float: left;
}
.SP-form .combination label:nth-of-type(2n+1) input {
    width: 100%;
}
.SP-form .combination label:nth-of-type(2n) {
    float: right;
}
.SP-form .combination label:nth-of-type(2n) input {
    width: 100%;
}
.SP-form .combination .labels label.right .text {
    padding: 0;
}
.SP-form .combination label.left {
    margin-right: 8px;
}
.SP-form .combination label.size-25 {
    display: inline-block;
    width: 22%;
}
.SP-form .combination label.size-75 {
    display: inline-block;
    width: 75%;
}

.SP-micro-paragraph {
  font-size: 1.1em;
  padding: 1% 2%;
}