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


/*-- globale Deklaration (bestimmt die Breite und dient der Zentrierung) -----*/
html,body { 
   background-color:#FCFFDD;
}

.DiashowUbersichtTrennlinie {
   background-image:url(../_jpg/hintergrund_diashowsX_gruen.jpg); 
   background-position:center;
   background-repeat: no-repeat;
}



/*-- Kopfbereich (Logo und Titel) --------------------------------------------*/
td.Kopfzeile {
   background-color:#F1F0C7;
}
td#KopfzeileText {
   color:#9BA409;
}

#DiaShow {
   background-color:RGB(230,227,193);
   background-image: url(../inhalt_dynamisch/diashow/hintergrund_gruen.jpg);
}
#DiaShowKopf {
   background-image: url(../inhalt_dynamisch/diashow/hintergrund_kopfzeile_gruen.jpg);
}
/*-- linke Seite der Diashow ------------------------------*/
.DiashowLinks {
   background-color: #F7F5DD;
}
/*-- Steuerungs-Buttons ----------------------------------*/
.DiaButton {
   /*background-image: url(button_gruen_80.gif);*/
   color:#FFFFFF;
   background-color:#506000;
   background-image: url(../_gif/button_gruen_60.gif);
}
/*-- DropDown-Box zur Bildauswahl ------------------------*/
.DiaAuswahl {
   color: #FFFFFF;
   border-top: 1px solid #78810A;
   border-left: 1px solid #78810A;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   background-color: #78810A;
}
/*-- Tabellenzelle, enthält die DropDown-Box zur Bildauswahl ---*/
#divDiaSelectBox {
   background-color:RGB(230,227,193);
}
#DiaSelectBox {
   background-color:RGB(230,227,193);
}
#DiaSelectBoxTextfeld {
   color:#FFFFFF;
   /*background-color:#F9F9F9;*/
   background-color:#506000;
   background-image: url(../_gif/button_selectbox_gruen.gif);
}
#DiaSelectBoxListe ul {
   background-color:#FFFACC;
   border-color:black;
}
.DiaSelectBoxZeile {
   /* border... notwendig, um Zeilenhöhe einzuhalten ?! */
   border-color:#FFFACC;
}
.DiaSelectBoxListenwert {
   color:black;
}
.DiaSelectBoxListenwert:hover {
   background-color:#506000;
   color:yellow;
}

/*-- Autoplay-Button -----------------------------------------------*/
.DiaButtonAutoplay {
   color: #FFFFFF;
   background-color:#000080;
   background-image: url(button_gruen_80.gif);
}
#DiaButtonStartStopp {
   color:#FFFFFF;
   background-color:#506000;
   background-image: url(../_gif/button_gruen_60.gif);
}
#DiaButtonText {
   background-color:#506000;
}
#DiaButtonZoom {
   background-image: url(../_gif/button_zoom_gruen.gif);
}
#DiaTitel_u_Beschreibung {
   background-color:#FFFACC;
}
#DiaShowTitel {
   color:#E7E7C7;
}
#DiaShowBeschreibung {
   color:#E7E7C7;
}
/*-- Bereich, in dem die Dia-Vorschau angezeigt wird ---------*/
#DiaVorschau {
   background-color:RGB(230,227,193);
}
.DiaVorschauKopfzeile {
   color: #9BA409;
}
.DiaVorschauBereich {
   border-left-color:#FFFFFF;     /* nur links */
   border-right-color:#000000;    /* nur rechts */
   border-top-color:#FFFFFF;      /* nur oben */
   border-bottom-color:#000000;   /* nur unten */
   background-color: #CFCFCF;
}
.DiaVorschauNr {
}
.DiaKlein {
   border-left-color:#FFFACC;     /* nur links */
   border-right-color:#506000;    /* nur rechts */
   border-top-color:#FFFACC;      /* nur oben */
   border-bottom-color:#506000;   /* nur unten */
   background-color:RGB(217,214,159);
}
.divDiaKlein {
   background-color:RGB(217,214,159);
}
.imgDiaKlein {
   border-left-color:#506000;     /* nur links */
   border-right-color:#FFFACC;    /* nur rechts */
   border-top-color:#506000;      /* nur oben */
   border-bottom-color:#FFFACC;   /* nur unten */
}
.imgDiaKleinOriginal {
   border-left-color:#000000;     /* nur links */
   border-right-color:#FFFFFF;    /* nur rechts */
   border-top-color:#000000;      /* nur oben */
   border-bottom-color:#FFFFFF;   /* nur unten */
}




/*-- rechte Seite der Diashow ------------------------------*/
.DiashowRechts {
}
/*-- Bereich, enthält die Anzeige des Bildes ---------------*/
#DiaAnzeige {
}
/*-- Image, enthält das Bild ---------------------------------*/
#DiaBild {
}
.DiaBildHoch {
   border-color: #78810A;
}
.DiaBildQuer {
   border-color: #78810A;
}
/*-- Bereich, enthält den Titel des Bildes ------*/
#DiaTitel {
   color:#506000;
   background-color: #F1F0C7;
   border-color: #78810A;
}

/*-- Bereich, enthält die Beschreibung des Bildes --*/
#DiaBeschreibung {
   color:#506000;
   background-color: #F1F0C7;
   border-color: #78810A;
}