/* @override http://bildarchiv.kleinert.de/css/standard.css */

/* @group START ( DO NOT MOVE THESE ELEMENTS ) !!! */
.imageFrame { background-color: #5b5b5b; overflow: hidden; float:left; margin: 4px; vertical-align: middle; text-align: center; display: table-cell; position: relative; }
.imageClass { width: 200px; height: 150px; cursor: pointer; }
/* @end */

/* @group STANDARD STYLE ELEMENTS */

html { height: 100%; overflow: hidden; }
body, table, td, label { font-family:Arial Narrow, Arial; color:#242415; font-size:14px; font-weight:normal; height:100%; }
body { background-color: #484848; }
input, textarea, select { font-family:Arial Narrow; color:#242415; font-size:14px; font-weight:normal; border: 1px solid #cdcdcd; background-color:#FFFFFF; }
img { border: 0px; }

/* @end */

/* @group STRUCTURE */

#debug { color: #d0d0d0; left: 28px; top: 15px; position: relative; }
#pageLoading { z-index: 0; }

#menu { z-index: 100; background-image: url(../images/background.png); height: 100%; width:250px}
	#logo { left: 21px; top: 50px; position: absolute; }
	#search { left: 20px; top: 290px; position: absolute; }
		#searchBox  { width:171px; height: 24px; background-color: #009bb5; color: #bde5ec; border: 0px; font-size:12pt; padding: 3px; font-weight: bold; font-family:Arial Narrow, Arial; }
		#searchSign { vertical-align:bottom; left: 0px; top: 0px; position: relative; z-index: 100; cursor: pointer; }
		#searchResults { color:#000000; padding-left: 4px; padding-top: 2px; padding-bottom: 5px; font-weight: normal; }
		#illustrationToggle, #animationToggle { margin-top: 4px; display: block; cursor: pointer; }
		#selectByColorsImage { margin-top: 4px; display: block; cursor: pointer; opacity: 0.2; }
		#selectByIllustratorsImage { margin-top: 4px; display: block; cursor: pointer; opacity: 0.2; }
		#selectByRatioImage { margin-top: 4px; display: block; cursor: pointer; opacity: 0.2; }
		#selectByColors { margin-top: 4px; display: none; width: 162px; margin-left: 32px; margin-top: 6px; margin-bottom: 8px; }
		.colorpalette { height: 15px; width: 1px; display: inline; padding-top: 0px; padding-bottom: 0px; padding-right: 8px; padding-left: 8px; margin-right: 1px; cursor: pointer; }
		#selectByIllustrators { margin-left: 32px; margin-top: 4px; display: none; margin-bottom: 10px; }
		#selectByType { margin-top: 4px; display: none; }
		#selectByRatio { margin-top: 4px; display: none; }
		#illustrator { width: 147px; border: 1px solid lightgray; }
		#ratio { width: 147px; margin-left: 32px; border: 1px solid lightgray; }
	#backgroundDivider { left: 0px; bottom: 115px; position: absolute; }
	#bottomMenu { left: 20px; bottom: 15px; position: absolute;}
	
/* @end */

/* @group MAIN AREA */

#images { visibility: hidden; left: 250px; top: 0px; position: absolute; height: 100%; overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; z-index:50; font-size: 12px; }
	#imagesContainer { margin: 15px; }
	#nextPictures { position:relative; top:50%; margin-top:-50px; width: 150px; height: 100px; }
	#nextPicturesFrame { cursor: pointer; }
	#bottomSpacer { height:15px; width:15px; }
	#lightboxText { font-size: 15px; font-weight: bold; color: white; margin-left: 0px; margin-bottom: 0px; margin-top: 20px; }
#homepage { z-index: 200; left: 250px; top: 0px; position: absolute; height: 100%; overflow: hidden; vertical-align: middle; text-align: center; display: table-cell; opacity: 0; -moz-opacity: 0;  }
#homepageSmall { z-index: 199; left: 250px; top: 0px; position: absolute; height: 100%; overflow: hidden; vertical-align: middle; text-align: center; display: table-cell;  }
	#infoSuche { z-index: 250; left: 227px; top: 257px; position: absolute; opacity: 0; -moz-opacity: 0; }
	#infoLightbox { z-index: 250; left: 227px; bottom: 50px; position: absolute; opacity: 0; -moz-opacity: 0; }

/* @end */

/* @group DETAIL AREA */

#detailBackground { z-index:100; height:100%; width:100%; background-color: #6c6c6c; position: absolute; top:0px; left:250px; visibility: hidden; }
#detail { z-index:150; width:700px; height:100%; position: absolute; top:0px; left:250px; visibility: hidden; vertical-align: middle; text-align: center; margin: 0px; }
	#detailContainer { }
		#detailTable { padding:0px; margin:0px; width: 100%; }
			#detailPicture { background-color:#262626; border:10px solid #cdcdcd }
			#detailRow { height: 145px; background-color:#cdcdcd; }
				#detailText { padding-left:15px; padding-right:15px; font-size: 15px; background-color:#cdcdcd; color: #262626; width: 400px; border:0px; }
				.nextPicture { text-align: left; padding-left: 20px; border-left:2px solid #afafaf; cursor: pointer; }
				#nextPicturePicture { position: relative; }
				.lastPicture { text-align: right; padding-right: 20px; border-right:2px solid #afafaf; cursor: pointer; }
				#lastPicturePicture { position: relative; }
				.nextLastPictureHidden { opacity: 0.1; -moz-opacity: 0.1; }

/* @end */

#noResults { z-index: 250; left: 227px; top: 257px; position: absolute; opacity: 0; -moz-opacity: 0; visibility: hidden; }

/* @group FORMATIERUNG INFO-TEXT */

#imageInfoName { padding-bottom: 9px; font-weight: bold; }
#imageInfoID { color: #7e7e7e; font-size: 13px; display: inline; }
#imageInfoCopyright { color: #7e7e7e; font-size: 13px; display: inline; }
#imageInfoInformation { color: #7e7e7e; font-size: 13px; }
#imageInfoCredits { color: #7e7e7e; font-size: 13px; }

/* @end */

/* @group CONTACT AREA */

#contact { z-index:300; height:100%; width:100%; position: absolute; top:0px; left:0px; visibility: hidden; vertical-align: middle; text-align: center; margin: 0px; }
#contactContainer { height:100%; }
#contactContent { height:500px; width: 800px; background-color:#FFFFFF; text-align: left; border:10px solid #c5c5c5 }
#contactBackground { z-index:299; height:100%; width:100%; background-color: #262626; position: absolute; top:0px; left:0px; visibility: hidden; }

/* @end */

/* @group REGISTER AREA */

#register { z-index:300; height:100%; width:100%; position: absolute; top:0px; left:0px; visibility: hidden; vertical-align: middle; text-align: center; margin: 0px; }
#registerContainer { height:100%; }
#registerContent { height:500px; width: 800px; background-color:#FFFFFF; text-align: left; border:10px solid #c5c5c5 }
#registerBackground { z-index:299; height:100%; width:100%; background-color: #262626; position: absolute; top:0px; left:0px; visibility: hidden; }

/* @end */

/* @group LOADING */

#pageLoading { z-index:500; height:100%; width:100%; position: absolute; top:0px; left:250px; text-align: center; margin-top:0px; }
#pageLoadingTable { height:100%; }
#pageLoadingPicture { }

/* @end */

/* @group OTHER */

hr { color: gray; background-color: gray; height: 1px; border-top: 1px solid gray; border-bottom: 0px; }
.hand { cursor: pointer; }
#closeSignPicture { display: inline; float: left; position: absolute; cursor: pointer; margin-top: -8px; margin-left: -56px; height:100px; width: 100px; }
#closeSignContact { display: inline; float: left; position: absolute; cursor: pointer; margin-top: -17px; margin-left: 73px; height:100px; width: 100px; }

#deleteFromLightBox { position:absolute; right:3px; bottom:3px; z-index:101; opacity: 0.75; -moz-opacity: 0.75; }

/* @end */