@charset "utf-8";
body {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #D2D2D2;
  margin: 0;
  padding: 0;
  text-align: center; 
  color:#000;
}

img { border:0; }
h2 { font-size:1.4em; font-weight:bold; display:inline; color:#287B9C; }
h3 { font-size:1.6em; font-weight:bold; color:#287B9C; display:inline; }
h4 { font-size:0.9em; font-weight:bold; color:#287B9C; display:inline; }
.blau { color:#287B9C; }
.container { width: 850px; background: #FFFFFF; margin: 0 auto; text-align: left; }
.header {  }
.links_oben { float:left; }
.logo {  }
.main_content_startseite { background: #FFFFFF; }
ul { padding:0; margin:0; padding-left:16px; }
li { color:#287B9C; }
/* Navigation */
.navi { background-color:#287B9C; padding:5px 0 1px 0; height:24px; }
.navigation { padding-left:20px; text-align:center; }
.navigation a { color:#FFFFFF; font-size:0.9em; text-decoration:none; padding-right:45px; }
.navigation .isAktiv { color:#FFFFFF; font-size:0.9em; font-weight:bold; }
.navigation a:hover { text-decoration:underline; }

.sub_navigation { padding:0 0 20px 0; height:45px; }
.sub_navi_bg, .sub_navi_bg_blau { width:90px; height:52px; text-align:center; padding-top:35px; float:left; }
.sub_navi_bg { background-image:url(sub_navigation_bg.gif); background-repeat:no-repeat; }
.sub_navi_bg_blau { background-image:url(sub_navigation_bg_blau.gif); background-repeat:no-repeat; color:#FFFFFF; }
.sub_navi_bg_strich {background-image:url(sub_navigation_bg_strich.gif); background-repeat:no-repeat; width:88px; height:52px; text-align:center; padding-top:35px; float:left; }
.sub_navigation a { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:0.8em; color:#000000; text-decoration:none; }
.sub_navi_bg_blau a { color:#FFFFFF; }
.sub_navi_trenner { width:5px; float:left; background-color:#FFF; height:40px; border-bottom:1px solid #287B9C; }

/* Main Content */
.main_content { font-size:0.8em; }
.content_left_container { float:left; }
.content_left { padding-left:16px; width:470px; }
.content_text { padding-top:25px; line-height:18px; }
.content_text a { color:#000; }
.sub_navigation { }
.content_image { text-align:right; }

/* partner */
.partner { padding-bottom:15px; float:left; width:400px; }
.partner p { margin:0; padding:0; }
.partner_image { float:left; padding-right:12px; padding-bottom:5px; }
.partner_text {  }
/* Footer */
.footer { }
.footer_balken { background-color:#287B9C; padding:7px 0 1px 0; height:22px; padding-left:20px; }
.footer_balken a { color:#FFFFFF; font-size:0.9em; text-decoration:none; padding-right:45px; }
.footer_balken a:hover { text-decoration:underline; }
.footer_weiss {}
/* Footer Ende */

/* Scrollpane */
a.jScrollArrowUp { background: url(basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 0px; }
a.jScrollArrowDown { background: url(basic_arrow_down.gif) repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -10px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -10px; }
.orange-bar .jScrollPaneTrack { background: #fff000; }
.orange-bar .jScrollPaneDrag { background: #fff url(drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane { background: #fff000; }			
.holder { float: left; margin: 10px; }
.scroll-pane { width: 470px; overflow: auto; background: #fff; float: left; }
.wide { width: 450px; }
.super-wide { width: 450px; }
.tall { height: 400px; }
#pane2 { height: 470px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #fff; }
.jScrollPaneDrag { position: absolute; background: #EDF7FA; cursor: pointer; overflow: hidden; }
.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: 10px;
	width:10px;
}
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: 10px;
}
a.jScrollArrowDown:hover { 	/*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }