/*
Photo-iframe Css
Copyright 2005 Visionten Crop.
Data CSS
$Revision: 1.0 $
*/

* {margin: 0;padding: 0;}

/* common
--------------------------------------------------------------------------*/

/*\*/
.fix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .fix {height: 1%;}
.fix {display: block;}
/**/
:focus { -moz-outline-style: none; }
a:link {color: #ffffff;text-decoration: none; font-size:11px;font-weight:800; }
a:visited {color: #ffffff;text-decoration: none;font-size:11px;font-weight:800;}
a:hover, a:visited:hover {color: #ffffff;text-decoration: none; font-weight:800;font-size:11px}

h1 {
}
h2 {color:#fff;}
ul {list-style: none;}
li {line-height: 20px;}

/* layout boxes
--------------------------------------------------------------------------*/
#oBox {
}
/* deprecated */
#iBox {
	margin: 0 auto;
	width: 745px;
	background: none;
	
}
#mBox {
	position: relative;
	background: none;
}
#wBox {
	height: 470px;
	width: 745px;
	overflow: hidden;
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 20;
	background:url(../../../fileadmin/template/sub/images/photosbg.jpg);
	background-repeat:repeat-x;
	
	
}
#photoBox {
	position: absolute;
	line-height: 0px;
	top:26px;
	left: 0px;
	z-index: 21;
	height: 370px;
	width: 724px;

}

#loadBox {
	
	height: 301px;
	width: 724px;
}

/* next/previous navigation
--------------------------------------------------------------------------*/
#linkBox {
	height: 439px;
	width: 745px;
	margin-bottom:0;
	position:absolute;
	top:31px;
	left:0;
	z-index:54;
}
#prevLink, #nextLink {
	cursor: pointer;
	width: 48%;
	height: 438px;
	background:  transparent url(../../sub/images/c.gif) no-repeat; /* Trick IE into showing hover */
	text-indent: -9000px;
	margin-bottom:0;
}
#prevLink { left: 0px; float: left;  cursor: w-resize; margin-left:10px}
#nextLink { right:0px; float: right; cursor: e-resize; margin-right:10px }
#prevLink:link, #prevLink:active, #prevLink:visited { background: url(../../../fileadmin/template/sub/images/prev.jpg) left bottom no-repeat;  }
#nextLink:link, #nextLink:active,#nextLink:visited{ background: url(../../../fileadmin/template/sub/images/next.jpg) right bottom no-repeat; }

#prevLink:hover, #prevLink:visited:hover { background: url(../../../fileadmin/template/sub/images/prev_.jpg) left bottom no-repeat;  }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../fileadmin/template/sub/images/next_.jpg) right bottom no-repeat; }


/* gallery menu
--------------------------------------------------------------------------*/
#menuBox {
	height: 300px;
	width: 740px;
	position: absolute;
	top:26px;
	left: 0px;
	z-index:58;
}
#menuInnerBox {
	padding: 20px 20px 20px 20px;
	
	color: #000000;
	text-align: left;
	line-height:20px;
	font-size:11px; font-family:Arial, Helvetica, sans-serif;
	
	height: 418px;
	width: 368px;
	vertical-align:middle;

}
#yearList {
	width: 400px;
	float: left;
	text-align: right;
}
#galleryList {
	width: 257px;
	float: right;
}
#yearList li.current a, #galleryList li.current a {
	font-weight: bold;
	color: #cc0;
	text-decoration: none;
}
li em { font-style:normal;color:#999;padding-right:6px;}
#toggleMenu {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 70px;
	display: block;
	width: 70px;
	height: 9px;
	z-index:66;
}
#toggleMenu { background: transparent url(../../../fileadmin/template/sub/images/bkd_menu_toggle.gif) right 0px no-repeat; }
#toggleMenu.open { background: transparent url(../../../fileadmin/template/sub/images/bkd_menu_toggle.gif) right -9px no-repeat; }
#toggleMenu span { display: none;}
/* captions, etc.
--------------------------------------------------------------------------*/
#photoInfo {
	height: 27px;
	
	width: 790px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #666;
	z-index:67; 
	
}
#photoInfo p {padding: 0px 14px 12px 14px;}
#photoInfo strong {color: #4d4d4d;}
#captionBox {width: 700px;  padding-top:5px}
#footerBox {
	width: 724px;
	margin: 0 auto;
	background: url(../../../fileadmin/template/sub/images/bkd_shadow_footer.gif) center top no-repeat;
	background: 
	display: block;
	padding-top: 20px;
}
#footerBox a:link, #footerBox a:visited {color: #ccc;text-decoration: underline;}

.font{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}