/* Grundlayout der Seite Münzkabinett */

body {
   font-family: verdana,arial,helvetica,sans-serif;
   color: #ffffff;
   background-color: #999;
   margin-top: 0px;
   margin-left: 0px;
   font-size: 100.01%;
}

* html body {
  text-align: center;
}

.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}

img {
   border: 0;
}

div {
  text-indent: 0px;
}

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

#rahmenSeite {
   width: 980px;
   border-left: 2px solid #ffffff;
   border-right: 2px solid #ffffff;
   text-align: center;
   background-color: #ffffff;
   /*min-width: 933px;
   max-width: 1200px;*/
   margin: 0 auto;
}

* html #rahmenSeite {
   width: 988px;
}
/* Layout Kopfleiste */

#kopf {
   width: 100%;
   min-height: 60px;
   background-color: #ffffff;
   padding-top: 5px;
}
* html #kopf {
   height: 80px;
}
#kopfLi {
   float: left;
   width: 15%;
   padding-left: 10px;
   text-align: left;
   background-color: #ffffff;
}
#kopfMi {
   float: left;
   width: 460px;
   padding-top: 10px;
   padding-left: 10px;
   text-align: left;
   color: #999999;
   font-size: 18pt;
   font-weight: bold;
   background-color: #ffffff;
}
#kopfMi a {
  color: #999999;
  text-decoration: none;
}
#kopfRe {
   float: right;
   width: 305px;
   text-align: right;
   background-color: #ffffff;
   padding-top: 20px;
   margin-right: 20px;
}

/* Layout Menu */
#menuSup {
   clear: both;
   width: 100%;
   min-height: 16px;
   background-color: #ffffff;
}
* html #menuSup {
   height: 16px;
}
#menuSucheSup {
   min-height: 16px;
   font-size: 90%;
   color: #ccc;
   text-align: left;
   padding-left: 10px;
}
* html #menuSucheSup {
   height: 16px;
}

#menuSub {
   clear: both;
   width: 100%;
   min-height: 19px;
   background-color: #ffffff;
}
* html #menuSub {
   height: 19px;
}
#menuSuche {
   float: left;
   /*width: 36em;  berlin mit Karte*/
   width: 36em;
   min-height: 19px;
   background-color: #ffffff;
}
* html #menuSuche {
   height: 19px;
}
#menuSucheSub {
   min-height: 19px;
   padding-left: 0;
   background-color: #ffffff;
}
* html #menuSucheSub {
   height: 19px;
}
#menuSucheSub ul li {
   float: left;
   min-height: 18px;
   font-weight: bold;
   border-top: 1px solid #999;
   font-size: 80%;
   text-align: center;
   background-color: #ffffff;
}
* html #menuSucheSub ul li {
   height: 18px;
}
#menuSucheSub ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#menuSucheSub ul li.gray {
   background-color: #ffffff;
   padding: 2px 10px;
   color: #000000;
   min-height: 14px;
}
* html #menuSucheSub ul li.gray {
   height: 14px;
}
#menuSucheSub ul li a {
   min-height: 14px;
   padding: 2px 5px;
   display: block;
   color: #ccc;
   text-decoration: none;
}
* html #menuSucheSub ul li a {
   height: 14px;
}

#menuSucheSub ul li a:link,
#menuSucheSub ul li a:visited
 {
   display: block;
   color: #ccc;
   background-color: #ffffff;
}

#menuSucheSub ul li a:hover,
#menuSucheSub ul li a:focus,
#menuSucheSub ul li a:active {
   display: block;
   color: #fff;
   background-color: #666;
}

#menuKontakt {
   width: 100%;   
   min-height: 19px;
   color: #ccc;
   text-align: right;
   background-color: #ffffff;
}
* html #menuKontakt {
   height: 19px;
}
#menuKontaktSub {
   min-height: 19px;
   color: #sssccc;
   text-align: left;
   padding-right: 10px;
   background-color: #ffffff;
}

* html #menuKontaktSub {
   height: 19px;
}

#menuKontaktSub ul li {
   float: left;
   min-height: 18px;
   border-top: 1px solid #ffffff;
   font-weight: bold;
   font-size: 80%;
   text-align: center;
   background-color: #ffffff;
}

* html #menuKontaktSub ul li {
   height: 18px;
}
#menuKontaktSub ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#menuKontaktSub ul li.gray {
   background-color: #333;
   padding: 2px;
   color: #fff;
   min-height: 14px;
}
#menuKontaktSub ul li a{
   min-height: 14px;
   padding: 2px 5px;
   display: block;
   color: #000000;
   text-decoration: none;
}
* html #menuKontaktSub ul li a {
   height: 14px;
}
#menuKontaktSub ul li a:visited {
   display: block;
   color: #000000;
   background-color: #ffffff;
}

#menuKontaktSub ul li a:hover,
#menuKontaktSub ul li a:focus,
#menuKontaktSub ul li a:active
{
   display: block;
   color: #fff;
   background-color: #666;
}

/* Layout Navigation - Brotkrumenpfad*/
#pfad {
   clear: both;
   width: 100%;
   min-height: 20px;
   background-color: #333;
}
* html #pfad {
   height: 20px;
}
#pfad div {
   padding-left: 10px;
   text-align: left;
   padding-top: 2px;
   padding-bottom: 2px;
   font-size: 70%;
   color: #ccc;
}
#pfad a {
   color: #fff;
   text-decoration: none;
}
#pfad a:visited {
   color: #fff;
}

#pfad a:hover,
#pfad a:focus,
#pfad a:active {
   color: #999;
   text-decoration: underline;
}

/* Layout Objektnavigation und Infoleiste */
#naviObjekt {
   clear: both;
   width: 100%;
   min-height: 2.05em;
   background-color: #666;
}
* html #naviObjekt {
   height: 2.05em;
}
#naviObjekt.aktiv {
  background-color: #fff;
}

#naviObjektZoom {
   clear: both;
   width: 100%;
   min-height: 45px;
   background-color: #fff;
}
* html #naviObjektZoom {
   height: 45px;
}
#naviObjektLi1 {
   float: left;
   width: 65%;
   min-height: 45px;
   background-color: #09c;
}
* html #naviObjektLi1 {
height: 45px;
}
#naviObjektLi1 div {
   text-align: left;
   font-size: 72%;
   color: #fff;
   padding: 4px 10px;
}

#naviObjektRe1 {
   float: right;
   /*width: 40%;*/
   width: 25em;
   padding-right: 10px;
   padding-top: 8px;
   font-size: 80%;
   font-weight: bold;
   color: #000000;
   text-align: right;
}

#naviObjektRe1 a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

#naviObjektRe1 a:link,
#naviObjektRe1 a:visited {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}
#naviObjektRe1 a:hover,
#naviObjektRe1 a:focus,
#naviObjektRe1 a:active {
   color: #000000;
   text-decoration: underline;
}

#anzeigeRechts a.versal, #naviObjektRe1 a.versal,
#anzeigeRechts a.versal:link, #naviObjektRe1 a.versal:link,
#anzeigeRechts a.versal:visited, #naviObjektRe1 a.versal:visited,
#anzeigeRechts a.versal:hover, #naviObjektRe1 a.versal:hover,
#anzeigeRechts a.versal:focus, #naviObjektRe1 a.versal:focus,
#anzeigeRechts a.versal:active, #naviObjektRe1 a.versal:active
 {
  text-transform: uppercase;
  text-decoration: underline;
}


#naviObjektLi {
   float: left;
   width: 45%;
   min-height: 2.05em;
   background-color: #09c;
}
* html #naviObjektLi {
   height: 2em;
}
#naviObjektLi.zoom {
   background-color: #fff;
}
#naviObjektLi ul li {
   float: left;
   width: 8em;
   min-height: 2.5em;
   list-style-type: none;
   font-weight: bold;
   font-size: 70%;
   text-align: center;
   background-color: #999;
   border-right: 1px solid #ccc;
}
* html #naviObjektLi ul li {
   height: 3em;
}
#naviObjektLi ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#naviObjektLi ul li.white {
   background-color: #fff;
   padding-top: 0.5em;
   color: #333;
   min-height: 2.5em;
}
* html #naviObjektLi ul li.white {
   height: 3em;
}
#naviObjektLi ul li.whiteZoom {
   background-color: #fff;
   padding-top: 0.5em;
   color: #333;
   min-height: 2em;
   border-right: #fff;
}
* html #naviObjektLi ul li.whiteZoom {
   height: 2.5em;
}
#naviObjektLi ul li a {
   min-height: 2.5em;
   padding-top: 0.5em;
   display: block;
   color: #fff;
   text-decoration: none;
}
* html #naviObjektLi ul li a {
   height: 2.5em;
}

#naviObjektLi ul li a:link,
#naviObjektLi ul li a:visited
 {
   display: block;
   color: #fff;
}


#naviObjektLi ul li a:focus,
#naviObjektLi ul li a:hover,
#naviObjektLi ul li a:active
 {
   display: block;
   color: #fff;
   background-color: #ccc;
}

#naviObjektLi div {
   text-align: left;
   font-size: 72%;
   color: #fff;
   padding: 4px 10px;
}
#naviObjektRe {
   float: right;
   width: 55%;
}
#naviObjektRe ul li, #naviObjektRe ul li.passiv {
   float: left;
   width: 8em;
   min-height: 2.4em;
   list-style-type: none;
   font-weight: bold;
   font-size: 70%;
   text-align: center;
   background-color: #09c;
   border-left: 1px solid #ccc;
}

#naviObjektRe ul li.passiv {
  min-height: 2.6em;
  padding-top: 0.5em;
}

* html #naviObjektRe ul li {
   height: 2.85em;
}

* html #naviObjektRe ul li.passiv {
   height: 3em;
}

#naviObjektRe ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#naviObjektRe ul li.white {
   background-color: #fff;
   padding-top: 0.5em;
   color: #333;
   min-height: 2.5em;
}
* html #naviObjektRe ul li.white {
   height: 3em;
}
#naviObjektRe ul li a {
   min-height: 2.5em;
   padding-top: 0.5em;
   display: block;
   color: #ccc;
   text-decoration: none;
}
* html #naviObjektRe ul li a {
   height: 3em;
}

#naviObjektRe ul li a:link,
#naviObjektRe ul li a:visited {
   display: block;
   color: #ccc;
   background-color: #09c;
   background-color: #999;
}

#naviObjektRe ul li a:focus,
#naviObjektRe ul li a:hover {
   display: block;
   color: #fff;
   background-color: #ccc;
}

#naviObjektRe ul li a:active {
   display: block;
   color: #ccc;
   background-color: #09c;
}

/* Layout Inhalt */

#inhalt {
   clear: both;
   width: auto;
   min-height: 427px;
   text-align: left;
   background-color: #ffffff;
   color: #000000;
   padding: 0 10px;
}
* html #inhalt {
   height: 427px;
}
#inhalt img {
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
}
#inhalt div {
   text-align: left;
   width: 60%;
   padding-left: 30px;
   padding-top: 30px;
   padding-bottom: 30px;
}

#inhalt div.glossar {
  width: 100%;
}
#inhalt h4, #rahmenTressor h1, #inhalt h1 {
   font-size: 100%;
   color: #069;
   padding-top: 1em;
   padding-right: 30px;
}
#inhalt p, #rahmenTressor div p, #help li {
   font-size: 80%;
   padding-right: 30px;
}
#rahmen_bild1 {
   float: left;
   width: 45%;
   text-align: left;
}
#iBild {
   float: left;
   width: 460px;
   text-align: left;
}
#iText {
   float: right;
   text-align: left;
   width: 50%;
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 40px;
   padding-bottom: 30px;
}
#iText h4 {
   font-size: 120%;
   color: #069;
}
#iBild h3 {
   font-size: 110%;
}

/* Layout Anzeige- und Buttonleiste unten*/
#anzeige {
   clear: both;
   width: 100%;
   min-height: 40px;
   background-color: #666;
}
* html #anzeige {
   height: 40px;
}
#anzeigeText {
   font-size: 70%;
   color: #cccccc;
   text-align: left;
   padding: 5px;
}
#anzeigeLinks {
   float: left;
   width: 32%;
   padding-left: 10px;
   font-size: 80%;
   font-weight: bold;
   color: #ccc;
   text-align: left;
   padding-top: 8px;
}
#anzeigeMitte {
   float: left;
   width: 30%;
   font-size: 80%;
   font-weight: bold;
   color: #ccc;
   padding-top: 8px;
}

#anzeigeRechts {
   float: right;
   width: 35%;
   padding-right: 10px;
   padding-top: 8px;
   font-size: 80%;
   font-weight: bold;
   color: #000000;
   text-align: right;
   min-height: 32px;
   background-color: #666;
}

* html #anzeigeRechts {
   height: 40px;
}

#anzeigeRechts.aktiv {
  background-color: #fff;
}

#anzeigeRechtsTop {
   float: right;
   width: 32%;
   padding-right: 10px;
   padding-top: 8px;
   font-size: 80%;
   font-weight: bold;
   color: #ccc;
   text-align: right;
}

#anzeige a {
   color: #ccc;
   font-weight: bold;
   text-decoration: none;
}
#anzeige a:link,
#anzeige a:visited {
   color: #ccc;
   font-weight: bold;
   text-decoration: none;
}

#anzeige a:focus,
#anzeige a:hover,
#anzeige a:active {
   color: #fff;
   text-decoration: underline;
}

#anzeigeRechts a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}
#anzeigeRechts a:link,
#anzeigeRechts a:visited {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

#anzeigeRechts a:focus,
#anzeigeRechts a:hover,
#anzeigeRechts a:active {
   color: #000000;
   text-decoration: underline;
}

/* Layout Fußleiste */
#fuss {
   clear: both;
   background-color: #ffffff;
   width: 100%;
   min-height: 20px;
   padding-top: 4px;
   text-align: center;
   color: #000000;
   font-size: 70%;
   padding-bottom: 15px;
}
* html #fuss {
   height: 20px;
}



#objekt {
   clear: both;
   width: 100%;
   min-height: 420px;
   background-color: #fff;
   font-weight: bold;
}
* html #objekt {
   height: 420px;
}
#objektAnsicht {
   float: left;
   width: 45%;
   min-height: 380px;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   background-color: #fff;
   /*border-right: 1px solid #ccc;*/
   font-size: 80%;
   text-align: left;
   position: relative;
}
* html #objektAnsicht {
   height: 380px;
}
#ansichtOben {
   width: 80%;
   /*padding-left: 20px;*/
   text-align: left;
}
#ansichtUnten {
   width: 90%;
   padding-right: 25px;
   text-align: left;
}

#ansichtUnten img {
  float: left;
}

#ansichtWechsel {
   /*clear: both;*/
   width: 90%;
   padding-left: 20px;
   text-align: left;
   font-size: 80%;
   font-weight: normal;
}
#objektOriginal {
   padding-top: 320px;
   text-align: left;
   padding-left: 50px;
}
#objektGross {
   /*float: left;*/
   position: relative;
   width: 25cm;
   min-height: 650px;
   margin-bottom: 20px;
   text-align: left;
   font-size: 80%;
}
* html #objektGross {
   height: 650px;
   width: 18cm;
}
#objektKlein {
   float: right;
   min-height: 130px;
   padding-top: 510px;
   padding-right: 30px;
}
* html #objektKlein {
   height: 130px;
}
#objektInfo, #objektInfoBig {
   float: left;
   width: 50%;
   text-align: left;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   background-color: #fff;
   border-left: 1px solid #ccc;
   font-weight: normal;
   min-height: 640px;
}
* html #objektInfo {
   height: 680px;
}

#objektInfoBig{
   width: 96%;
   text-align: left;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
   background-color: #fff;
   border-left: 1px solid #ccc;
   font-weight: normal;
   min-height: 640px;
}

#objektInfo h4 {
   font-size: 80%;
}
#objektInfo h3, #objektInfoBig h3 {
   font-size: 90%;
}
#objektInfo p, #objektInfoBig p {
   font-size: 80%;
}
#objektInfo input.absenden {
   width: 140px;
   color: #fff;
   background-color: #09c;
   font-weight: bold;
}
#objektInfo span {
   font-weight: bold;
}
#objektInfo div.absatz {
   padding-bottom: 6px;
}
#objektInfo div.parameter {
   float: left;
   width: 10em;
   font-weight: bold;
   text-align: left;
   font-size: 75%;
}
#objektInfo .beschreibung {
   text-align: left;
   padding-left: 10em;
   font-size: 80%;
}

* html #objektInfo .beschreibung {
  text-indent: -3px;
}

/* Layout Anzeige Tablett */

#rahmenTablett {
   clear: both;
   width: 100%;
   min-height: 543px;
   background-color: #ccc;
   text-align: center;
}
* html #rahmenTablett {
   height: 50px;
}
#rahmenTablett div {
   float: left;
   width: 154px;
   min-height: 220px;
   text-align: center;
   padding-top: 10px;
   padding-left: 4px;
   padding-right: 4px;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   font-size: 70%;
   background-color: #fff;
}
* html #rahmenTablett div {
   height: 190px;
}

/* Layout Anzeige Geldboerse */

#rahmenTablett a {
   color: #09c;
   text-decoration: none;
}
#rahmenTablett a:visited,
#rahmenTablett a:focus {
   color: #09c;
}
#rahmenTablett a:hover {
   color: #666;
}
#rahmenTablett a:active {
   color: #09c;
}


#rahmenTablett p {
   text-align: right;
   height: 25px;
   padding-right: 5px;
   margin-bottom: 0px;
   padding-bottom: 0px;
}

#naviTablett {
   clear: both;
   width: 100%;
   min-height: 45px;
   background-color: #999;
}
* html #naviTablett {
   height: 45px;
}
#tablettHinweis {
   float: left;
   width: 45%;
   min-height: 45px;
   background-color:#09c;
   text-align: left;
}
* html #tablettHinweis {
   height: 45px;
}
#tablettHinweis div {
   color: #fff;
   width: 80%;
   min-height: 33px;
   text-align: left;
   font-size: 75%;
   padding-top: 12px;
   padding-left: 10px;
}
* html #tablettHinweis div {
   height: 33px;
}
#tablettWenden {
   float: left;
   width: 27%;
   min-height: 45px;
   background-color: #999;
   text-align: left;
}
* html #tablettWenden {
   height: 45px;
}
#tablettWenden a {
   color: #ccc;
   font-weight: bold;
   text-decoration: none;
}
#tablettWenden a:visited,
#tablettWenden a:focus {
   color: #ccc;
   font-weight: bold;
   text-decoration: none;
}
#tablettWenden a:hover {
   color: #fff;
}
#tablettWenden a:active {
   color: #ccc;
   font-weight: bold;
   text-decoration: none;
}
#tablettWenden div {
   text-align: left;
   width: 90%;
   min-height: 37px;
   font-size: 80%;
   font-weight: bold;
   padding-top: 8px;
   padding-left: 10px;
}
* html #tablettWenden div {
   height: 37px;
}
#tablettWeiter {
   float: right;
   width: 27%;
   min-height: 45px;
   background-color: #09c;
   text-align: center;
}
* html #tablettWeiter {
   height: 45px;
}
#tablettWeiter div {
   text-align: center;
   width: 90%;
   min-height: 37px;
   font-size: 80%;
   font-weight: bold;
   color: #fff;
   padding-top: 8px;
   padding-left: 10px;
}
* html #tablettWeiter div {
   height: 37px;
}


/* Layout Suche Epoche und Ausstellungen*/
#sucheEpoche {
   clear: both;
   width: 100%;
   min-height: 381px;
   background: #fff url(../special/tressor_grau.jpg) 0 0 no-repeat;
   font-weight: bold;
}
* html #sucheEpoche {
   height: 381px;
}
#epocheListe {
   float: left;
   min-height: 340px;
   padding-top: 20px;
   padding-bottom: 20px;
   width: 55%;
   border-right: 1px solid #ccc;
   font-size: 80%;
}
* html #epocheListe {
   height: 300px;
}
#epocheName {
   float: left;
   width: 80%;
   min-height: 60px;
   text-align: left;
   padding-left: 40px;
}
* html #epocheName {
   height: 60px;
}
#epocheName h4 {
   font-size: 110%;
   color: #09c;
}
#naviZeit {
   float: right;
   min-height: 60px;
   text-align: right;
   padding-right: 30px;
}
* html #naviZeit {
   height: 60px;
}
#naviZeit input {
   width: 50px;
   color: #fff;
   background-color: #09c;
   font-weight: bold;
}
#naviZeit select {
   width: 120px;
}
#epocheInfo {
   float: right;
   width: 44%;
   padding-top: 20px;
   padding-bottom: 20px;
}
#epocheInfo div {
   text-align: left;
   padding-left: 30px;
   padding-right: 40px;
   font-size: 80%;
   font-weight: normal;
}
#epocheInfo div h4 {
   font-size: 100%;
}
#epocheInfo div h3 {
   font-size: 120%;
   color: #09c;
}
#epocheInfo div h3 {
   border-bottom: 1px solid #09c;
}

#naviThema {
   clear: both;
   text-align: left;
   margin-left: 40px;
   padding-left: 0px;
   margin-right: 30px;
   font-weight: normal;
   /*background-color: #fff;*/
}

#naviThema p{
  font-weight: bold;
}


#naviThema ul li, #naviThema ul li.passiv{
   list-style-type: none;
   border: 1px solid #333;
   font-weight: bold;
   font-size: 85%;
   background-color: #999;
   margin-bottom: 10px;
}

#naviThema ul li.rundgang{
   list-style-type: none;
   font-weight: bold;
   font-size: 85%;
   background-color: transparent;
   margin-bottom: 10px;
   border: 0;
}

#naviThema ul li.rundgang a:link,
#naviThema ul li.rundgang a:visited,
#naviThema ul li.rundgang a:focus,
#naviThema ul li.rundgang a:hover,
#naviThema ul li.rundgang a:active {
   display: block;
   color: #0099cc;
   background-color: transparent;
   padding-left: 20px;
   margin-bottom: 20px;
   border: 0;
}

#naviThema ul li.passiv{
   padding: 4px;
   color: #fff;
}

#naviThema ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#naviThema li.gray {
   padding: 4px;
   display: block;
   color: #333;
   background-color: #ccc;
}
#naviThema ul li a {
   padding: 4px;
   display: block;
   color: #fff;
   text-decoration: none;
}

#naviThema ul li a:link,
#naviThema ul li a:visited,
#naviThema ul li a:focus,
#naviThema ul li a:hover,
#naviThema ul li a:active {
   display: block;
   color: #fff;
   background-color: #09c;
}

#naviThema ul li a.active {
   display: block;
   color: #000000;
   background-color: #ffffff;
}

.sel {
  background-color: #444;
}

/*
#naviText {
   clear: both;
   text-align: left;
   padding-left: 40px;
   padding-right: 30px;
   text-align: left;
}
#naviText select {
   width: 220px;
}
#naviText h4 {
   font-size: 80%;
   color: #333;
}
#naviText h2 {
   font-size: 100%;
   color: #09c;
}
#naviText h3 {
   font-size: 120%;
   color: #09c;
}
#naviText p.hinweis {
   font-size: 90%;
   font-weight: normal;
   color: #FC2338
}
#naviTextsuche {
   clear: both;
   text-align: left;
   padding-left: 40px;
   padding-right: 30px;
   text-align: left;
}
#naviTextsuche input {
   color: #fff;
   background-color: #09c;
   font-weight: bold;
}

#erweiterteTextsuche {
   float: right;
   width: 44%;
   padding-top: 20px;
   padding-bottom: 20px;
}
#erweiterteTextsuche div {
   text-align: left;
   padding-left: 30px;
   padding-right: 40px;
   font-size: 80%;
   font-weight: normal;
}
#erweiterteTextsuche div h4 {
   font-size: 100%;
}
#erweiterteTextsuche div select {
   width: 200px;
}
*/

/* Layout Suche Vitrine*/
#showName {
   float: left;
   width: 100%;
   min-height: 40px;
   text-align: left;
}
* html #showName {
   height: 40px;
}
#showName h4 {
   font-size: 110%;
   color: #09c;
   padding-left: 40px;
}
#naviThema input {
   width: 60px;
   color: #fff;
   background-color: #09c;
   font-weight: bold;
}
#naviThema select {
   width: 300px;
}
#showThema input {
   /*width: 60px;*/
   color: #fff;
   background-color: #09c;
   font-weight: bold;
   margin-top: 10px;
}
#showThema select {
   width: 250px;
}
#showThema h2 {
   font-size: 90%;
   color: #09c;
}
#showThema select {
   width: 250px;
}

#showThema select.vitrine {
   width: 350px;
}

/* Layout Matrixsuche*/
#rahmenMatrix {
   clear: both;
   width: 100%;
   min-height: 350px;
   background-color: #ccc;
}
* html #rahmenMatrix {
   height: 350px;
}
#rahmenMatrix ul li {
   float: left;
   width: 11.55em;
   min-height: 4.5em;
   background-color: #333333;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   font-size: 75%;
   font-family: Arial;
   font-weight: bold;
   color: #ccc;
   text-align: center;
}
* html #rahmenMatrix ul li {
   height: 4.5em;
}
#rahmenMatrix ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#rahmenMatrix ul li.select {
   background-color: #ffffff;
   color: #333333;
   min-height: 4.5em;
   padding-top: 0;
   padding-bottom: 0;
}
* html #rahmenMatrix ul li.select {
   height: 4.5em;
}


#rahmenMatrix ul li.inaktiv {
   background-color: #666;
   color: #999;
   min-height: 4em;
   padding: 0.25em;
   width: 11.07em;
}
* html #rahmenMatrix ul li.inaktiv {
   height: 4.5em;
   width: 11em;
}
#rahmenMatrix ul li a {
   min-height: 4em;
   padding: 0.25em;
   display: block;
   color: #fff;
   text-decoration: none;
   background-color: #333;
}
* html #rahmenMatrix ul li a {
   height: 4.35em;
}
#rahmenMatrix ul li a:link,
#rahmenMatrix ul li a:visited,
#rahmenMatrix ul li a:focus {
   color: #fff;
   background-color: #333;
}

#rahmenMatrix ul li a:hover {
   color: #666;
   background-color: #ccc;
}

#rahmenMatrix ul li a:active {
   color: #fff;
   background-color: #333;
}

#rahmenMatrix ul li.select a{
  background-color: #fff;
  color: #333;
}

#rahmenMatrix ul li.select a:link,
#rahmenMatrix ul li.select a:visited,
#rahmenMatrix ul li.select a:focus {
   color: #000000;
   background-color: #fff;
}

#rahmenMatrix ul li.select a:hover {
   color: #666;
   background-color: #ccc;
}

#rahmenMatrix ul li.select a:active {
  color: #000000;
  background-color: #fff;
}

/* Layout Matrixsuche*/
#rahmenKarte {
   clear: both;
   width: 100%;
   min-height: 480px;
   padding-top: 20px;
   background-color: #fff;
}

* html #rahmenKarte {
   height: 480px;
}

html {
  height: 101%;
}

#rahmenTressor {
   clear: both;
   width: 100%;
   min-height: 361px;
   padding-top: 20px;
   text-align: left;
}
* html #rahmenTressor {
   height: 381px;
}

#rahmenTressor div#left, #rahmenTressor div#refBox {
  width: 520px;
  float: left;
  margin-left: 2%;
}

#rahmenTressor div#refBox {
  width: 370px;
}

* html div#left{
   width: 36em;
}

* html div#refBox{
   width: 41em;
}

div#left div, #rahmenTressor div#refBox {
  border: 1px solid black;
  font-size: 80%;
  padding: 1em;
  margin-bottom: 1em;
}

#rahmenTressor div h2, p.and{
  color: #09c;
  padding: 0;
  margin: 0;
  font-size: 100%;
}

p.and {
  margin-top: 0.5em;
}

#rahmenTressor div input, #rahmenTressor div select{
  margin-top: 0.5em;
}

#rahmenTressor div input{
  width: 242px;
}

#rahmenTressor div input.btn {
  display: block;
  color: #fff;
  background-color: #09c;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#rahmenTressor select {
  width: 14em;
}

#rahmenTressor select.nl {
  width: 300px;
}

#rahmenTressor select.match {
  width: 7em;
}

#naviKarte {
   float: left;
   width: 72%;
   text-align: center;
}
#naviListe {
   float: right;
   width: 25%;
}
#naviListe div {
   font-weight: bold;
   font-size: 80%;
   text-align: left;
   color: #09c;
}
#naviListe div h4 {
   font-size: 100%;
   color: #333;
}
#naviListe div h3 {
   font-size: 110%;
}
#r_liste span {
   color: #333;
   font-size: 10pt;
   font-weight: bold;
}
#r_liste a {
   color: #09c;
   font-size: 10pt;
   font-weight: bold;
   font-family: Arial;
   text-decoration: none;
}
#r_liste a:visited,
#r_liste a:focus {
   color: #09c;
   font-size: 10pt;
   font-weight: bold;
   text-decoration: none;
}
#r_liste a:hover {
   color: #069;
}
#r_liste a:active {
   color: #09c;
   font-size: 10pt;
   font-weight: bold;
   text-decoration: none;
}
#naviListe select {
   width: 160px;
}
#naviListe input {
   width: 50px;
   color: #fff;
   background-color: #09c;
   font-weight: bold;
}

.tablett_link{
  width: 26px;
  height: 26px;
}

hr.trenner{
  color: #ccc;
}

abbr, acronym {
  border-bottom:1px dashed #333333;
  cursor:help;
}

label {
  width: 14.5em;
  height: 1em;
  color: #000000;
  float: left;
  margin-top: 0.75em;
  /*font-size: 75%;*/
  text-align: right;
  padding-right: 0.5em;
}

#buchstaben {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#buchstaben li {
   float: left;
   min-height: 18px;
   font-weight: bold;
   border-left: 1px solid #fff;
   font-size: 100%;
   text-align: center;
   width: 2em;
   color: #000000;
}

* html #buchstaben li {
   height: 18px;
}

#buchstaben li a {
   min-height: 14px;
   padding: 2px 10px;
   display: block;
   color: #ccc;
   text-decoration: none;
}
* html #buchstaben li a {
   height: 14px;
}

#buchstaben li a:link,
#buchstaben li a:visited
 {
   display: block;
   color: #fff;
   background-color: #888;
}

#buchstaben li a:hover,
#buchstaben li a:focus,
#buchstaben li a:active {
   display: block;
   color: #fff;
   background-color: #ccc;
}

dt {
  font-weight: bold;
  margin-top: 1em;
}

dd {
  margin-left: 0;
}

dd p {
  margin: 0;
  margin-top: 0.5em;
}

a.glossar {
  text-decoration: underline;
  cursor:help;
  color: #09c;
}

a.glossar:link,
a.glossar:visited
 {
   color: #09c;
   text-decoration: underline;
}

a.glossar:hover,
a.glossar:focus,
a.glossar:active {
   color: #09c;
   text-decoration: underline;
}

dd a {
  text-decoration: underline;
  color: #09c;
}

dd a:link,
dd a:visited
 {
   color: #09c;
   text-decoration: underline;
}

dd a:hover,
dd a:focus,
dd a:active {
   color: #09c;
   text-decoration: underline;
}

#scale {
  position: absolute;
  left: 0;
  top: 0;
}

#orgImg {
  position: absolute;
  left: 5.5mm;
  top: 5.5mm;
}

#ansichtUnten p {
  padding-top: 125px;
}

.time {
  width: 4em !important;
}

div.ort {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  width: 10em;
  height: 1.5em;
}

div.ort a {
  text-decoration: underline;
  color: #000000;
}

div.ort a:link,
div.ort a:visited
 {
   color: #000000;
   text-decoration: none;
}

div.ort a:hover,
div.ort a:focus,
div.ort a:active {
   color: #000000;
   text-decoration: underline;
}

img.ort {
  position: absolute;
  width: 10px;
  height: 10px;
}

#path{
  float: left;
}

sup{
  font-size: 55%;
}

#naviThema ul #tresorLi{
  margin-top: 3em;
}

.formLabel {
  color: #0099cc;
}

#aktivLink {
  color: #0099cc;
}

#help {
  padding: 0 10px 20px;
}

/*
#objektInfoBig #ansichtUnten {
  width: 140px;
  float: left;
}

#objektInfoBig hr.trenner {
  clear: both;
}
*/

.content_box {
  width: 49%;
  float: left;
}

.right {
  width: 30%;
  float: right;
}

.left {
  width: 66%;
  float: left;
}

.content_box_termin {
	color: #0099cc;
	font-weight: bold;
	font-size: 80%;
	text-align: right;
	padding: 8px 0 5px;
}

.left .content_box_termin {
  text-align: left;
}

.left img {
  float: left;
  padding: 0 10px 10px 0;
}

.content_box h3 {
	color: #000000;
	font-size: 80%;
	line-height: 120%;
	margin: 5px 0;
}

.content p {
  margin: 5px 0;
}


.right p {
	border-bottom: 1px solid #000000;
	text-align: right;
	margin-top: 5px;
  padding-bottom: 10px;
}

.read_more {
	display: block;
	margin: 0;
	font-weight: bold;
	color: #0099cc;
	text-decoration: none;
	padding: 0 0 0 0;
}

.left .read_more { 
  padding-top: 10px;  
}

.fancy_zoom {
  cursor: url(lupe.cur), pointer;
}

.search_text {
  width: 310px;
}

#fuss a {
  color: #ffffff;
}

#anzeigeText .searchBox{
  float: right;
  width: 397px;
  text-align: right;
}

#anzeigeText h2 {
  color: #0099cc;
  font-size: 114%;
  display: inline-block;
  text-align: right;
  width: 400px;
}

#tressor{
  float: left;
  width: 565px;
}

.meldung {
  color: #ff0000;
}

div.debug {
  color: #ffffff;
  background-color: #ff0000;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
}

div.preview {
  color: #ffffff;
  background-color: #00ff00;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
}

#objektInfo ul {
  list-style-type: none;
  padding-left: 0;
}

.eLearning {
  color: #0099cc;
}