/**********************************************************************/
/*** 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;
}

body.popup {
	background-color: #ffffff;
}

 
/**********************************************************************/
/*** 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;
}

/**********************************************************************/
/*** TABLES ***/
/**********************************************************************/
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;
}

/*table.table-border {
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
	margin: 0px;
}*/

table.table-border td {
	border: 1px solid #888888;
	padding-left: 4px;
	margin: 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: 2;
}

#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;
	z-index: 2;
}

#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: 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;
	
}

.filelink {
    background: url("../images/filelink_bg.gif") no-repeat scroll 0 0 transparent;
    clear: left;
    height: 44px;
    padding: 8px 10px 12px;
}

.filelink a {
    background: url("../images/btn_download.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding-left: 30px;
}

#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.wider-content-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.wider-content-left {
	width: 717px;
}

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

/* include-template: wide_content_left_with_padding.html */
div.with-padding {
	padding-left: 18px;
	width: 700px;
}
div.with-padding div#ibs {
	/*width: 680px !importants; - kein Effekt */
}


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

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

div.wider-content-body  {
	position: relative;
	width: 700px;
	top: 0px;
	left: 0px;
	margin-left: 13px;
	float: left;
	
	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;
	
}

.pagelink-yellow-layout .csc-header {
	background: url(../images/btn_pagelink_layout.png) top left no-repeat;
	background-color: transparent;
	width: 509px;
	height: 40px;
}

.closable-element a.internal-link:link, .closable-element a.internal-link:visited, .closable-element a.internal-link:hover {
	/*background-color:#F2F2F0;*/
	background-image: url();
	/*background-color:#FFFFFF;*/
}

.closable-element 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:link td.btn, .content-new-layout a:active td.btn, .content-new-layout a:visited td.btn {
	text-align: left;
	vertical-align: middle;
	background-image: url(../images/btn_closed.png);
	background-position: 4px 50%;
	background-repeat: no-repeat;
	height: 38px;
	width: 26px;
	padding: 0;
}

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

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

.content-new-layout a:hover.act td.btn {
	background-image: url(../images/btn_opened_act.png);
	background-position:4px 50%;
	background-repeat: 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  h2 a {
	font-weight:bold;
	
}

.closable-element  a:link, .closable-element  a:active, .closable-element  a:visited {
 	display: block;
 	padding: 9px 10px 9px 30px;
	
	color: #003a75;
 	text-decoration: none;
 	
 	background-image: url(../images/btn_closed.png);
 	background-repeat: no-repeat;
 	background-position: 10px 8px;
 	
 	border: none;
}

.closable-element-link{
	background-color: #f2f2f0;
}

.pagelink-yellow-layout a:link, .pagelink-yellow-layout a:active, .pagelink-yellow-layout a:visited {
	background-color: transparent;
}

.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 30px;
	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: 6px 18px;
}

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

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

.closable-element  a:link.act, .closable-element  a:active.act, .closable-element  a:visited.act {
	background-image: url(../images/btn_opened.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

.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);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

/* 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: 6px 18px;
}

.closable-element  a:hover.act {
	background-image: url(../images/btn_opened_act.png);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}


.content-new-layout .csc-frame-invisible  a:hover.act {
	background-image: url(../images/btn_opened_act.png);
	background-position: 4px 50%;
	background-repeat: no-repeat;
}

.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 a.internal-link {
	/*font-size:12px;
	font-weight:normal;*/
	padding:5px 10px 5px 40px;
	background-image:none;
	background-color: #F2F2F0 !important;
}

.closable-element span.small a.internal-link, .closable-element span.small a.internal-link2 {
	background-color: #F2F2F0 !important;
}



/**********************************************************************/
/*** 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;
}

/**********************************************************************/
/*** INSIDER NEWS ***/
/**********************************************************************/
.insider #main-container {
	margin-top: 15px;
}

.insider #rightcol {
	margin-top: 43px;
}

.insider #headimg {
	padding-left:13px;
	margin-bottom: 15px;
}

.insider #slideshow {
	left: -14px;
	position: relative;
}

.insider #rightcol .news-item-teaser  h3 {
	padding: 3px 0 0 5px;
}

.insider #rightcol .news-item-teaser {
	padding:0;
	width: 195px;
	margin-bottom: 6px;
	border: 4px solid #F2F2F0;
	border-right-width: 0;
}

.insider #rightcol .news-active {
	margin-top: 2px;
	margin-left: 2px;
	border-color: gold;
	border-width: 2px 0 2px 2px;
}

#subpages {
}

#subpages .box {
	width: 211px;
	float:left;
	margin-right: 32px;
	position: relative;
	height: 200px;
	margin-bottom: 20px;
	
	padding-bottom: 9px;
	overflow-x: hidden;
	
	background-image: url(../images/subpages_box_bg.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#subpages .box-last {
	margin-right:0;
}

#subpages .box-head {
	height: 16px;
	padding: 0 0px 0px 18px;
	
	color: #ffffff;
	
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	text-transform: uppercase;
}

#subpages .box-content {
	margin-top: 5px;
}

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

#subpages li {
	line-height: 16px;
	padding: 0 10px 0 22px;
	margin-bottom: 4px;
	background-image: url(../images/boxlist_head_bg.gif);
	background-position: 12px 5px;
	background-repeat: no-repeat;
}

#subpages div.box-content li a {
	text-decoration: none;
}

.wider-content-left .news-content {
	margin-top: 15px;
}

.wider-content-left .news-single-img img {
    position: relative;
    left: -13px;
}

.wider-content-left p.bodytext {
	margin-top:0;
}

.gallery-preview-inner {
	position: relative;
}

.gallery-preview {
	float: right;
	clear: right;
	margin: 5px 0 10px 20px;
	width: 210px;
}

.gallery-preview-inner span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 46px;
	height: 33px;
	background: transparent url(../images/magnify.png);
}

.wider-content-body h3 {
	font-size: 13px;
}

.wider-content-body {
}

/**********************************************************************/
/*** RIGHT COLUMN ***/
/**********************************************************************/
#rightcol {
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 200px;
	margin-left: 43px;
	
	overflow: 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;
}

/********* spec ******************/
#rightcol .spec-head {
	background-image: url("../images/rightcol_boxhead_bg_red.gif");
}

#rightcol .spec-content {
	margin-left: 0px;
}

#rightcol .spec-name {
	padding-bottom: 7px;
	font-size: 12px;
	font-weight: bold;
	color: #EC1717;
}



/**********************************************************************/
/*** RIGTH COLUMN, FACEBOOK BOX ***/
/**********************************************************************/

#rightcol .fbbox {
	margin-top:40px;
	position:relative;
	left:-15px;
}

#rightcol .facebook-iframe {
	overflow: hidden; 
	width: 230px; 
	height: 100px;
}


/**********************************************************************/
/*** 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;
}

/**********************************************************************/
/*** PL Popup ***/
/**********************************************************************/
#overlay {
z-index:1000;
margin:auto;
text-align: left;
position:absolute;
top: 200px;
left: 50%;
margin-left:-330px;
width:660px;
background:#FFF;
color:#000;
padding: 10px;
/*opacity:0.45;
-moz-opacity:0.45;
filter:alpha(opacity=45);*/
visibility:hidden;
border:3px solid #FC0;
}

.popup_header {
	font-size: 20px;
	color:#036;
}

#centr {
text-align:center;	
}


















/* Chartertable Rendering by GB*/
/* Da Typo3 für nahezu alles bereits allgemeines CSS definiert hat,    */
/* ist es unheimlich schwer und wiederum wichtig für eigenes HTML      */
/* eigene CSS Klassen zu definieren und jede Eigenschaft nochmal       */
/* durchzuschleifen, da sonst allgemeines CSS auf Unterelemente        */
/* angewendet wird. Dazu noch separates Ext-Template für entsprechende */
/* Unterseite um TAG-Wrapping zu deaktivieren.                         */


/* Eigener CPTable-Container DIV */
div.cptabledivgb {display:block; float:none; clear:right; width:505px; height:305px;}


/* Eigene CP-Linkklassen, die zweite für IE */
a.cptableagb   {display:block; float:left; text-decoration:none;}


a.cpiegb         {display:inline; text-decoration:none;}
a.cpiegb:hover   {display:inline; text-decoration:none;}
a.cpiegb:active  {display:inline; text-decoration:none; color:#000;}
a.cpiegb:link    {display:inline; text-decoration:none;}
a.cpiegb:visited {display:inline; text-decoration:none;}

/* Aeußere Tabellen mit Special-crafted Rahmen */

table.cptabletextgb     {border-spacing:0px; margin:0px; border:0px; padding:0px; 
                         float:left; width:174px; text-align:left; 
                         background-color:#fff; color:#000; empty-cells:hide; 
                         line-height:10px;}

table.cptablebasicgb    {border-spacing:0px; margin:0px; border-width:0px 0px 1px 0px; border-style:solid; border-color:#000;  padding:0px; 
                         float:left; width:82px; background-color:#9caace; color:#fff; empty-cells:show;}

table.cptablesilvergb   {border-spacing:0px; margin:0px;  border-width:0px 0px 1px 0px; border-style:solid; border-color:#000; padding:0px; 
                         float:left; width:82px; background-color:#7b8ab5; color:#fff; empty-cells:show;}

table.cptablegoldgb     {border-spacing:0px; margin:0px;  border-width:0px 0px 1px 0px; border-style:solid; border-color:#000; padding:0px; 
                         float:left; width:82px; background-color:#5271a5; color:#fff; empty-cells:show;}

table.cptableplatingb   {border-spacing:0px; margin:0px; border-width:0px 1px 1px 0px; border-style:solid; border-color:#000; padding:0px; 
                         float:left; width:82px;background-color:#395d94; empty-cells:show; color:#fff;}

/* Line und Cell-Styles als Kopie oberer Werte */


tr.cptrgb           {margin:0px; border:0px; padding:0px; background-color:inherit;}

td.cptdthingbbreit  {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#000; 
                     height:24px; vertical-align:middle; text-align:center;font-family:arial,helvetica; font-size:11px; 
                     background-color:inherit;}
td.cptdfatgbbreit   {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-size:11px; 
                     background-color:inherit;}
td.cptdfatlastgbbreit{margin:0px; border-width:1px 0px 1px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle;text-align:center;font-family:arial,helvetica; font-size:11px; 
                     background-color:inherit;}


/* Leere Zellen links ohne Text */
td.cptdleergb       {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#fff; 
                     height:24px; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-size:10px;  
                     background-color:inherit;}

/* Standard-Zelle */
td.cptdgb           {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#000; 
                     height:24px; vertical-align:middle; text-align:center;font-family:verdana,arial,helvetica; font-size:10.5px; font-weight:bold;
                     background-color:inherit;}

/* Standard-Zelle duenner Text links */
td.cptdthingb       {margin:0px; border-width:1px 0px 0px 1px; padding:0px; border-style:solid; border-color:#000; 
                     height:24px; vertical-align:middle; text-align:center;font-family:'arial narrow',arial,helvetica; font-size:11px; 
                     background-color:inherit;}

/* Überschriften Basic, Silver etc */
td.cptdtopgb        {margin:0px; border-width:1px 0px 0px 1px; padding:0px;  border-style:solid; border-color:#000; 
		     height:24px; font-size:14px; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-weight:bold; 
                     background-color:inherit;}

/* Die Buy-Online buttons unten und unterer Abschluss der jew. Table */
td.cptdbuttongb     {margin:0px; border-width:1px 0px 0px 1px; padding:0px;  border-style:solid; border-color:#000; color:#003c7b; 
                     height:24px; background-image:url(../images/cpbuttongb.gif); background-repeat:no-repeat; background-position:center; 
                     vertical-align:middle; font-weight:normal; text-align:center; font-family:arial,helvetica; font-size:10px; background-color:inherit;}

/* Zellen, in denen ein Haken vorkommt, als Gif, da der Haken in Wingdings.ttf kein allg Standard ist */
td.cptdvgb          {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; 
                     height:24px; background-image:url(../images/vhook.gif);background-repeat:no-repeat; background-position:center; 
                     background-size:13px; vertical-align:middle; text-align:center; font-family:arial,helvetica; font-size:10px; background-color:inherit;}

/* Fettgedruckte Zelle */
td.cptdfatgb        {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle; text-align:center; font-family:'arial narrow',arial,helvetica; font-size:11px; 
                     background-color:inherit;}

/* Letzte fettgedruckte Zelle wg. unterem Rahmen (pixelgenaues Design) */
td.cptdfatlastgb    {margin:0px; border-width:1px 0px 1px 1px;  padding:0px; border-style:solid; border-color:#000; font-weight:bold; 
                     height:24px; color:#000; vertical-align:middle;text-align:center;font-family:'arial narrow',arial,helvetica; font-size:11px; 
                     background-color:inherit;}

/* Fettgedruckte gelbhinterlegte Zelle */
td.cptdfatnyellowgb {margin:0px; border-width:1px 0px 0px 1px;  padding:0px; border-style:solid; border-color:#000; 
                     font-family:verdana,arial,helvetica; font-weight:bold; font-size:14px; background-color:#ffd220; color:#000; 
                     height:24px; vertical-align:middle; text-align:center; font-family:arial,helvetica;}

table.cptabletextgb td {text-align:left;}

/* Hover-Effekt, um original Tabellen-IMG nachzubilden */
a.cpiegb {text-decoration:none;}

div.cptabledivgb table       td.cptdtopgb a.cpiegb {color:#fff;}
div.cptabledivgb table       td.cptdgb a.cpiegb {color:#fff;}
div.cptabledivgb table       td.cptdbuttongb a.cpiegb {color:#003c7b;}
div.cptabledivgb table:hover td.cptdbuttongb a.cpiegb {color:#003c7b;}
div.cptabledivgb table:hover td.cptdgb a.cpiegb {color:#000;}
div.cptabledivgb table:hover td.cptdtopgb a.cpiegb {color:#000;}
div.cptabledivgb table       td.cptdfatnyellowgb a.cpiegb {color:#000;}

/*
div.cptabledivgb table td.cptdvgb a.cpiegb {background-color:transparent; color:#000;}
div.cptabledivgb table td.cptdgb a.cpiegb {background-color:transparent; color:#fff;}

*/
table.cptablebasicgb:hover {background-color:#ffe78c; color:#000;}
table.cptablebasicgb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif);}

table.cptablesilvergb:hover {background-color:#ffe78c; color:#000;}
table.cptablesilvergb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif)}

table.cptablegoldgb:hover {background-color:#ffe78c; color:#000;}
table.cptablegoldgb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif)}

table.cptableplatingb:hover {background-color:#ffe78c; color:#000;}
table.cptableplatingb:hover td.cptdvgb {background-image:url(../images/vhookblk.gif)}