/*--------------------------------------------------------------------*/
/* 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: #FF7400; 
  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
{
  color: #65657B;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



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

.image_border 
{  
  /* 
  Border around images in details view, used on div layer
  */
  border: #cccccc; 
  border-style: solid; 
  border-width: 1px;
  padding: 12px;
  background-color: white; 
  
  /* Experimental shadow-style */
  border-bottom-color: #a2a2a2;
  border-right-color: #a2a2a2;
}

.image_border_thumbnail 
{
  /* 
  Border around images in thumbnail view, used on div layer
  */
  border: #cccccc;
  border-style: solid;
  border-width: 1px;
  padding: 6px;
  background-color: white; 
  overflow: hidden;
  text-align: center;
  position: relative;
  
  /* Experimental shadow-style */
  border-bottom-color: #a2a2a2;
  border-right-color: #a2a2a2;
}

.comment_indicator
{
  /*
  Layer over image, which contains indicator of comments
  */ 
  position:absolute;
  top:10px;
  left:10px;
  z-index:3;
  padding:2px;

  border-color:#FF8C00;
  border-width:1px;
  border-style:solid;
  
  font-family:sans-serif;
  font-size:8px;
  color:#FF8C00;
}

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

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

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

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

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

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

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

.user_comments_title
{ 
  /* 
  Title (= Name) of user comments
  */
  font-family: 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: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

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

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

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

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

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

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

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

.rand_unten 
{  
  /* 
  These borders in the site head
  */
  border-color: #FF9A45;
  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: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #65657B;
  text-decoration: underline;
}

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

.copyright
{ 
  /* 
  Copyright string
  */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #D0D0D0;
}

/*--------------------------------------------------------------------*/
/* 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:5px;
  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;
}