@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
html {
	height: 100%;
	margin-bottom: 1px;	
}
body {
	background: #256F9E url(../images/background.gif);
}
body, p, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
}
img {
	border: 0;
}
.hidden {
	display: none;	
}
p {
	padding: 5px 0 10px 0;
}
a {
	color: #1e2c53;
	text-decoration: none;
}
a:active, a:focus, a:hover {
	text-decoration: underline;
}
.floatleft {
	float: left;
}
.floatright{
	float: right;
}
.clear {
	clear: both;
}
/*  HR  */
div.hr {
	height: 1px;
	margin: 0;
	border: 0;
	background: #FFFFFF;
	margin: 15px 0 15px 0;
}
div hr {
	display: none;
}
/******* FRAMEWORK *******/
#boxAll {
	width: 950px;
	height: 638px;
	margin: auto;
	margin-top: 30px;
	background: url(../images/background-box.jpg) no-repeat;
	border: #FFF solid 10px;
}
	.boxAllBgHome {
		background: url(../images/background-box-home.jpg) no-repeat !important;
	}
	
	#boxLogo h1 {
		position: absolute;
		margin: 16px 0 0 797px;
		width: 128px;
		height: 71px;
	}
		#boxLogo h1 a {
			position: relative;
			display: block;
			width: 128px;
			height: 71px;
		}
		#boxLogo h1 span {
			display: none;
		}
		#boxLogo img {
			display: none;
		}
		
	#boxMenu {
		position: absolute;
		margin: 42px 0 0 211px;
		width: 400px;
		height: 35px;
	}
		#boxMenu ul {
			margin: 0;
			padding: 0;
		}
			#boxMenu ul li {
				list-style-type: none;
				float: left;
				margin-right: 1px;
			}
				#boxMenu ul li a,
				#boxMenu ul li.active {
					display: block;
					height: 35px;					
				}
					#boxMenu ul li.tower a {
						width: 106px;
						background: url(../images/menu-background-tower.gif) no-repeat;	
					}
					#boxMenu ul li.tower.active {
						width: 106px;
						background: url(../images/menu-background-tower.gif) no-repeat 0 -35px;	
					}
					#boxMenu ul li.offices a {
						width: 114px;
						background: url(../images/menu-background-offices.gif) no-repeat;	
					}
					#boxMenu ul li.offices.active {
						width: 114px;
						background: url(../images/menu-background-offices.gif) no-repeat 0 -35px;	
					}
					#boxMenu ul li.conferences a {
						width: 177px;
						background: url(../images/menu-background-conferences.gif) no-repeat;	
					}
					#boxMenu ul li.conferences.active {
						width: 177px;
						background: url(../images/menu-background-conferences.gif) no-repeat 0 -35px;	
					}
						#boxMenu ul li a:hover,
						#boxMenu ul li a:active,
						#boxMenu ul li a:focus {
							background-position: 0 -35px;							
						}
						#boxMenu ul li span {
							display: none;					
						}
	#boxMeta {
		position: absolute;
		margin: 59px 0 0 120px;
		width: 91px;
		height: 32px;
	}
		#boxMeta ul {
			margin: 0;
			padding: 0;
		}
			#boxMeta ul li {
				list-style-type: none;
			}
				#boxMeta ul li a,
				#boxMeta ul li.active {
					display: block;
					width: 91px;
					height: 11px;
					margin-top: 5px;
				}
					#boxMeta ul li.home a {
						background: url(../images/meta-background-home.gif) no-repeat;	
					}
					#boxMeta ul li.home.active {
						background: url(../images/meta-background-home.gif) no-repeat 0 -11px;	
					}
					#boxMeta ul li.impressum a {
						background: url(../images/meta-background-impressum.gif) no-repeat;	
					}
					#boxMeta ul li.impressum.active {
						background: url(../images/meta-background-impressum.gif) no-repeat 0 -11px;	
					}
						#boxMeta ul li a:hover,
						#boxMeta ul li a:active,
						#boxMeta ul li a:focus {
							background-position: 0 -11px;							
						}
						#boxMeta ul li span {
							display: none;					
						}

	#boxPicturelist {
		position: absolute;
		margin: 102px 0 0 120px;
		width: 524px;
		height: 113px;
		background: url(../images/picturelist-background.gif) no-repeat;
	}
	
		#boxPicturelist #boxScrollForward {
			position: absolute;
			margin: 33px 0 0 492px;
			width: 35px;
			height: 50px;
			cursor: pointer;
			background: url(../images/pictureliste-arrow-right.gif) no-repeat;
		}
			#boxPicturelist #boxScrollForward:hover {
				background: url(../images/pictureliste-arrow-right.gif) no-repeat 0 -50px;
			}
			
		#boxPicturelist #boxScrollPrevious {
			position: absolute;
			margin: 33px 0 0 102px;
			width: 35px;
			height: 52px;
			cursor: pointer;
			background: url(../images/pictureliste-arrow-left.gif) no-repeat;
		}
			#boxPicturelist #boxScrollPrevious:hover {
				background: url(../images/pictureliste-arrow-left.gif) no-repeat 0 -52px;
			}
	
	#boxPicturelist #boxScroll {
		position: absolute;
		margin: 20px 0 0 144px;
		width: 322px;
		height: 76px;
		overflow: auto;
    	white-space: nowrap;
	}
			#boxPicturelist #boxScroll #boxScrollContent ul {
				margin: 0;
				padding: 0;			
			}
				#boxPicturelist #boxScroll #boxScrollContent ul li {
					list-style-type: none;
					margin-right: 7px;
					float: left;
					width: 75px;
					height: 75px;
					background: url(../images/picturelist-picture-mask.gif) no-repeat;
					
				}
					#boxPicturelist #boxScroll #boxScrollContent ul li.last {
						margin-right: 0;
					}
					#boxPicturelist #boxScroll #boxScrollContent ul li img {
						position: absolute;
						margin: 17px 0 0 17px;
						width: 52px;
						height: 52px;
						border: none;
					}
						#boxPicturelist #boxScroll #boxScrollContent ul li img:hover, 
						#boxPicturelist #boxScroll #boxScrollContent ul li img:active, 
						#boxPicturelist #boxScroll #boxScrollContent ul li img:focus {
							margin: 16px 0 0 16px;
							border: #194b72 solid 1px;
						}
	
	#boxSubmenu {
		position: absolute;
		margin: 216px 0 0 223px;
		width: 120px;
		height: 422px;	
	}
		#boxSubmenu ul {
			float: right;
			margin: 0;
			padding: 0;
		}
			#boxSubmenu ul li {
				list-style-type: none;
			}
				#boxSubmenu ul li a,
				#boxSubmenu ul li span {
					display: block;
					margin-top: 7px;
					padding-left: 10px;
					width: 97px;
					height: 11px;
					color: #FFF;
					font-weight: bold;
					font-size: 10px;
					line-height: 10px;
					text-transform: uppercase;
					background: url(../images/submenu-arrow.gif) no-repeat 2px 2px;
				}
				#boxSubmenu ul li a:hover,
				#boxSubmenu ul li a:active,
				#boxSubmenu ul li a:focus,
				#boxSubmenu ul li span {
					text-decoration: none;
					color: #FFF;
					background: #194b72 url(../images/submenu-arrow-hover.gif) no-repeat 2px 2px;
				}
				#boxSubmenu ul li.highlight a:hover,
				#boxSubmenu ul li.highlight a:active,
				#boxSubmenu ul li.highlight a:focus,
				#boxSubmenu ul li.highlight span {	
					color: #194b72;
					background: #A1C209 url(../images/submenu-arrow-green.gif) no-repeat 2px 2px;	
				}
	#boxContent {
		position: absolute;
		margin: 216px 0 0 350px;
		padding: 5px 0 5px 14px;
		width: 236px;
		height: 412px;
		overflow: auto;
	}
		#boxContent h2 {
			margin-bottom: 10px;
			padding: 2px;
			font-size: 30px;
			line-height: 30px;
			color: #FFF;
			font-weight: bold;
			background: url(../images/content-h2-background.jpg) repeat-y;
		}
			#boxContent h2 span {
				color: #a1c209;	
			}
		#boxContent p {
			padding-right: 14px;
		}
		#boxContent ul {
			margin: 0 0 0 0;
			padding: 5px 0 0 12px;
		}
	
	#investor {
		position: absolute;
		margin: 593px 0 0 223px;
		width: 120px;
		height: 45px;
	}
		#investor a {
			display: block;		
			width: 120px;
			height: 45px;
		}
			#investor a span {
				display: none;
			}
	
	#boxSidebar {
		position: absolute;
		margin: 216px 0 0 607px;
		padding: 7px;
		width: 236px;
		height: 408px;
		background: #3a6c9a;
	}
		.clickbox {
			padding-bottom: 10px;	
		}
		.clickbox h3 {
			display: block;
			padding: 0 0 0 12px;
			width: 225px;
			height: 11px;
			color: #FFF;
			font-weight: bold;
			font-size: 10px;
			line-height: 10px;
			text-transform: uppercase;
			text-decoration: none;
			background: #194b72 url(../images/submenu-arrow-hover.gif) no-repeat 2px 2px;
			cursor: pointer;
		}
		#boxContent .clickbox h3 {
			width: 207px !important;
		}
		#boxContent .clickbox table {
			width: 219px !important;
		}
		.clickbox h3:hover {
			background: #194b72 url(../images/submenu-arrow-down.gif) no-repeat 2px 2px;
		}
		.clickbox #pictureView img {
			width: 237px;	
		}
		.clickbox div {
			margin: 7px 0 0 0;
		}
		.clickbox #boxDownloads ul {
			margin: 0;
			padding: 0 0 5px 0;
			min-height: 43px;
			background: url(../images/downloads-background.gif) repeat-y;
		}
		.clickbox #boxDownloads ul li {
				list-style-type: none;
				padding: 5px 0 0 48px;
			}
				.clickbox #boxDownloads ul li a {
					display: block;
					height: 14px;
					color: #FFF;
					font-weight: bold;
					font-size: 10px;
					line-height: 14px;
					text-transform: uppercase;
					background: red;
					background: url(../images/downloads-arrow.gif) no-repeat 130px 0;
				}
				.clickbox #boxDownloads ul li a:hover,
				.clickbox #boxDownloads ul li a:active,
				.clickbox #boxDownloads ul li a:focus {
					text-decoration: none;
					background: url(../images/downloads-arrow-hover.gif) no-repeat 130px 0;
				}
				
			.clickbox table {	
				width: 237px;
				background: #9EC1DD;
				padding: 4px;
				font-weight: bold;
			}
				.clickbox	table th {
					text-align: left;
				}
				.clickbox	table td {
					text-align: right;			
				}
					.clickbox	table.verticable th,
					.clickbox	table.verticable td {
						text-align: center !important;
					}
				.clickbox	table a.linkPlan {
					display: block;
					margin-left: 8px;
					width: 9px;
					height: 14px;
					background: url(../images/downloads-arrow.gif) no-repeat;					
				}
					.clickbox	table a.linkPlan:hover,
					.clickbox	table a.linkPlan:active,
					.clickbox	table a.linkPlan:focus {
						background: red url(../images/downloads-arrow-hover.gif) no-repeat;					
					}
				.clickbox	table a.linkPlan span {
					display: none;					
				}
	#boxPanorama {
		width: 760px;
		text-align: center;
		padding: 13px 10px 10px 10px;
		margin: auto;
	}
		#boxPanoramaMenu {
			padding-top: 5px;	
		}
			#boxPanorama span {
				margin-left: 20px;
			}
			#boxPanorama span.first {
				margin-left: 0;
			}
			#boxPanorama a {
				color: #FFF;
			}