body {

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 101%;
  background-image: url(../images/bg.png);

}

#schatten_oben {

  width: 740px;
  background-image: url(../images/schatten_oben.png);
  height: 8px;
  margin: 0px auto;
  margin-top: 20px;

}

#hauptrahmen {

  width: 740px;
  background-image: url(../images/bg_rahmen.png);
  background-repeat: repeat-y;
  margin: 0px auto;
  padding: 0px 0px;

}

#rahmen_innen {

  border: 2px solid #a42b25;
  width: 698px;
  margin-left: 20px;

}

#kopf {

  height: 298px;

}

#navi_oben {

  height: 30px;
  background-image: url(../images/bg_navi.png);
  background-repeat: repeat-x;
  border-top: 2px solid #a42b25;
  border-bottom: 2px solid #a42b25;
  font-size: 8pt;
  color:#000;
  text-align: right;
  padding-right: 20px;
  line-height: 30px;
  
}

#navi_oben a{

  color:#000;
  text-decoration: none;
  vertical-align: center;

}

#navi_oben a:hover{

  color:#FFF;
  text-decoration: none;

}

.textfeld {

  height: 18px;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  width: 120px;
  border: 1px solid #000;
  margin-top: 2px;
  font-size: 8pt;

}

.okbutton {

  background-color: #FFF;
  border: 1px solid #000;
  font-size: 8pt;
  font-weight: bold;
  color: #000;
  margin-left: 5px;
  width: auto;
  padding: 0px;
  height: auto;

}

#inhalt {

  width: 450px;
  float: left;
  padding-left: 35px;
  padding-top: 30px;
  font-size: 8pt;
  letter-spacing: 0.03em;
  padding-bottom: 50px;
  line-height: 1.5em;

}

#inhalt a{

  color:#000;

}

#inhalt a:hover{

  color:#000;
  text-decoration: none;

}

#navi_rechts {

  width: 155px;
  float: left;
  display: block;
  padding-top: 30px;
  padding-left: 30px;
  margin-left: 20px;

}

#navi_rechts a{

  display: block;
  text-transform: uppercase;
  padding-bottom: 20px;
  font-size: 8pt;
  text-decoration: none;
  letter-spacing: 0.05em;

}

#navi_rechts a:hover{

  color: #666666;
  text-decoration: none;
  background-image: url(../images/navi_on.png);
  background-repeat: no-repeat;
  background-position: 0% 12%;

}

#schatten_unten {

  width: 740px;
  background-image: url(../images/schatten_unten.png);
  height: 8px;
  margin: 0px auto;
  
}

h1 {

  color:#000;
  font-size: 10pt;
  font-stretch:normal;
  font-style:normal;
  margin:0;
  padding-bottom:3px;
  padding-top:0;
  text-align:left;
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  border-bottom: 1px solid #cccccc;

}

h2 {

  color:#000;
  font-size: 9pt;
  font-stretch:normal;
  font-style:normal;
  margin:0;
  padding-bottom:3px;
  padding-top:30px;
  text-align:left;
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  border-bottom: 1px solid #cccccc;

}

/* NAVIGATION STYLEN UND HIGHLIGHTEN*/

.menu_h {

  color: #666666;
  background-image: url(../images/navi_off.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0% 12%;

}

.menu_h_on {

  background-image: url(../images/navi_on.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0% 12%;
  font-weight: bold;
  color: #666666;

}




/* HIER IST DIE CSS DER GALERIE DEFINIERT */

legend {

  color:#000;
  font-size:10pt;
  font-weight:bold;

}

fieldset {

  border:1px solid #a42b25;
  margin-bottom:40px;
  margin-top: 10px;
  padding:10px;
  width:450px;
  color:#000;
  font-size:8pt;

}

fieldset img {

  float:left;
  margin-right:10px;
  margin-top:5px;
  padding:3px;
  border: 1px solid #a42b25;

}

fieldset a {

  border: none;

}


#informationen {

  margin-top: 10px;
  float:left;

}

#informationen p {
  
  margin-top: 5px;
  margin-bottom: 1px;
  padding: 0px;

}

#detail {
  margin-top: 20px;
}

#detail img {
  border:1px solid #a42b25;
  padding:3px;
  width: 450px;
}

#galerie {
  width:450px;
}

#galerie img{
  border: none;
}

#galerie p{
  text-align: center;
}

#thumbs img {
  margin:auto;
}

ul#thumbs {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:auto;
  padding-left:0;
  text-align:center;
  width:500px;
}

ul#thumbs li {
  border:1px solid #a42b25;
  display:inline;
  float:left;
  height:65px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-right:5px;
  padding:2px;
  width:65px;
}

ul#thumbs a {
  display:block;
  float:left;
  height:65px;
  line-height:65px;
  overflow:hidden;
  position:relative;
  width:65px;
  z-index:1;
}

ul#thumbs a img {
  float:left;
  left:-55px;
  position:absolute;
  top:-20px;
}

ul#thumbs a:hover {
  border:medium none;
  overflow:visible;
  z-index:1000;
}

ul#thumbs a:hover img {
  background:#FFFFFF none repeat scroll 0 50%;
  border:1px solid #817B67;
  padding:2px;
}

ul#thumbs:after, li#thumbs:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

ul#thumbs, li#thumbs {
  display:block;
} 

ul#thumbs, li#thumbs {
  min-height:1%;
}

* html ul#thumbs, * html li#thumbs {
  height:1%;
}

#galerie_info {

  padding-bottom:3px;
  padding-top:3px;
  text-align: center;
  margin: auto;
  margin-left: -40px;
  color: #000;
  letter-spacing:0;
  line-height:19px;
  
}

#galerie_navi {

  padding-bottom:3px;
  padding-top:3px;
  text-align: center;
  margin-left: -10px;
}

#uebersicht_navi {

  padding-bottom:3px;
  padding-top:3px;
  text-align: center;
  
}

.zurueck {
  background-image:url(../images/zurueck.gif) 
  text-decoration: none;
}

.vor a {
  background-image:url(../images/vor.gif);
}

.gmap_button {
background-color: #eee;
border-bottom: 1px solid #ccc;
cursor:pointer;
}
.gmap_button:hover {
background-color: #fff;
border-bottom: 1px solid #ddd;
}

.floatbox { overflow:hidden; }
* html .floatbox { width:100%; }

.buttonleiste {
}

.button_gross,
.button_klein,
.button_gross_dis,
.button_klein_dis {
  background: #999 none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #ccc;
  display: block;
  margin: 2px;
  width: 104px;
  text-align: center;
}

.button_gross {
  height: 60px;
  float: left;
}

.button_klein {
  height: 27px;
  line-height: 27px;
}

.button_gross:hover,
.button_klein:hover {
  background: #ccc none;
  border: 2px solid #eee;
  cursor: pointer;
}

.button_gross_dis,
.button_klein_dis {
  background: #666 none;
  border: 2px solid #999;
}

.button_gross_dis:hover,
.button_klein_dis:hover {
  background: #999 none;
  border: 2px solid #ccc;
  cursor: pointer;
}

.button_container {
  float: left;
}
