
/*CSS Kistler Homepage and Countrysite
The common class definitions are in ALPHABETICAL order.

The specific definitions, e.g. for news, productfinder etc. are
listed in this document below the common definitions.

Unic Internet Solutions, Monika Schwarzenberg, 19.01.2005, Version 1.0
Please keep track of changes in this commented part.
*/


body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 12px;
}

body {
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

select, input, textarea {
	font-size: 10px;
	color: #004B85;
}

input, textarea {
	margin-bottom: 5px;
}

fieldset {
	border: 1px solid #004B85;
	padding: 10px;
}

legend {
	font-weight:bold;
	color:#000000;
}
strong {
	font-size: 12px;
	font-weight: bold;
}

td {
	font-size: 12px;
	vertical-align: top;
}

#tableSitemap td{
	font-size: 12px;
	vertical-align: bottom;
}

a:active {
	color: #004B85; 
	text-decoration: none; 
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
}

a:link {
	color: #004B85; 
	text-decoration: none; 
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
	}

a:visited {
	color: #004B85; 
	text-decoration: none; 
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
	}

a:hover	{
	color: #000000; 
	text-decoration: none; 
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
	}

a.nav1:active {
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px;
	line-height: 11px;
}

a.nav1:link	{
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px;
	line-height: 11px;
}

a.nav1:visited	{
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; font-size: 11px;
	line-height: 11px;
	}

a.nav1:hover	{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px;
	line-height: 11px;
}

a.nav1activ:active	{
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px;
	line-height: 11px;
}

a.nav1activ:link	{
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; font-size: 11px;
	line-height: 11px;
	}

a.nav1activ:visited	{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px;
	line-height: 11px;
}

a.nav1activ:hover	{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px;
	line-height: 11px;
}

a.nav2:active {
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: normal; 
	font-size: 11px;
	line-height: 11px;
}

a.nav2:link	{
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: normal; 
	font-size: 11px;
	line-height: 11px;
}

a.nav2:visited	{
	color: #004B85; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: normal; font-size: 11px;
	line-height: 11px;
	}

a.nav2:hover	{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: normal; 
	font-size: 11px;
	line-height: 11px;
}

a.small:active {
	font-weight:normal;
	font-size: 10px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

a.small:link {
	font-weight:normal;
	font-size: 10px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

a.small:visited {
	font-weight:normal;
	font-size: 10px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

a.small:hover {
	font-weight:normal;
	font-size: 10px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

a.detail:active {
	font-weight:normal;
	font-size: 12px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

a.detail:link {
	font-weight:normal;
	font-size: 12px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

a.detail:visited {
	font-weight:normal;
	font-size: 12px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

a.detail:hover {
	font-weight:normal;
	font-size: 12px;
	color: #004B85;
	text-decoration:none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}

.applications {
	padding: 0px 0px 10px 2px;
}

.greyhead {
	background-color: #77787B;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #77787B #FFFFFF #FFFFFF #FFFFFF;
}

.bluehead {
	background-color: #004B85;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #77787B #FFFFFF #FFFFFF #FFFFFF;
}

.blueheadend {
	background-color: #004B85;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #77787B;
}

.blueheadendbg {
	background-color: #004B85;
}

.greyheadend {
	background-color: #77787B;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #77787B;
}

.greyheadendbg {
	background-color: #77787B;
}

.button{
	color: #004B85;
	font-size: 10px;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #FFFFFF #77787B #77787B #FFFFFF;
	background-color: #E5E5E6;
	cursor: pointer;
	padding: 0px;
}

.containergrey {
	background-color: #E5E5E6;
	/* deactivated, 14.03.2005
	padding: 5px 5px 5px 12px;
	*/
	padding: 2px 2px 2px 12px;
	color: #77787B;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-width: 0px 0px 1px 0px;
	border-style:solid;
	border-color: #FFFFFF;
}

.containerheader {
	background-color: #B4D7F2;
	padding: 2px 2px 2px 5px;
	color: #77787B;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.country {
	width: 145px;
	padding: 0px 0px 0px 5px;
	font-size: 10px;
	color: #004B85;
}
.countrylist {
	background-color: white;
	padding: 2px 2px 2px 12px;
	border-width: 0px 0px 1px 0px;
	border-style:solid;
	border-color: #B3B5B8;

}

.crosshair {
	background-image: url(/images/bg-transparent.gif);
	background-repeat: repeat-x;
	background-position: 0px 1px ;
}

.crosshairborder {
	border-width: 0px 1px 0px 0px;
	border-style:solid;
	border-color: #B2B2B2;

}

.errormessage {
	font-size: 12px;
	font-weight: bold;
	color: #DD1000;
	margin: 0px 0px 10px 0px;
}

.footer{
	font-size: 10px;
	color: #77787B;
	margin: 0px 0px 0px 5px;
}

.footerspacer {
	padding: 0px 8px 0px 8px;
	color: #77787B;

}

.measuretape {
	background-image: url(/images/measuretape.gif);
	background-repeat: repeat-x;
	background-position: 9px center;
}
.metanavend {
	color: #004B85;
	padding: 0px 0px 0px 6px;
}

.metanavspacer {
	padding: 0px 8px 0px 8px;
	color: #004B85;

}
.metanavstarter {
	padding: 0px 8px 0px 0px;
	color: #004B85;
}

.nav1activ{
	color: #000000; 
	text-decoration: none; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-weight: bold; 
	font-size: 11px;
}

.navbar1 {
	background-image: url(/images/navbar-bg-cell-1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px ;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #77787B;
}
.navbar2 {
	background-image: url(/images/navbar-bg-cell-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px ;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #77787B;
	}
.navbar3 {
	background-image: url(/images/navbar-bg-cell-3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px ;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #77787B;
}
.navbar4 {
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #77787B;
}
.navbarbottom {
	border-width: 1px 1px 1px 0px;
	border-style: solid dotted solid;
	border-color: #77787B;
	padding: 1px;
	
}

.navbarendbottom {
	background-color: #EFF6FC;
	border-width: 0px 0px 1px 0px;
	border-style: solid ;
	border-color: #77787B;
}

.navbarendtop {
	background-color: #EFF6FC;
	border-width: 1px 0px 0px 0px;
	border-style: solid ;
	border-color: #77787B;
	padding: 1px 0px 1px 5px;
}

.navbarendtopactive {
	background-color: #F1F1F2;
	border-width: 1px 0px 0px 0px;
	border-style: solid ;
	border-color: #77787B;
	font-size: 11px;	
	line-height: 11px;
	font-weight: bold; 	
	padding: 1px 0px 1px 5px;
}

.navbaritem {
	padding: 1px 1px 1px 5px;
}

.navbaritemactive {
	background-color: #E4E5E6;
	font-size: 11px;	
	line-height: 11px;
	font-weight: bold; 	
	padding: 1px 1px 1px 5px;
}

.navbarleft {
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #77787B;
}

.navbarpadding {
padding: 5px;
}

.navbarright {
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #77787B;
}

.navbartop {
	background-color: #EFF6FC;
	border-width: 1px 1px 0px 0px;
	border-style: solid dotted solid;
	border-color: #77787B;
	padding: 1px 0px 1px 5px;
}


.navbartopactiv {
	background-color: #E5E5E6;
	border-width: 1px 1px 0px 0px;
	border-style: solid dotted solid;
	border-color: #77787B;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold; 
	padding: 1px 0px 1px 5px;

}

.klippKlapp {
	background-color: #E5E5E6;
	color: #77787B;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

.subtitle{
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
}
.subtitlegrey{
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 14px;
	color: #77787B;
}

.teaser {
 	padding: 9px 9px 9px 9px;
	background-color: #E4E5E6;
}
.teaserblue {
	font-size: 11px;
	padding: 5px;
	background-color: #E6F3FD;

}

.title{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
	color: #77787B;
}

.redtitle{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
	color: #DD1000;
}

.search {
	background-color:#B4D7F2; 
	color: #77787B;
	font-weight: bold;
	height: 52px;
	overflow: hidden;
}

.innersearch {
	padding: 3px;
	background-color:#B4D7F2; 
}

/* Form definitions, 26.01.2004*/
label.left {
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 10px;
	padding-top: 3px;
	white-space: nowrap;
}
.inputText {
	width: 259px;
	height: 18px;
	margin-bottom: 5px;
}
.inputTextArea {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	margin-bottom: 5px;
}

input.inputKlippKlapp {
	width: 282px;
	* width: 285px;
	padding: 0px;
	margin: 0px;
}

select.inputKlippKlapp {
	width: 285px;
	padding: 0px;
	margin: 0px;
}

.dropdown {
	padding: 0px 0px 0px 5px;
	font-size: 10px;
	color: #004B85;
	margin: 5px 0px 5px 0px;

}

.dropdown2 {
	padding: 0px 0px 5px 0px;
	font-size: 10px;
	color: #004B85;
}

.dropdown3 {
	color: #004B85;
	height: 18px;
	margin-bottom: 5px;
}

.exception {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	color: #004B85;
}

/* definition for product details, 02.02.2005*/
.prodcell {
	padding: 10px 5px 0px 0px;
}

.prodheader {
	background-color: #E4E5E6;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #FFFFFF;
}

.prodrow {
	background-color: #E6F3FD;
	border-color: #B2B2B2;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

.prodrowimg {
	background-color: #FFFFFF;
	border-style: none;
	width: 100px !important;
	padding: 2px 0px 2px 5px;
	border-width: 0px 0px 1px 0px;
}

.prodrowimgborder {
	background-color: #FFFFFF;
	width: 100px !important;
	padding: 2px 0px 2px 5px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

.prodbasedesc {
	position: relative;
	height: 100px;
	width: 160px !important;
	overflow: hidden;
}

.prodrowimg h3 {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.prodrowtyp {
	padding-bottom: 5px;	
}

.prodrow_noline {
	background-color: #E6F3FD;
	border-color: #000000;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
}


/* definitions for product finder, 03.02.2005 */

.attribute {
	font-weight: normal;
	padding: 5px 5px 5px 5px;
}

.productfinder {
	background-color: #E5E5E6;
	color: #000000;
	padding: 5px;
	font-weight: bold;
}

table.productfinder {
	background-color: #E5E5E6;
	color: #000000;
	padding: 0px;
	font-weight: bold;
}

.baseProductfinder {
	background-color: #E5E5E6;
	color: #000000;
	padding: 1px;
	font-weight: bold;
}

table.baseProductfinder {
	background-color: #E5E5E6;
	color: #000000;
	padding: 0px;
	font-weight: bold;
}

.baseProductfinder table {
	width: 100%;
}


.baseProductfinder table td {
	width: 50%;
}

.baseProductfinder table td table td {
	width: inherit;
}

.productfinderwithform {
	background-color: #E5E5E6;
	color: #000000;
	padding: 5px 5px 0px 5px;
	font-weight: bold;
	height: 30px;
}

.productfindercheckbox {
	border:0px; 
	padding: 0px; 
	margin:0px; 
	width: 15px; 
	height: 15px
}

.productfinderpageing {
	text-decoration: none; 
	background-color: #E5E5E6;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
	padding: 5px 0px 5px 5px;	
}

.productfinderpageing_white {
	text-decoration: none; 
	background-color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
	padding: 5px 0px 5px 5px;	
}

.productfinderpageing span {
	color: #000000;
}

.productfinderpageing a {
	font-weight: normal;
}
.productfinderpageing a:active {
	font-weight: normal;
}
.productfinderpageing a:link {
	font-weight: normal;
}
.productfinderpageing a:visited {
	font-weight: normal;
}
.productfinderpageing a:hover {
	font-weight: normal;
}

.productfinderpageing_white span {
	color: #000000;
}

.productfinderpageing_white a {
	font-weight: normal;
}
.productfinderpageing_white a:active {
	font-weight: normal;
}
.productfinderpageing_white a:link {
	font-weight: normal;
}
.productfinderpageing_white a:visited {
	font-weight: normal;
}
.productfinderpageing_white a:hover {
	font-weight: normal;
}

.noresult {
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	font-weight: normal;
	border-color: #000000;
	border-style: solid;
	border-width: 0px 0px 1px 0px;

}
.selectedPage {
	text-decoration: none; 
	color: #77787B;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
}

.whiteline {
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
}
.result{
	background-color: #FFFFFF;
	border-color: #000000;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	font-weight: normal;
	color: #000000;
}

/* wysiwig editor */

p { font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
    margin: 0px 0px 8px 0px;
    white-space: normal;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 14px 0px;
	color: #77787B;	
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	color: #77787B;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	/*margin-bottom: 14px;*/
}

/*Dynamic Content definitions, 17.03.2005*/
.picleft {
	margin: 3px 17px 6px 0px;
	float: left;

}
.picright {
	margin: 3px 0px 6px 17px;
	float: right;
}

.navlevel1 {
	background-image: url(/images/navitem.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 3px 0px 8px 8px;
}

.navlevel2 {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 6px 0px;
}

.datatable {
	padding: 0px;
	margin-left: 0px;
	-x-border-x-spacing: 0px;
	-x-border-y-spacing: 0px;
	border: 1px solid rgb(0,0,0);
}

.dataheader {
	border: 0px solid rgb(255, 255, 255);
	border-collapse: collapse;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 14px;
	color: #000000;
	background-color: #b4d7f2;
}

.datatd {
	text-align: left;
	border-collapse: collapse;
	border: 0px solid rgb(255, 255, 255);
	background-color: #e6f3fd;
	-x-border-x-spacing: 0px;
	-x-border-y-spacing: 0px;
}

.eventtable {
	padding: 0px;
	margin-left: 0px;
	border-collapse: collapse;
	-x-border-x-spacing: 0px;
	-x-border-y-spacing: 0px;
}

.eventheader {
	border: 2px solid rgb(255, 255, 255);
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 14px;
	color: #77787B;
	background-color: #b4d7f2;
}

.eventtd {
	text-align: left;
	border: 2px solid rgb(255, 255, 255);
	background-color: #e6f3fd;
	-x-border-x-spacing: 0px;
	-x-border-y-spacing: 0px;
}

.question {
	margin-left: 1em;
	text-indent: -1em;
	padding-bottom: 1em;
}
.topic {
padding-bottom: 6px;
}

/* download tables, added 19.07.2007 AE */
table.downloadlist {
	margin: 10px 0px 0px 0px;
	empty-cell: show;
	border-collapse: collapse;
}

table.downloadlist thead tr {
	background-color: #E5E5E6;
}

table.downloadlist thead tr th {
	color: #000000; 
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
	text-align: left;
}

table.downloadlist tbody tr {
	background-color: #EFF6FC;
}
	
table.downloadlist tbody tr td {
	color: #000000; 
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	font-size: 12px;
	text-align: left;
	border-top: 1px  solid #E5E5E6;
	border-bottom: 1px solid #E5E5E6;
}

table.downloadlist tbody tr.downloadlistseparatorrow {
	background-color: #FFFFFF;
	border: 0px;
	height: 1px;
}

table.downloadlist tbody tr.downloadlistemptyrow {
	background-color: #FFFFFF;
	border: 0px;
	height: 5px;
}

table.downloadlist tbody tr td.sizecell {
	text-align: right; 
	padding: 0px 10px 0px 0px;
}

#tableSitemap sup {
	line-height: 0;
}
