/* Gallery page */
body.gallery {
	background-color: #000000;
	background-image: none; /*url(bg1.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
 	text-align: center;
  FONT-FAMILY: "arial", "helvetica", "sans-serif";
}

TABLE.gallery, TABLE.foto{
            table-layout:fixed;
            width:700px;
            border-width:thin;
            border-color:#666666;
            padding:15px;
            margin:15px;
            border-collapse:separate; /*separate collapse*/
            border-style:solid;
            border-spacing:10px;
            empty-cells:show;
            background-color:#111111;
            text-align:center;
            vertical-align:middle;
            }

TD.gallery, TD.foto {
            padding:10px;
            margin:10px;
            border-style:hidden;
            empty-cells:show;
            background-color:#222222;
            text-align:center;
            vertical-align:middle;
            }

/* Photo page */
BODY.foto {background-color:#000000;	
           background-image: none;
           COLOR: #BBBBBB;
           text-align: center;
           FONT-FAMILY: "arial", "helvetica", "sans-serif";
          }
           
/* Photo page */
H1.foto {COLOR: #BBBBBB; FONT-FAMILY: "arial", "helvetica", "sans-serif"}
H2.foto {COLOR: #BBBBBB; FONT-FAMILY: "arial", "helvetica", "sans-serif"}
H3.foto {COLOR: #BBBBBB; FONT-FAMILY: "arial", "helvetica", "sans-serif"}
H4.foto {COLOR: #BBBBBB; FONT-FAMILY: "arial", "helvetica", "sans-serif"}
H5.foto {COLOR: #BBBBBB; FONT-FAMILY: "arial", "helvetica", "sans-serif"}
          
/* 
TD.main {FONT-SIZE:120%; FONT-FAMILY:"arial", "helvetica", "sans-serif"; color:white}
*/

IMG.foto {BORDER:solid medium; border-color:#BBBBBB; border-width:thin;}

/* Gallery page */
.gallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	text-align: center;
	color: #AAAAAA;
	padding: 0px;
  }

/* Gallery images */
IMG.gallery {
  border-color: #FF8000;
	margin: 0px;
  border-width:thin;
  }

.gallery:hover {
  border-color:red;
	color: red;
  }


/* Picture copyright */
DIV.copyright {FONT: normal 80% "arial", "helvetica", "sans-serif"}
/* Picture description */
DIV.comment {COLOR: #BBBBBB; FONT: normal 120% "arial", "helvetica", "sans-serif"}
DIV.caption {COLOR: #BBBBBB; FONT: normal 100% "arial", "helvetica", "sans-serif"}
DIV.footnotes {FONT: normal 80% "arial", "helvetica", "sans-serif"}
DIV.address {FONT: normal 80% "arial", "helvetica", "sans-serif"}
             
A { 
    TEXT-DECORATION: none;
  }

/*             
A.imag {FONT: normal 60% "arial", "helvetica", "sans-serif"}
A.imag:link {COLOR: black; TEXT-DECORATION: none}
A.imag:visited {COLOR: black; TEXT-DECORATION: none}
A.imag:hover {COLOR: red; TEXT-DECORATION: none}
A.imag:active {COLOR: red; TEXT-DECORATION: none}
*/

A:link {COLOR: #FF8000; TEXT-DECORATION: none}
A:visited {COLOR: #FF8000; TEXT-DECORATION: none}
A:hover {COLOR: red; TEXT-DECORATION: none}
A:active {COLOR: red; TEXT-DECORATION: none}

/* e.g. parent image link */
A.big {FONT: normal 150% "arial", "helvetica", "sans-serif"}
A.big:link {COLOR: #FF8000; TEXT-DECORATION: none}
A.big:visited {COLOR: #FF8000; TEXT-DECORATION: none}
A.big:hover {COLOR: red; TEXT-DECORATION: none}
A.big:active {COLOR: red; TEXT-DECORATION: none}

/* for "choose language" reference */
A.language:link {COLOR: #FF8000; FONT: normal 100% "arial", "helvetica", "sans-serif"}
A.language:visited {COLOR: #FF8000; FONT: normal 100% "arial", "helvetica", "sans-serif"}
A.language:hover {COLOR: red; FONT: normal 100% "arial", "helvetica", "sans-serif"}
A.language:active {COLOR: black; FONT: normal 100% "arial", "helvetica", "sans-serif"}

/* for "choose language" reference */
.link:link {COLOR: #FF8000; FONT: normal 100% "arial", "helvetica", "sans-serif"}
.link:visited {COLOR: #FF8000; FONT: normal 100% "arial", "helvetica", "sans-serif"}
.link:hover {COLOR: red; FONT: normal 100% "arial", "helvetica", "sans-serif"}
.link:active {COLOR: black; FONT: normal 100% "arial", "helvetica", "sans-serif"}

/* plain Image e.g. language selection picture */
IMG.plain {BORDER: none; BORDER-WIDTH: 0; FONT: normal 100% "arial", "helvetica", "sans-serif"}

/* for the little language flags, who are always aligned wrong...*/
IMG.flag     {position:relative; top:0px; vertical-align:middle; BORDER: none; BORDER-WIDTH: 0;}
IMG.tinyflag {position:relative; top:0px; vertical-align:middle; BORDER: none; BORDER-WIDTH: 0;}
IMG.arrow {position:relative; margin:-2px; padding:0px;  vertical-align:top; BORDER: none; BORDER-WIDTH: 0;}

/* plain link, no color - e.g. for images ("click to see next...") */
A.no_decoration {COLOR: black; TEXT-DECORATION: none}

/* Gallery page */
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #BBBBBB;
	text-align: center;
	font-weight: normal;
    }

/* Gallery page */
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #BBBBBB;
	text-align: center;
	font-weight: normal;
    }
    
/* Gallery page */
.subsubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BBBBBB;
	text-align: center;
	font-weight: normal;
    }
  
 /* page footer e.g. home page reference*/
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BBBBBB;
	font-weight: normal;
    }

.footer:hover {
 	color: red;
    }

    
/* style of "total number of images in page"*/
.exe {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #BBBBBB;
    text-align: center;
    }

/* for filenames under gallery images (if selected)*/
.name {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #BBBBBB
    text-align: center;
    }

/* for the gallery page selector links*/
.stopka, .stopka:link, .stopka:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
    }

.stopka:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: red;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
    }

/* for the number of the CURRENT gallery page (which cannot be selected)*/
.stopka_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #555555;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
  }

 /*Navigation bar in image page*/
.navbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding: 0px;
	background-color: #111111;
	margin: 0px;
	border: 1px solid #666666;
  border-spacing:7px;
  text-align:center;
  vertical-align:middle;
   }

.navbarlink {
	font-family: Arial, Helvetica, sans-serif;
  color: #555555; /*color of an inactice link*/
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	background-color: #222222;
	margin: 0px;
	border: none;
	font-weight: normal;
  vertical-align:middle;
    }

.navbarlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #red;
    }