/*********************************************************************
 Styles für die Fotogalerie auf djmisky.de
 
 Autor: Michael Schneider
 Datum: 19.06.2007 23:29:34
*********************************************************************/

/* Selectfeld oben */
#menuform {
    margin: 5px;
}

#menuform select {
    width:130px;
}


/* Menu */
#galerie_menu a {
    display:block;
    padding: 5px;
    text-decoration: none;
}

.galerie_kalender {
    height: 25px;
    overflow: hidden;
    border-top: 1px solid Silver;
}

.galerie_kalender:hover {
    height: 180px;
    overflow: hidden;
    background-color: Silver;
    color: Black;
}

.galerie_kalender div.kalender_monat {
    font-size: 14px;
    margin:5px;
}

.galerie_kalender th {
    background-color: Black;
    color: White;
    padding:3px;
    font-weight:normal;
}

.galerie_kalender td {
    background-color: #800000;
    color: White;
}

.galerie_kalender td.wochenende {
    background-color: #803E3E;
}

.galerie_kalender td.galerietag {
    background-color: #bd0000;
}

.galerie_kalender div.leertag {
    padding:3px;
}


/* Thumbnails */
.galerie_thumbbox {
    max-width:132px;
    width:136px;
    max-height:130px;
    height:134px;
    padding:2px;
    margin: 2px;

    background-color: #800000;
    border: 1px solid Silver;
}

.galerie_thumbbox a:hover {
    background-color: #800000;
}

.galerie_seitenbuttons {
    padding:3px;
    margin:2px;
    width: 556px;

    background-color: #800000;
    border: 1px solid Silver;
}


/*  Grossansicht  */
#galerie_gross_infobalken {
    width:100%;
    max-width:90%;
    padding:1%;
    margin: 0 4% 0 4%;
    vertical-align:middle;
    text-align:center;
    font-size: 14px;
    
    background-color: #800000;
    border-bottom: 2px solid Silver;
    
    z-index:1;
}

#galerie_gross_fotobox {
    width:100%;
    max-width:88%;
    margin: 0 4% 0 4%;
    
    border-bottom: 2px solid Silver;
    padding:2%;
    z-index:1;
}

#galerie_gross_fotobox img {
    border: 1px solid Silver;
}




#button_vor {
    position:absolute;
    top:0px;
    right:0px;
    width:4%;
    height:99%;
    overflow: hidden;
    z-index:5;
    
    border: solid Silver;
    border-width: 0 0 2px 2px;
    background-image: url(../dat_review/bg_red60.png);
}

#button_vor:hover {
    width:200px;
    background-color:transparent;
}

#button_vor_bild {
    position:absolute;
    top:300px;
    right: 50px;
    
    border: 1px solid Silver;
}

#button_vor_button {
    position:absolute;
    top:240px;
    right: 0px;
    
    border:0px;
}



#button_zurueck {
    position:absolute;
    top:0px;
    left:0px;
    width:4%;
    height:99%;
    overflow: hidden;
    z-index:5;

    border: solid Silver;
    border-width: 0 2px 2px 0;
    background-image: url(../dat_review/bg_red60.png);
}

#button_zurueck:hover {
    width:200px;
    background-color:transparent;
}

#button_zurueck_bild {
    position:absolute;
    top:300px;
    left: 50px;

    border: 1px solid Silver;
}

#button_zurueck_button {
    position:absolute;
    top:240px;
    left: 0px;

    border:0px;
}