

body  {font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; font-size:62.5%; color: #666; z-index: 1;}

a {cursor: pointer; margin-right: 4px;}
a:hover {background-color: #f0f0f0;}

#galleryholder {width: 500px; border: 0px solid #666;}

#gallerymenu {position: absolute;  font-size: 12px; top: 20px; margin-bottom: 0px;  font-size: 100%; border: 0px; text-transform: uppercase; font-weight: bold; left: 0px;}
#gallerymenu a hover{background-color: #f0f0f0;}
#gallerymenu a {padding: 2px 5px;}

#gallerycloud {line-height: 180%; z-index: 50; position: absolute; left: 0px; top: 20px; margin-top: 14px; width: 400px; padding-top: 10px;  border: 0px solid #666; border-top: 1px solid #666; -moz-border-radius: 0px; border-radius: 0px;word-wrap:break-word;}
#gallerycloud a:hover {background-color: #B62271; color: #fff;}

#navi {margin-top: 5px; position: absolute; right: 0px; font-size: 100%; color: #666; font-weight: normal;}
.navipage {font-weight:normal; background-color: #f0f0f0; color: #666; padding: 2px 5px; cursor: pointer; position: relative;}
.navi-aktiv {font-weight:normal; background-color: #666; color: #fff; padding: 2px 5px; position: relative;}

#galleryprev {background-color: transparent; cursor: pointer; background-image: url(prev.png); background-repeat: no-repeat; background-position: center; color: #fff; -moz-border-radius: 4px; border-radius: 4px; height: 300px; width: 30px; position: absolute; top: -10px; left: -45px; border: 0px solid #FFD3EA;}
#gallerynext {background-color: transparent; cursor: pointer; background-image: url(next.png); background-repeat: no-repeat; background-position: center; color: #fff; -moz-border-radius: 4px; border-radius: 4px; height: 300px; width: 30px; position: absolute; top: -10px; left: 420px; border: 0px solid #FFD3EA;}

#galleryinfo {position: absolute; top: 260px; left: 0px; width: 400px;}
#galleryinfo2 {position: absolute; top: 260px; left: 0px; width: 400px;}
#labellink{position:absolute; z-index:997;}


#overlay {position: absolute; left: 0px; top: 0px; background-color: #000; z-index: 999; width: 100%; height:200%; visibility: hidden; opacity:0.6; -moz-opacity:0.6;}
#layer {position: absolute; top:100px; left: 0px; text-align: middle; vertical-align: middle; z-index: 1000; background-color: #fff; padding: 0px; border: 1px solid #f0f0f0;}
#layer img {max-width: 500px; z-index: 1000; display: inline; position: relative; float:left; vertical-align: top;}
#closebutton {cursor: pointer; font-weight: bold; font-size: 16px; background-color: #fff; right: 10px; position: absolute; padding: 4px 5px; text-shadow: 1px 1px 2px white; z-index: 1002;}

.cloud-aktiv{font-weight:normal; background-color: #666; color: #fff; padding: 2px 2px; word-break:normal;}
.cloud-inaktiv {font-weight:normal; background-color: #f0f0f0; color: #666; padding: 2px 5px; word-break:normal;}


.menu-aktiv{font-weight:bold; background-color: #B62271; color: #fff; padding: 2px 5px;}
.labelname{font-weight:bold; background-color: #666; color: #fff; padding: 2px 5px; font-size: 16px; margin-left: -5px;}

.labelinfo {position: relative; top: 150px; left: 20px; font-size: 100%; line-height: 100%; margin-bottom: 100px; padding-bottom: 100px;}

.crop{
	float:left;
	position:relative;
	margin-top:20px;
	width:80px;
	height:80px;
	border:1px solid #666;
	margin:.5em 10px .5em 0;
	-moz-border-radius: 4px; border-radius: 4px;
	}
.crop p{
	margin:0;
	position:absolute;
	top:-10px;
	left:-10px;
	clip:rect(10px 90px 90px 10px);
	}	


