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


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

/*-----------------if you need it reactivate it-----------------------*/

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

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

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

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

	margin-top:5px;
	margin-bottom:2px;
	margin-right:0px;
	margin-left:0px;
	background-color:#BFBFBF;
	overflow:hidden;
	float:left;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;

}

.exifspace
{ 
	padding-left:10px;
	padding-right:10px;
}

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


#nav
{
	padding-top:6px;
	padding-left:0px;
	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: 0px solid;
  border-right: 2px solid #AAAAAA;
  border-bottom: 2px solid #AAAAAA;
  border-top: 0px solid #AAAAAA;
  margin:0px;
  padding:10px;
  background-color:#FFFFFF;
  padding:10px;
  margin-top:12px;
  }
  


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

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


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

a.nav
{

	font-family:Helvetica,Arial,Verdana, sans-serif;
	font-size:11px;
	padding-left:0px;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px;
	padding-left:15px;
	padding-right:22px;
 	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:#CCFF00;
	text-decoration:none;
	padding:6px;
	padding-left:15px;
	padding-right: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-left:0px;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px;
	padding-left:15px;
	padding-right:22px;
 	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:#CCFF00;
	text-decoration:none;
	padding:6px;
	padding-left:15px;
	padding-right: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-left:0px;
	color:#999999;
	text-decoration:none;
	padding:6px;
	padding-left:15px;
	padding-right:22px;
 	margin-right:6px;
	margin-top:4px; 
	margin-bottom:4px;
	background-color:#C1BEBE;}


.navlink {   
  
  	font-family:Helvetica,Arial,Verdana, sans-serif;
	font-size:11px;
	padding-left:0px;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px;
	padding-left:15px;
	padding-right:22px;
 	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:#CCFF00;
	text-decoration:none;
	padding:6px;
	padding-left:15px;
	padding-right: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;
}



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

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

.thumbnail_titel
{
  /* 
  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-left:0px;
	color:#999999;
	text-decoration:none;
	padding:6px;
 	margin:4px;
	background-color:#DAD8D8;
}

.user_comment_link:hover
{
  /* 
  Class of link "Comment!"
  */
 
  	font-family:Helvetica,Arial,Verdana, sans-serif;
	font-size:11px;
	padding-left:0px;
	color:#416212;
	text-decoration:none;
	padding:6px;
 	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-right:5px;
	margin-top:4px;
	margin-left:0px; 
	margin-bottom:4px;
	background-color:#CCE07A;
}

.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_titel 
{ 
  /* 
  Titles of exif information
  */

  font-weight: bold;
}

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

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

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

.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-size: 12px;
  color: #000000;
}

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

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

.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;
  background-color:#CCCCCC;
  text-decoration:none;
  font-weight:normal;
}