@charset "utf-8";
/*------------------------------------------- begin chronotope content ------------------------------------------------*/
.contentbox {
	position: absolute;
	top: 155px;
	min-width: 978px; /* Specify the min-width (368px + pictures maxwidth + 10px) */
	width: 100%;
	min-height: 550px;
	height: 550px;
	overflow: hidden;
	display: block;
	z-index: 10;
}
.content {
	position: absolute;
	top: 0;
	left: 368px;
	min-width: 978px; /* Specify the min-width (368px + pictures maxwidth + 10px) */
}
* html .contentbox, * html .content {
	width: 978px;
}
#chronotope_text {
	position: absolute; /* content for searchengines! */
	left: -9999px;
	margin-top: 199px;
	width: 454px;
	font-size: 13px;
	line-height: 14px;
	display: block;
}
#chrono {
	position: absolute;
	top: 0;
	left: 0;
}
#chrono div {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 472px;
}
#chrono div img {
	border: 0;
}
#chrono div img.ctitle {
	position: absolute;
	top: 460px;
	left: 331px; /* Specify position of picture title (368px + pictures width - ptitle width) */
	width: 269px;
	height: 12px;
	border: 0;
}
#chrono div img#stitle {
	position: absolute;
	top: 460px;
	left: 259px; /* Specify position of picture title (368px + pictures width - ptitle width) */
	width: 335px;
	height: 12px;
	border: 0;
}
img#che {
	position: absolute;
	top: 155px;
	left: 0;
}
img#chd {
	position: absolute;
	top: 70px;
	left: 0;	
}
img#links {
	position: absolute;
	top: 407px;
	left: 0;
}
ul#ulist {
	position: absolute;
	top: 424px;
	left: 0;
	width: 238px;
	height: 30px;	
}
#ulist li {
	position: absolute;
	height: 12px;
	font-size: 12px;
	text-indent: -9999px;
	text-align: center;
	line-height: 10px;
	list-style-type: none;
	display: block;
}
li#noorder {
	top: 0;
	left: 0;
	width: 119px;
	background: url(../pics/pool/chronotope/noorderlicht.jpg) 0 0 no-repeat;
	background-position: 0;
}
li#noorder:hover {
	background-position: -119px;
}
a.url01, a.url02 {
	position: absolute;
	top: 0;
	left: 0;
	height: 12px;
}
a.url01 {
	width: 119px;
}
li#schaden {
	top: 17px;
	left: 0;
	width: 98px;
	background: url(../pics/pool/chronotope/schaden.jpg) 0 0 no-repeat;
	background-position: 0;
}
li#schaden:hover {
	background-position: -98px;
}
a.url02 {
	width: 98px;
}
/*------------------------------------------- end chronotope content ------------------------------------------------*/
/*------------------------------------------- begin content navigation ------------------------------------------------*/
ul.imgnav2 {
	position: absolute;
	top: 473px;
	left: 0;
	width: 50px;
	height: 9px;
}
.imgnav2 li {
	position: absolute;
	top: 0;
	height: 9px;
	text-indent: -9999px;
	text-align: center;
	list-style-type: none;
	display: inline;
}
li#back {
	left: 0;
	width: 6px;
	background: url(../pics/semio.jpg) 0 0 no-repeat;
	background-position: 0;
}
li#back:hover {
	background-position: -6px;
}
a#stepb, a#stepv {
	position: absolute;
	top: 0;
	height: 9px;
}
a#stepb {
	left: 0;
	width: 6px;
}
li#forward {
	left: 20px;
	width: 15px;
	background: url(../pics/semit.jpg) 0 0 no-repeat;
}
li#forward:hover {
	background-position: -15px;
}
a#stepv {
	left: 0;
	width: 15px;
}
/*------------------------------------------- end content navigation ------------------------------------------------*/