/*base*/
/* ::: Basis-Elemente ::: */
html,body,h1,h2,h3,h4,h5,h6,div,p,table,input {
  margin:0;
  padding:0;
}
a {
  outline:0;
}
a img {
  border:0;
}
.clear,
.spacer,
.halfspacer,
.quarterspacer,
.minispacer,
.doublespacer,
.line {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
  display:block;
}
.spacer { height:16px; }
.halfspacer { height:8px; }
.quarterspacer { height:4px; }
.minispacer { height:2px; }
.doublespacer { height:32px; }
.line { height:1px; background-color:#bfbfbf; margin: 13px 0 11px 0;}
.none,
.hide {
  display:none;
}
.even {
  background-color:#FFF;
}
.odd {
  background-color:#efefef;
}
.error {
  color:#B12320;
}
.error span {
  display:block;
  padding-bottom:10px;
}
.searchword {
  background-color:#333;
  color:#fff;
}
.left { float:left; }
.right { float:right; }
.caption {
 font-style:italic;
 font-size:10px;
}


/* ::: Imgleft ::: */
div.imgleft {
  float:left;
  padding:0 10px 5px 0;
}


/* ::: Imgright ::: */
div.imgright {
  float:right;
  padding:0 0 5px 10px;
}


/* ::: Zoombox und Shadowbox hervorheben ::: */
a.zoombox,
a.shadowbox {
  position:relative;
  font-size:0; /* FF3 */
}
img.zoomboxicon,
img.galleryicon {
  position:absolute;
  bottom:0;
  right:0;
}


/* :::  Quicknav ::: */
a.tocontent, 
a.tonavigation {
  position:absolute; 
  top:6px; 
  left:-1000px; 
  z-index:100; 
  display:block; 
  padding:1em 1em; 
  background-color:#FFFF8D; 
  font-size:1.400em; 
  font-weight:bold; 
  color:#010002;
}
a.tocontent:focus, 
a.tocontent:active, 
a.tonavigation:focus, 
a.tonavigation:active {
  left:0;
  width:10em;
}


 /*layout*/
/* ::: Allgemeine Layoutelemente ::: */
html {
  height:100%;
}
body {
  background:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:20px;
  color:#333;
  height:100%;
  background:url(/img/system/bg-top.gif) 0 0 repeat-x;
}
form {
  height:100%;
}
h1 {
  padding-bottom:15px;
  font-size:19px;
  line-height:24px;
  font-weight:normal;
  color:#186359;
}
h2 {
  font-size:12px;
}
h3 {
  font-size:11px;
}
h4 {
  font-size:11px;
}
h5 {
  font-size:11px;
}
h6 {
  font-size:11px;
}
p {
  margin-bottom:16px;
}
a {
  color:#333;
}
a:hover {
  color:#b12320;
  text-decoration:underline;
}
.plaintext {
  font-size:12px;
  line-height:20px;
}
input {
  border:0;
  border-top:1px solid #b5b5b5;
  border-left:1px solid #b5b5b5;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:13px;
  color:#666;
  padding:1px 4px 2px 4px;
}
iframe {
  border:0;
}

/* ::: Seitenaufbau ::: */
#wrapp-all {
  position:relative;
  min-height:100%;
  background:url(/img/system/bg-footer.png) center bottom no-repeat;
}
#container {
  position:relative;
  margin:0 auto;
  width:950px;
  padding:0 25px;
  padding-bottom:100px;
  background:url(/img/system/header.png) 0 0 no-repeat;
} 
#logo {
  position:absolute;
  top:20px;
  left:25px;
  width:600px;
  height:100px;
}
#logo a {
  display:block;
  width:100%;
  height:100%;
}
#keyvisual {
  position:absolute;
  left:275px;
  top:163px;
  width:700px;
  overflow:hidden;
}
.homepage #keyvisual {
  height:215px;
}
#wrapper {
  float:right;
  width:700px;
  margin-top:341px;
}
.content {
  float:left;
  padding: 19px 10px 0 10px;
  border-top:1px solid #DDD;
}
#content {
  width:470px;
}
.homepage #content {
  padding-top:57px;
  padding-right:0;
  padding-left:0;
  width:490px;
  border-top:0;
}
#content-wide {
  width:680px;
}
#sitefunc {
  position:relative;
  height:20px;
  border-top:1px solid #DDD;
  margin-top:22px;
}
#teaser {
  float:right;
  width:200px;
  border-top:1px solid #DDD;
  padding-top:63px;
}
.homepage #teaser {
  border-top:0;
  padding-top:57px;
}
#left {
  float:left;
  padding-top:253px;
  width:240px;
}
#navi {
  position:absolute;
  top:127px;
  right:24px;
  width:700px;
  height:31px;
}
#subnavi {
  margin-top:2px;
  padding-bottom:24px;
}
#service {
  position:absolute;
  top:133px;
  left:25px;
  width:222px;
  padding:0 0 0 10px;
}
#search {
  position:absolute;
  top:19px;
  right:16px;
  width:233px;
  height:28px;
}
#metanavi {
  position:absolute;
  top:74px;
  right:68px;
  width:400px;
  height:30px;
}
#breadcrumb {
  position:absolute;
  top:318px;
  left:275px;
  width:480px;
  height:23px;
  padding:0 0 0 10px;
  color:#535353;
}
#footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:72px;
}
#footer-inner {
  position:relative;
  width:950px;
  margin:0 auto;
}
#copyright {
  padding:23px 0 0 9px;
  color:#666666;
  font-size:11px;
}
#logo-monheim {
  position:absolute;
  top:21px;
  right:69px;
  width:111px;
  height:31px;
  padding-right:11px;
  background:url(/img/system/logo-monheim.png) right 0 no-repeat;
  overflow:hidden;
  text-decoration:none;
}
#logo-monheim:hover {
  background-position:right -31px;
}
#logo-monheim span {
  visibility:hidden;
}
#logo-separator {
  display:block;
  position:absolute;
  top:21px;
  right:58px;
  width:2px;
  height:31px;
  background:url(/img/system/footer-separator.gif) right 0 no-repeat;
}
#logo-kor {
  position:absolute;
  top:18px;
  right:0;
  width:49px;
  height:35px;
  background:url(/img/system/logo-kor.png) right 0 no-repeat;
  overflow:hidden;
  text-decoration:none;
}
#logo-kor:hover {
  background-position:right -35px;
}
#logo-kor span {
  visibility:hidden;
}

/* ::: Navi ::: */
#navi ul {
  margin:0;
  padding:0;
  list-style:none;
}
#navi ul li {
  float:left;
  margin:0 2px 0 0;
  padding:0;
  width:138px;
  height:31px;
  background:url(/img/system/navi.png) 0 0 no-repeat;
}
#navi ul li:hover,
#navi ul li.selected {
  background-position:0 -31px;
}
#navi ul li a {
  display:block;
  color:#FFF;
  text-decoration:none;
  font-size:15px;
  line-height:18px;
  padding:7px 0 6px 0;
  text-transform:uppercase;
  text-align:center;
}

/* ::: Metanavi ::: */
#metanavi ul {
  position:absolute;
  right:0;
  margin:0;
  padding:0;
  list-style:none;
}
#metanavi ul li {
  float:left;
  margin:0;
  padding:0 7px 0 6px;
  background:url(/img/system/metanavi.gif) right 6px no-repeat;
}
#metanavi ul li.last {
  background:0;
}
#metanavi ul li a {
  font-size:11px;
  line-height:15px;
  color:#0b4a42;
  text-decoration:none;
}

/* ::: Breadcrumb ::: */
#breadcrumb a {
  color:#535353;
  text-decoration:none;
}

/* ::: Sitefunc ::: */
#sitefunc ul {
  position:absolute;
  right:0;
  margin:0;
  padding:0;
  list-style:none;
}
#sitefunc ul li {
  float:left;
  margin:0;
  padding:0 7px 0 6px;
  background:url(/img/system/metanavi.gif) right 6px no-repeat;
}
#sitefunc ul li.last {
  background:0;
}
#sitefunc ul li a {
  font-size:11px;
  line-height:15px;
  color:#0b4a42;
  text-decoration:none;
}

/* ::: Subnavi ::: */
#subnavi strong {
  display:block;
  font-size:15px;
  line-height:18px;
  font-weight:normal;
  color:#0b4a42;
  text-transform:uppercase;
  border-bottom:1px solid #dddddd;
  padding:14px 0 5px 10px;
  margin-top:18px;
  margin-bottom:15px;
}
#subnavi strong a {
  text-decoration:none;
}
#subnavi ul {
  margin:0;
  padding:0;
  list-style:none;
}
#subnavi ul li {
  margin:0;
  padding:0;
  border-bottom:1px solid #dadada;
}
#subnavi ul li:hover,
#subnavi ul li.selected {
  background:url(/img/system/arrow.gif) 9px 9px no-repeat;
}
#subnavi ul li.selected {
  font-weight:bold;
}
#subnavi ul li a {
  display:block;
  color:#535353;
  text-decoration:none;
  padding:2px 0 1px 21px;
}

#subnavi ul li li { padding-left:10px; }

#subnavi ul li li:hover,
#subnavi ul li li.selected {
  background:url(/img/system/arrow.gif) 19px 9px no-repeat;
}
#subnavi ul li li a { font-weight:normal; }

#subnavi ul li li.selected a {
  text-decoration:underline;
}

/* ::: Linkbox ::: */
.linkbox {
  border:1px solid #dadada;
}
.link {
  border:1px solid #FFF;
  background:#f1f1f1;
  font-size:11px;
}
.link a {
  display:block;
  text-decoration:none;
  padding: 2px 5px 5px 18px;
  background:url(/img/system/arrow.gif) 8px 11px no-repeat;
}
.linkline {
  clear:both;
  font-size:0;
  line-height:0;
  height:1px;
  display:block;
  background:#DDD;
}
.linkbox h6,
#teaser .ontabcontent h6 {
  display:none;
}

/* ::: Teaserbox ::: */
.teaserbox {
  height:305px;
  border:1px solid #dadada;
}
.teaserbox-inner {
  height:303px;
  border:1px solid #FFF;
}
.teaserbox h3 {
  font-size:15px;
  line-height:18px;
  font-weight:normal;
  text-transform:uppercase;
  color:#0b4a42;
  background:url(/img/system/shadow-top.gif) 0 0 repeat-x;
  padding:4px 8px 5px 8px;
}
.teaserbox-content {
  height:160px;
  padding:9px 8px 0 8px;
  font-size:12px;
  line-height:18px;
}
.teaserbox-footer {
  font-size:11px;
  line-height:18px;
  font-weight:bold;
  background:url(/img/system/shadow-bottom.gif) 0 1px repeat-x;
  padding:6px 8px 5px 8px;
  border-top:1px solid #DDD;
}
.teaserbox-footer a {
   padding: 0 0 0 10px;
  background:url(/img/system/arrow.gif) 0 5px no-repeat;
  text-decoration:none;
}

/* ::: Newsbox ::: */
.newsbox {
  position:relative;
/*  height:305px;*/
  border:1px solid #dadada;
  font-size:11px;
  line-height:16px;
}
.newsbox-inner {
/*  height:303px;*/
  border:1px solid #FFF;
}
.newsbox h1 {
  font-size:15px;
  line-height:18px;
  font-weight:normal;
  text-transform:uppercase;
  color:#0b4a42;
  background:url(/img/system/shadow-top.gif) 0 0 repeat-x;
  padding:4px 8px 5px 8px;
}
.newsbox-content {
/*  height:247px;*/
  padding: 0 8px;
}
.newsbox-row {
/*  height:64px; temp */
  padding:11px 5px 7px 5px;
  border-bottom:1px solid #DDD;
  overflow:hidden;
}
.newsbox .last {
  border-bottom:0;
}
.newsbox-row img {
  float:left;
  margin:2px 14px 0 0;
}
.newswrap { margin-left:94px; }

.newsbox-date {
  font-size:11px;
  line-height:16px;
}
.newsbox-text {
 /* height:32px;
  overflow:hidden; temp */
}
.newsbox-footer {
  font-size:11px;
  line-height:18px;
  font-weight:bold;
  background:url(/img/system/shadow-bottom.gif) 0 1px repeat-x;
  padding:6px 8px 4px 8px;
  border-top:1px solid #DDD;
}
.newsbox-footer a {
   padding: 0 0 0 10px;
  background:url(/img/system/arrow.gif) 0 5px no-repeat;
}
.newsbox a {
  text-decoration:none;
}
.newsbox-page {
  position:absolute;
  top:7px;
  right:28px;
  font-size:12px;
}
.newsbox .jcarousel-prev,
.newsbox .jcarousel-next  {
  position:absolute;
  top:-17px;
  right:0;
  width:6px;
  height:9px;
  cursor:pointer;
}
.newsbox .jcarousel-next {
  background:url(/img/system/pager-next.gif) 0 0 no-repeat;
}
.newsbox .jcarousel-prev {
  right:78px;
  background:url(/img/system/pager-prev.gif) 0 0 no-repeat;
}
.newsbox .jcarousel-next-disabled,
.newsbox .jcarousel-prev-disabled {
  background:none;
}
ul#newsUL {
  list-style:none;
  margin:0;
  padding:0;
}
ul#newsUL li {
  margin:0;
  padding:0;
}
.newsbox .jcarousel-item {
  width: 470px;
}
/* News auf Contentseite */
.newsbox-all {
  height:auto;
}
.newsbox-all .newsbox-inner {
  height:auto;
}
.newsbox-all .newsbox-content {
  height:auto;
}

/* ::: Service ::: */
#service strong {
  display:block;
  color:#0b4a42;
  text-transform:uppercase;
  font-size:15px;
  font-weight:normal;
  margin-bottom:2px;
}
#service span {
  color:#b12320;
  font-weight:bold;
  font-size:14px;
  line-height:18px;
}
#service em  {
  display:block;
  font-style:normal;
  font-size:11px;
  line-height:14px;
  padding-top:4px;
}

/* ::: Fahrplanauskunft ::: */
#fahrplanauskunft {
  border:1px solid #dadada;
  background:#ededed;
  font-size:11px;
  line-height:18px;
}
#fahrplanauskunft-inner {
  border:1px solid #FFF;
}
#fahrplanauskunftheadline {
  font-size:15px;
  line-height:18px;
  color:#FFF;
  background:#73bb4b;
  text-transform:uppercase;
  padding:6px 0 5px 6px;
  cursor:pointer;
}
.closed #fahrplanauskunftheadline {
  background:#73bb4b url(/img/system/fahrplanauskunft.png) 198px 4px no-repeat;
}
.fahrplanauskunft-content {
  padding:14px 0 14px 0;
}
.fahrplanauskunft-block {
  padding:0 0 3px 7px;
}
#fahrplanauskunft label {
  clear:both;
  float:left;
  display:block;
  width:71px;
  font-size:11px;
  padding:0;
}
#fahrplanauskunft input {
  margin:1px 4px 3px 0;
}
input.stunde,
input.minute,
input.tag,
input.monat {
  width:17px;
}
input.jahr {
  width:31px;
}
input.stadt-ort {
  width:141px;
}
#verbindung-suchen {
  background: url(/img/system/verbindung-suchen.png) 0 0 no-repeat;
  font-size:11px;
}
#verbindung-suchen a {
  display:block;
  padding:0 0 3px 32px;
  font-weight:bold;
  color:#FFF;
  text-decoration:none;
}
#erweiterte-fahrplanauskunft {
  padding:3px 0 0 0;
}
#erweiterte-fahrplanauskunft a {
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  padding: 0 5px 0 19px;
  background:url(/img/system/arrow.gif) 8px 5px no-repeat;
}
#abfahrtszeiten {
  margin:28px 0 3px 10px;
  text-transform:uppercase;
}
#abfahrtszeiten strong {
  font-weight:normal;
}
#abfahrtszeitenbox {
  border:1px solid #DDD;
  background:#ededed;
}
#abfahrtszeitenbox-inner {
  border:1px solid #FFF;
  padding:11px 8px 9px 8px;
}
#abfahrtszeitenbox select {
  border:0;
  border-top:1px solid #b5b5b5;
  border-left:1px solid #b5b5b5;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:20px;
  color:#666;
}

/* ::: Search ::: */
#search input {
  float:left;
  width:186px;
}
#search a {
  float:left;
  display:block;
  width:12px;
  height:9px;
  background:url(/img/system/arrow-big.gif) 0 0 no-repeat;
  text-decoration:none;
  margin:4px 0 0 8px;
}
#search a span {
  visibility:hidden;
  overflow:hidden;
}

/* ::: Zeugs ::: */
.imgfloatleft {
  float:left;
  margin:0 10px 10px 0;
}
.linktext a {
  display:block;
  padding:0 0 0 10px;
  background:url("/img/system/arrow.gif") no-repeat scroll 0 9px transparent;
  text-decoration:none;
}

/* ::: Stundenplan ::: */
table.plan td { text-align:center; }

div.planA {  }
div.planB {  }
div.planC {  }
div.planD {  }

div.choiser { }
div.choise { float:left; margin-right:15px; text-align:center; }
div.choise img { display:block; }
div.choise input { border:0; }
 /*Fertige Module/tabelle*/
/* ::: tabelle  ::: */
.tabelle {
  width:100%;
  border-collapse:collapse;
  font-size:11px;
  border:1px solid #ccc;
}
.tabelle thead tr {
}
.tabelle thead tr th,
.tabelle tbody tr.headline td {
  padding:2px 10px;
  border-top:1px solid #ddd;
  background:#73bb4b;
  font-weight:bold;
  color:#fff;
  text-align:left;
  vertical-align:top;
  border-right:1px solid #ccc;
}
.tabelle tbody tr td {
  padding:2px 10px 2px 10px;
  border-top:1px solid #ddd;
  vertical-align:top;
  border-right:1px solid #ccc;
}
.tabelle tbody tr.zentriert td,
.tabelle tbody tr td.zentriert {
  text-align:center;
}
.tabelle tbody tr.links td
.tabelle tbody tr td.links {
  text-align:left;
}
.tabelle tbody tr.rechts td,
.tabelle tbody tr td.rechts {
  text-align:right;
}
 /*Fertige Module/formulare*/
/* ::: Formulare ::: */
fieldset {
  margin:0;
  padding:0;
  border:0;
}
legend {
  display:none;
}
label {
  float:left;
  clear:both;
  width:175px;
  padding:2px 0;
  font-size:12px;
}
.row {
  margin-top:3px;
  clear:both;
}
input.text, 
textarea.text,
select.text {
  width:210px;
  margin:1px 0;
  border:1px solid #999;
  background:#fff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:15px;
  color:#666;
}
input.text, 
textarea.text {
  padding:2px;
}
textarea.text {
  height:70px;
}
select.text {
  width:214px;
}
input.zipcode {
  width:43px;
  margin-right:4px;
}
input.city {
  width:157px;
}
.captcha img {
  margin:1px 0 4px 175px;
}
.absenden a,
a.printbtn {
  display:block;
  float:left;
  margin:1px 0 12px 297px;
  padding:4px 10px;
  background-color:#B12320;
  color:#fff;
  font-weight:bold;
}

a.printbtn { margin-left:0; }

input.tableinput { 
  border:1px solid #999;
 width:80px;
 height:12px;
 margin-bottom:3px;
}
 /*Fertige Module/onAccordion*/
/* ::: onAccordion ::: */
.onAccordion {  }
.onAccHead {
  background: url(/img/icons/plusminus.png) no-repeat 0 2px;
  cursor:pointer;
  padding:0 10px 0 25px;
  margin-top:4px;
}
.onAccordion .selected,
.onAccHead:hover {
  background-position:0 -98px;
}
.onAccordion div h3 {
  padding:10px 10px 0 10px;
}
.onAccordion div.onAccordionContent {
  padding:5px 0 10px 25px;
}
 /*Fertige Module/stylish-select*/
/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {
  left:-9999px;
}
/*==================================
Layout
====================================*/
.newListSelected {
  width:170px;
  color:#000;
  height:17px;
  padding:0;
  font-size:11px;
  line-height:14px;
  color:#666;
}
.newListSelHover, 
.newListSelFocus {
  cursor:default;
  outline:none;
}

.newListSelected span {
  display:block;
}
.selectedTxt {
  overflow:hidden;
  height:16px;
  padding:0 23px 0 5px;
  background:#FFF url(/img/system/select.gif) 153px 5px no-repeat;
  border-top:1px solid #b5b5b5;
  border-left:1px solid #b5b5b5;
}
.newListSelHover .selectedTxt, 
.newListSelFocus .selectedTxt {
  background-position:153px 5px;
}
ul.newList * {
  margin:0;
  padding:0;
}
ul.newList a {
  color: #000;
  text-decoration:none;
  display:block;
}
ul.newList {
  margin:0;
  padding:5px 0 0 0;
  list-style:none;
  width:170px;
  color:#000;
  background:#fff;
  position:absolute;
  border-left:1px solid #b5b5b5;
  top:17px;
  left:0;
  overflow:auto;
  z-index:9999;
}
ul.newList li a {
  padding:3px 5px;
  display: block;
}
ul.newList li a:focus {
  /*-moz-outline-style: none;*/
}
.hiLite {
  color:#B12320!important;
}
.hiLite a {
  background:#650101!important;
  color:#fff!important;
}
.newListHover {
  background:#ccc!important;
  color:#000!important;
  cursor:default;
}
.newListOptionTitle {
  font-weight:bold;
}
.newListOptionTitle ul {
  margin:3px 0 0;
}
.newListOptionTitle li {
  font-weight:normal;
  border-left:1px solid #ccc;
}

 /*jqPuzzle*/
/*
 * jqPuzzle - Sliding Puzzles with jQuery
 * Default CSS theme
 * 
 * Copyright (c) 2008 Ralf Stoltze, http://www.2meter3.de/jqPuzzle/
 * Dual-licensed under the MIT and GPL licenses.
 *
 * Note that some CSS properties are set by the jqPuzzle script itself to make 
 * sure that the puzzle works properly. These properties will overwrite 
 * user-defined properties.
 * 
 * The class 'jqp-solved' is added to the outermost element when a puzzle is 
 * solved by the user. Use '.jqPuzzle.jqp-solved' to define different styles
 * for solved puzzles.
 */

/* outermost element which holds the full puzzle interface */
.jqPuzzle {
  padding: 5px;
  border: 1px solid #ddd;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* only needed if external css rules set defaults for divs,
   this rule only resets the most common properties */
.jqPuzzle div {
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  border-style: none;
}

/* div wrapper which holds the puzzle pieces and the solution image */
.jqPuzzle .jqp-wrapper {
  padding: 2px;
  border: 1px solid #FFFFFF;
  background-color: #fff;
}

/* a single puzzle piece */
.jqPuzzle .jqp-piece {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 36px;
}

.jqPuzzle .jqp-piece:hover {
  border-style: dashed;
}

.jqPuzzle.jqp-solved .jqp-piece:hover {
  border-style: solid;
}

/* the controls area which holds the buttons and the display */
.jqPuzzle .jqp-controls {
  float: left;
}

/* a button */
.jqPuzzle .jqp-controls a {
  margin-top: 5px;
  margin-right: 8px;
  padding: 3px 5px;
  border: 1px outset #FFFFFF;
  background-color: #777799;
  color: #FFFFFF;
  font-size: 14px;
  line-height: normal;
  float: left;
}

.jqPuzzle .jqp-controls a:hover {
  background-color: #7777BB;
}

/* toggle/down state for buttons */
.jqPuzzle .jqp-controls a.jqp-toggle, 
.jqPuzzle .jqp-controls a.jqp-down {
  padding-left: 4px;
  padding-right: 6px;
  border-style: inset;
  background-color: #BBBBFF;
}

/* disabled state for buttons */
.jqPuzzle .jqp-controls a.jqp-disabled {
  background-color: #DDDDEE;
  color: #FFFFFF;
}

/* the area which holds the moves/seconds display */
.jqPuzzle .jqp-controls span {
  margin-top: 5px;
  padding: 2px 4px;
  padding-left: 0px;
  border: none;
  background-color: transparent;
  color: #666666;
  font-size: 12px;
  float: left;
}

/* disabled state for the display (non-shuffled puzzle) */
.jqPuzzle .jqp-controls span.jqp-disabled {
  color: #AAAAAA;
}

/* solved state for the display (non-shuffled puzzle) */
.jqPuzzle.jqp-solved .jqp-controls span {
  padding: 1px 3px;
  border: 1px dotted #0F8F08;
  background-color: #9FEF86;
  color: #0F8F08;
}

/* a text field for the moves/seconds display */
.jqPuzzle .jqp-controls span input {
  margin: 0px 3px;
  padding: 3px;
  padding-bottom: 2px;
  border-style: none;
  background-color: #FFFFFF;
  color: #666666;
  font-weight: bold;
  text-align: right;
}

/* disabled state for the text fields */
.jqPuzzle .jqp-controls span.jqp-disabled input {
  background-color: #EEEEFF;
  color: #AAAAAA;
}

/* solved state for the text fields */
.jqPuzzle.jqp-solved .jqp-controls span input {
  background-color: #C2FFAF;
  color: #444444;
}
 /*print*/
/* ::: Druckversion ::: */
@media print {

  #logo,
  #navi,
  #metanavi,
  #search, 
  #subnavi,
  #sitefunc,
  #breadcrumb,
  #left-container {
    display:none;
  }
  #container {
    width:auto;
    margin:0;
    padding:0;
  }
  body,
  #container,
  #wrapp-all {
    background:none;
  }
  #keyvisual {
    position:static;
  }
  #wrapper {
    float:none;
    margin:0;
    padding-bottom:20px;
  }
  #content-wide {
    float:none;
  }
  #left {
    padding-top:0;
  }
  #footer {
    position:static;
  }
  #footer-inner {
    width:auto;
    margin:0;
  }
  #service {
    clear:both;
    position:static;
  }

}
 /*Fertige Module/shadowbox-custom-3.0rc1*/
#sb-container, #sb-wrapper {
  text-align:left;
}
#sb-container, #sb-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin:0;
  padding:0;
}
#sb-container {
  height:100%;
  display:none;
  visibility:hidden;
  z-index:999;
}
body>#sb-container {
  position:fixed;
}

/* #sb-overlay ausgelagert in ie6.css */

#sb-container>#sb-overlay {
  height:100%;
}
#sb-wrapper {
  position:relative;
}
#sb-wrapper img {
  border:none;
}
#sb-body {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #303030;
}
#sb-body-inner {
  position:relative;
  height:100%;
}
#sb-content.html {
  height:100%;
  overflow:auto;
}
#sb-loading {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  text-align:center;
  padding-top:10px;
}
#sb-body, #sb-loading {
  background-color:#060606;
}
#sb-title, #sb-info {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
}
#sb-title-inner, #sb-info-inner {
  position:relative;
  font-family:'Lucida Grande', Tahoma, sans-serif;
  line-height:16px;
}
#sb-title, #sb-title-inner {
  height:26px;
}
#sb-title-inner {
  font-size:16px;
  padding:5px 0;
  color:#fff;
}
#sb-info, #sb-info-inner {
  height:20px;
}
#sb-info-inner {
  font-size:12px;
  color:#fff;
}
#sb-nav {
  float:right;
  height:16px;
  padding:2px 0;
  width:45%;
}
#sb-nav a {
  display:block;
  float:right;
  height:16px;
  width:16px;
  margin-left:3px;
  cursor:pointer;
}
#sb-nav-close {
  background-image:url(/img/system/shadowbox/close.png);
  background-repeat:no-repeat;
}
#sb-nav-next {
  background-image:url(/img/system/shadowbox/next.png);
  background-repeat:no-repeat;
}
#sb-nav-previous {
  background-image:url(/img/system/shadowbox/previous.png);
  background-repeat:no-repeat;
}
#sb-nav-play {
  background-image:url(/img/system/shadowbox/play.png);
  background-repeat:no-repeat;
}
#sb-nav-pause {
  background-image:url(/img/system/shadowbox/pause.png);
  background-repeat:no-repeat;
}
#sb-counter {
  float:left;
  padding:2px 0;
  width:45%;
}
#sb-counter a {
  padding:0 4px 0 0;
  text-decoration:none;
  cursor:pointer;
  color:#fff;
}
#sb-counter a.sb-counter-current {
  text-decoration:underline;
}
div.sb-message {
  font-family:'Lucida Grande', Tahoma, sans-serif;
  font-size:12px;
  padding:10px;
  text-align:center;
}
div.sb-message a:link, div.sb-message a:visited {
  color:#fff;
  text-decoration:underline;
}