/*--------------------------------------------------# hbsites.de# ------------------------------------------------------------------------# Copyright (C) 2007 h&b njusites GmbH. All Rights Reserved.---------------------------------------------*//* COMMON STYLE------------------------- */body {	margin: 0;	padding: 0;	color: #333333;	background: #FFFFFF;	font-family: Tahoma, Arial, sans-serif;}body#bd {	margin: 0;	padding: 0;	background: #F0F0F0; /*  Galerie*/	text-align: center;}body.contentpane {	width: auto; /* Printable Page */	margin: 10px;	font-size: 12pt;	font-family: serif;	line-height: 140%;}body.fs1{	font-size: 57%;}body.fs2{	font-size: 63%;}body.fs3{	font-size: 69%;}body.fs4{	font-size: 75%;}body.fs5{	font-size: 81%;}body.fs6{	font-size: 87%;}h1 {	font-size: 1.7em;}h2 {	margin: 10px 0;	font-size: 1.5em;}h3, h4 {	margin: 10px 0;	font-size: 1.25em;}/* normal text */#ja-main, #ja-main-f, #ja-footer {	line-height: 1.5;}/* Title text */.contentheading, .componentheading, div.moduletable h3, #ja-subnav h3,h1, h2, h3, h4, h5 {}/* Normal link */a {	color: #4D84A7;	text-decoration: none;}a:hover, a:active, a:focus {	color: #333333;	text-decoration: underline;}p {	margin: 15px 0;}ul {	margin: 0;	padding: 0;	list-style: none;}li {	padding-left: 25px;	background: url(../images/arrow-off.gif) no-repeat 0px 0px;}.ok {	padding-left: 25px;	padding-top:10px;	padding-bottom:0px;	margin-top: 0px;	background: url(../images/arrow-off-ok.gif) no-repeat 0px 0px;}th {	padding: 4px;	font-weight: bold;	text-align: left;}fieldset {	border: none;	margin: 0;	padding: 0;}#ja-content fieldset,#ja-content-f fieldset {	width: 500px;}fieldset a {	font-weight: bold;}hr {	border-top: 1px solid #AAAAAA;	border-right: 0;	border-left: 0;	border-bottom: 0;	height: 1px;}img {	border: 0;}td, div {	font-size: 1em;}/* FORM----------------------------------- */form {	margin: 0;	padding: 0;}input, select {	font: 11px Tahoma, Arial, sans-serif;}select, .inputbox {	padding: 2px;}textarea {	padding-left: 2px;}.button {	padding: 1px 4px;	border-top: 1px solid #E1E1E1;	border-left: 1px solid #E1E1E1;	border-bottom: 1px solid #BABDB6;	border-right: 1px solid #BABDB6;	background: url(../images/but-bg.gif) #EFEFEF;}.button:hover, .button:focus {	border-top: 1px solid #BABDB6;	border-right: 1px solid #E1E1E1;	border-bottom: 1px solid #E1E1E1;	border-left: 1px solid #BABDB6;}.inputbox {	border-top: 1px solid #BABDB6;	border-right: 1px solid #EDEEEC;	border-bottom: 1px solid #EDEEEC;	border-left: 1px solid #BABDB6;	background: url(../images/shadow.gif) repeat-x top #FFFFFF;}.inputbox:hover, .inputbox:focus {	border: 1px solid #BABDB6;	background: url(../images/shadow.gif) repeat-x top #FFFFFF;}/* MODULE-------------------------------------- */div.modules {	width: 100%;}div.moduletable {	padding: 0 0px 0 13px;	width: auto;	margin-bottom: 10px;}/* neu wegen Menumodul   */#ja-leftcol div.moduletable #ja-subnav {	padding: 0px;	width: 170px;	margin-left: -13px;}/* neu wegen Menumodul   */#ja-leftcol div.moduletable h3 {	padding: 0px;	width: 170px;	margin-left: 0px;}/* neu wegen Menumodul  */#ja-leftcol div.moduletable #ja-subnav #ja-subnav{	padding: 0px;	width: 170px;	margin-left: 0px;}div.moduletable h3 {	margin: 0 -12px 10px -13px;	padding: 0 10px 0 20px;	color: #666666;	font-size: 1em;	line-height: 21px;	text-transform: UPPERCASE;	height: 22px;}div.moduletable h3.collapse {	margin: 0 -12px 10px -13px;	padding: 0 10px 0 20px;	color: #666666;	background: url(../images/h3-bg.gif) no-repeat top #E1E1E1;	font-size: 1em;	line-height: 21px;	text-transform: UPPERCASE;	height: 22px;	cursor: pointer;}div.moduletable table {	border-collapse: collapse;	border-spacing: 0;}/* JOOMLA STYLE------------------------------------------- */table.blog {}/*CH 200108 */table.blog .article_seperator {	display: block;	height: 0px;}table.contentpane {	border: none;	width: 100%;}table.contentpaneopen {	border: none;}table.contenttoc {	margin: 0 0 10px 10px;	padding: 0;	width: 35%;}table.contenttoc td {	padding: 1px 5px 1px 18px;	background: url(../images/arrow-off.gif) no-repeat 7px 7px;}table.contenttoc th {	padding: 2px 4px;	background: #4D84A7;	color: #FFFFFF;	text-indent: 5px;	text-transform: UPPERCASE;}table.poll {	padding: 0;	width: 100%;	border-collapse: collapse;}table.pollstableborder {	padding: 0;	width: 100%;	border: none;	text-align: left;}table.pollstableborder img {	vertical-align: baseline;}table.pollstableborder td {	padding: 2px!important;}table.searchintro {	padding: 10px 0;	width: 100%;}table.searchintro td {	padding: 5px!important;}.adminform textarea {	width: 400px!important; /*Control the Frontend Editor area width*/}.adminform textarea.inputbox {}.blog_more {	margin: 10px 0;}.blog_more strong {	margin: 0 0 5px;	padding-left: 13px;	display: block;	background: url(../images/bullet.gif) no-repeat center left;	color: #666666;	text-transform: uppercase;}td.buttonheading {	padding: 0 3px!important;	text-align: center;}.category {	font-weight: bold;}.clr {	clear: both;}.code, pre {	border: 1px solid #F0F0C0;	width: auto;	padding: 5px;	background: #FFFFCC;}.componentheading {	margin: -10px -15px 10px -15px;	padding: 4px 15px 4px;	color: #666666;	background: #E1E1E1;	font-size: 1em;	font-weight: bold;	line-height: normal;	text-transform: UPPERCASE;}.contentdescription {	padding-bottom: 30px;}.contentheading {	font-size:1.7em;}table.blog .contentheading {	color: #4D84A7;	font-size: 1.7em;}table.blog a.contentpagetitle {	color: #4D84A7;	font-size: 1.25em;	font-weight: bold;	text-decoration: none;}a.mainlevel {	padding-left: 10px;	background: url(../images/arrow-off.gif) no-repeat 0px 5px;	color: #666666;	text-decoration: none;}a.mainlevel:hover,a.mainlevel:active {	color: #333333;	text-decoration: underline;}a.sublevel {	padding-left: 8px;}a.readon {	padding: 1px 3px 1px 12px;	background: url(../images/arrow-readon-on.gif) no-repeat 4px 5px #4D84A7;	color: #FFFFFF;	font-size: 10px;	text-decoration: none;	text-transform: lowercase;}a.readon:hover {	color: #FFFFFF;	text-decoration: none;}table.contentpaneopen td, table.contentpane td {}table.contentpaneopen, table.contentpane, table.blog {	width: 100%;}.createdate {	color: #AAAAAA;	font-weight: bold;	line-height: 10px;}.modifydate {	color: #AAAAAA;	height: 15px;}.error {	color: #CC0000;}.highlight {	border-bottom: 1px dotted;	font-weight: bold;}.message {	font-weight: bold;}.moduletable {	padding: 0;}.mosimage {	padding: 0;	margin: 15px 15px 0 0!important;	margin: 15px 5px 0 0;}.mosimage img {	padding: 0;	margin: 0!important;}.mosimage_caption {	margin-top: 2px;	padding: 1px 2px;	color: #AAAAAA;}.pagenav {	padding: 2px;}a.pagenav,.pagenav_prev a,.pagenav_next a,.pagenavbar a {	padding: 1px 4px;	border-top: 1px solid #E1E1E1;	border-left: 1px solid #E1E1E1;	border-bottom: 1px solid #BABDB6;	border-right: 1px solid #BABDB6;	background: url(../images/but-bg.gif) #EFEFEF;	color: #666666;	text-decoration: none;}a.pagenav:hover, a.pagenav:active,.pagenav_prev a:hover, .pagenav_prev a:active,.pagenav_next a:hover, .pagenav_next a:active,.pagenavbar a:hover, .pagenavbar a:active {	padding: 1px 4px;	border-top: 1px solid #BABDB6;	border-right: 1px solid #E1E1E1;	border-bottom: 1px solid #E1E1E1;	border-left: 1px solid #BABDB6;	background: url(../images/but-bg.gif) #EFEFEF;	color: #666666;	text-decoration: none;}.pagenavbar {	padding-left: 14px;	background: url(../images/pages.gif) no-repeat center left;	color: #666666;}.pagenavcounter {	padding: 8px 14px 0 14px;	background: url(../images/pages.gif) no-repeat 0 11px;	color: #666666;}.sectiontableheader {	padding: 1px 4px;	background: #4D84A7;	color: #FFFFFF;	font-weight: bold;}.sectiontableheader a, .sectiontableheader a:hover {	color: #FFFFFF;}tr.sectiontableentry1 td {	padding: 4px;	background: #F2F2F2;}tr.sectiontableentry2 td {	padding: 4px;}.small {	color: #AAAAAA;}.smalldark {	text-align: left;}#banner {}/* MAIN LAYOUT DIVS------------------------------------ */#ja-wrapper {}#ja-header-wrap1,#ja-sh-wrap1,#ja-pathway-wrap1,#ja-main-wrap1,#ja-footer-wrap1 {	text-align: center;}#ja-header-wrap2,#ja-sh-wrap2,#ja-pathway-wrap2,#ja-main-wrap2,#ja-footer-wrap2 {	width: 750px;	padding-left: 20px;	margin: auto;}#ja-header-wrap3,#ja-sh-wrap3,#ja-pathway-wrap3,#ja-main-wrap3,#ja-footer-wrap3 {	padding-right: 20px;}#ja-header,#ja-sh,#ja-pathway,#ja-main,#ja-main-full-left,#ja-main-full-right,#ja-footer {	text-align: left;}/* WIDE LAYOUT DIVS WIDTH---------------------------- */.wide #ja-header-wrap2,.wide #ja-sh-wrap2,.wide #ja-pathway-wrap2,.wide #ja-main-wrap2,.wide #ja-footer-wrap2 {	width: 900px;}.wide #ja-main {	background: url(../images/main-wide-bg.gif) repeat-y right #FFFFFF;}.wide #ja-main-full-left {	background: url(../images/main-wide-fl-bg.gif) repeat-y right #FFFFFF;}.wide #ja-main-full-right {	background: url(../images/main-wide-fr-bg.gif) repeat-y right #FFFFFF;}.wide #ja-content {	width: 498px;	float: right;	border: 0px solid #4D84A7;}.wide #ja-content-full-left {	width: 718px;	float: left;}.wide #ja-content-full-right {	width: 588px;	padding-left: 20px;	float: left;}/* 1 column content width */.wide #ja-content-f {	width: 880px;	float: left;}/* HEADER--------------------- */#ja-header-wrap1 {}#ja-header-wrap2 {	background: url(../images/main-wrap2.gif) top left;}#ja-header-wrap3 {	position: relative;}#ja-header h1 {	margin: 0;	padding: 0;	font-size: 2.5em;	position: absolute;	top: 0;	left: 0;}#ja-header h1 img {	margin: 0;	padding: 0;}#ja-header a {	color: #333;}#ja-search {	padding-left: 20px;	position: absolute;	top: 40px;	right: 10px;}#ja-search-tool {	padding-left: 10px;	background: url(../images/icon-search.gif) no-repeat 80px 6px;}#ja-search-tool .inputbox {	border: none;	margin-top: 3px;	color: #FFFFFF;	background: transparent;}#ja-search .inputbox {	border: 1px solid #4D84A7;	color: #4D84A7;}#ja-search .inputbox:hover,#ja-search .inputbox:focus {	border: 1px solid #4D84A7;	color: #333333;}/* New Begin */#ja-search-top {	padding-left: 3px;}#ja-search-top .inputbox {	border: none;	margin-top: 3px;	color: #333;	background: transparent;	margin-left: 0px;}/*  New End */#ja-usertoolswrap {	padding: 0;	height: 30px;	position: absolute;	top: 0;	right: 0;}/* New Begin */#ja-usertools_text a {	text-decoration: none;	margin-top: 5px;	margin-right: 5px;}/* New End */#ja-usertools {	padding: 0 0px 0 30px;	float: left;	display: block;	color: #FFFFFF;	font-size: 11px;	height: 30px;}#ja-usertools img {	padding: 6px 4px 2px;	display: block;	cursor: pointer;}#ja-usertools a {	padding: 0;	float: left;	display: block;}/*  a:focus deleted CH */#ja-usertools a:hover, #ja-usertools a:active {	background: #3B6580;}/* TOPNAV--------------------------------------------------------- */#ja-topnav {	border-top: 1px solid #81ABC6;	border-bottom: 1px solid #81ABC6;	font-size: 10px;	text-transform: UPPERCASE;}#ja-topnav a {	color: #D9E7EF;	font-weight: bold;}/* SUBHEADER + SPOTLIGHT------------------------- */#ja-header-wrap1 {}#ja-header-wrap3 {	position: relative;}#ja-header-wrap1 {}#ja-header-wrap3 {	position: relative;}#ja-header {	background: url(../images/header-bg.gif) repeat-x top #4D84A7; 	height: 150px; /* you can change the heigth of the header here. Maximum height: 250px. */	position: relative;}#ja-sh-wrap1 {}#ja-sh-wrap2 {	background: url(../images/main-wrap2.gif) top left; }#ja-sh-wrap3 {		background: url(../images/main-wrap3.gif) repeat-y top right; }#ja-sh {	padding: 0;	color: #FFFFFF;	height: 22px; /* you can change the heigth of the sub-header here. Maximum height: 498px. */}#ja-spotlight {	margin-top: 0px;}.ja-box_orig {	float: left;	border-top: 1px solid #FFFFFF;	border-right: 1px solid #E1E1E1;	border-bottom: 1px solid #E1E1E1;	border-left: 1px solid #FFFFFF;	background: #EFEFEF;	overflow: hidden;}.ja-box {	float: left;	border: 3px solid #425252 ;	color:#333;	background-color: #EFEFEF;	overflow: hidden;}#ja-spotlight h3 {	margin: 0 0 5px;	padding: 5px 0 0 18px;	background: url(../images/bullet.gif) no-repeat 5px 12px;}#ja-spotlight div.moduletable {	padding: 0 5px;	margin-bottom: 0;	background: none!important;}#ja-spotlight ul {	padding: 0;	margin: 0;}#ja-spotlight li {	padding: 0;	margin: 0;	background: none;	height: 20px;}#ja-spotlight li a {	padding: 0 5px 0 18px;	display: block;	background: url(../images/arrow-off.gif) no-repeat 7px 8px;	line-height: 20px;}#ja-spotlight li a:hover {	background: url(../images/arrow-off.gif) no-repeat 7px 8px #E1E1E1;	text-decoration: none;}#ja-spotlight td {	padding: 0 5px;}/* PATHWAY------------------------ */#ja-pathway-wrap1 {}#ja-pathway-wrap2 {}#ja-pathway-wrap3 {}#ja-pathway {	margin-left:4px;	margin-bottom: 5px;}#ja-pathway img {	display: none; /* DO NOT SHOW PATHWAY DEFAULT ARROW */}#ja-pathway a {	padding-right: 22px;	background: url(../images/slash.gif) no-repeat center right;}#ja-pathway a:hover, #ja-pathway a:active {}.pathway{	color: #686868;	font-size: 0.8em;	margin-bottom:20px;}a.pathway{	color: #686868;	font-size:1.05em;}#ja-leftcol {	width: 170px; 	float: left;	margin-bottom: 0px;}#ja-leftcol table {	border-collapse: collapse;}#ja-leftcol a.mainlevel {}#ja-leftcol ul.mainlevel {	padding-left: 20px;	background: url(../images/arrow-off.gif) no-repeat 5px 4px;}#ja-leftcol ul.mainlevel:hover {	background: url(../images/arrow-on.gif) no-repeat 5px 4px;}#ja-leftcol a.sublevel {	padding-left: 3px;}#ja-leftcol .article_seperator {	display: none;}/* CONTENT COLUMN------------------------------- */#ja-main-wrap1 {}#ja-main-wrap2 {	background: url(../images/main-wrap2.gif) top left; }#ja-main-wrap3 {	background: url(../images/main-wrap3.gif) top right;}#ja-main-wrap4 {	float: right;}/* 3 column content wrap */#ja-main {}/* 2 column content full left wrap */#ja-main-full-left {	border-top: 1px solid #FFFFFF;	background: url(../images/main-fl-bg.gif) repeat-y right #FFFFFF;}/* 2 column content full right wrap */#ja-main-full-right {	border-top: 1px solid #FFFFFF;	background: url(../images/main-fr-bg.gif) repeat-y right #FFFFFF;}/* 1 column content wrap */#ja-main-f {	border-top: 1px solid #FFFFFF;	background: #595959;	text-align: left;}/* 3 column content width */#ja-content {	width: 410px;	float: left;}/* 2 column content [on the left] with */#ja-content-full-left {	width: 568px;	float: left;}/* 2 column content [on the right] with*/#ja-content-full-right {	width: 568px;	float: right;}#ja-mainbody {	padding: 2px 15px 20px;}/* 1 column content width */#ja-content-f {	width: 730px;	float: left;}/* RIGHT COLUMN----------------- */#ja-rightcol {	width: 180px;	float: right;	margin-bottom: 10px;	margin-top:20px;	padding-right:10px;}#ja-rightcol table {	border-collapse: collapse;}#ja-rightcol a.mainlevel {}#ja-rightcol ul.mainlevel {	padding-left: 20px;	background: url(../images/arrow-off.gif) no-repeat 5px 4px;}#ja-rightcol ul.mainlevel:hover {	background: url(../images/arrow-on.gif) no-repeat 5px 4px;}#ja-rightcol a.sublevel {	padding-left: 3px;}#ja-rightcol .article_seperator {	display: none;}/* FOOTER--------------------------------------------------------- */#ja-footer-wrap1 {	clear: both;	height: 100%;}#ja-footer-wrap2 {	background: url(../images/main-wrap2.gif) top left; }#ja-footer-wrap3 {	background: url(../images/main-wrap3.gif) repeat-y top right;}#ja-footer {	padding: 1px 0 11px 0px;	background-color: #F0F0F0;	color: #686868;	position: relative;	height: 100%;}#ja-footer p {	padding-right: 15px;	padding-left: 15px;}#ja-footer ul#mainlevel-nav,#ja-footer ul#mainlevel {	padding-left: 5px;}#ja-footer ul#mainlevel li,#ja-footer ul#mainlevel-nav li {	padding: 0;	display: inline;	background: none;}#ja-footer a {	color: #FFFFFF;}#ja-footer ul a {	padding: 2px 10px;	color: #FFFFFF;}#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {	background: #447493;	text-decoration: none;}#ja-bottomline {	padding: 0;	margin: 10px 0 0;}#ja-bottomline a {	padding: 0;	color: #000000;}#ja-bottomline a:hover {	background-color: #000000;	color:#FFFFFF;}#ja-cert {	position: absolute;	top: 5px;	right: 10px;}#ja-cert a:hover, #ja-cert a:active, #ja-cert a:focus {	background: none;}/* MISCELLANOUS----------------------------------------------------------- */div.back_button a,div.back_button a:hover,div.back_button a:active {	margin: 10px 0;	display: block;	color: #AAAAAA;	text-decoration: none;}#mod_login_password, #mod_login_username {	width: 100px;}#mod_login_password {}#mod_login_username {}#mod_login_remember {	border: none;	background: none;}#mod_search_searchword {	width: 70px;}/* Text Shadow */.clearfix:after {	clear: both;	display: block;	content: ".";	height: 0;	visibility: hidden;}* html > body .clearfix {	width: 100%;	display: block;}* html .clearfix {	height: 1%; /* End hide from IE-mac */}/* Firefox Scrollbar Hack - Do not remove */html {	margin-bottom: 1px;	height: 100%!important;	height: auto;}ul.latestnews_top {margin-left: 200px;padding-top: 5px;color: black;}ul.latestnews_top a{text-decoration: none;color: #ff0000;}#ja-header ul.latestnews_top a:hover{font-weight: bold;color: #003366;}#mainlevel-nav {	margin: 0;	padding: 0;	list-style: none;}#mainlevel-nav li {	padding: 0;	margin: 0;	display: inline;}#mainlevel-nav a {	padding-left: 5px;	/*display: block; */}/* Test clipnote */.clipnote{}p.clipnote {	padding: 25px 60px 15px 20px;	background: url(../images/clip-bg.gif) no-repeat top right #4F89D2;	color: #111111;}.tips {	padding-left: 22px;	color: #E86D29;	background: url(../images/bullet-tips.gif) no-repeat top left;}ul.accessibility {	position: absolute;	top: -100%;}#ja-hp-switch {	float: right;	color: #CCCCCC;	display:none;	font-weight: bold;	cursor: pointer;	padding: 3px 5px 5px;	margin-top: 0px;	margin-left: -3px;	background: #666;}.ja-hp-active {	color: #FFFFFF !important;	background: #006DA3;	border-bottom: 0px solid #000000;}#ja-hpwrap {	background: #EFEFEF;	font-size: 11px;}#ja-hp {	line-height: normal;}div.ja-hpmodule {	float: right;	padding: 3px 0 2px;}html>body div.ja-hpmodule {	float: right;	padding: 5px 0 5px;}div.ja-hpmodule form {	float: left;}div.ja-hpmodule form label {	float: left;	padding: 0 5px;}div.ja-hpmodule form input.button {	padding: 0px 3px;	background: #333333;	border: 1px solid #333333;	color: #CCCCCC;	font-size: 11px !important;}div.ja-hpmodule form #mod_login_username,div.ja-hpmodule form #mod_login_password {	background: #F7F7F7;	border: 1px solid #CCCCCC;	width: 70px;	margin-bottom: 0;}div.ja-hpmodule form #mod_login_remember {	margin-bottom: 0;}	div.ja-hpmodule form a {	padding-left: 5px;	border-left: 1px solid #CCCCCC;}#ja-left-two{	float:left;	width:690px;	border: 0px solid #CCCCCC;}	.morph1 {	border: 3px solid #84C326;	color:#333;	background-color: #FFF;}  .morph2 {	border: 3px solid #425252 ;	color:#333;	background-color: #EFEFEF;}.moduletable .mod_contentitem .contentheading{text-transform:uppercase;font-size: 1.5em;color: #666;}.moduletable .mod_contentitem_f .contentheading{text-transform:uppercase;font-size: 1.5em;color: #666;}.mod_contentitem_f p{margin: 0px 0pt;width: 250px;}.weiter{	background: url(../images/weiter.gif) no-repeat 0px 5px;	margin-top:10px;	padding-top:10px;}#morpher{	cursor:pointer;}#morpher2{	cursor:pointer;}#morpher3{	cursor:pointer;}#morpher4{	cursor:pointer;}.text1{	position: absolute;	left: 12px;	top: 98px;	color:#333;	font-weight:bold;}.text1 a{	text-decoration: none;}.text2{	position: absolute;	left: 12px;	top: 115px;	color:#333;	font-weight:bold;}.text3{	position: absolute;	left: 12px;	top: 128px;	color:#333;	font-size:0.8em;}.ja-tab-content{	display: none;}#ja-hpwrap{	height:0;overflow:hidden;visibility:hidden;}.mod_contentitem .article_seperator {	display: none;}