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


/* 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 settings for cells */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	 
}

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

/* 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: left;
   vertical-align: top;
   padding:10px 10px 10px 15px;

	}



/* the settings for the details image (border ...) */

.imageview {
    border :1px solid black; 
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 35px;
	text-align: left;
	display: block;
	
}

.imagenav {margin-left:30px; margin-bottom:5px; width:500px;}
#images {margin-top:0px; padding-top:30px; width:420px;}


td.topnav {
  height: 30px;
  vertical-align: middle;
  border-top: 2px none; 
  border-bottom: 2px none; 
  font-size: 10px;
  width: auto;
  margin:0 auto 0 auto;

  
}

/* settings for the tumbnails table */
table.thumbnails {
 padding:0px;
 margin:2px 2px 2px 10px;
 
}

/* orientation of the thumbnails in a cell*/ 
td.thumbnails {
        text-align:left;
        margin-left:10px;
		margin-right:10px;
		margin-top:20px;

}
.thumb img {border:1px solid black;}

.pagenumbers {margin-left:18px; margin-top:10px; width:200px;}
.thumbnumbers {padding:2px 10px 2px 10px; width:auto; text-decoration:none; color:#000000;}
.thumbnumbers:hover {padding:2px 10px 2px 10px; color: #000000; background-color: #AFC2BC; }
.current {color: #FFCC00; font-weight:bold; border-bottom:1px solid black;}
.arrows {margin-right:10px;}
#galleries {margin-top:-35px;}

/* 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: left;
	vertical-align: middle;
	padding: 15px 10px 0px 25px;
	margin:0 auto;

}


/* 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: left;
  border: none;
}

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

}