/* mooShow 0.01 beta CSS Document */

.mooshow a img { 
	border: none;
	outline: none;
	-moz-outline: none;
	}

/* width und height werden vom script überschrieben. Abstand zum naechsten Element siehe .mooshow_contentContainer */
.mooshow_outerContainer{
	position: relative;
	background-color: #fff;
	color: inherit;
	width: 10px;
	height: 10px;
	margin: 0;
	display: inline;
	}

	
.dropShadowBorder {
	border-top:1px solid #FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
	border-bottom:1px solid #CCC;
	}

.mooshow {
	position: inherit;
	display: none;
	}
	
.mooshow_loading{
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	}

.mooshow_copyright{
	position: absolute;
	top: 15px;
	right: 10px;
	color: #CCCCCC;
	font-size:9px;
	}

.mooshow_extras{
	margin: 0 auto;
	text-align: left;
	color:#666;
	background-color: inherit;
	}

.mooshow_topNav{
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 8px;
	background-color: inherit;
	color:#CCCCCC;
	line-height: 170%;
	width: 100%;
	}

.mooshow_captions{
	background-color: #FFF;
	color:#999999;
	margin: 0 auto;
	text-align: left;
	line-height:140%;
	height: 35px;
	width: 100%;
	}

.mooshow_contentContainer{
	/*background-color:#fff;*/
	color: inherit;
	position: relative;
	text-align: center;
	line-height: 0.0;
	/* abstand vom bildbereich bis zum nachfolgenden html element (ohne den balken, da der absolut positioniert ist und nicht mitzaehlt) */
	margin-bottom: 50px;
	/* ie brauch hier sein extra-wuerstchen */
	_margin-bottom: 46px;
	}
	
.mooshow_overlayNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	
	z-index: 100;
	}

.mooshow_prevLink, .mooshow_nextLink{
	width: 47px;
	height: 20%;
	padding-top: 117px;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
.mooshow_middleLink {
	width: 106px;
	height: 20%;
	padding-top: 117px;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	
}
	
.mooshow_prevLink { left: 0; float: left; outline: none; -moz-outline: none;}
.mooshow_middleLink { left: 0; float: left; outline: none; -moz-outline: none;}
.mooshow_nextLink { right: 0; float: right; outline: none; -moz-outline: none;}

.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background: url(prev.gif) left 100% no-repeat; }
.mooshow_middleLink:hover, .mooshow_middleLink:visited:hover { background: url(bild_aurufen.gif) left 100% no-repeat; }
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background: url(next.gif) right 100% no-repeat; }


.mooshow_IPTC{
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	background-color: #000;
	color:#CCCCCC;
	font-size:9px;
	line-height:140%;
	text-align:left;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	display: none;
	}
		
.mooshow_IPTCbutton{
	position: absolute;
	top: 0;
	left: 0;
	}

.mooshow_IPTC_left{
	float: left;
	text-align:right;
	width:18%;
	}

.mooshow_IPTC_right{
	float: right;
	text-align:left;
	width:80%;
	}
	
.layer1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 150px;
	z-index: 10;
	/* background-image: url(../img/under.gif);	*/
}

.layer2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 150px;
	z-index: 60;
	/* background-image: url(../img/over.gif); */
}

.layer3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 150px;
	z-index: 70;
	/* background-image: url(../img/over.gif); */
}

.mooshow_image {
	position: relative;
	top: 0;
	left: 0;

	z-index: 50;
}