@charset "utf-8";

/*
    Einstellungen Gallerie-Anzeige
*/
.galnav
{
    float:left;
    margin-top: 0;
    border:1px dotted silver;
    width:20%;
    height:450px;
    padding:2em;
}


.galnav1
{
    margin-top: 0;
    height:390px;
    overflow:auto;
    padding:5px;

}

.galnavsmall
{
    float:left;
    margin-top: 0;
    height:450px;
    padding:2em;
}

.galshow1
{
    float:right;
    margin-top: 0;
    width:72%;
    height:430px;
    overflow:hidden;
    padding:1em;
}

.galinhalt
{
    line-height: 1.5em;
    min-height:430px;
    height:430px;
    overflow :auto;
}

/*
    Einstellungen Administration
*/
.galnav2
{
    float:left;
    margin-top: 0;
    border: 1px dotted gray;
    width:30%;
    max-height:450px;
    overflow:auto;
    padding:1em;
}

.galshow2
{
    float:right;
    border: 1px dotted gray;
    margin-top: 0;
    width:61%;
    max-height:480px;
    overflow:auto;
    padding:2em;
    display:block;
}

.galnonav
{
    float:right;
    margin-top: 0;
    width:90%;
    height:430px;
    overflow:hidden;
    padding:1em;
}

.showpic
{
    max-height:90%;
    max-width:90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
}

.tshowpic
{
    height:50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
}


.bottom
{
    clear:right;
    text-align:center;
    bottom: 1px;
}

.uploader
{
    border:1px dotted red;
    padding: 1em;
    margin-top: 1em;
}

/*
 * Vorschau div
 */
.galpviewer
{
    margin-top:2em;
    border:1px solid black;
    height:220px;
    overflow:auto;
}

.galprev
{
    width:200px;
    height:180px;
    margin-left:15px;
    margin-top:15px;
    margin-bottom:15px;
    border:1px solid silver;
    text-align:center;
    float:left;
}

.elementToFadeInAndOut
{
    max-height:90%;
    max-width:90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    -webkit-animation: fadeinout 9s linear forwards;
    animation: fadeinout 9s linear forwards;
}

@-webkit-keyframes fadeinout
{
/*
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
*/

    0% { opacity: 0;}
    20% { opacity: 1;}
    80% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeinout
{

/*
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
*/

    0% { opacity: 0;}
    20% { opacity: 1;}
    80% { opacity: 1; }
    100% { opacity: 0; }

}

.diasel
{
    border-width :1px;
    font-size:8px;
    color  :black;
    border-color :#000;
    border-style :solid;
    background-color :#BDBDBD;
    padding:3px;
    border-radius:5px;
}

/*
    Navigationsleiste Vorher weiter GPs etc. unter dem Bild
*/
.backlink { margin-left:35px; }

.gpslink { margin-left:30px; margin-right:30px; }

.nextlink { }

a.navbuttonnowidth
{
    padding:1px 3px;
    border :1px solid #999;
    display:inline-block;
    float  :left;
    font-size:11px;
    font-family  :Tahoma,Calibri,Verdana,Geneva,sans-serif;
    color  :#000;
    font-weight  :bold;
    height :15px;
    margin-top   :0.1em;
    margin-right :0.5em;
    text-decoration  :none;
    padding-left :10px;
    padding-right:10px;
    text-align   :center;
    border-radius:5px;
}