﻿.highlight{
	border-color: #ccc !important;
	background-color: #ddd !important;
}

img{
	border:0;
}

h3{
	margin-bottom: 1em;
}


/* News# + EventLatest***********************************/

#newsLatest ul,
#eventLatest ul,
#eventLatest li,
#newsLatest li{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin:0;
	padding: 0 !important;
	font-size: 11px !important;
	background:none !important;
}
#eventLatest span,
#newsLatest span{
	padding-bottom: 2px;
	display:block;
}
#newsLatest span.date{
	font-weight:normal;
}
/* Newslist *************************************/
#newsList dt {
	float: left;
	clear: left;
	width: 100px;
	font-size: 12px;
}

#newsList dt:after {color:#fff;content: ".";}
#newsList dd {
	margin: 0 0 0 110px;
	padding: 0 0 0.5em 0;
}
#newsList a.moreLink{
	background:  no-repeat right center ;
	padding-right: 20px;
}


#newsLatest a.moreLink,
#eventLatest a.moreLink {
	background: no-repeat right center ;
	min-height: 14px;
	-min-height: 14px;
	padding-right: 20px;
	text-decoration: none;
	color: #333;
	font-weight:bold;
	display:block;
	margin:0;
}
#newsDetail h2{
	margin-bottom: 1em;
}

a.pdf img{
	vertical-align: middle;
}

/* Event Listing + hCalendar ********************/
#eventList {
	margin-right: -20px;
	position: relative;
}
#eventList p{
	margin: 0 0 5px 0;
}
#eventList .eventElement{
	font-size: 92%;
	height: 170px;
	overflow: hidden;
	padding: 0 0;
	margin: 0px 10px 15px 0;
	width: 48%;
	float:left;
	border: 1px solid #dfdfdf;
	background-color: #efefef 
}
#eventList .eventContent{
	padding: 10px 10px 10px 0;
}
#eventList .eventContent .summary{
	margin-bottom: 5px;
	display: block;
}
#eventList a:hover,
#eventList a:focus,
#eventList a:active{
	color: #00357A;
	/*font-weight:bold;*/
}

#eventList .attach{
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 170px;
	width: 130px;
	background: #fff;
}
/*\*//*/
#eventList .attach {
    display: block;
}
#eventList .attach span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
#eventList .attach img{
	vertical-align: middle;
}
#eventList .time{
	font-weight: bold;
}
#eventList .location, 
#eventList .hall,
#eventList .topic{
	font-size: 11px;
	margin:0 0 5px 0;
	line-height:12px;
}
#eventList .booth{
	white-space: nowrap;
	display:block;
}

#eventTopics {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin:0 0 15px 0;
	padding:0;
	border-left: 1px solid #cfcfcf;
	width: auto;
}
#eventTopics li{
	float:left;
	background: #eee;
	padding: 6px 8px;
	border-right: 1px solid #cfcfcf;
}

#eventTopics li.current{
	background-color: #ddd;
}
/* **********************************************/

#zhuhaiApplications ul,
#zhuhaiApplications li{
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
#zhuhaiApplications ul{
	overflow:hidden;
	margin-right: -10px;
}
#zhuhaiApplications li{
	float:left; 
	width: 177px;
	overflow:hidden;
	text-align:center;
	margin: 0 10px 10px 0
}

#zhuhaiApplications li a{
	padding: 10px 0;
	border: 1px solid #f1f1f1;
	cursor: pointer;
	background: #f5f5f5;

}

#zhuhaiApplications li a img{
	border: 1px solid #dfdfdf;
	padding: 2px;
	margin: 5px 0 0  0;
	background:#fff;
	
}

#zhuhaiApplications li a,
#zhuhaiApplications li a span{
	display:block;
}

/* Locations ************************************/

#locations table{
	border-collapse: collapse;
	width: 100%;
}
#locations tr.detail{
	display:none;
}
#locations td{
	border-bottom: 1px solid #eee;
	padding: 3px 0 0px 0;
	color: #666;
	margin:0;
}

#locations h3{
	margin: 14px 0 5px 0;
}

#locations tr.tableHighlight td,
#locations tr.tHighlight td{
	background-color: #efefef;
	color: #004C9F;
	border-color: #00A5EB;
}
#locations tr.tableHighlight td.fullname,
#locations tr.tHighlight td.fullname{
	padding-left: 15px;
	background: #efefef no-repeat 2px center;
}
#locations tr.tableHighlight .head{
	background:#fff;
	border-color: #eee;
}
#locations td.fullname{
	font-weight: bold;
	width: 55%;
	white-space: nowrap
}
#locations td.ort{
	width: 25%;
}

#locations .percentage{
	width: 5%;
}
#locations .cotype{
	width: 2%;
}
#locations .extUrl{
	width: 15px;
	text-align:right;
}
#locations .extUrl a{
	background:  no-repeat left top;
	display:block;
	height: 20px;
	width: 20px;
}
#locations .icon{
	height: 10px;
	width: 10px !important;
	display:block;
	float:left;
	text-indent: -9999px;
}

#locations .white{background: #eee;}
#locations .a_marketing{background-color: #07519F}
#locations .a_manufacturer{background-color: #7EB61C }
#locations .a_holding{background-color: #666666}
#locations .a_lab{background-color: #EC8900}

#locations .legend,
#locations .legend li{
	list-style: none;
	list-style-image: none;
	margin:0;
	padding:0;
	white-space: nowrap;
}

#locations .legend .text{
	margin: -2px 0 0 6px;

}
#locations .detail #companyDetail{
	margin: -3px -1px 0 0;
}
#locations .detail #companyDetail .L{
	width: 280px;
}

.loading{
	background: #fff  no-repeat center center;
	
}
.loading #companyDetail{
	opacity: .1
}
p.address{
	padding: 10px 0 0 10px;
	margin:0 !important;
} 
p.address span{
	display:block;
	padding-bottom: 3px;
}
.strong{
	font-weight: bold;
}
.noDisplay{
	width: 0%;
	overflow: hidden;
	display:none;
}
#locations .inputfilter{
	position:relative;
}
#locations .input{
	position:relative;
	height: 20px;
	overflow:hidden;
	margin:0;
	padding:0;
}
#locations .input input{
	height: 16px;
	width: 300px;
	border: 1px solid #00A4E9
}
#locations span.amount{
	position:absolute;
	right:1px;
	bottom:1px;
	z-index: 999;
	width: 25px;
	background: #00A5EB;
	text-align:center;
	color:#fff;
	font-size: 82%;
	height: 17px;
	padding-top: 1px;
}

#locations #preview{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;/**/
	top: 20px;
	left: 0px;
	background: #eee;
	width: 302px;
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0 0 10px 0;
	border: 1px solid #333;
	border-width: 0 1px 1px 1px;
}
#locations #preview li{
	font-size: 11px;
	cursor: pointer;
	display:block;
	margin:0;
	padding:0;
}
#locations #preview li a{
	padding: 3px 2px;
	display:block;
}
#locations .options{
	text-align:left;
}
#cross{
	background: no-repeat left center;
	width: 15px;
	height: 15px;
	display:block;
	margin: 2px 0 0 5px;

}

/* Units ****************************************/

#units table{
	border-collapse:collapse;
	display: table;
	border: 1px solid #ddd;
	border-width: 0 0 1px 1px;
}
#units th,
#units td{
	border: 1px solid #ddd;
	border-width: 1px 1px 0 0px;
	background: #fafafa;

}
#units th{
	background: #ddd;
	width: 24.9%;
	color: #004DA0;
}

#units th div{
	padding: 10px 0;
}

#units td{
	vertical-align: top;
	padding-top: 5px;
}
#units td p{
	padding: 0 10px;
	margin: 0 0 5px 0;
}
#units .shortname,
#units .subname{
	display:block;
	padding: 0 10px;
	font-size: 13px;
}
#units .subname{
	white-space: nowrap;
	font-size: 11px;
}

#units .heading{
	text-align:center;
	border-width: 0 1px 0 0;
	color: #004DA0;
	font-weight:bold;
	height: 62px;
	overflow:hidden;
}


/* defaults for all examples 
 ************************************************/
.startImage{
	background:  no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	height: 280px;
	width: 740px;
	z-index: 10;
}
.startImageLogo{
	background:  no-repeat center center;
	height:120px;
	width:340px;
	position: absolute;
	top:90px;
}
.en .startImageLogo{
	background: no-repeat center center;
}
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	overflow:hidden;
	height: 280px;
	width: 740px;
}
.kwicks li{
	display:none;
	background: #fff  no-repeat 0 0;
	display: block;
	padding: 0;
	float: left;
	width: 106px;
	height: 280px;
	border-left: 1px solid #fff;
	position: relative;
	/*-moz-box-shadow: -1px 0px  5px #333; /* FF3.5+ */
	/*-webkit-box-shadow: -1px 0px  5px #333; /* Saf3.0+, Chrome */
	/*box-shadow: -1px 0px  5px #333; /* Opera 10.5, IE 9.0 */
}

/*Sprite*/

#kwick0 { background-position: 0 0;}
#kwick1 { background-position: -318px 0}
#kwick2 { background-position: -636px 0}
#kwick3 { background-position: -954px 0}
#kwick4 { background-position: -1272px 0}
#kwick5 { background-position: -1590px 0}
#kwick6 { background-position: -1908px 0}

.kwicks li.active{
	opacity: 1;
}

.kwicks li h3{
	position: absolute;
	color: #fff;
	font-weight: normal;
	bottom: 0px;
	left:0;
	overflow:visible;
	font-size: 14px;
	display:block;
	margin:0;
	opacity: 1;
	width: 320px;
	padding: 15px 0;
	cursor: pointer;

}

.kwicks li h3 span{
	float:right;
	background: no-repeat left center;
	width: 50px;
	height: 20px;
}
.kwicks li h3 span.text{
	background-image: none;
	float:left;
	width: 240px;
	padding: 0 10px;
}
.kwicks li .content{
	display: none;
}

#kwicksContent {
	position:absolute;
	left:0;
	top:280px;
	width: 740px;
	height: 280px;
	font-weight:bold;
}
#kwicksContent .content{
	float: left;
	width: 700px;
	padding: 20px 0 ;
}
#kwicksContent #close{
	float:right;
	width: 20px;
	height: 280px;
	background: #00357A;
	text-align: center;
	color: #fff;
	font-weight:normal;
	cursor: pointer;
}

#kwicksContent .cBoxImage{
	float:left;
	width: 318px;
	height: 280px;
	position: relative;
	margin-top:-20px;
	overflow:hidden;
}
#kwicksContent .cBoxImage{
	background: transparent  no-repeat 0 0;
}

#kwick0 .cBoxImage{ background-position: 0 0;}
#kwick1 .cBoxImage{ background-position: -318px 0}
#kwick2 .cBoxImage{ background-position: -636px 0}
#kwick3 .cBoxImage{ background-position: -954px 0}
#kwick4 .cBoxImage{ background-position: -1272px 0}
#kwick5 .cBoxImage{ background-position: -1590px 0}
#kwick6 .cBoxImage{ background-position: -1908px 0}

#kwicksContent .cContent{
	float:right;
	width: 360px;
	font-weight: normal;
	font-size: 12px;
}
#kwicksWrapper {
	position:relative;
	overflow: hidden;
	/*margin:36px 0 30px 0;*/
	margin:0 0 30px 0;
	height: 280px;
}

#newPhone {
    background:  no-repeat scroll right 0 transparent;
    height: 280px;
    position: absolute;
    top: 0px;
    left 0px;
    width: 740px;
    z-index: 11;
}

.de #newPhone {
	background:  no-repeat scroll right 0 transparent;
}


.transparent{
	
}
/* pictures 
*************************************************/

#pictureSelect .field-button{
	padding-top: 95px;
}

#pictureResult{
	margin: 20px 0;
}
#pictureResult .itemHolder{padding: 10px 0; border-top: 1px solid #ccc;}
#pictureResult .itemImage{float:left;}
#pictureResult .itemContent{margin-left: 100px;font-size: 12px;}
#pictureResult .itemDownloads{padding: 10px 0;}
#pictureResult .itemDownloads p {
	float:left;
	margin:0 10px 0 0;
}
/* naviGator 
*************************************************/
#naviGator{
	margin-bottom: 20px;
}

#naviGatorWrapper.higher{
	height: 235px;
}
#naviGatorWrapper.closed{
	height: 0px;
}
#naviGatorWrapper{
	height: 135px;
	position:relative;
}
#naviGatorWrapper{
	width: 740px;
	overflow:hidden;
	overflow-y:scroll;
	position:relative;
	background: #e4e4e4;
	margin:0;
}

#naviGator ul {
	list-style: none;
	list-style-type: none;
	margin:0 0 0 0;
	padding:10px 0;
}
#naviGator ul li{
	width: 250px;
	white-space: normal;
	overflow:hidden;
	border-bottom: 1px solid #e4e4e4;
	padding-left: 15px;
}

#naviGator ul li a {
	display:block;
	padding: 2px;
}
#naviGator li.subItems a span.clearfix,
#naviGator li.subItems a span.subIcon,
#naviGator li.subItems a span.element{
	display:block;
}
#naviGator li.subItems a span.subIcon{
	margin-top: 4px;
	height: 8px;
	width: 7px;
	overflow: hidden;
	background:  no-repeat 0px 0px;
	float:right;
}

#naviGator li.subItems a span.element{
	float:left;
}
#naviGator li.subItems a:hover{
	color: #004c9f;
	background-color: #fff;
}
#naviGator li.subItems a:hover span.subIcon{
	background: no-repeat 0px -8px;
}

#naviGator .activeItem,
#naviGator .bgActive{
	background-color: #f1f1f1;
}

#naviGator .activeElement{
	background: #fff;
	color: #00A4E9;
	font-weight:bold;
}

#naviGator .activeElement span{
color: #fff;
}

* html #naviGator ul{ position:absolute}


#naviGator ul{display:none;position:absolute}

#naviGator .activeList,
#naviGator .inactiveList{
	position:absolute;
	top: 0;
	left:0;
	display:block;
}

#drillBackWrapper{
	background: #e4e4e4;
	display:block;
	width: 740px;
	height:30px;
	line-height: 30px;
	border-top: 1px solid #fff;
}

#drillBackWrapper ul {display: block;padding:7px 0 0 0;margin:0;width: 730px;}
#drillBackWrapper ul li{width: auto;}
#drillBackWrapper ul li span{cursor: pointer;}

#drillBackWrapper #drillBack{
	display:block;
	padding-left:30px;
	background: url(../Images/drillbackbutton.png) no-repeat 10px center;
	font-size: 12px;
	color: #666;
	font-weight:bold;
	cursor: pointer;
}

#drillBackWrapper .inactive{
	display:none;
}

#drillBack{
	float:left;
}
ul li#drillToggle,
ul li#drillHigher{
	float:right;
	padding-left: 18px;
	margin-left: 15px;
	color: #666;
	font-weight:bold;
	cursor: pointer;
}
#drillHigher{
	background: url(../Images/btn_vergroessern.png) no-repeat left center;
}
.higher #drillHigher{
	background: url(../Images/btn_verkleinern.png) no-repeat left center;

}

#drillToggle{
	background: url(../Images/btn_schliessen.png) no-repeat left center;
}
.closed #drillToggle{
	background: url(../Images/btn_oeffnen.png) no-repeat left center;
}
/* content Navigation
*************************************************/
#contentNavi {
	margin-top: -28px;
	background: #E4E4E4;
	margin-bottom: 20px;
	padding: 10px 0;
}

#contentNavi ul,
#contentNavi li{
	list-style-image: none;
	margin:0;
	padding:0;
	list-style: none;
}

#contentNavi ul{
	margin-left:230px;
}

#contentNavi li {
	float: left;
	padding-left:15px;
	margin-left: 10px;
}
#contentNavi li a {
	white-space:nowrap;
}
#contentNavi li a:hover,
#contentNavi li a:active,
#contentNavi li a:focus{
	color:#444;
}
#contentNavi h3{
	color:#666;
	float:left;
	font-size:12px;
	margin:0;
	text-align:right;
	width:230px;
	font-weight: normal;
}
#contentNavi h3 span{
	display:block;
	padding-right: 0px;
	font-weight:bold;
}

#contentNavi h4{
	color:#666;
	float:left;
	font-size:12px;
	margin-left:257px;
	text-align:left;
	padding-right:10px;
	font-weight: bold;
}
#distributors {
	font-size: 12px;
}

#distributors dt{
	float:left;
	
}
#distributors dd{
	margin: 0 0 10px 380px;
}
#distributors dd span{
	display:block;
}

#distributors form{
	margin-bottom: 20px;
}

ul.quicklinks li, #sidebar ul li{
	background: url(../Images/quicklinks-2.jpg) no-repeat left 7px;
	padding-left: 25px;
	border: 0 !important;
}
ul.quicklinks, #sidebar ul{
	margin-bottom:0  !important
}
/* clearfix
*************************************************/
.clear{
	clear: both;
}
.L {
	float: left;
	margin-right: 1em;
}

.R {
	float: right;
	margin-left: 1em;
}


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height:0;
}

/* Diese Angabe benÃ¶tigt der Safari-Browser zwingend !! */
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {	height: 1%; }

.clearfix { display: block; }
/* End hide from IE-mac */