/*--------------------------------------------------------------------*/
/* 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
  */
  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
  */



}

a
{
  /*
  Well, hyperlinks
  */

  color:#e32062;


}

a:hover
{
  /*
  Well, hyperlinks
  */

  color:#990000;


}

a:visited
{
  /*
  Visited hyperlinks
  */
   font-family:"Verdana";

}

a.linktext
{
  /*
  Standard text i.e. for description
  */
   font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
}



.navlink
{
  /*
  Navigationlink like "next", "previous" etc.
  */
   font-family:"Verdana";
  font-size: 12px;
  color:#FFFFFF;
  text-decoration:none;
}

.navlink:hover
{
  /*
  Navigationlink like "next", "previous" etc.
  */
   font-family:"Verdana";
  font-size: 12px;
  color:#e32062;
  text-decoration:none;
}

.navlink_inactive
{
  /*
  Inactive navigation links
  */
   font-family:"Verdana";
  font-size: 12px;
  color:#72756c;
  text-decoration:line-through;
}


/*--------------------------------------------------------------------*/
/* Image stuff                                                        */
/*--------------------------------------------------------------------*/

.image_border
{
  margin-top:10px;
  margin-bottom:10px;
  /*
  Border around images in details view, used on div layer
  */

}

.image_border_thumbnail

{

 margin-top:0px;
 margin-right:0px;
 margin:5px;
  /*
  Border around images in thumbnail view, used on div layer
  */

}

.comment_indicator
{
  /*
  Layer over image, which contains indicator of comments
  */
  position:absolute;
  top:auto;
  left:auto;
  z-index:4;
  padding:6px;
  width:12px;
  margin:0px;
  text-align:center;



  color:#FFFFFF;


  font-family:sans-serif;
  font-size:9px;
  background-color:#e32062;
  font-weight:bold;
}



/*--------------------------------------------------------------------*/
/* Standard text                                                      */
/*--------------------------------------------------------------------*/

.text
{
  /*
  Standard text i.e. for description
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #000000;
}

.big
{
  /*
  Big text
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  color:#666666;
}


.linktext
{
  /*
  Linktext
  */
   font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#FFFFFF;
}

.titel
{
  /*
  Standard title i.e. for filenames in detail view
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  font-weight: normal;
  color:#333333;
  height:55px;

}

.thumbnail_titel
{
  /*
  Title in thumbnail view
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  font-weight:normal;
  color: #444444;
}

/*--------------------------------------------------------------------*/
/* User comment etc.                                                  */
/*--------------------------------------------------------------------*/

.user_comment_link
{
  /*
  Class of link "Comment!"
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  color: #e32062;
  text-decoration:none;
}

.user_comment_link:hover
{
  /*
  Class of link "Comment!"
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  color: #e32062;
  text-decoration:underline;
}

.user_comments
{
  /*
  Text of user comments
  */
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #666666;
}

.user_comments_title
{
  /*
  Title (= Name) of user comments
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 11px;
  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:Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #ff0000;
}

.description
{
  /*
  Description above thumbnails
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color: #222222;
}

/*--------------------------------------------------------------------*/
/* Pageheader and exif information                                    */
/*--------------------------------------------------------------------*/

.exif
{
  /*
  Exifdata
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  font-style: oblique;
  color: #666666;
}

.exif_titel
{
  /*
  Titles of exif information
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  font-style: oblique;
  color: #666666 ;
  font-weight: bold;
}

.exif_inactive
{
  /*
  Inactive exif text
  */
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  font-style: oblique;
  color:#CCCCCC;

}
.kleintext
{
  /*
  Filenames in thumbnail view
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  color: #444444;
}

.kleintitel
{
  /*
  Class once introduced but now without use.
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: normal;
  color:#666666;
}

.rand_unten
{
  /*
  These borders in the site head
  */
  background-image:url(__points.gif);
  margin-top:4px;
  margin-bottom:4px;
}


.copyright
{
  /*
  Copyright string
  */
   font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  color: #D9D9D9;
}

/*--------------------------------------------------------------------*/
/* Tables                                                             */
/*--------------------------------------------------------------------*/

.gestaltungstabelle
{
  /*
  Whole table thumbnails and pics are in
  */
  border:0px;
  margin:0px;
  padding:0px;

}

.bildertabelle
{
  /*
  Table which structures thumbnails
  */
  border:0px;
  margin:0px;
  padding:0px;
  margin-top:0px;
  margin-bottom:0px;
}

.bildertabellenfeld
{
  /*
  A table field of thumbnail table
  */
  border:0px;
  margin:0px;
  padding:0px;
  text-align:center;
}

.einzelbildtabelle
{
  /*
  Hmm, this one is of no use also
  */
  border:0px;
  margin:0px;
  padding:0px;
  text-align:center;
}

.kommentartabelle
{
  /*
  Table where user comments are in
  */
  border:0px;
  margin:0px;
  padding:3px;
  text-align:center;
}

.head
{
  /*
  head table
  */
  border:0px;
  margin:0px;
  padding:0px;
  height:30px;
  background-color:#000000;
  background-image:url(__header.gif);
}
