/*
    (c)2010 by jop@soft
	html picture viewer
	
*/

body {
  background-color: #4682B4; 
  color: #FFFFFF; 
}

iframe {
	width: 200px;
	border: 0px solid silver;
}

div.FunctionFrame {
   float: left; 
   position: relative;
   width: 90px;
   /*height: 350px;*/   
   margin: 2px;
   padding: 2px;
   /*background: rgb(220,230,220);*/
   border: 2px solid silver;
   background-repeat:no-repeat;
   z-index: 1;   
}

div.PictureFrame {
   float: left; 
   position: static;
   margin: 2px;
   padding: 5px;
   text-align: center;
   vertical-align: middle;
   border: 2px solid silver;
   z-index: 1;
}

div.PictureFrame_part {
   position: relative;
   margin: 2px;
   padding: 5px;
   text-align: center;
   vertical-align: middle;
   border: 1px solid silver;
   z-index: 1;
}

div.PictureFrame_show {
   position: relative;
   margin: 0px;
   padding: 0px;
   text-align: center;
   vertical-align: middle;
   border: 1px solid silver;
   z-index: 1;
   filter:alpha(opacity=100); 
   -ms-filter: alpha(opacity=100); 	/* IE 8 */	
   -moz-opacity:1.0; 
   opacity:1.0; 
}

div.BigPictureFrame {
   position: absolute;
   top: 10px;
   left: 10px;
   margin: 2px;
   padding: 5px;
   text-align: left;
   vertical-align: middle;
   border: 2px solid silver;
   z-index: 10;
   visibility: hidden;
}

div.ToolsFrame {
   position: absolute;
   top: 10px;
   left: 120px;
   margin: 2px;
   padding: 5px;
   text-align: left;
   vertical-align: middle;
   border: 2px solid silver;
   z-index: 1;
   background: rgb(220,230,220);
   font-family: Tahoma, Arial;
   font-size: 9pt;
   font-weight: bold;
   visibility: hidden;
   color: #000080;
}

div.LogoFrame {
   float: left; 
   /*background-image: url('./ctrl/logo-dom_hoch-jp.gif');*/
   position: static;
   margin: 2px;
   padding: 5px;
   text-align: center;
   vertical-align: middle;
   border: 2px solid silver;
   z-index: 1;
   font-family: Tahoma, Arial;
   font-size: 8pt;
   font-weight: normal;
}

img.fnail {
  width: 40px;
  height: 40px;
  border: 1px solid white;
}

img.BImg {
	border-color: #FFFFFF;
	border: 10px solid silver;
}

img.VPoint {
    position: relative;
	visibility: visible;
	left: 0px;
	top: 0px;
	border-color: silver;
	border: 8px solid silver;
	opacity:1.0; 
	filter:alpha(opacity=100);
	-ms-filter: alpha(opacity=100); 	/* IE 8 */	
    -moz-opacity:1.0; 
}

img.VPoint_Fade {
    position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	border-color: silver;
	border: 8px solid silver;
	opacity:0; 
	filter: alpha(opacity=0);		/*IE <8*/
	-ms-filter: alpha(opacity=0); 	/* IE 8 */
    -moz-opacity:0; 
}
 
img.Button {
	width: 32px;
	height: 32px;
}

img.MainButton {
	width: 48px;
	height: 48px;
}

h1 {
	font-family: Tahoma, Arial;
	font-size: 18pt;
	font-weight: bold;
}

h2 {
	font-family: Tahoma, Arial;
	font-size: 14pt;
	font-weight: bold;
}

h3 {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
}

table {
	font-family: Tahoma, Arial;
	color: #000080;
	font-size: 9pt;
	font-weight: normal;
}

.headline1 {
	font-family: Tahoma, Arial;
	font-size: 18pt;
	font-weight: bold;
}

.headline2 {
	font-family: Tahoma, Arial;
	font-size: 14pt;
	font-weight: bold;
}

.headline3 {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
}

span {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
}

span.comment {
	font-family: Tahoma, Arial;
	font-size: 8pt;
	font-weight: normal;
}

.copyrightline {
	font-family: Tahoma, Arial;
	font-size: 8pt;
	font-weight: normal;
}