/**********************************************************************/
/*** BODY ***/
/**********************************************************************/
html, body {
	padding: 0px; height: 100%
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin: 0px auto;
	
	color: #69675C;
	background-color: #e4e4e4;
}

 
/**********************************************************************/
/*** HEADINGS ***/
/**********************************************************************/
h1 {
	font-family: "Times New Roman", Georgia, serif;
	font-size: 18px; 
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #003a75;
}

body.hm h1 {
	color: #006ec9;
}

h2 {
	font-size: 11px;
	font-weight: normal;
	color: #003a75;
	padding: 0px;
	margin: 0px 0px 2px 0px;
}

h3 {
	font-size: 11px;
	font-weight: normal;
	color: #003a75;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}

/**********************************************************************/
/*** IMAGES ***/
/**********************************************************************/
img {border: none;}



/**********************************************************************/
/*** LINKS ***/
/**********************************************************************/
a:link, a:active, a:visited, a:hover {
	color: #003A75;
	text-decoration: underline;
	outline: none;
}

/**********************************************************************/
/*** TABELS ***/
/**********************************************************************/
td {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	padding: 4px 4px 4px 0px;
}

td p {
	margin: 0px;
	padding: 0px;
}

.no-padding {
	padding:0px;
}
/**********************************************************************/
/*** CONTAINER ***/
/**********************************************************************/
#container, #background {
	position: relative;
	width: 970px;
	height: 100%;
	margin: 0px auto;
	
	background-image: url(../images/bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	text-align: left;
}

body.lp #container, body.lp #background {
	background-image: url(../images/lp_bg.gif);
	background-position: left;
	width: 818px;
}

#background {
	height: auto;
	float: left;
}

#main-container {
	position: relative;
	margin-top: 45px;
	left: 0px;
	width: 970px;
	float: left;
}

/**********************************************************************/
/*** HEADER ***/
/**********************************************************************/
#head {
	position: relative;
	top: 0px;
	left: 0px;
	width: 970px;
	height: 165px;
}

#top {
	position: absolute;
	top: 0px;
	left: 0px;
}

/**********************************************************************/
/*** LOGO ***/
/**********************************************************************/
#logo {
	position: absolute;
	top: 40px;
	left: 375px;
	width: 210px;
	height: 80px;
}

body.lp #logo {
	left: 290px;
	width: 240px;
	height: 80px;
}

body.hm #logo {
	top: 30px;
	width: 210px;
	height: 100px;
}

/**********************************************************************/
/*** HEADER ***/
/**********************************************************************/
body.lp #header {
	position: absolute;
	top: 160px;
	left: 3px;
	width: 812px;
	height: 253px;
}


/**********************************************************************/
/*** TOP NAVIGATION ***/
/**********************************************************************/
#topnav {
	position: absolute;
	top: 10px;
	left: 10px;
	width: auto; /*760px;*/
	height: 15px;
	font-size: 10px;
	color: #000000;
}

body.gray #topnav { left: 26px; }

body.blue #topnav { left: 17px; }

body.hm #topnav { left: 30px; }

/**********************************************************************/
/*** OPTIONS NAVIGATION ***/
/**********************************************************************/
#optnav {
	position: absolute;
	top: 7px;
	right: 20px;
	width: auto; /*210*/
	height: 20px;
	text-align: right;
	font-size: 10px;
	color: #99978C;
	z-index: 1;
}

#optnav div {
	overflow:visible;
	
}
#optnav a:link, #optnav a:active, #optnav a:visited {
	/*color: #99978C; hellgrau*/
	/*color: #2f311c; dunkelgrau*/
	color: #003A75;
	text-decoration: none;
}

#optnav a:hover {
	text-decoration: underline;
}

#optnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}

#optnav li {
	margin: 0px;
	padding: 0px 2px;
	display: inline;
}

div.optnav-button {
	height: 20px;
	width: auto;
	background-position: right;
	background-repeat: no-repeat;	
	float: right;
}

div.optnav-button-icon, div.optnav-button-label {
	float: right;
}

div.optnav-button-label {
	padding: 4px 5px 5px 5px;
}

/**********************************************************************/
/*** LANGUAGE SELECT ***/
/**********************************************************************/
#language-select {
	position: absolute;
	top: 25px;
	right: 0px;
	
	/*display: none;*/
	
	border: 2px solid #F2F2F0;
	background-color: #ffffff;
}

#language-select ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#language-select li {
	text-align: center;
	padding: 2px 20px 2px 20px;
	float: none;
	display: block;
}

/**********************************************************************/
/*** MAIN NAVIGATION ***/
/**********************************************************************/
#mainnav {
	position: absolute;
	top: 135px;
	left: 5px;
	width: 960px;
	height: 28px;
	
	background-image: url(../images/nav/mainnav_yellow_bg.gif);
	background-repeat: repeat-x;
}

body.blue #mainnav { 
	background-image: url(../images/nav/mainnav_blue_bg.gif);
	border-top: 4px solid #b7b7ad;
	height: 32px;
}

body.gray #mainnav { 
	background-image: url(../images/nav/mainnav_gray_bg.gif); 
}

body.hm #mainnav { 
	/*background-image: url(../images/nav/mainnav_orange_bg.gif);*/ 
	background-image: url(../images/nav/mainnav_hanseblue_bg.gif);
}

#mainnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#mainnav li {
	float: left;
}

/**********************************************************************/
/*** SEARCH ***/
/**********************************************************************/
#searchmask {
	position: absolute;
	top: 140px;
	right: 20px;
	width: 160px;
}


#searchmask-field {
	position: absolute;
	top: 2px;
	right: 22px;
}

body.blue #searchmask-field {
	top: 6px;
}


#searchmask-field input {
	width: 130px;
}

#searchmask-submit {
	position: absolute;
	top: 0px;
	right: 0px;
}

body.blue #searchmask-submit {
	top: 4px;
}

/**********************************************************************/
/*** LEFT COLUMN ***/
/**********************************************************************/
#leftnav {
	position: relative;
	top: 0px;
	left: 5px;
	width: 170px;
	height: auto;
	min-height: 100px;
	float: left;
	overflow-x: hidden;
	
	font-size: 10px;
}

#leftnav ul.main,  #leftnav ul.sub1, #leftnav ul.sub2 {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#leftnav ul.main li {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}


#leftnav ul.sub1 li, #leftnav ul.sub2 li {
	padding: 5px 10px 5px 19px;
	margin: 0px;
	border-bottom: 1px solid #f1f5f9;
	
	background-image: url(../images/nav/leftnav_sub_bg_no.gif);
	background-position: 10px 8px;
	background-repeat: no-repeat;
}

#leftnav ul.sub2 li {
	border: none;
	padding-left: 30px;
	background-position: 20px 8px;
}

#leftnav ul.sub1 li.last {
	border: none;
}

#leftnav ul.sub1 li.has-sub {
	border: none;
}

#leftnav ul.sub2 li.last {
	border-bottom: 1px solid #f1f5f9;
}

#leftnav ul.sub1 li.act {
	background-image: url(../images/nav/leftnav_sub_yellow_bg_act.gif);
}

body.blue #leftnav ul.sub1 li.act {
	background-image: url(../images/nav/leftnav_sub_blue_bg_act.gif);
}




#leftnav ul.sub1 a:link, #leftnav ul.sub1 a:active, #leftnav ul.sub1 a:visited, #leftnav ul.sub1 a:hover {
	color: #003a75;
	text-decoration: none;
}

#leftnav ul.sub1 li.act a:link, #leftnav ul.sub1 li.act a:active, #leftnav ul.sub1 li.act a:visited, #leftnav ul.sub1 li.act a:hover {
	color: #7f7d70;
}


/**********************************************************************/
/*** BUTTON ***/
/**********************************************************************/
div.button-no, div.button-act  {
	position: relative;
	width: auto;
	height: 20px;
	padding: 2px 5px;
	white-space: nowrap;
	display: block;
	margin: 10px 5px 0px 5px;
		
	background-image: url(../images/btn_slice_mid_no.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-align: center;
	font-size: 10px;
}

div.button-act {
	background-image: url(../images/btn_slice_mid_act.png);
}

body.blue div.button-act {
	background-image: url(../images/btn_slice_gray_mid_act.png);
}

div.button-label {
	position: relative;
	width: auto;
	height: 20px;
}

div.button-left-border {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5px;
	height: 20px;
	margin-left: -5px;
	
	background-image: url(../images/btn_slice_left_no.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div.button-act div.button-left-border {
	background-image: url(../images/btn_slice_left_act.png);
}

body.blue div.button-act div.button-left-border {
	background-image: url(../images/btn_slice_gray_left_act.png);
}

div.button-right-border {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5px;
	height: 20px;
	margin-right: -5px;
	
	background-image: url(../images/btn_slice_right_no.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div.button-act div.button-right-border {
	background-image: url(../images/btn_slice_right_act.png);
}

body.blue div.button-act div.button-right-border {
	background-image: url(../images/btn_slice_gray_right_act.png);
}

div.button-label a:link, div.button-label a:active, div.button-label a:visited {
	color: #003a75;
	text-decoration: none;
}

div.button-label a:hover {
	color: #7f7d70;
}


/**********************************************************************/
/*** CONTENT ***/
/**********************************************************************/
#content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 510px;
	min-height: 200px;
	margin: 0px 0px 0px 42px;
	
	float: left;
	line-height: 18px;
	overflow-x: hidden;
}

#content .clear {
clear:both;
}

body.lp #content {
	position: relative;
	top: 0px;
	left: 3px;
	width: 812px;
	margin: 420px 0px 20px 0px;
	background-image: url(../images/content_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

body.lp #content-header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 772px;
	padding: 10px 15px;
	
	border-bottom: 1px solid #edf2f5;
}

body.lp #content-header h1 {
	margin: 0px;
	text-transform: none;
}

#content  .teaser {
	color: #003a75;
}

table.csc-uploads {
	margin-bottom:10px;
	
}

#full-content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 410px;
	margin-left: 5px;
	
	float: left;
	overflow: hidden;
}

#wide-content-center {
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: auto;
	margin-left: 35px;

	line-height: 18px;
	float: left;
}

div.wide-content-left, div.wide-content-right, div.two-columns-content-left {
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: auto;
	min-height: 200px;
	margin-left: 5px;
	
	float: left;
	overflow-x: hidden;
}

div.wide-content-left {
	width: 717px;
}

div.two-columns-content-left {
	margin-left: 22px;
	line-height: 18px;
}

div.wide-content-right {
	margin-left: 40px;
	line-height: 18px;
}

div.wide-content-body  {
	position: relative;
	width: 680px;
	top: 0px;
	left: 0px;
	margin-left: 18px;
	float: left;
	
	line-height: 18px;
}


body.lp #content-block-left {
	position: relative;
	float: left;
	width: 200px;
	
	margin: 20px 0px 0px 15px;
	padding-bottom: 20px;
}

body.lp #content-block-right {
	position: relative;
	float: right;
	width: 500px;
	padding: 0px 20px 20px 0px;
	
	margin-top: 20px;
}

div.content-block {
	position: relative;
	width: 710px;
	height: auto;
	float: left;
	
	margin-bottom: 45px;
}

div.line {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin: 40px 0px 0px 5px;
}

#content ul, div.wide-content-right ul, div.wide-content-left ul { 
	/*list-style: none;*/
	margin: 0px 0px 0px 25px;
	padding: 0px;
}

#content li, div.wide-content-right li, div.wide-content-left li { 
	margin: 0px;
	padding: 2px 3px;
}

#content li p {
	margin: 0px;
	padding: 0px;
}

#column-left {
	width: 340px;
	float: left;
}

#column-right {
	margin-left: 20px;
	float: left;
	width: 340px;
}

.csc-textpic-imagewrap dl {
 	margin-top:10px;
}


body.hm .csc-textpic-imagewrap dl {
	margin-top: 0px;
}

.content-new-layout {
	height: auto;
	position: relative;
}

.content-new-layout .csc-frame-indent {
	position: absolute;
	top: 20px;
	left: 20px;
}

#closable-text-new-layout .back {
	position:relative;
	top:-30px;
}

/**********************************************************************/
/*** SLIDESHOW ***/
/**********************************************************************/
#slideshow-background {
	width: 710px;
	height: 313px;
	/*background-image: url("../images/slideshow/slideshow-bg.jpg");*/
}

body.blue #slideshow-background {
	width: 960px;
	height: 411px;
	/*background-image: url("../images/slideshow/slideshow-bg-eu.jpg");*/
}

#slideshow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 710px;
	height: 313px;
	z-index: 0;
}

#slideshow-buttons-container  {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 171px;
	height: 200px;
	z-index:1;
}

div.slideshow-buttons {
	position: relative;
	top: 0px;
	width: 171px;
	height: 85px;
	margin-bottom: 15px;
}


#tag-cloud {
	top: 215px;
	right:15px;
	width: 145px;
	height: 151px;
	padding: 10px;
	overflow: hidden;
	position:absolute;
	font-family: "Times New Roman", Georgia, serif;
	background-image: url(../images/startpage_tagcloud_box.png);
	text-align: justify;
	line-height: 22px;
}


#tag-cloud a:link, #tag-cloud a:active, #tag-cloud a:visited, #tag-cloud a:hover {
	 text-decoration: none;
}


body.blue #tag-cloud .box-head {
	display:none;
}

/* statt tabellen */
#content .fullwidth {
	width:100%;
	clear:both;
}

#content .fullwidth .float {
	float:left;
	width:250px;
	
}

#content .fullwidth_list .float p, #content .fullwidth_list .float a, #content .fullwidth_list .float span {
	line-height: 1 em;
	padding:2px 0px;
	margin: 0px;
}

/**********************************************************************/
/*** SOLUTIONS ICONS ***/
/**********************************************************************/
#icons-head {
	margin: 0px 0px 15px 16px;
}

.icons-item {
	float: left;
	/*width: 142px;*/
	height: 109px;
}

/**********************************************************************/
/*** CONDITIONS7FORMS ***/
/**********************************************************************/

#cond_forms a {
	text-decoration:none;
}

#cond_forms a span {
	text-decoration:underline;
}

#cond_forms img {
	vertical-align:top;
}

/**********************************************************************/
/*** CLOSEABLE ELEMENT ***/
/**********************************************************************/
.closable-element {
	/*background-color:#F2F2F0;*/
	position: relative;
	width: 510px;
	margin: 15px 0px 15px 0px;
}

.closable-element .title {
	position: relative;
}

.closable-element .csc-header, .closable-element h1 {
	margin: 0px;
	padding: 0px; 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;
	
	background-color: #f2f2f0;
	color: #003a75;
	
}

.closable-element a.internal-link {
	background-color:#F2F2F0;
	padding-top:0;
	padding-bottom:0;
	
}


.content-new-layout .csc-frame-invisible {
	background: transparent url(../images/closable_trans_bg.png) top left no-repeat;
	height:41px;
	width:242px;
	
}

 .content-new-layout a td {
	vertical-align:middle;
 }
 
 .content-new-layout h2 {
 	font-size:11px;
	font-weight:bold;
	line-height:12px;
  }
 
 .content-new-layout a td.btn {
	text-align:left;
	vertical-align:middle;
	background: url(../images/btn_closed.png) 4px 50%  no-repeat;
	vertical-align:middle;
	height:38px;
	width:26px;
	padding:0;
}

.content-new-layout a:hover td.btn {
	background: url(../images/btn_closed_act.png) 4px 50%  no-repeat;
}

.content-new-layout a.act td.btn {
	background: url(../images/btn_opened.png) 4px 50%  no-repeat;
}

.content-new-layout a:hover.act td.btn {
	background: url(../images/btn_opened_act.png) 4px 50%  no-repeat;
}


.content-new-layout #closable-element-1  {
	position:absolute;
	top:267px;
	left:6px;
	
}

.content-new-layout #closable-element-2  {
	position:absolute;
	top:267px;
	left:254px;
	
}

.content-new-layout #closable-element-3  {
	position:absolute;
	top:221px;
	left:6px;
	
}

.content-new-layout #closable-element-4  {
	position:absolute;
	top:221px;
	left:254px;
	
}

.content-new-layout #closable-element-5  {
	position:absolute;
	top:174px;
	left:6px;
	
}

.content-new-layout #closable-element-6  {
	position:absolute;
	top:174px;
	left:254px;
	
}


.faq-cat-navi {
	list-style: none;
	margin: 0 0 20px!important;
	padding: 0px;
}

.faq-cat-navi a {
	font-family: "Times New Roman", Georgia, serif;
	font-size: 18px; 
	font-weight: normal;
	
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #003a75;
}

.faq-cat-navi li {
	display: inline;
	font-size: 1.5em;
	padding-right: 1px!important;
}
.faq_cat {
	margin: 35px 0px 0px 0px;
	padding: 0px;
}

.faq_cat h4 {
	font-size:14px;
}

.closable-element  a h2 {
	font-weight:bold;
	
}

.closable-element  a:link, .closable-element  a:active, .closable-element  a:visited {
 	display: block;
 	padding: 9px 10px 9px 40px;

	
	color: #003a75;
 	text-decoration: none;
 	
 	background-image: url(../images/btn_closed.png);
 	background-repeat: no-repeat;
 	background-position: 10px 8px;
 	
 	border: none;
}

.content-new-layout .csc-frame-invisible a:link, 
.content-new-layout .csc-frame-invisible a:active,
.content-new-layout .csc-frame-invisible a:visited,
.content-new-layout .csc-frame-invisible a:hover   {
	color: #003a75;
 	text-decoration: none;
 	line-height:12px;
 	border: none;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align:middle;
}



/* IE7 */
*+html .closable-element  a:link, *+html.closable-element  a:active, *+html.closable-element  a:visited {
	padding: 11px 10px 7px 40px;
	background-position: 10px 10px;
}

/* IE7 */
*+html .content-new-layout .csc-frame-invisible   a:link, *+html .content-new-layout .csc-frame-invisible   a:active, *+html .content-new-layout .csc-frame-invisible   a:visited {
	padding: 7px 10px 5px 40px;
	background-position: 10px 13px;
}

.closable-element  a:hover {
	background-image: url(../images/btn_closed_act.png);
}

.content-new-layout .csc-frame-invisible  a:hover {
	background-image: url(../images/btn_closed_act.png);
}

.closable-element  a:link.act, .closable-element  a:active.act, .closable-element  a:visited.act {
	background-image: url(../images/btn_opened.png);
}

.content-new-layout .csc-frame-invisible a:link.act, .content-new-layout .csc-frame-invisible  a:active.act, .content-new-layout .csc-frame-invisible h1 a:visited.act {
	background-image: url(../images/btn_opened.png);
}

/* IE7 */
*+html .closable-element  a:link.act, *+html .closable-element  a:active.act, *+html .closable-element  a:visited.act {
	padding: 11px 10px 7px 40px;
	background-position: 10px 10px;
}

/* IE7 */
*+html .content-new-layout .csc-frame-invisible  a:link.act, *+html .content-new-layout .csc-frame-invisible  a:active.act, *+html .content-new-layout .csc-frame-invisible  a:visited.act {
	padding: 7px 10px 5px 40px;
	background-position: 10px 13px;
}

.closable-element  a:hover.act {
	background-image: url(../images/btn_opened_act.png);
}


.content-new-layout .csc-frame-invisible  a:hover.act {
	background-image: url(../images/btn_opened_act.png);
}

.closable-element .title-top-bg, .closable-element .title-bottom-bg {
	position: absolute;
	left: 0px;
	width: 510px;
	height: 9px;
 	background-repeat: no-repeat;
 	background-position: 0px 0px; 	  
}

.closable-element .title-top-bg {
	top: 0px;
	margin-top: -1px;
	background-image: url(../images/closable_head_top_bg.gif);
}

.csc-header {
	position: relative;
}

.closable-element .title-bottom-bg {
	bottom: 0px;
	margin-bottom: -1px;
	background-image: url(../images/closable_head_bottom_bg.gif);
}

.closable-element .closable-element-text {
	padding-bottom: 20px;
}

.closable-element-text a {
	background-image:none !important;
	padding:0 !important;
	
}

.hidden {
	display: none;
}

.closable-element .bodytext .small .internal-link {
	/*font-size:12px;
	font-weight:normal;*/
	padding:5px 10px 5px 40px;
	background-image:none;
}
*/




/**********************************************************************/
/*** COLUMNS STAGE ***/
/**********************************************************************/
#column-stage {
	border-right: 1px solid #e1e1df;

	/*background-image: url(../images/column_stage_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;*/
}

#column-stage div {
	float: left;
}

#column-stage .footer {
	position: absolute;
	bottom: 0px;
	left: 1px;
	width: 710px;
	height: 20px;

	background-image: url(../images/column_stage_footer_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	
}

#column-stage .header {
	position: absolute;
	top: 0px;
	left: 1px;
	width: 710px;
	height: 45px;

	background-image: url(../images/column_stage_header_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#column-stage .name {
	position: absolute;
	top: 12px;
	left: 15px;
	color: #003a75;
	
	font-family: "Times New Roman", Georgia, serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
}

#column-stage .column {
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	float: left;
	margin: 70px 15px 20px 15px; 	
}

*+html #column-stage .column {
	padding-bottom: 15px;
}

#column-stage p {
	margin: 0px;
}

#column-stage .title {
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 16px;
	padding: 2px 0px 0px 12px;
	
	color: #ffffff;
	
	background-image: url(../images/rightcol_boxhead_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	text-transform: uppercase;
}

#column-stage .text {
	padding-top: 0px;
	line-height: 18px;
}

#column-stage h3 a:link, #column-stage h3 a:active, #column-stage h3 a:visited, #column-stage h3 a:hover {
	color: #003a75;
	text-decoration: none;
}

/**********************************************************************/
/*** RIGHT COLUMN ***/
/**********************************************************************/
#rightcol {
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 200px;
	margin-left: 43px;
	
	overflow-x: hidden;
	float: left;
}

/**********************************************************************/
/*** RIGHT COLUMN DIRECT CONTACT***/
/**********************************************************************/

.direct_contact td {
	padding:0px;
	
}

/**********************************************************************/
/*** RIGTH COLUMN, LINK LAYER ***/
/**********************************************************************/
#rightcol .link, #rightcol .link2, #rightcol .link-select {
	position: relative;
	width: 185px;
	height: 26px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 7px 0px 0px 15px;
	
	background-image: url(../images/rightcol_link_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#rightcol .link2 {
	background-image: none;
}

#rightcol .link-select {
	background-image: url(../images/rightcol_link_select_bg.gif);
	
}

body.blue #rightcol .link-select {
	background-image: url(../images/rightcol_link_bg.gif);
}


#rightcol .link-label {
	position: absolute;
	left: 15px;
	top: 9px;
}

#rightcol .link-button {
	position: absolute;
	right: 10px;
	top: 6px;
}

#rightcol .link-content {
	position: absolute;
	left: 12px;
	top: 9px;
} 

#rightcol .link-content select {
	width: 175px;
	color: #003a75;
}

#rightcol .link a:link, #rightcol .link a:active, #rightcol .link a:visited,
#rightcol .link2 a:link, #rightcol .link2 a:active, #rightcol .link2 a:visited  {
	display: block;
	width: 175px;
	height: 17px;
	padding-top: 3px;
	
	color: #003a75;
	text-transform: uppercase;
	text-decoration: none;

	background-image: url(../images/btn_link.png);
	background-position: right top;
	background-repeat: no-repeat;

	white-space: nowrap;
	overflow: hidden;
}

#rightcol .link a:hover, #rightcol .link2 a:hover {
	background-image: url(../images/btn_link_act.png);
}

/**********************************************************************/
/*** RIGTH COLUMN, BOX LAYER ***/
/**********************************************************************/
#rightcol .box {
	position: relative;
	width: 200px;
	height: auto;
	margin-bottom: 20px;
	
	padding-bottom: 9px;
	overflow-x: hidden;
	
	background-image: url(../images/rightcol_boxfooter_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}


#rightcol .box-head {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 188px;
	height: 16px;
	padding: 2px 0px 0px 12px;
	
	color: #ffffff;
	
	background-image: url(../images/rightcol_boxhead_bg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	text-transform: uppercase;
}

body.blue #rightcol .box-head {
	background-image: url(../images/rightcol_boxhead_grey_bg.gif);
	color:#003A75;
}

#rightcol .box-content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 180px;
	border-left: 4px solid #f2f2f0;
	border-top: 4px solid #f2f2f0;
	background-color: #ffffff;
	
	padding: 8px;
	line-height: 16px;
	float: left;
}


#rightcol .bg {
	background-color: #f2f2f0;
}

#rightcol .no-margin {
	margin: 0px;
}

#rightcol .white-bd-top {
	border-top: 1px solid #ffffff;
}

#rightcol .margin-top-20 {
	margin-top: 20px; 
}

#rightcol .tl {
	margin-top: 1px;
}

#rightcol .box-content-image {
	float: left;
}

#rightcol .box-content-text {
	width: 120px;
	float: left;
	margin-left: 8px;
	font-size: 10px;
	white-space:nowrap;
}

#rightcol .box-content-text .name {
	color: #003a75;
}

#rightcol .box-content-text a:link,  #rightcol .box-content-text a:active,  #rightcol .box-content-text a:visited,  #rightcol .box-content-text a:hover {
	color: #7f7d70;
}

#rightcol .box-content p {
	margin: 0px;
}

#rightcol .box-list {
	margin-top: 20px;
	background-color: #f2f2f0;
	float: left;
}

#rightcol .box-list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#rightcol .box-link-button {
	position: absolute;
	right: 10px;
	top: 6px;
}

#rightcol .box-label {
	
}

#rightcol #faq-search {
	width: 175px;
}

#rightcol .box-label a:link, #rightcol .box-label a:active, #rightcol .box-label a:visited, #rightcol .box-label a:hover {
	color: #003a75;
	text-transform: uppercase;
	text-decoration: none;
}

#rightcol li.box-head-link {
	padding: 3px 10px 3px 22px;
	border-bottom: 1px solid #ffffff;
	width: 168px;
	
	
	background-image: url(../images/boxlist_head_bg.gif);
	background-position: 12px 7px;
	background-repeat: no-repeat;
	float: left;
}

#rightcol li.box-head-link  h3 {
	margin: 0px;
}

#rightcol .box-item-state0 {
	display: none;
}

#rightcol .box-item-state1 {
	display: block;
}

#rightcol li.box-head-link a:link, #rightcol li.box-head-link a:active, #rightcol li.box-head-link a:visited, #rightcol li.box-head-link a:hover {
	color: #003a75;
	text-decoration: none;
}

#rightcol h3 a:link, #rightcol h3 a:active, #rightcol h3 a:visited, #rightcol h3 a:hover {
	color: #003a75;
	text-decoration: none;
}

/**********************************************************************/
/*** FOOTER ***/
/**********************************************************************/
#footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 970px;
	padding: 20px 0px 20px 0px;
	float: left;
	font-size: 10px;
}

body.gray #footer {
	padding-top: 35px;
}

#footernav, #references {
	position: relative;
	top: 0px;
	left: 14px;
	width: 760px;
	float: left;
	text-align: left;
}

body.hm #footernav, body.hm #references {
	left: 25px;
}

body.gray #footernav {
	left: 26px;
}

#footernav {
	margin-bottom: 20px;
}

#references {
	left: 15px;
	text-align: left;
}

#references ul {
	margin-bottom: 2px;
}

#references li {
	padding: 0px 6px 0px 6px;
}

.footernav {
	color: #99978C;
}

.footernav a:link, .footernav a:active, .footernav a:visited {
	/*color: #99978C;*/
	/*color: #2f311c; dunkelgrau*/
	color: #003A75;
	text-decoration: none;
}

.footernav a:hover {
	text-decoration: underline;
}


.footernav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.footernav li {
	padding: 0px 8px 0px 8px;
	border-left: 1px solid #99978C;
	display: inline;
}



.footernav li.first {
	border: none;
}


/**********************************************************************/
/*** GO TO TOP ***/
/**********************************************************************/
#gototop {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 80px;
}

body.hm #gototop {
	right: 35px;
}


body.gray #gototop {
	top: 35px;
	visibility:hidden;
	display:none;
}

#gototop-label {
	position: absolute;
	top: 0px;
	right: 12px;
}

#gototop-img {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 7px;
	height: 4px;
}

#gototop a:link, #gototop a:active, #gototop a:visited, #gototop a:hover {
	color: #cccbc6;
	text-decoration: none;
}

/**********************************************************************/
/*** MISC ***/
/**********************************************************************/
.error {
	color:#FF0000;
	font-weight:bold;
}