body {
background: transparent url(images/RightBackground.jpg) no-repeat fixed top right;
font-family: verdana, arial, sans-serif;
font-size: 10pt;
background-color: black;
color: white;
} 

A:link { text-decoration: none; color: #DDDDDD; }
A:visited { text-decoration: none; color: #BBBBBB; }
A:active { text-decoration: none; color: #AA2222; }
A:hover { text-decoration: none; color: #AA2222; }

.foto {
	border: 0px; 
	border-width: 0px; 
	border-color: #000000; 
	border-style: solid;}
	
:hover .foto, :active .foto {
	border: 0px; 
	border-width: 0px; 
	border-color: #ffffff; 
	border-style: solid}

.menu {
	color: #dddddd;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;
	font-family: Arial, san-serif;
}

.thumb {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
	margin: 2px; 
}

#gallery {
	float: left;
	width: 100%;
	line-height: 130%;
}

#bannerspace {
	width: 100%;
	line-height: 100%;
}

#top { 
	padding: 0;
	border-bottom:1px dotted #999;
	background-image: url(images/banner_bg.jpg);
	background-repeat: repeat;
}

#top h1 {
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin: 0;
}

#top h2 {
	padding: 0;
	padding-left: 20px;
	padding-bottom: 20px;
	margin: 0;
	font-style: italic;
}

#menuspace {
	border-left:1px dotted #999;
	float: left;
	width: 120px;
	margin: 0;
	padding: 1em;
	}

#thumbspace {
	float: left;
	width: 170px;
	padding: 1em;
	text-align: center;
	}
	
#showspace {
	float: left;
	width: 400px;
	padding: 1em;
	text-align: center;
	}

#textspace {
	padding: 2em;
	text-align: left;
	width: 75%
	}

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #666;
}

#menuspace p, #thumbspace p { margin: 0 0 1em 0; }
#showspace h2 { margin: 0 0 .5em 0; }

.visible {display:block;}
.hidden {display:none;}