/* CSS Document */


/* CONTENT */

html {
	height:100%;
}
body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:17px;
}
img {
	border:none;
}
a:link {
	color:#1506a4; text-decoration:underline; font-weight:bold;
}
a:visited {
	color:#1506a4; text-decoration:underline; font-weight:bold;
}
a:hover {
	color:#95102a; text-decoration:none; font-weight:bold;
}
.lp {
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}
.lp a:link {
	color:#1506a4; text-decoration:none;
}
.lp a:visited {
	color:#1506a4; text-decoration:none;
}
.lp a:hover {
	color:#95102a; text-decoration:none;
}
#ueberschrift1 a:link {
	color:#1506a4; text-decoration:none;
}
#ueberschrift1 a:visited {
	color:#1506a4; text-decoration:none;
}
#ueberschrift1 a:hover {
	color:#95102a; text-decoration:none;
}
h1 {
	font-weight:bold;
}
.red {
	color:#f00;
}
.ul {
	text-decoration:underline;
}
li {
	list-style:none;
}
li.none {
	list-style:none;
	text-indent:25px;
}
#main-content {
	position:absolute;
	left:0px;
	top:29px;
	width:800px;
	height:433px;
	background:transparent;
	z-index:10;
}
/*#lp-content {
	margin:0 10px 25px 5px;
	height:auto;
	background:#006633;
}*/
#white {
	position:absolute;
	top:29px;
	left:0px;
	width:800px;
	height:407px;
	background:#fff;
	z-index:100;
	visibility:hidden;
}
#ueberschrift1 {
	position:absolute;
	left:68px;
	top:10px;
	width:705px;
	height:20px;
	font:bold 14px Arial, Helvetica, sans-serif;
	z-index:15;
}
#ueberschrift1a {
	position:absolute;
	left:68px;
	top:30px;
	width:705px;
	height:18px;
	font:bold 14px Arial, Helvetica, sans-serif;
	z-index:15;
}
#ueberschrift2 {
	position:absolute;
	left:68px;
	top:30px;
	width:705px;
	height:18px;
	font:bold 12px Arial, Helvetica, sans-serif;
	z-index:15;
}
#main-text {
	position:relative;
	text-align:justify;
	width:705px;
	height:322px;
	top:0px;
	left:0px;
	z-index:20;
}
#main-text-no-scroll {
	position:relative;
	text-align:justify;
	width:667px;
	height:322px;
	top:55px;
	left:68px;
	z-index:20;
}
#profilbild {
	position:absolute;
	top:105px;
	left:440px;
	width:200px;
	height:255px;
	background:url(../graphics/jaeschke_lantelme.jpg) no-repeat;
}
#impressum {
	position:absolute;
	width:200px;
	height:50px;
	top:0px;
	left:322px;
	z-index:21;
}
#cover-germania {
	position:absolute;
	top:102px;
	right:0px;
	width:120px;
	height:200px;
}
#cover-kaiserreich {
	position:absolute;
	top:86px;
	right:0px;
	width:120px;
	height:200px;
}
#cover-auslandspostaemter {
	position:absolute;
	top:150px;
	right:0px;
	width:215px;
	height:150px;
}
#cover-pfennige {
	position:absolute;
	top:120px;
	right:0px;
	width:120px;
	height:200px;
}
#cover-tientsin {
	position:absolute;
	top:118px;
	right:0px;
	width:120px;
	height:200px;
}


/* SCROLL */

.scroll-pane {
	OVERFLOW: auto;
}
.jScrollPaneContainer {
	position:relative;
	top:55px;
	left:68px;
	overflow:hidden;
	z-index:100;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}
.jScrollPaneDrag {
	position: absolute;
	background: #eee;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	background:url(../graphics/arrowup.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width: 10px;
	height: 10px;
}
a.jScrollArrowUp:hover {
	background:url(../graphics/arrowup_over.gif) no-repeat;
}

a.jScrollArrowDown {
	background:url(../graphics/arrowdown.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width: 10px;
	height: 10px;
}
a.jScrollArrowDown:hover {
	background:url(../graphics/arrowdown_over.gif) no-repeat;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}


/* FORMULAR */

#kontakt1 {
	position:absolute;
	left:68px;
	top:80px;
	width:300px;
	height:315px;
	background:#fff;
}
#kontakt2 {
	position:absolute;
	left:390px;
	top:80px;
	width:400px;
	height:315px;
	background:#fff;
}
.forminput {
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #a8a8a8;
	width:220px;
	height:18px;
	margin:2px 0 10px 0;
}
.textarea {
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #a8a8a8;
	width:220px;
	height:80px;
	margin:2px 0 5px 0;
	scrollbar-arrow-color:#a8a8a8;
	scrollbar-shadow-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-track-color:#fff;
}