/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | KOMPONENTEN
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*
***************************************
** PANORAMAFOTO
***************************************
*/

.panoramafoto {
  margin: 0 0 1em 0;
  padding: 1px 0 1px 0;
  width: 421px;
  background-color: #FFFFFF;
  border-top: 1px solid #A53B21;
  border-bottom: 1px solid #A53B21;
}

.panoramafoto_bildunterschrift {
  padding: 0;
  margin: -10px 0 15px 0;
  font-style: italic;
  text-align: center;
}


/*
***************************************
** LINKS
***************************************
*/

.links {
  position: relative;
  margin: 0 0 17px 0;
  padding: 4px 0 3px 0;
  width: 421px;
  border-top: 1px solid #C3A460;
  border-bottom: 1px solid #C3A460;
}

.links-bild {
  position: relative;
  margin: 0 0 0 -3px;
  padding: 0 10px 0 0;
  float: left;
}

.links-text {
  margin: 0;
  padding: 0;
  float: left;
}


/*
***************************************
** PODCAST
***************************************
*/

.podcast {
  position: relative;
  margin: 0 0 17px 0;
  padding: 4px 0 3px 0;
  width: 421px;
  border-top: 1px solid #C3A460;
  border-bottom: 1px solid #C3A460;
}

.podcast-bild {
  position: relative;
  margin: 0 0 0 -3px;
  padding: 0 10px 0 0;
  float: left;
}

.podcast-text {
  margin: 0;
  padding: 0;
  float: left;
}


/*
***************************************
** VIDEO
***************************************
*/

.video {
  position: relative;
  margin: 0 0 17px 0;
  padding: 4px 0 3px 0;
  width: 421px;
  border-top: 1px solid #C3A460;
  border-bottom: 1px solid #C3A460;
}

.video-bild {
  position: relative;
  margin: 0 0 0 -3px;
  padding: 0 10px 0 0;
  float: left;
}

.video-text {
  margin: 0;
  padding: 0;
  float: left;
}

/*
***************************************
** ANSPRECHPARTNER
***************************************
*/

.ansprechpartner {
  position: relative;
  margin: 0 0 17px 0;
  padding: 4px 0 3px 0;
  width: 421px;
  border-top: 1px solid #C3A460;
  border-bottom: 1px solid #C3A460;
}

.ansprechpartner-bild {
  position: relative;
  margin: 0 0 0 -3px;
  padding: 0 10px 0 0;
  float: left;
}

.ansprechpartner-text {
  margin: 0;
  padding: 0;
  float: left;
  line-height: 1.3em;
}


/*
***************************************
** DOKUMENTE
***************************************
*/

.dokumente {
  position: relative;
  margin: 0 0 17px 0;
  padding: 4px 0 3px 0;
  width: 421px;
  border-top: 1px solid #C3A460;
  border-bottom: 1px solid #C3A460;
}

.dokumente-bild {
  position: relative;
  margin: 0 0 0 -3px;
  padding: 0 10px 0 0;
  float: left;
}

.dokumente-text {
  margin: 0;
  padding: 0;
  float: left;
}


/*
***************************************
** FOTOGALERIE
***************************************
*/

#fotogalerie {
	position: absolute; /* Bei Position achten auf INFOKASTEN */
  left: 742px;
  top: 255px;
  margin: 0;
  padding: 0;
  width: 254px;
  height: 600px;
  z-index: 100000;
  background-image: url(../grafik/bg_gallery.gif);
  background-repeat: no-repeat;
  background-position: 0px 254px;
}

#fotogalerie-detail-opacity {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 6;
  width: 254px;
  height: 254px;
  top: 0;
  left: 0;
  opacity: 0;
}

.fotogalerie-detail {
  margin: 0;
  padding: 0 15px 0 0;
  width: 222px;
  float: left;
}

.fotogalerie-detail-bild {
  margin: 0;
  padding: 1px 0 1px 0;
  width: 254px;
  background-color: #FFFFFF;
  border-top: 1px solid #A53B21;
  border-bottom: 1px solid #A53B21;
}

.fotogalerie-detail-beschreibung {
  margin: 0;
  padding: 7px;
  width: 208px;
  height: 184px;
  background-image: url(../grafik/bg_bildbeschreibung.gif);
  background-repeat: repeat-x;
  font-style: italic;
}

.fotogalerie-thumbs {
  position: relative;
  margin: 0;
  width: 254px;
  background-color: #FFFFFF;
  float: left;
  border-top: 1px solid #A53B21;
  border-bottom: 1px solid #A53B21;
}

.fotogalerie-thumbs-navi {
  position: absolute;
  margin: 15px 0 0 0;
  padding: 0 0 0 75px;
}

.fotogalerie-thumbs-navi-oben {
  position: relative;
  margin: 0;
  padding: 0;      
  float: left; 
}

.fotogalerie-thumbs-navi-text {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
}

.fotogalerie-thumbs-navi-unten {
  position: relative;
  margin: 0;
  padding: 0;
  float: left;
}

.fotogalerie-thumbs-navi-oben a,
.fotogalerie-thumbs-navi-oben a:link,
.fotogalerie-thumbs-navi-oben a:visited,
.fotogalerie-thumbs-navi-oben a:focus,
.fotogalerie-thumbs-navi-oben a:hover,
.fotogalerie-thumbs-navi-oben a:active,
.fotogalerie-thumbs-navi-unten a,
.fotogalerie-thumbs-navi-unten a:link,
.fotogalerie-thumbs-navi-unten a:visited,
.fotogalerie-thumbs-navi-unten a:focus,
.fotogalerie-thumbs-navi-unten a:hover,
.fotogalerie-thumbs-navi-unten a:active{
  display: block;
  background-image: url(../grafik/thumbs_navi_oben_.gif);      
  background-repeat: no-repeat;
  width: 5px;
  height: 9px;
  margin: 2px 5px 0 0;
}

.fotogalerie-thumbs-navi-unten a,
.fotogalerie-thumbs-navi-unten a:link,
.fotogalerie-thumbs-navi-unten a:visited,
.fotogalerie-thumbs-navi-unten a:focus,
.fotogalerie-thumbs-navi-unten a:hover,
.fotogalerie-thumbs-navi-unten a:active{
  background-image: url(../grafik/thumbs_navi_unten_.gif);   
  margin: 2px 0 0 5px;   
}

.fotogalerie-thumbs-eintrag {
  margin: 0;
  padding: 0 0 3px 0;
  background-color: #FFFFFF;
}

.fotogalerie-thumbs-eintrag-last {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}



/*
***************************************
** INFOBOX
***************************************
*/


div#infokasten {
	position: absolute; /* Bei Position achten auf FOTOGALLERY */
  /*left: 689px;*/
  left: 742px;
  /*top: 255px;*/
  top: 220px;
  margin: 0;
  padding: 0;
  /*width: 307px;*/
  width: 256px;
  z-index: 100000;
  font-size: 0.9em;
}

div.infokasten-bild {
  margin: 0;
  padding: 0;
  width: 256px;
}

div.infokasten-bild img {
  padding: 0;
  margin: 0;
}

div.infokasten-bild-verlauf-unten {
  margin: 0;
  padding: 0;
  width: 256px;
  height: 53px;
  background-image: url(../grafik/infokasten_verlauf_unten.gif);
  background-repeat: no-repeat;
}

div.infokasten-bild-verlauf-unten-2 {
  margin: 0;
  padding: 15px 0 0 55px;
  width: 201px;
  height: 185px;
  background-image: url(../grafik/infokasten_verlauf_unten_2.gif);
  background-repeat: no-repeat;
}

div.infokasten-bild-verlauf-unten-3 {
  margin: 0;
  padding: 15px 0 0 5px;
  width: 251px;
  height: 185px;
  background-image: url(../grafik/infokasten_verlauf_unten_2.gif);
  background-repeat: no-repeat;
}

div.infokasten-text {
  margin: 0;
  padding: 3px 0 0 6px;
  width: 250px;
}

div#infokasten input {
  border: 1px solid #A53B21;
  width: 245px;
  height: 15px;
}

div#infokasten input.buttonsubmit {
  background-color: #A53B21;
  color: #ffffff;
  font-weight: bold;
  margin: 10px 0 10px 0;
  height: 17px;
}

p.infokasten_info {
  font-size: 0.9em;
}
div#infokasten h3.h3-infobox {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #000000;
}

div#infokasten div.hr_linie {
  width: 100%;
  border-top: 1px solid #A53B21;
  margin: 0 0 10px 0;
}



/*
***************************************
** FORMULAR
***************************************
*/

div#infokasten input {
  border: 1px solid #A53B21;
  width: 245px;
  height: 15px;
}

div#infokasten input.buttonsubmit {
  background-color: #A53B21;
  color: #ffffff;
  font-weight: bold;
  margin: 10px 0 10px 0;
  height: 17px;
}