/*-- Stylesheet für die Diashow ---------------------------*/
/*--                                                     --*/
/*-- Copyright (C): Andreas Richter, 2009 -----------------*/




.DiashowUbersichtLinks {
   vertical-align: top;
   padding-top: 4px;
}

.DiashowUbersichtRechts {
   vertical-align: top;
   padding-top: 4px;
   padding-left:10px;
}

.DiashowUbersichtTrennlinie {
  height:10px;
}


#DiaShow {
   position:relative;
   margin-top:6px;
   height:500px;
   z-index:2;
   background-repeat: no-repeat;
}
#DiaShowKopf {
    position:relative;
    top: 0px;
    left:0px;   
    width: 470px;
}
#DiaShowTitel {
   padding-top:10px;
   padding-left:8px;
   font-size:16px;
   font-weight:bold;
   text-align:left;
}
#DiaShowBeschreibung {
   padding-top:4px;
   padding-left:8px;
   padding-bottom:6px;
   font-size:12px;
   text-align:left;
}

#DiaShowPrint {
   position:relative;
}
#DiaShowPrintTitel {
   padding-left:0px;
   margin-top:20px;
   font-size:18px;
   font-weight:bold;
   text-align:left;
}
#DiaShowPrintBeschreibung {
   padding-left:0px;
   margin-bottom:40px;
   font-size:12px;
   text-align:left;
}


/*-- Bereich, enthält die Steuerungs-Buttons ------*/
#DiaSteuerung {
   position:relative;
   top:60px;
   margin-left:8px;
   margin-right:4px;
   float:left;
   z-index:9;
}


/*-- Steuerungs-Buttons ----------------------------------*/
.divDiaButton {
   /*background-color:RGB(230,227,193);*/
}
.DiaButton {
   height: 20px;
   width:60px;
   height:18px;
   margin:2px;
   padding-top:2px;
   font-size:11px;
   text-align:center;
   text-decoration:none;
   border:none;
   cursor: pointer;
}
/*-- Tabellenzelle, enthält die DropDown-Box zur Bildauswahl ---*/
#divDiaSelectBox {
   padding:0;
}
#DiaSelectBox {
   position: relative;
   padding:0;
   display:none;
}
#DiaSelectBoxTextfeld {
   border:0;
   padding:0;
   padding-right:25px;
   padding-top:2px;
   text-align:right;
   margin:2px;
   width:35px;
   height:19px;
   background-repeat:no-repeat;
   /*background-position:41px 0px;*/
   cursor:pointer;
}
#DiaSelectBoxPfeil {
   width:19px;
   height:20px;
   padding:0;
   margin:0;
   border:0;
}
#DiaSelectBoxListe {
   display: none;
   position: absolute;
   z-index:9;
   padding: 0;
   margin: 0;
   top:22px;
   left: 2px;
}
#DiaSelectBoxListe ul {
   list-style:none;
   padding:0px;
   margin:0;
   border-style:solid;
   border-width:1px;
}
.DiaSelectBoxZeile {
   padding:0;
   margin:0;
   vertical-align:top;
   height:16px;
   width:198px;
   display:block;
}
.DiaSelectBoxListenwert {
   height:16px;
   font-size:12px;
   padding:0;
   margin:0;
   vertical-align:top;
   text-decoration:none;
   padding-left:3px;
   width:198px;
   display:block;
}
.DiaSelectBoxListenwert:hover {
}

/*-- Autoplay-Button -----------------------------------------------*/
#DiaButtonStartStopp {
   height: 18px;
   width:60px;
   margin:2px;
   font-size:11px;
   border:none;
   cursor: pointer;
   display:none;
}
#DiaButtonText {
   display:none;
}
#DiaButtonZoom {
   display:none;
   text-align: right;
}

#Dia {
   position:relative;
   top:20px;
   width:360px;
   float:right;
   margin-right:8px;
   z-index:3;
}
*html #Dia {
    margin-right:0px;
}
.DiaPrint {
   position:relative;
}
#DiaHintergrund {
}
#imgDia {
/*   width:360px;
   height:270px;  */
   border: 0;
   margin: 0;
   padding: 0;
   padding-top: 6px;
}
.imgDiaPrint {
   width:430px;
   border: 0;
   margin: 0;
   padding: 0;
}
/*-- Bereich, enthält den Titel und Beschreibung des Bildes ------*/
#DiaTitel_u_Beschreibung {
   position:relative;
   top:-16px;
   left:-6px;
   z-index:4;
   width:300px;
   padding:3px;
   border-style:solid;
   border-width: 1px 2px 2px 1px;
}
.DiaPrintTitel_u_Beschreibung {
   position:relative;
}
/*-- Bereich, enthält den Titel des Bildes ------*/
#DiaTitel {
   font-size:14px;
   font-weight:bold;
}
.DiaPrintTitel {
   font-size:14px;
   font-weight:bold;
}
/*-- Bereich, enthält die Beschreibung des Bildes --*/
#DiaBeschreibung {
   padding:3px;
   font-size:12px;
}
.DiaPrintBeschreibung {
   padding:3px;
   padding-bottom:40px;
   font-size:12px;
}

/*-- Bereich, in dem die Dia-Vorschau angezeigt wird ---------*/
#DiaVorschau {
   position:relative;
   width:470px;
   height: 1150px;
   top:0px;
   display:block;
   z-index:1;
   padding-left:4px;
   padding-bottom:10px;
   margin-bottom:16px;
}
#DiaVorschauKopfzeile {
   padding-left:8px;
   padding-bottom:5px;
   font-size:12px;
   font-weight:bold;
   z-index:1;
}
.DiaKlein {
   position:relative;
   float:left;
   width:74px;
   height:74px;
   margin:3px;
   padding:4px;
   vertical-align: middle;
   text-align:center;
   border-width:2px;
   border-style:solid;
   cursor: pointer;
}
.divDiaKlein {
}
.imgDiaKlein {
   border-width:1px;
   border-style:solid;
/*   width:72px;
   height:49px;*/
}
.DiaKleinNr {
   position:absolute;
   left:68px;
   top:69px;
   font-size:8px;
   font-weight:normal;
   cursor: pointer;
}
.DiaVorschauOriginal {
   position:absolute;
   left:2px;
   top:52px;
   font-size:8px;
   font-weight:normal;
   cursor: pointer;
}
.imgDiaVorschauOriginal {
   visibility:hidden;
}