/*--------------------------------------------------------------------*/
/* Project            Retorte PictureBrowser                          */
/*                    Script for displaying images on the web         */
/*--------------------------------------------------------------------*/
/*                                                                    */
/*                    Read README for further information             */
/*                    pb.css -> styledefinitions                      */
/*                    correction and adjustment by schnuppe           */
/*                    correction and adjustment by Timo Braun         */
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/* Body etc.                                                          */
/*--------------------------------------------------------------------*/

body {
    background-color:#CCCCCC;
    font-size:12px;
    font-family:Helvetica, Arial, Verdana, sans-serif;
    color:#564b47;
    text-align:center;
}

a {
    color:#999999;
    text-decoration:none;
}

/*--------------------------------------------------------------------*/
/* Layout div ids                                                     */
/*--------------------------------------------------------------------*/

#inhalt {
    padding:0;
    text-align:left;
}

#space {
    margin:10px;
}

#text {
    margin-right:10px;
    float:left;
    width:70%;
}

#box-grey-1 {
    margin:5px 0 2px 0;
    background-color:#BFBFBF;
    overflow:hidden;
    float:left;
    width:100%;
    padding-top:4px;
    padding-bottom:4px;
}

.exif-space {
    padding-left:10px;
    padding-right:10px;
}

#box-grey-2 {
    overflow:visible;
    float:left;
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
}

#nav {
    padding-top:6px;
    padding-left:0;
    padding-bottom:6px;
    float:right;
    margin-right:15px;
    margin-top:5px;
}

#navc {
    padding-top:6px;
    padding-left:6px;
    padding-bottom:6px;
    float:left;
    margin-right:15px;
    margin-top:5px;
}

/*--------------------------------------------------------------------*/
/* Image stuff                                                        */
/*--------------------------------------------------------------------*/

.image_border {
    border-left:0 solid;
    border-right:2px solid #AAAAAA;
    border-bottom:2px solid #AAAAAA;
    border-top:0 solid #AAAAAA;
    margin:12px 0 0 0;
    padding:10px;
    background-color:#FFFFFF;
}

.image_border_thumbnail {
    /*
    border around images in thumbnail view
    */
    border:2px solid #FFFFFF;
}

.image_border_thumbnail:hover {
    /*
    border around images in thumbnail view on rollover
    */
    border:2px solid #FF9900;
    color:#666666;
}

/*--------------------------------------------------------------------*/
/* the nice css hover effects*/
/*--------------------------------------------------------------------*/

a.nav {
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    padding:6px 22px 6px 22px;
    color:#FFFFFF;
    text-decoration:none;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#ADADAD;
}

a.nav:hover {

    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    color:#FF6600;
    text-decoration:none;
    padding:6px 22px 6px 22px;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#272527;
}

a.navlink {
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    padding:6px 22px 6px 22px;
    color:#FFFFFF;
    text-decoration:none;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#ADADAD;
}

a.navlink:hover {
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    color:#ff6600;
    text-decoration:none;
    padding:6px 22px 6px 22px;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#272527;
}

.navlink_inactive {
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    padding:6px 22px 6px 22px;
    color:#999999;
    text-decoration:none;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#C1BEBE;
}

.navlink {
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    padding:6px 22px 6px 22px;
    color:#FFFFFF;
    text-decoration:none;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#ADADAD;
}

.navlink:hover {

    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    color:#ff6600;
    text-decoration:none;
    padding:6px 22px 6px 22px;
    margin-right:6px;
    margin-top:4px;
    margin-bottom:4px;
    background-color:#272527;
}

/*--------------------------------------------------------------------*/
/* Standard text                                                      */
/*--------------------------------------------------------------------*/

.text {
    /*
    Standard text i.e. for description
    */

    font-size:12px;
    color:#000000;
}

.title {
    /*
    Standard title i.e. for filenames in detail view
    */

    font-size:12px;
    color:#888888;
}

.thumbnail_title {
    /*
    Title in thumbnail view
    */

    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
}

/*--------------------------------------------------------------------*/
/* User comment etc.                                                  */
/*--------------------------------------------------------------------*/

.user_comment_link {
    /*
    Class of link "Comment!"
    */

    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    padding:6px 6px 6px 0;
    color:#999999;
    text-decoration:none;
    margin:4px;
    background-color:#DAD8D8;
}

.user_comment_link:hover {
    /*
    Class of link "Comment!"
    */

    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:11px;
    padding:6px 6px 6px 0;
    color:#ff3300;
    text-decoration:none;
    margin:4px;
    background-color:#E9E7E7;
}

.user_comments {
    /*
    Text of user comments
    */

    font-size:12px;
    padding-top:5px;
    color:#333333;
}

.user_commsmall {
    font-size:12px;
    padding-top:5px;
    color:#666666;
}

.user_comments_title {
    /*
    Title (= Name) of user comments
    */

    font-size:12px;
    font-weight:bold;
    color:#807E7E;
    padding-left:5px;
    padding-right:5px;
    margin:4px 5px 4px 0;
    background-color:#FF9900;
}

.user_comments_flag {
    /*
    Modification of filename in thumbnail view if there are comments av.
    */
    color:#333333;
}

.error {
    /*
    Errormessage if someone enters wrong pic id
    */
    font-size:12px;
    color:#000000;
}

.description {
    /*
    Description above thumbnails
    */
    font-size:12px;
    font-weight:normal;
    color:#666666;
}

/*--------------------------------------------------------------------*/
/* Pageheader and exif information                                    */
/*--------------------------------------------------------------------*/

.exif {
    /*
    Exifdata
    */
    font-size:11px;
    color:#7C7C7C;
}

.exif_title {
    /*
    Titles of exif information
    */

    font-weight:bold;
}

.exif_inactive {
    /*
    Inactive exif text
    */
    color:#BFBFBF;
}

.text-small {
    /*
    Filenames in thumbnail view
    */
    font-size:10px;
    color:#999999;
}

.title-small {
    /*
    Class once introduced but now without use.
    */
    font-size:10px;
    font-weight:bold;
    color:#666666;
}

.rand_unten {
    /*
    These borders in the site head
    */
    border-bottom:1px solid #000000;
}

.navlink {
    /*
    Navigationlink like "next", "previous" etc.
    */
    font-size:12px;
    color:#000000;
}

.navlink_inactive {
    /*
    Inactive navigation links
    */
    font-size:12px;
    color:#999999;
}

/*--------------------------------------------------------------------*/
/* Tables                                                             */
/*--------------------------------------------------------------------*/

.gestaltungstabelle {
    /*
    Whole table thumbnails and pics are in
    */
    border:0;
    margin:0;
    padding:0;
}

.picture-table {
    /*
    Table which structures thumbnails
    */
    border:0;
    margin:0;
    padding:0;
}

.picture-table-field {
    /*
    A table field of thumbnail table
    */
    border:0;
    margin:0;
    padding:0;
    text-align:center;
}

.einzelbildtabelle {
    /*
    Hmm, this one is of no use also
    */
    border:0;
    margin:0;
    padding:0;
    text-align:center;
}