body {
	margin: 0 5 0 5; background: #456; color:#333;   
	font-family:"Segoe UI", verdana, arial, helvetica, sans-serif;
}
#album {
	visibility:hidden;
}
#header {
	width:100%;
	padding-top:10px;
	text-align:center;
	border-bottom: solid 2px white;
	padding-bottom: 10px; color:#ccc; font-family: comic sans ms;
}
#hleft1 {
	float: left; font-size: 1em;
}
#hleft1 a{
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
	color: #cc7;
	margin-right: 20px;
}
#hleft2 {
	padding-left:20px;
	float: left; font-size: 1.5em;
}
#hplay {
	float: left; 
	padding-top:3px;
	padding-left:20px;
	cursor: pointer;
}
#hbtn1 {
	display:inline-block;
}
#hnum {
	display:inline-block;
	width:150px;
	font-size: 1.5em;
}
#hbtn2 {
	display:inline-block;
}
#hright {
	float: right;
	font-size: 1em;
}

#main {
	width: 100%;
	height:100%;
	margin-top: 5px;
	background-color: #456; 
}

#foto {
	display:inline-block;
	height:100%;
	text-align:center;
	font-size: 1.3em; 
	background: #456; 
	color:#fff;
	padding-top:0; 
	padding-right:0;  
}
#foto img{
	display:inline;
	vertical-align: middle;
	text-align:center;
}
#fotoinfo{
	margin:0;
	/* padding-top:0px; */
	padding-bottom:5px;
}

#katalog {
	display:inline-block;
	float:right;
	height:100%;
	overflow:auto;
	text-align:center;
	vertical-align: top; 
	background: #567; 
	color:#fff; 
}
#btn {
	width:100%;
	margin-bottom:5px;
}

#katalog img{
	cursor: pointer;
}
#imglist {
	overflow:auto;
}

#footer {
	display:inline-block;
	width:100%;
	text-align:center;
	
}
#footer a{
	text-decoration:none;
	cursor: pointer;
	font-size:0.7em;
	color: white;
}