/* Needed for IE to resizes tables to the full heigtht  */
html, body {
  height:100%;
}


/* font settings for tables - border is set because on the 1.st page the border otherwise does look bad ;) */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	border: 1px #000000;
}

/* font settings for the body */
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: #D3BC76;
}

/* font settings for cells */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: Black;
}

/* to make text look nicer */
td.info {
	border-top: 2px inset; 
}

/* settings for images in a cell - some duplocate settings does exists - be carefull with changing this could be overwritten somewhere */
td.image {
   border: none; 
   height: 350px;
	 text-align: center;
	 vertical-align: middle;
	 padding: 10px;
	}

/* settings for centering the navigation table */
table.nav {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

/* the settings for the details image (border ...) */
.imageview {
   border : 3px inset #FFFFCC; 
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	display: block;
}

/* settings for the top middle cell where the navigation buttons are - everything can be set individuall in the top! 
   if you want to change the color of the top row change the color at topnav, topnavleft, topnavright
   
   if you want to change the color of the whole border you have to edit sideframe and framestyle.css as well!
*/
td.topnav {
  height: 30px;
  text-align: center;
  vertical-align: middle;
  border-top: 2px none; 
  border-bottom: 2px none; 
  font-size: 10px;
  width: 160px;
  background-color: #D3BC76;
  
}

/* settings for the top left cell where the galleries -> ... ->  buttons are */
td.topnavleft {
   height: 30px;
	 vertical-align: middle;
	 border-top: 2px none; 
   border-bottom: 2px none; 
   font-size: 10px;
	 text-align: left;
	 width: 350px;
   padding-left: 5px;
   background-color: #D3BC76;
}

/* settings for the top right cell where the menu buttons are */
td.topnavright {
   height: 30px;
	 width: 350px;
	 text-align: right;
	 vertical-align: middle;
	 border-top: 2px none; 
   border-bottom: 2px none; 
   font-size: 10px;
   padding-right: 5px;
   background-color: #D3BC76;
}

/* left and right border color */
td.sideframe {
	width:0px;
  background-color: #FFFFCC;
	vertical-align: top;
}

/* this is the cell where the powered by Tinywebgallery is in - the color is overwritten in frameset.css !! */
td.bottomtable {
   height: 15px;
	width: 400px;
	vertical-align: middle;
	text-align: center;
	 border: solid #D3BC76;
	 background-color: #FFFFCC;
	 font-size: 10px;
}

/* this is the cell where the help is in - the color is overwritten in frameset.css !! */
td.bottomtableside {
 height: 15px;
 vertical-align: middle;
 text-align: right;
 background-color: #FFFFCC;
 font-size: 10px;
 padding-right: 5px;
 width:auto;
}

/* this is the cell where the counter is in - the color is overwritten in frameset.css !! */
td.bottomtablesideleft {
 height: 15px;
 vertical-align: middle;
 text-align: left;
 background-color: #FFFFCC;
 font-size: 10px;
 padding-left: 5px;
 width:auto;
}

/* settings for the tumbnails table */ 
table.thumbnails {
	margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  text-align: center;
}
	
/* orientation of the thumbnails in a cell */
td.thumbnails {
        text-align: center;
        vertical-align: middle;
}

/* some elements are bold - if you dont'l like this - change this - e.g.  Galleries in the left top corner */
.bold {
	font-weight: bold;
}

/* this is the cell of the big navigation on the details page - please don't use a color there - some navigationelements don't have a transparent background yet */ 
td.navbar {
	text-align: center;
	vertical-align: top;
}

/* this is the cell where the prieview images of the galleries are shown - makes only sure that the galleriey are displayed centered  */
td.mainnav {
	text-align: center;
	vertical-align: middle;
	padding: 15px 10px 0px 10px;
}

/* default width of the big navigation icons below the pictures on the details view */
td.navicon {
	text-align: center;
	width: 75px;
	vertical-align: middle;
}

/* global settings for images - therfore they don't get any borders an are almost everywhere automatically centered (some fixes for the IE does exist in the code!) */
img {
  text-align: center;
  border: none;
}

/* this is the font and size the comments are show below the pictures */
td.kommentar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  vertical-align: middle;
  font-size: 11px;
}

/* this is the font and size the comments date is show below the pictures */
.kommentar_date {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

/* is used for the flags for the language selection - otherwise they don't look that good in mozilla */
img.lock {
vertical-align: bottom;
}

/* on the thumbnail view there is a hover effect when moving over the images - this is the color on mouseover */
.hoverthumbnail {
background-color: #555555;

}

/* on the thumbnail view there is a hover effect when moving over the images - this is the color an mouseout */
.unhoverthumbnail {
background-color: #D3BC76;
}

/* the colors of the links */
a:link { color:#DC143C; text-decoration: underline; }
a:visited { color:#DC143C; text-decoration:none }
a:hover { color:#000000; text-decoration:underline }
a:active { color:#DC143C; text-decoration:none }
a:focus { color:#000000; text-decoration:none }