@charset "UTF-8";

body {
	background:#FFF;
	margin:0px 0px 0px 30px;
	padding:0px;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	height:100%;
}

p {
	margin:0px;
	padding:0px;
}

img {
	border:none;
	margin:0px;
	padding:0px;
}

.bold {
	font-weight:bold;
}

a:link {
	text-decoration:none;
	color:#666;
}

a:visited {
	text-decoration:none;
	color:#666;
}

a:hover {
	color:#000;
}

a:active {
	color:#FFF;
}

/* NAVIGATION -----------------------------*/

#nav_off {
	position:fixed;
	top:0px;
	left:60px;
	width:214px;
	background-image:url(images/bg.png);
	background-repeat:repeat;
	border:none;
	overflow:hidden;
	margin:0px;
	padding:0px;
	z-index:3;
	display:block;
}

#nav_on {
	position:fixed;
	top:0px;
	left:60px;
	width:214px;
	background-image:url(images/bg.png);
	background-repeat:repeat;
	border:none;
	overflow:hidden;
	margin:0px;
	padding:0px;
	z-index:4;
	display:none;
}

#navlist {
	list-style:none;
	margin:0px;
	padding:5px 0px;
	overflow:hidden;
}

#navlist li {
	display:block;
}

#navlist a {
	height:0px !important;
	width:214px;
	padding:28px 0px 0px 0px;
	margin:0px;
	overflow:hidden;
	display:block;
}

a.holger {
	background:url(images/holger_pooten.png) top left no-repeat;
}

a.personal {
	background:url(images/personal.png) top left no-repeat;
}

a.adv {
	background:url(images/adv.png) top left no-repeat;
}

a.editorial {
	background:url(images/editorial.png) top left no-repeat;
}

a.info {
	background:url(images/info.png) top left no-repeat;
}

#navlist a:hover {
	background-position: 0 -28px;
}

/* VIEWER -----------------------------*/

#viewer {
	position:absolute;
	top:50%;
	margin-top:-325px;
	height:650px;
	text-align:left;
	z-index:1;
}

#toggler {
	position:fixed;
	bottom:0px;
	left:60px;
	z-index:2;
}

#prev_next {
	float:left;
	width:214px;
	background-image:url(images/bg.png);
	background-repeat:repeat;
	border:none;
	overflow:hidden;
	margin:0px;
	padding:5px 0px;
}

#prev_next a {
	height:0px !important;
	padding:28px 0px 0px 0px;
	margin:0px;
	overflow:hidden;
	display:inline;
	float:left;
}

a.prev {
	background:url(images/previous.png) top left no-repeat;
	width:124px;
}

a.next {
	background:url(images/next.png) top left no-repeat;
	width:78px;
}

#prev_next a:hover {
	background-position: 0 -28px;
}

#counter {
	float:left;
	width:80px;
	text-align:right;
	padding-top:2px;
}

/* INFO -----------------------------*/

#about {
	margin:60px 0px 30px 0px;
	width:580px;
}

#address {
	font-size:11px;
	line-height:15px;
	margin:60px 0px 30px 30px;
}

#disclaimer {
	position:fixed;
	bottom:0px;
	left:60px;
	width:580px;
	font-size:9px;
	line-height:12px;
	color:#666;
	margin:0px 0px 30px 0px;
}