html {
  min-height: 100%;
}

a 
{
   font-weight: normal;
   color: #133794;
   text-decoration : none;
}

a:hover 
{
   color: #8e8e8e;
}
a:active
{
   color: #21479b;
}

p {
   margin-top: 15px;
   margin-bottom: 10px;
   margin-left: 20px;
   margin-right: 20px;
   text-align: left;
}

p.bigcenter {
   margin-top: 15px;
   margin-bottom: 10px;
   margin-left: 20px;
   margin-right: 20px;
   font-weight: bold;
   text-align: center;
   font-size: 15px;
}

p.center {
   margin-top: 15px;
   margin-bottom: 10px;
   margin-left: 20px;
   margin-right: 20px;
   font-weight: bold;
   text-align: center;
   font-size: 13px;
}

p.smallcenter {
   margin-top: 15px;
   margin-bottom: 10px;
   margin-left: 20px;
   margin-right: 20px;
   font-weight: normal;
   text-align: center;
   font-size: 11px;
}

.ornament1 { 
   height: 9px;
   background: url(images/simple_ornament.jpg) no-repeat center;
   padding: 0px 0px 0px;
}

.ornament1b { 
   height: 9px;
   background: url(images/simple_ornament_b.jpg) no-repeat center;
   padding: 0px 0px 0px;
}

.ornament2 { 
   height: 25px;
   background: url(images/ornament.gif) no-repeat center;
   padding: 0px 0px 0px;
}

.ornament3 { 
   height: 20px;
   background: url(images/ornament_simple.gif) no-repeat left;
   padding: 0px 0px 0px;
}

.descr {
  font-family: verdana;
  font-size: 10px;
  font-weight: normal;
  color: #bbbbbb;
  text-align: left;
}

.copyright {
  font-family: verdana;
  font-size: 10px;
  font-weight: normal;
  color: #bbbbbb;
  text-align: center;
}

.taca {
  background: url(images/taca.gif) no-repeat left center;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-indent: 20px;
  text-align: left;
}

.blue {
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  color: #0f526d;
  text-indent: 20px;
  text-align: left;
}

.female {
  background: url(images/female.gif) no-repeat left center;
  height:25px;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-indent: 20px;
  text-align: left;
}

.male {
  background: url(images/male.gif) no-repeat left center;
  height:25px;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-indent: 20px;
  text-align: left;
}

.bold {
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
  color: #28647c;
  text-indent: 20px;
  text-align: left;
}

.linkfooter {
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
}

.newsheadline {
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}

body {
   background: #4c4c4c url(images/px.jpg) repeat center bottom;
   font-family: verdana;
   font-size: 11px;
   font-weight: normal;
   color: #000000;
   text-align: left;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 30px;
}

.top {
   width: 823px;
   margin: 0 auto;
   padding: 0 0px 0px;
   height: 43px;
   border: none;
   background: url(images/bg_top.jpg) no-repeat right top;
}

table.header {
   width: 823px;
   margin: 0 auto;
   padding: 0 0px 0px;
   border: none;
}

table.header td.col { 
   width: 100%;
   height: 97px;
   border: none;
   background: url(images/damjans_diamond_header.jpg) no-repeat top;
}

table.header td.col2 { 
   width: 100%;
   height: 26px;
   border: none;
   background: url(images/bg_lang.jpg) repeat-y;
}

table.header td.col3 { 
   width: 100%;
   height: 97px;
   border: none;
   background: url(images/damjans_diamond_header2.jpg) no-repeat top;
}

.container {
   background: #b0ccd8 url(images/bg.jpg) repeat-y center top;
   margin: 0 auto;
   padding: 0 0px 0px;
   width: 823px;
}

.contentpages {
   background: url(images/bg_hj.jpg) no-repeat right top;
   margin: 0 auto;
   padding: 0 0px 0px;
   width: 823px;
}

table.pages {
   background: #b0ccd8 url(images/bg2.jpg) repeat-y center top;
   margin: 0 auto;
   padding: 0 0px 0px;
   width: 823px;
   border: none;
   border-spacing: 0;
}

table.content {
   width: 100%;
   height: auto;
   margin-left: auto; 
   margin-right: auto;
   border: none;
   border-spacing: 0;
   padding: 0px 0px 0px;
   background: none;
}

table.content td.col { 
   background: url(images/bg_novice.jpg) no-repeat left top;
   width: 254px;
   height: 254px;
   text-align: left;
   padding: 0px 3px 0px;
   border: none;
}

table.content td.col2 { 
   width: 560px;
   height: auto;
   text-align: left;
   padding: 0px 0px 0px;
   border: none;
}

table.content td.col3 { 
   background: url(images/bg_hj.jpg) no-repeat left top;
   width: 254px;
   height: 254px;
   text-align: left;
   padding: 0px 3px 0px;
   border: none;
}

table.content td.col4 { 
   background: url(images/bg_main.jpg) no-repeat left top;
   width: 254px;
   height: 254px;
   text-align: left;
   padding: 0px 3px 0px;
   border: none;
}

h1 {
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
}

h2 {
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
}

ul.tass { 
   list-style-image: url(images/taca.gif); 
   font-family: verdana;
   font-size: 11px;
   text-align: left;
   margin-left: 30px;
   margin-right: 10px;
   vertical-align: top;
   margin-top: 10px;
   margin-bottom: 10px;
   line-height: 15px;
}

ul.square {
	list-style-type: square;
}

.input-box
{
float: left;
margin-bottom: 10px;
font-family: Verdana;
font-size: 11px;
color: #000000;
background: #FFFFFF;
border: #9caa82 solid 1px
}

.submit-button
{
margin-left: 0em;
font-family: Verdana;
font-size: 11px
}

fieldset
{
border: #FFFFFF solid 1px;
width: auto;
font-size: 11px;
color: #000000;
margin-left: 20px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 5px;
padding: 10px 10px 0px;
}

legend
{
padding: 5px 5px 5px;
font-family: Verdana;
color: #000000;
font-weight: bold;
font-size: 14px;
margin-left: 0px;
margin-right: 0px;
} 

table.footer {
   width: 823px;
   height: 40px;
   margin-left: auto; 
   margin-right: auto;
   border: none;
   border-spacing: 0;
   padding: 0px 0px 0px;
   background: none;
}

table.footer td.col { 
   background: url(images/bg_footer1.jpg) no-repeat left top;
   width: 564px;
   height: 87px;
   text-align: left;
   padding: 0px 0px 0px;
   border: none;
}

table.footer td.colb { 
   background: url(images/bg_footer1b.jpg) no-repeat left top;
   width: 564px;
   height: 87px;
   text-align: left;
   padding: 0px 0px 0px;
   border: none;
}

table.footer td.col2 { 
   background: url(images/bg_footer2.jpg) no-repeat left top;
   width: 259px;
   height: 87px;
   text-align: left;
   padding: 0px 0px 0px;
   border: none;
}

table.footer td.col2b { 
   background: url(images/bg_footer2b.jpg) no-repeat left top;
   width: 259px;
   height: 87px;
   text-align: left;
   padding: 0px 0px 0px;
   border: none;
}

table.footer td.col3 { 
   background: url(images/bg_footer3.jpg) repeat-y left top;
   width: 823px;
   height: auto;
   text-align: center;
   padding: 5px 0px 5px;
   border: none;
}

table.footer td.col4 { 
   background: url(images/bg_footer4.jpg) no-repeat left top;
   width: 823px;
   height: 5px;
   padding: 0px 0px 0px;
   border: none;
}

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:590px;
	position:relative;
	display:block;
	height:26px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(images/bgOFF.gif) repeat-x top left;
	font-family:Verdana;
	border: none;
}

ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#menu li a{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	padding:5px 5px 0 5px;
	height:26px;
	background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
}

ul#menu li a:hover{
	background:transparent url(images/bgHOVER.gif) repeat-x top right;
}

ul#menu li a.current,ul#saturday li a.current:hover{
	color:#434343;
	background:transparent url(images/bgON.gif) no-repeat top right;
}

table.text {
   width: 100%;
   height: auto;
   margin-left: 6px; 
   margin-right: auto;
   padding: 0px 3px 0px;
   background: url(images/bg_text.jpg) repeat-y left top;
   border-top: 1px #6c8792 solid;
   border-bottom: 1px #6c8792 solid;
}

table.bild {
   width: 245px;
   height: auto;
   margin-left: 6px;
   margin-right: auto;
   padding: 0px 3px 0px;
   border-top: 1px #b5d3d6 solid;
   border-bottom: 1px #b5d3d6 solid;
}

table.pedigree {
   background: #cbe0e3;
   width: 500px;
   height: auto;
   text-align: left;
   padding: 0px 3px 0px;
   border: 1px #ffffff solid;
}

table.pedigree td.col1 { 
   width: 150px;
   background: #ffffff;
   height: 15px;
   text-align: center;
   font-weight: bold;
   padding: 0px 0px 0px;
   border-bottom: 3px #b5d3d6 solid;
}

table.pedigree td.col2 { 
   width: auto;
   background: none;
   height: auto;
   text-align: center;
   font-weight: normal;
   padding: 0px 0px 0px;
   border: 1px #b5d3d6 solid;
}

#lightbox{	
	position: absolute;	
	left: 0; width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img{ 
	width: auto; 
	height: auto;
}

#lightbox a img{ 
	border: none; 
}

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer{ 
	padding: 10px; 
}

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav{ 
	left: 0;
}

#hoverNav a{ 
	outline: none;
}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
}

#imageData{	
	padding:0 10px; 
	color: #666; 
}

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}

#imageData #caption{ 
	font-weight: bold;	
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}	
		
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}