/*********************************************************************************
*
* body
*
*********************************************************************************/
body {
	margin: 0px;
	padding: 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #666666;
	background-color: #f1f1f1;
}

/*********************************************************************************
*
* top 
*
*********************************************************************************/
#top {
	width: 912px;
	height: 105px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_top_english.jpg) no-repeat;
	position: relative;
}

#navIntroduction {
	left: 334px;
	top: 70px;
	position: absolute;
}

#navTimescope {
	left: 426px;
	top: 70px;
	position: absolute;
}

#navUses {
	left: 514px;
	top: 70px;
	position: absolute;
}

#navLocations {
	left: 657px;
	top: 70px;
	position: absolute;
}

#navTechnology {
	left: 734px;
	top: 70px;
	position: absolute;
}

#navContact {
	left: 821px;
	top: 70px;
	position: absolute;
}

a.topNavigation {
	color: #00396e;
	text-decoration: none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

a.topNavigation:hover {
	color: #487191;
	text-decoration: underline;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	background: url(images/arrow.gif) no-repeat right;	
}

a.topNavigationSelected {
	color: #00396e;
	text-decoration: underline;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	background: url(images/arrow.gif) no-repeat right;	
}

a.topNavigationSelected:hover {
	color: #00396e;
	text-decoration: underline;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	background: url(images/arrow.gif) no-repeat right;	
}

/*********************************************************************************
*
* introduction
*
*********************************************************************************/
#contentIntroduction {
	width: 912px;
	height: 553px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_introduction.jpg) no-repeat;
	position: relative;	
}

#introductionHeadline {
	left: 562px;
	top: 201px;
	position: absolute;	
}

#introductionText {
	left: 562px;
	top: 296px;
	width: 318px;	
	position: absolute;	
}

#introductionFlash {
	left: 0px;
	top: 73px;
	width: 553px;	
	height: 480px;		
	position: absolute;	
}

/*********************************************************************************
*
* timescope
*
*********************************************************************************/
#contentTimescope {
	width: 912px;
	height: 553px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_timescope.jpg) no-repeat;
	position: relative;	
}

#timescopeHeadline {
	left: 28px;
	top: 27px;
	position: absolute;	
}

#timescopeText {
	left: 647px;
	top: 261px;
	width: 218px;	
	position: absolute;	
}

#timescopeFlash {
	left: 16px;
	top: 94px;
	width: 553px;	
	height: 480px;		
	position: absolute;	
}

/*********************************************************************************
*
* uses
*
*********************************************************************************/
#contentUses {
	width: 912px;
	height: 553px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_uses.jpg) no-repeat;
	position: relative;	
}

#usesHeadline {
	left: 384px;
	top: 60px;
	position: absolute;	
}

#usesText {
	left: 384px;
	top: 118px;
	width: 272px;	
	position: absolute;	
}

#usesImage1 {
	left: 21px;
	top: 65px;
	position: absolute;	
}

#usesImage2 {
	left: 21px;
	top: 218px;
	position: absolute;	
}

#usesImage3 {
	left: 21px;
	top: 376px;
	position: absolute;	
}

/*********************************************************************************
*
* offers
*
*********************************************************************************/
#contentOffers {
	width: 912px;
	height: 553px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_contact.jpg) no-repeat;
	position: relative;	
}

#offersHeadline {
	left: 113px;
	top: 65px;
	position: absolute;	
}

#offersText {
	left: 113px;
	top: 125px;
	width:600px;
	position: absolute;	
}

/*********************************************************************************
*
* technology
*
*********************************************************************************/
#contentTechnology {
	width: 912px;
	height: 553px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_technology.jpg) no-repeat;
	position: relative;	
}

#technologyHeadline {
	left: 603px;
	top: 15px;
	position: absolute;	
}

#technologyText {
	left: 603px;
	top: 54px;
	width: 281px;
	position: absolute;	
}

#technologySubNavi {
	left: 278px;
	top: 513px;
	position: absolute;	
	z-index: 2;
}

#technologyExterior {
	left: 27px;
	top: 0px;
	width: 600px;
	position: absolute;	
	visibility: visible;
}

#techNav1 {
	left: 274px;
	top: 105px;
	position: absolute;	
}

#techNav2 {
	left: 274px;
	top: 141px;
	position: absolute;	
}

#techNav3 {
	left: 274px;
	top: 177px;
	position: absolute;	
}

#techNav4 {
	left: 274px;
	top: 213px;
	position: absolute;	
}

#techNav5 {
	left: 274px;
	top: 249px;
	position: absolute;	
}

#techNav6 {
	left: 274px;
	top: 287px;
	position: absolute;	
}

#techNav7 {
	left: 274px;
	top: 321px;
	position: absolute;	
}

#techNav8 {
	left: 274px;
	top: 358px;
	position: absolute;	
}

#detail {
	left: 588px;
	top: 342px;
	position: absolute;	
}


#technologyInterior {
	left: 27px;
	top: 0px;
	width: 600px;	
	position: absolute;	
	visibility: hidden;	
}

#annotationInterior {
	left: 247px;
	top: 105px;
	position: absolute;	
}

#technologyTotal {
	left: 27px;
	top: 0px;
	width: 600px;	
	position: absolute;	
	visibility: hidden;	
}

a.technologySubNavi {
	color: #666666;
	text-decoration: none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
a.technologySubNavi:hover {
	color: #666666;
	text-decoration: underline;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

/*********************************************************************************
*
* contact
*
*********************************************************************************/
#contentContact {
	width: 912px;
	height: 553px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_contact.jpg) no-repeat;
	position: relative;	
}

#contactHeadline {
	left: 27px;
	top: 60px;
	position: absolute;	
}

#contactText {
	left: 27px;
	top: 407px;
	position: absolute;	
}

#contactFeedbackText {
	left: 27px;
	top: 108px;
	position: absolute;	
}

#contactClaim {
	left: 390px;
	top: 435px;
	position: absolute;	
}

#contactForm {
	left: 27px;
	top: 102px;
	position: absolute;	
}

input.contact {
	width: 149px;
}

/*********************************************************************************
*
* bottom 
*
*********************************************************************************/
#bottom {
	width: 912px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: url(images/bg_bottom.jpg) no-repeat;
	position: relative;	
}

#flag {
	left: 838px;
	top: 12px;
	position: absolute;	
}

#language {
	left: 864px;
	top: 11px;
	position: absolute;	
}

a.language {
	color: #919191;
	text-decoration: none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
a.language:hover {
	color: #cfcfcf;
	text-decoration: none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;		
}

/*********************************************************************************
*
* formular
*
*********************************************************************************/

form {
	margin: 0px;
	padding: 0px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	wrap: soft;
	width: 251px;
	height: 80px;		
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

/*********************************************************************************
*
* diverse
*
*********************************************************************************/
h1 {
	font-size: 26px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

a {
	color: #666666;
	text-decoration: underline;
}

a:hover {
	color: #666666;
	text-decoration: underline;
}