/*--------------------------------------------------------------------*/
/* Project            Retorte PictureBrowser                          */
/*                    Script for displaying images on the web         */
/*--------------------------------------------------------------------*/
/*                                                                    */
/*                    Read README for further information             */
/*                    pb.css -> styledefinitions                      */
/*                                                                    */
/*--------------------------------------------------------------------*/


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

body
{  
  /* 
  Body, background and stuff
  */
  background-color: #29311e; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000000; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  margin-left: 0px; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px;
}

a:link
{
  /* 
  Well, hyperlinks
  */
  color: #FFFFFF;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:visited
{
  /* 
  Well, visited hyperlinks
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  text-decoration: none;
}

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

.image_border 
{  
  /* 
  The black border around images in details view
  */
  border: #000000; 
  border-style: solid; 
  border-width: 1px;
}

.image_border_thumbnail 
{
  /* 
  Black border around images in thumbnail view
  */
  border: #000000;
  border-style: solid;
  border-width: 1px;
}

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

.text
{
  /* 
  Standard text i.e. for description
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.titel
{
  /* 
  Standard title i.e. for filenames in detail view
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

.thumbnail_titel
{
  /* 
  Title in thumbnail view
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold; 
  color: #A9B39A;
}

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

.user_comment_link
{
  /* 
  Class of link "Comment!"
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
}

.user_comments
{ 
  /* 
  Text of user comments
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
}

.user_comments_title
{ 
  /* 
  Title (= Name) of user comments
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #666666;
}

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

.error 
{
  /* 
  Errormessage if someone enters wrong pic id
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.description 
{  
  /* 
  Description above thumbnails
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

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

.exif
{
  /* 
  Exifdata
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: oblique;
  color: #A9B39A;
}

.exif_titel 
{ 
  /* 
  Titles of exif information
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: oblique;
  color: #A9B39A;
  font-weight: bold;
}

.exif_inactive
{ 
  /* 
  Inactive exif text
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: oblique;
  color: #A9B39A;
}

.kleintext
{ 
  /* 
  Filenames in thumbnail view
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

.kleintitel
{
  /* 
  Class once introduced but now without use.
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

.rand_unten 
{  
  /* 
  These borders in the site head
  */
  border-color: black black #000000;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
}

.navlink
{
  /* 
  Navigationlink like "next", "previous" etc.
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

.navlink_inactive
{
  /* 
  Inactive navigation links
  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: BBC6AA;
}

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

.gestaltungstabelle
{
  /* 
  Whole table thumbnails and pics are in
  */
  border:0px;
  margin:0px;
  padding:0px;
  font-size: 9px;
}

.bildertabelle
{
  /* 
  Table which structures thumbnails
  */
  border:0px;
  margin:0px;
  padding:3px;
}

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

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

.kommentartabelle 
{
  /* 
  Table where user comments are in
  */
  border:0px;
  margin:0px;
  padding:3px;
  text-align:center;
}