/**************************************************************************************
 filename :	alfleue_com.css
 css level :	2.1
 release :	2.20110530.01
 author :	Alf Leue; www.alfleue.com
 copyright :	(C) 2008-2011 by Alf Leue
 **************************************************************************************/


body {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	background: #eee8d7 url("/cms/content/RFeALesF/al/bg.png");
	background-repeat: repeat-x;
	background-position: top;
}

#page {
	width: 800px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	background: #eee8d7 url("/cms/content/F6VOSG9I/al/watermark.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#logo {
	border: 0px;
	position: relative;
	top: 20px;
	left: 553px;
	margin-bottom: 10px;
}

#header {
	position: relative;
	top: 20px;
	border: 0px;
	border-left: 1px solid #eee8d7;
	border-right: 1px solid #eee8d7; 
	margin-bottom: 40px;
}

input, textarea {
	margin-top: 10px;
}

.errorText {
	font-weight: bold;
	color: #ff0000;
}

#content {
	width: 470px;
	padding: 20px;
	padding-left: 10px;
	padding-right: 45px;
	float: right;
	margin-bottom: 30px;
}

		#content a, #content a:visited {
			color: #505050;
			text-decoration: none;
			border-bottom: 1px dotted #505050;
		}

		#content a:hover, #content a:active {
			color: #9f0309;
			text-decoration: none;
			border-bottom: 1px dotted #9f0309;
		}

		#content p.comment {
			vertical-align: bottom;
			clear: none;
			font-style: italic;
			line-height: 16px;
		}

		#content p {
			line-height: 16px;
			letter-spacing: 0.3px;
			margin-top: 5px;
			margin-bottom: 5px;
		}

.forward_msg {
	text-align: center;
	margin-top: 100px;
	color: #eee8d7;
}
		
.forward_msg a, .forward_msg a:visited {
	color: #eee8d7;
	text-decoration: none;
	font-size: 12px;
}
		
.forward_msg a:hover,  .forward_msg a:active {
	color: #ff1010;
}
		
.contentpic {
	margin-right: 20px;
	margin-bottom: 3px;
	float: left;
}

.portrait {
	float: right;
	width: 100px;
	height: 129px;
	margin: 0px;
	margin-left: 20px;
}

.press_pic {
	float: left;
	width: 160px;
	margin: 0px;
	margin-right: 13px;
	margin-top: 5px;
	margin-bottom: 3px;
	border: 1px solid #ad9449;
}

.edit_pic {
	float: left;
	width: 160px;
	margin: 0px;
	margin-right: 13px;
	margin-top: 5px;
	margin-bottom: 35px;
	border: 1px solid #ad9449;
}

.pic_description {
	font-size: 80%;
	font-style: italic;
	margin-top: 5px;
}

#menu {
	margin-top: 48px;
	width: 160px;
	padding: 0px;
	padding-left: 40px;
	padding-right: 10px;
	margin-bottom: 70px;
	list-style-type: none;
	font-size: 120%;
}

		#menu a, #menu a:visited {
			text-decoration: none;
			border: 0px;
			padding-left: 40px;
			color: #000000;
		}

		#menu a:hover, #menu a:active {
			color: #505050;
			background: url("/cms/content/95SnMUeU/al/helmet_grey.png");
			background-position: 10px 2px;
			background-repeat: no-repeat;
		}

		#menu li {
			height: 25px;
			border-bottom: 1px solid #a0a0a0;
			padding-top: 8px;
		}

		#menu li.selected {
			padding-left: 40px;
			font-weight: bold;
			color: #505050;
			background: url("/cms/content/upSWyVN_/al/helmet.png");
			background-position: 10px 10px;
			background-repeat: no-repeat;
		}

#footer {
	clear: both;
	display: block;
	text-align: center;
	border-top: 1px solid #909090;
	padding-right: 5px;
	line-height: 16px;
	padding-left: 5px;
	color: #505050;
}

		#footer p {
			letter-spacing: 0px;
			word-spacing: 0px;
		}

		#footer a, #footer a:visited {
			text-decoration: none;
			color: #505050;
		}

		#footer a:hover, #footer a:active {
			text-decoration: underline;
		}

h1 {
	font-size: 12pt;
	font-weight: normal;
	color: #505050;
	margin-bottom: 30px;
}

h2 {
	font-size: 8pt;
	font-weight: bold;
	color: #9f0309;	
	margin-top: 30px;
	margin-bottom: 0px;
	clear: both;
}

		.h2topmargin {
			margin-top: 90px;
		}

h3 {
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	color: #9f0309;	
	margin-top: 30px;
	margin-bottom: 0px;
}

iframe {
	width: 450px;
	margin: 0px;
	margin-top: 50px;
}

table {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	border: 0px;
}

		td {
			padding-left: 0px;
			margin-left: 0px;
			line-height: 16px;
			letter-spacing: 0.3px;
		}

		td.newsList {
			padding-bottom: 20px;
			padding-left: 20px;
			width: 500px;
		}

		td.currencyCol {
			text-align: right;
			font-weight: bold;
			color: #505050;
		}


		td.colonCol {
			text-align: left;
			width: 50px;
			padding-left: 10px;
		}
				
		td.colonPriceCol {
			text-align: left;
			vertical-align: top;
			width: 30px;
		}
				
		td.mp3 {
			width: 450px;
			background: url("/cms/content/phuC2Vp./al/icon_mp3.gif");
			background-position: left top;
			background-repeat: no-repeat;
			vertical-align: top;
			padding-left: 35px;
		}

		td.pdf {
			width: 450px;
			background: url("/cms/content/N5QHTyGk/al/icon_pdf.gif");
			background-position: left top;
			background-repeat: no-repeat;
			vertical-align: top;
			padding-left: 35px;
		}

		td.lnk {
			width: 450px;
			background: url("/cms/content/xXLGJdwy/al/icon_lnk.gif");
			background-position: left top;
			background-repeat: no-repeat;
			vertical-align: top;
			padding-left: 35px;
		}

		td.bulletcol {
			width: 25px;
			color: #e6a50a;
			background: url("/cms/content/E9ykpMZ4/al/arrow_small.gif");
			background-position: 0px 7px;
			background-repeat: no-repeat;
			vertical-align: top;
		}

		td.newsDateCol {
			background: url("/cms/content/E9ykpMZ4/al/arrow_small.gif");
			background-position: 0px 7px;
			background-repeat: no-repeat;
			color: #9f0309;	
			text-align: left;
			vertical-align: top;
			padding-left: 20px;
		}

		td.newsHeadline {
			font-weight: bold;
			height: 20px;
			vertical-align: top;
			padding-left: 20px;
		}
		td.mediaTitleCol {
			background: url("/cms/content/E9ykpMZ4/al/arrow_small.gif");
			background-position: 0px 7px;
			background-repeat: no-repeat;
			color: #9f0309;	
			text-align: left;
			vertical-align: top;
			padding-left: 20px;
			width: 450px;
		}

		td.mediaTextCol {
			text-align: left;
			padding-left: 20px;
			vertical-align: top;
			width: 450px;
		}

		td.mediaCopyrightCol {
			text-align: left;
			font-style: italic;
			padding-left: 20px;
			color: #505050;
			vertical-align: top;
			width: 450px;
		}

		td.mediaSpacer {
			width: 450px;
		}

		td.statCol {
			vertical-align: top;
			padding-right: 20px;
			width: 300px;
		}

		td.leftDateTimeCol {
			text-align: right;
			vertical-align: top;
			padding-right: 20px;
			width: 80px;
		}

		td.priceListCol {
			vertical-align: top;
			padding-right: 10px;
			width: 180px;
		}

		td.prjTypeCol {
			text-align: left;
			vertical-align: top;
			width: 170px;
		}

		td.prjDescrCol {
			text-align: left;
			vertical-align: top;
			width: 250px;
		}

		td.prjTypeHdr {
			text-align: left;
			vertical-align: top;
			padding-right: 0px;
			width: 170px;
			font-weight: bold;
			color: #505050;
		}

		td.prjDescrHdr {
			text-align: left;
			vertical-align: top;
			width: 250px;
			font-weight: bold;
			color: #505050;
		}

		.linkIconCol a img, .linkIconCol a:visited img {
			margin-top: 20px;
			border: 0px;
		}

		.linkIconCol a, .linkIconCol a:visited {
			text-decoration: none;
		}

		td.bookCover {
			padding-top: 10px;
			width: 100px;
			align: center;
			vertical-align: top;
		}

			td.bookCover img {
				border: 1px solid #eee8d7;
			}

			td.bookCover img:hover {
				border: 1px solid #9f0309;
			}

			#content .bookCover a, #content .bookCover a:visited {
				border: 0px;
				text-decoration: none;
			}

		td.bookDescr {
			padding-top: 10px;
			padding-left: 10px;
			width: 450px;
			vertical-align: top;
		}


.footnote {
	text-align: left;
	font-style: italic;
	color: #505050;
	padding-top: 8px;
	font-size: 90%;
}

.footnote span, .marker {
	color: #9f0309;	
	font-weight: bold;
}


#refs {
	position: relative;
	top: 20px;
	text-align: center;
	margin-bottom: 30px;
}

		#refs img {
			border: 0px;
			margin-top: 30px;
		}
		
		#refs a, #refs a:visited, #refs a:hover, #refs a:active {
			border: 0px;
			margin-left: 20px;
			margin-right: 20px;
			text-decoration: none;
		}
		
		#refs td.imgCol {
			width: 150px;
			text-align: center;
			vertical-align: middle;
		}
		
		#refs td.linkCol {
			padding-left: 40px;
			text-align: left;
			vertical-align: middle;
		}

.arrowLink {
	color: #e6a50a;
	background: url("/cms/content/E9ykpMZ4/al/arrow_small.gif");
	background-position: 0px 5px;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-left: 15px;
	line-height: 25px;
}

#bookmarkShow {
	width: 500px;
	margin-top: 15px;
	margin-bottom: 15px;
}

	#bookmarkShow a, #bookmarkShow a:visited, #bookmarkShow a:hover, #bookmarkShow a:active {
		border: 0px;
		text-decoration: none;
	}

	#bookmarkShow img {
		border: 1px solid #eee8d7;
	}

	#bookmarkShow img:hover {
		border: 1px solid #9f0309;
	}

		
#support img {
	border: 1px solid #e4e1d8;
	margin: 15px;
	margin-top: 30px;
}

#support a, #support a:visited , #support a:hover, #support a:active {
	border: 0px;
	margin: 0px;
	text-decoration: none;
}


/*** lightbox styles ; modifications made are documented ***/

#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;
}


/* completely added: supresses the org css drawing a bg-image to each link */

#lightbox a {
	background: none;
	padding: 0px;
	border: 0px;
}

/* added paragraph and heading properties within a lightbox container */
#lightbox p {
	margin-top: 0px;
	margin-bottom: 3px;
}

#lightbox h1 {
	color: #fa236f;
	margin-top: 20px;
	margin-bottom: 0px;
}

#lightbox h2 {
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 0px;
}

#outerImageContainer {
	position: relative;
	background-color: #eee8d7;						/* modified: org data was "#fff" */
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border: 1px solid #9f0309;						/* added red border with open bottom */
	border-bottom: 0px;
}

#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("/cms/content/suxlWwrv/al/prevlabel.gif") left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url("/cms/content/L.IKv8WR/al/nextlabel.gif") right 15% no-repeat;
}


#imageDataContainer {
	font: 11px Courier New, Courier, Serif;
	color: #e0c6b7;
	background-color: #eee8d7;						/* modified: org data was "#fff" */
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	border: 1px solid #9f0309;						/* added red border with open top */
	border-top: 0px;
}

#imageDataContainer h2 {							/* added entirely */
	font-size: 9pt;
	font-weight: bold;
	color: #9f0309;	
	margin-top: 5px;
	margin-bottom: 10px;
}

#imageData {
	padding:0 10px;
	color: #000000;								/* modified: org data was "#666" [represents caption text color ]  */
}

#imageData #imageDetails {
	width: 90%;								/* modified: org data was 70%; this controls the right padding of the text content */
	float: left;
	text-align: left;
}	

#imageData #caption {
	font-weight: normal;							/* modified: org data was "bold" */
}	

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
	
#imageData #bottomNavClose  {
	width: 66px;								/* modified: org data was "66px" */
	float: right;
	padding-bottom: 0.7em;							/* modified: org data was "0.7em" */
	outline: none;
	clear: left;								/* added to move the close btn to the bottom of the pop up */
	margin-right: 15px;							/* added to get a little space betwenn the button and the frameborder */
} 	


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