@charset "utf-8";
/*
	JF Haupt-CSS
*/

html, body {
	margin: 0;
	padding: 0;
}
body {
/*	background-color: #AAAAAA; */
	background-color: #000000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	text-align: center;/*fuer IE_quirks*/
	margin: 0px;
	padding: 0px;
}

/* set all to 0 */
h1, h2, h3, h4, p, ul, li, form, blockquote {
	margin: 0;
	padding: 0;
}

#wrapper {
	position: relative;
	margin: 10px auto;
	width: 1000px;
	background-color: #DDDDDD;
	color: #000000;
	text-align: left;/*Aufheben von IE_quirks im BODY*/
	height: 643px;
	background-repeat: no-repeat;
}

#header {
	position: absolute;
	margin: 0px;
	width: 1000px;
	background-color: #000000;
	color: #FFFFFF;
	height: 50px;
	top: 50px;
}

#header h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: normal;
}

#header img {
	vertical-align: bottom;
	padding-top: 5px;
	padding-left: 188px;
}

#logo {
	position: absolute;
	margin: 0px;
	width: 200px;
	height: 60px;
	top: 51px;
	left: 775px;
}

#rahmen1, #rahmen2, #rahmen3, #rahmen4 {
	position: absolute;
	margin: 0px;
	width: 770px;
	height: 504px;
	top: 120px;
	left: 190px;
}

#rahmen1 {
	background-image: url(/layout/images/rahmen1.png);
}

#rahmen2 {
	background-image: url(/layout/images/rahmen2.png);
}

#rahmen3 {
	background-image: url(/layout/images/rahmen3.png);
}

#rahmen4 {
	background-image: url(/layout/images/rahmen4.png);
}

#inhalt1 {
	position: absolute;
	margin: 0px;
	width: 700px !important;
	height: 440px;
	top: 152px !important;
	left: 227px !important;
	overflow: hidden;
}

#inhalt2a {
	position: absolute;
	margin: 0px;
	width: 320px !important;
	height: 440px;
	top: 152px !important;
	left: 227px !important;
	overflow: hidden;
}

#inhalt2b {
	position: absolute;
	margin: 0px;
	width: 320px !important;
	height: 440px;
	top: 152px !important;
	left: 610px !important;
	overflow: hidden;
}

#inhalt3a {
	position: absolute;
	margin: 0px;
	width: 420px !important;
	height: 440px;
	top: 152px !important;
	left: 227px !important;
	overflow: hidden;
}

#inhalt3b {
	position: absolute;
	margin: 0px;
	width: 220px !important;
	height: 440px;
	top: 152px !important;
	left: 710px !important;
	overflow: hidden;
}

#inhalt4a {
	position: absolute;
	margin: 0px;
	width: 220px !important;
	height: 440px;
	top: 152px !important;
	left: 227px !important;
	overflow: hidden;
}

#inhalt4b {
	position: absolute;
	margin: 0px;
	width: 420px !important;
	height: 440px;
	top: 152px !important;
	left: 510px !important;
	overflow: hidden;
}

.scroll-pane {
	margin: 0px;
	width: 100%;
	height: 440px;
	overflow: auto;
}

.fb-container {
	width: 310px;
	height: 390px;
	overflow: hidden;
}

#nav1 {
	position: absolute;
	margin: 0px;
	width: 50px;
	height: 275px;
	top: 120px;
	left: 20px;
	background-image: url(/layout/images/bgnav1.png);
}

#navimpressum {
	position: absolute;
	margin: 0px;
	width: auto;
	height: auto;
	top: 590px;
	left: 20px;
	background-image: url(/layout/images/bgnav2.png);
}

#nav2 {
	position: absolute;
	margin: 0px;
	width: 110px;
	height: auto;
	left: 70px;
	background-image: url(/layout/images/bgnav2.png);
}
#nav2 p, #navimpressum p {
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
}

#nav2 a, #navimpressum a {
	color: #FFFFFF;
	text-decoration: none;
}

#icon1, #icon2, #icon3, #icon4, #icon5, #icon6, #icon7, #icon8 {
	width: 40px;
	height: 40px;
	background-color: #000000;
	margin-top: 5px;
	margin-left: 5px;
}

#icon1 a, #icon2 a, #icon3 a, #icon4 a, #icon5 a, #icon6 a, #icon7 a, #icon8 a {
	display: block;
	background-color: #000000;
}

#icon1 a:hover {
	display: block;
	background-color: #006CC7;
}
#icon2 a:hover {
	display: block;
	background-color: #D00523;
}
#icon3 a:hover {
	display: block;
	background-color: #F46000;
}
#icon4 a:hover {
	display: block;
	background-color: #6700CE;
}
#icon5 a:hover {
	display: block;
	background-color: #01A952;
}
#icon6 a:hover {
	display: block;
	background-color: #F09100;
}
#icon7 a:hover {
	display: block;
	background-color: #D41982;
}
#icon8 a:hover {
	display: block;
	background-color: #D41982;
}

/* Texte */
p, li {
	font-size: 80%;
}
td {
	font-size: 100%;
}
ul {
	margin: 0px 0px 0px 20px;
}

.inhalt p {
	line-height: 120%;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.inhalt li {
	line-height: 110%;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.inhalt h1 {
	font-size: 100%;
	line-height: 120%;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
}

.inhalt h2 {
	font-size: 90%;
	line-height: 110%;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.inhalt h3, .inhalt h4, 
.inhalt h5, .inhalt h6 {
	font-size: 80%;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.klein {
	font-size: 75%;
}

/* sonstiges */
.unsichtbar, hr {
	display: none;
}

img {
	border: none;
}
.einr1 {
	text-indent: 7px;
}
.einr2 {
	text-indent: 14px;
}
.einr3 {
	text-indent: 21px;
}

/*
	jScrollPane
*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 4px;
	top: 0;
	width:1px !important;
	height: 100%;
	background: #000000;
}
.jScrollPaneDrag {
	position: absolute;
	width:8px !important;
	height:25px !important;
	background: #666666;
	cursor: pointer;
	/*overflow: hidden;*/
	left:-4px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}