body {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	margin: 0 auto;
	background-color: #000;
	color: #FFF;
}
h1, h2, h3, h4 {
	font-weight: lighter;
}
h1 {
	margin-top: 80px;
	margin-bottom: 80px;
}
h2 {
	font-size: 1.2em;
}
a {
	color: #0099FF;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #FF3333;
}

.huri {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	width: 90px;
	height: 250px;
	cursor: pointer;
}
.huri.pic1 { background-image: url("/images/001/huri/huri_1_000.png"); }
.huri.pic2 { background-image: url("/images/001/huri/huri_2_000.png"); }
.huri.pic3 { background-image: url("/images/001/huri/huri_3_000.png"); }
.huri.pic4 { background-image: url("/images/001/huri/huri_4_000.png"); }
.huri.pic5 { background-image: url("/images/001/huri/huri_5_000.png"); }
.huri.pic6 { background-image: url("/images/001/huri/huri_6_000.png"); }

.huri.pos1 { margin-left: -90px; }
.huri.pos2 { margin-left: 900px; }

.huri.top1 { margin-top: 0px; }
.huri.top2 { margin-top: 250px; }
.huri.top3 { margin-top: 500px; }

.panoramacontainer {
	display: none;
	position: absolute;
	z-index: 20;
	background-color: #000;
	width: 100%;
	margin-top: 40px;
}
.panoramacontainer .box {
	height: 515px;
	background-image: url('/images/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
	overflow: auto;
}
.panoramacontainer .toolbar {
	padding: 5px;
}
.panoramacontainer .toolbar div {
	margin-right: 10px;
	float: left;
}
.panoramacontainer .toolbar .close {
	padding-top: 2px;
	cursor: pointer;
}
.supercontainer {
	position: absolute;
	width: 900px;
	top: 10px;
	left: 50%;
	margin-left: -450px;
}
.navigation {
	margin-bottom: 10px;
	font-size: 1.2em;
}
	.navigation .title,
	.navigation .section,
	.navigation .placebo {
		float: left;
		background-repeat: no-repeat;
		height: 20px;
		margin-right: 15px;
	}
	.navigation .section a,
	.navigation .section a:link,
	.navigation .section a:visited {
		color: #FFF;
		text-decoration: none;
	}
	.navigation .section a:hover {
		color: #999;
	}
	.navigation .section a.active {
		color: #666;
	}
	.navigation .section {
		/* EMPTY */
	}
	.navigation .placebo {
		width: 55px;
	}

.supercontainer .content .photocontainer {
	height: 540px;
	margin-bottom: 10px;
}
	.supercontainer .content .photocontainer .previous,
	.supercontainer .content .photocontainer .next,
	.supercontainer .content .photocontainer .placebo,
	.supercontainer .content .photocontainer .photobox {
		float: left;
	}
	.supercontainer .content .photocontainer .previous,
	.supercontainer .content .photocontainer .next,
	.supercontainer .content .photocontainer .placebo {
		width: 50px;
		height: 100%;
	}
	.patCalendar .previous,
	.patCalendar .next,
	.supercontainer .content .photocontainer .previous,
	.supercontainer .content .photocontainer .next {
		background-repeat: no-repeat;
		background-position: left center;
	}
	.patCalendar .previous,
	.supercontainer .content .photocontainer .previous {
		background-image: url('/images/001/photo_previous_000.png');
	}
	.patCalendar .next,
	.supercontainer .content .photocontainer .next {
		background-image: url('/images/001/photo_next_000.png');
	}
	.supercontainer .content .photocontainer .previous.hover,
	.supercontainer .content .photocontainer .next.hover {
		background-position: -50px center;
		cursor: pointer;
	}
	.supercontainer .content .photocontainer .photobox {
		width: 800px;
		height: 100%;
		text-align: center;
	}
		.supercontainer .content .photocontainer .photoitself {
			margin: auto;
		}
		.supercontainer .content .photocontainer .photoitself .photodetails {
			position: absolute;
			z-index: 10;
			background-color: #000;
			color: #FFF;
			text-align: left;
			padding: 10px;
			display: none;
		}
		.supercontainer .content .photocontainer .photobox .photoitself .showEntirePanorama,
		.supercontainer .content .photocontainer .photobox .photoitself .sendECard {
			float: left;
			cursor: pointer;
			padding: 2px;
		}
.supercontainer .content .ecard_dialog {
	display: none;
}
	.ecard_dialog .previewpic {
		position: absolute;
		left: 435px;
	}
	.ecard_dialog .label,
	.ecard_dialog .input {
		margin-bottom: 10px;
		float: left;
	}
	.ecard_dialog .label {
		padding-top: 7px;
		width: 150px;
		font-size: 0.9em;
	}
	.ecard_dialog input,
	.ecard_dialog textarea {
		padding: 2px;
		width: 250px;
	}
	.ecard_dialog textarea {
		height: 150px;
	}
.supercontainer .content .title {
	/* EMPTY */
}
.supercontainer .content .navigation-2ndlevel {
	font-size: 1.2em;
	line-height: 2em;
}
.supercontainer .content .navigation-2ndlevel a,
.supercontainer .content .navigation-2ndlevel a:link,
.supercontainer .content .navigation-2ndlevel a:visited {
	white-space: nowrap;
	color: #FFF;
	text-decoration: none;
	margin-right: 10px;
}
.supercontainer .content .navigation-2ndlevel a:hover {
	color: #999;
}
.supercontainer .content .navigation-2ndlevel a.active {
	color: #666;
}
.supercontainer .content .text {
	width: 50%;
	text-align: justify;
}
.supercontainer .content .text div {
	line-height: 1.8em;
}
.supercontainer .content .navigation-2ndlevel,
.supercontainer .content .text div {
	margin-bottom: 20px;
}

.supercontainer .content .elementsContainer {
	/* */
}
.supercontainer .content .elementsContainer .element {
	float: left;
	border: 1px solid #666;
	background-color: #000;
	padding: 5px;
	width: 150px;
	height: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
}
.supercontainer .content .elementsContainer .small {
	height: 100px;
}
.supercontainer .content .elementsContainer .element.colorset-2 {
	background-color: #333;
	color: #FFF;
}
.supercontainer .content .elementsContainer .element.hover {
	border: 1px solid #999;
	cursor: pointer;
}
.supercontainer .content .elementsContainer .element.selected {
	border: 1px solid #4682B4;
	background-color: #003366;
	cursor: pointer;
}
.supercontainer .content .elementsContainer .element .date {
	color: grey;
}
.supercontainer .content .elementsContainer .element.colorset-2 .date {
	color: #CCC;
}
.supercontainer .content .elementsContainer .element img {
	margin-bottom: 5px;
}

.supercontainer .content .row {
	float: left;
	width: 225px;
}
.supercontainer .content .row .subtitle {
	margin-top: 10px;
	margin-bottom: 5px;
}
.supercontainer .content .row .element {
	font-size: 0.8em;
	margin-bottom: 5px;
}

.supercontainer .keyword {
	float: left;
	border: 1px solid #333;
	background-color: #000;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.supercontainer .keyword.selected {
	border: 1px solid #4682B4;
	background-color: #003366;
}

.supercontainer .keyword div {
	float: left;
}

.supercontainer .keyword .label {
	padding: 3px;
}
.supercontainer .keyword .amount {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 4px;
	padding: 1px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.65em;
	background-color: #666;
	color: #FFF;
}

.supercontainer .pageaction {
	font-size: 0.8em;
}
.supercontainer .pageaction .action {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
}
.supercontainer .pageaction .action.share {
	background-image: url("/images/icon_small_share.png");
}
.supercontainer .pageaction .action.feed {
	background-image: url("/images/icon_small_feed.png");
}
.supercontainer .pageaction .action a,
.supercontainer .pageaction .action a:visited {
	color: #FFF;
	text-decoration: none;
}
.supercontainer .pageaction .action a:hover {
	color: #999;
}

.supercontainer .navigationfooter,
.supercontainer .footer {
	line-height: 1.5em;
	font-size: 0.8em;
}
.supercontainer .navigationfooter {
	margin-top: 80px;
	margin-bottom: 20px;
}
.supercontainer .footer {
	margin-top: 80px;
	margin-bottom: 80px;
}
.supercontainer .navigationfooter .section {
	float: left;
	margin-right: 20px;
}
.supercontainer .navigationfooter .section-2ndlevel {
	/* padding-left: 5px; */
}
.supercontainer .navigationfooter a,
.supercontainer .navigationfooter a:link,
.supercontainer .navigationfooter a:visited {
	color: #FFF;
	text-decoration: none;
}
.supercontainer .navigationfooter a:hover {
	color: #999;
}
.supercontainer .footer a {
	color: #CCC;
	margin-left: 15px;
}
.supercontainer .debug {
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #EEE;
}
.supercontainer .debug pre,
.supercontainer .debug div {
	font-family: "Lucida Console", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	color: blue;
	font-size: 12px;
}
.clear {
	clear: both;
}