* {
	font-family: Arial;
	font-size: 1em;
	color: #333333;
}

html {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #297229;
}

body {
	position: relative;
	height: 100%;
	background-color: #297229;
	background-image: none;
	font-size: 85%;
	margin: 0;
	padding: 0;
}

#page {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -425px;
	width: 850px;
	height: 500px;
	background: url(/system/images/bg_page.png) top left no-repeat;
}

#homelink {
	position: absolute;
	top: 76px;
	left: 141px;
	width: 131px;
	height: 102px;
}

#homelink a img {
	border: 0;
}

a.mainNavLink {
	text-decoration: none;
	color: #333333;
	line-height: 1em;
	font-size: 0.8em;
}

a.mainNavLink.current,
a.mainNavLink:hover {
	font-weight: bold;
}

#mainNav1 {
	position: absolute;
	top: 179px;
	left: 89px;
	width: 60px;
	height: 31px;
}

#mainNav1 a {
	width: 41px;
	height: 17px;
	display: block;
	position: relative;
	padding: 14px 0 0 19px;
	background: url(/system/images/bg_mainNavi_01.png) top left no-repeat;
}

#mainNav1 a:hover,
#mainNav1 a.current {
	background-position: 0px -31px;
}

/* mainnav02
 -------------------------------- */
#mainNav2 {
	position: absolute;
	top: 214px;
	left: 52px;
	width: 60px;
	height: 33px;
}

#mainNav2 a {
	width: 46px;
	height: 17px;
	display: block;
	position: relative;
	padding: 16px 0 0 14px;
	background: url(/system/images/bg_mainNavi_02.png) top left no-repeat;
}

#mainNav2 a:hover,
#mainNav2 a.current {
	background-position: 0px -33px;
}

/* mainnav03
 -------------------------------- */
#mainNav3 {
	position: absolute;
	top: 260px;
	left: 25px;
	width: 60px;
	height: 32px;
}

#mainNav3 a {
	width: 47px;
	height: 16px;
	display: block;
	position: relative;
	padding: 16px 0 0 13px;
	background: url(/system/images/bg_mainNavi_03.png) top left no-repeat;
}

#mainNav3 a:hover,
#mainNav3 a.current {
	background-position: 0px -32px;
}

/* mainnav04
 -------------------------------- */
#mainNav4 {
	position: absolute;
	top: 307px;
	left: 6px;
	width: 60px;
	height: 33px;
}

#mainNav4 a {
	width: 45px;
	height: 18px;
	display: block;
	position: relative;
	padding: 15px 0 0 15px;
	background: url(/system/images/bg_mainNavi_04.png) top left no-repeat;
}

#mainNav4 a:hover,
#mainNav4 a.current {
	background-position: 0px -33px;
}

#wrapper {
	position: absolute;
	top: 152px;
	left: 142px;
	width: 708px;
	height: 345px;
}

#wrapper a img {
	border: 0;
}

#wrapper #sidebar {
	position: absolute;
	left: 0px;
	top: 82px;
	width: 134px;
	height: 260px;
}

#wrapper #sidebar div#imagePreview {
	position: relative;
	text-align: center;
}

#wrapper #sidebar div#imagePreview .imageItem {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	background-color: #fff;
	padding: 6px;
}

#wrapper #sidebar div#imagePreview .imageItem .corner {
	display: none;
}

#wrapper #sidebar div#imagePreview .landscape {
width: 150px;
}

#wrapper #sidebar div#imagePreview .portrait {
width: 102px;
margin-left: 24px; 

}

#wrapper #sidebar div#imagePreview .current {
	display: block;
}

#wrapper #sidebar div#imagePreview .current .corner {
	display: block;
}


#wrapper #sidebar div#imagePreview div.corner {
	position: absolute;
	width: 13px;
	height: 13px;
	z-index: 500;
	background-color: transparent;
	background-image: url(/system/images/bg_image_corners.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#wrapper #sidebar div#imagePreview div.imageCornerTopLeft {
	top: 0px;
	left: 0px;
}

#wrapper #sidebar div#imagePreview div.imageCornerTopRight {
	top: 0px;
	right: 0px;
	background-position: -13px 0px;
}

#wrapper #sidebar div#imagePreview div.imageCornerBottomLeft {
	bottom: 0px;
	left: 0px;
	background-position: 0px -13px;
}


#wrapper #sidebar div#imagePreview div.imageCornerBottomRight {
	bottom: 0px;
	right: 0px;
	background-position: -13px -13px;
}

#wrapper #content {
	position: absolute;
	left: 194px;
	top: 0px;
	width: 514px;
	height: 330px;
	overflow: hidden;
	font-size: 0.9em;
	color: #333333;
}

#wrapper #content #innerContent{
	position: relative;
	width: 444px;
	padding-right: 70px;
	height: 330px;
	overflow: auto;
}



#cites {
	position: absolute;
	bottom: 440px;
	right: 50px;
	width: 440px;
	height: 60px;
	overflow: hidden;
}

#cites .citeItem {
	position: absolute;
	left: 0x;
	top: 0px;
	width: 440px;
	height: 60px;
	display: none;
}

#cites .current {
	display: block;
}

#cites .citeItem .cite {
	position: absolute;
	bottom: 15px;
	right: 0px;
	text-align: right;
	font-size: 0.95em;
	font-weight: bold;
}

#cites .citeItem .author {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 0.75em;
	text-align: right;
}

#subnavigation {
	position: absolute;
	top: 74px;
	left: 354px;
}

#subnavigation div {
	position: absolute;
	width: 92px;
	height: 37px;
	left: 0px;
	top: 0px;
}

#subnavigation div a {
	text-decoration: none;
	font-size: 0.63em;
	line-height: 1em;
	text-align: center;
	display: block;
	width: 68px;
	height: 32px;
	padding: 4px 0 0 24px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(/system/images/bg_subNav-trans.png);
}

#subnavigation div a:hover,
#subnavigation div a.current {
	background-position: 0px -36px !important;
	color: #ffffff;
}

#subnavigation div a.first {
	background-image: url(/system/images/bg_subNav_first-trans.png);
}

#subnavigation div a.last {
	background-image: url(/system/images/bg_subNav_last-trans.png);
	padding-right: 13px;
}

#subnavigation div a.single {
	background-image: url(/system/images/bg_subNav_single-trans.png);
	padding-right: 13px;
}

#subnavigation div#subNavAbschluss {
	background: url(/system/images/bg_subNav_Abschluss.png) top left no-repeat;	
}


/* --- individuelle Stile ---- */
.rot {

}




/* --- ScrollPane ---- */
a.jScrollArrowUp {
	background: url(/system/js/jScrollPane/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/system/js/jScrollPane/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.jScrollPaneTrack {
	background: #fffdea !important;
}

.jScrollPaneDrag {
	background: #fffdea url(/system/js/jScrollPane/drag_grab.gif) no-repeat 50% 50% !important;
}