/* ===========================================================================
  #ffe600 (zuvor: #ffde00) Gelb Streifen links, Hintergrund Überschriften rechts
  #404060 Graublau Titelseite
  #000084 Tiefblau Text Überschriften, Umrandungen
  #0810bd Mittelblau Überschriften Technische Daten
  #e8e8ff Rahmen Hintergrund Hellblau

  #f7ff00 Gelb in Navigationsbuttons (Schrift)
  #0810bd Blau in Navigationsbuttons (Body)
=========================================================================== */

* {
	margin: 0;
	padding: 0;
	}
html {
	font-size: 101%;
	}
body {
	font-size: 88%; /* 14px (based on 16px browser default size) */
	line-height: 1.43em;
	color: #000000;
	background: #ffffff url(../images/bg_1280b.gif) repeat scroll;
	}
html, body, div, p, h1, h2, h3, ul, ol, span, a, form, li {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	}
img {
	border: 0;
	vertical-align: bottom;
	}
h1 {
	color: #000084;
	font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif;
	font-size: 300%; /* 42px */
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 120%;
	}
h2 {
	color: #404040;
	font-size: 143%; /* 20px */
	font-weight: bold;
	line-height: 120%;
	}
h3 {
	font-size: 136%; /* 19px */
	font-weight : bold;
	margin-top: 1em;
	}
h4 {
	font-size: 115%; /* 16px */
	font-weight : bold;
	}
h5 {
	font-size: 107%; /* 15px */
	font-weight : bold;
	margin-bottom: 0.2em;
	}
h3.st {
	color: #000084;
	margin-bottom: 0.4em;
	padding: 0px 0px 3px 5px;
	border-width: 0px 0px 1px 8px;
	border-style: solid;
	border-color:  #ff0000;
	}
h3.tt {
	color: #0810bd;
	background: #ffe600 none;
	padding: 3px 5px 3px 10px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000084;
	}
p {
	text-indent: 1.5em;
	text-align: left;
	margin-bottom: 0.8em;
	}
ul {
	margin-left: 20px;
	margin-bottom: 0.8em;
	}
table, tr, td {
	border-spacing: 0;
	border-collapse: collapse;
	vertical-align: top;
	border-width: 0; /* test */
	}
td  {
/*	padding: 3px 0 3px 20px; */
	}
/* p a {
	font-weight: normal;
	}
*/

a:link {
	color: #0000c0;
	text-decoration: underline;
	}	
a:visited {
	color: #000000;
	text-decoration: underline;
	}	
a:hover {
	color: #0000ff;
    background-color: #f0f0ff;
	text-decoration: none;
	}	
a:active {
	color: #0000ff;
    background-color: #f0f0ff;
	text-decoration: underline;
	}	

.pdf {
	padding-left: 20px;
	background: url(../images/icon16x16_pdf.gif) no-repeat center left;
	}

.rem {
	font-size: 79%; /* 11px */
	color: #666666;
	text-indent: 0;
	line-height: 1.2em;
	}

.note {
	font-size: 79%; /* 11px */
	color: #666666;
	text-indent: 0;
	line-height: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: #666666 solid 1px;
	border-bottom: #666666 solid 1px;
	}

.noindent {
	text-indent: 0;
	}

pre {
	font-size: 100%; /* 14px */
	font-family: Courier, monospace;
	line-height: 1.1em;
	border: 1px dashed #8080F0;
	background-color: #F4F4FF;
	padding: 0.5em;
	margin-bottom: 0.8em;
	margin-left: 1.5em;
	}

/* --( Screen Layout )----------------------------------------------------- */

#outerframe {
	background: #ffe600 none;
	min-width: 640px;
	margin-right: 20%;
	}
#mainframe {
	background: #fff8c0 none; /* url(../images/bg_a2b.png) no-repeat; */
	margin-left: 7%;
/*	border: #000084 solid 1px; */
/*	border-top-width: 0px; */
	}

#maintable {
	}
#leftcol {
	width: 55%;
	}
#rightcol {
	padding-left: 20px;
	}

/* --( Navigation Bar )---------------------------------------------------- */

#navibar {
	position: relative;		/* IE! */
/*	background: #ffe600 none; */
/*	vertical-align: bottom; */
	white-space: nowrap;
/*	text-align: right; */
	padding: 16px 10px 16px 10px;
/*	border: #000084 solid 1px; */
	}
#navibar span {
	font-size: 115%; /* 16px */
	font-weight: bold;
	vertical-align: bottom;
	}	
#navibar span a {
	text-decoration: none;
	color: #ffffff;
	background-color: #000084;
	padding: 1px 1em 0 1em;
	border: #000084 solid 1px;
	}
#navibar span a:hover{
	color: #000084;
	background-color: #ffffff;
	}
#navibar img {
	position: relative;		/* IE! */
	margin-left: 10px;
	margin-right: 10px;
	}
#navibar a:hover {
    background-color: inherit;
	}

#archive {
	margin-left: 7%;
	}

/* --( Headline )---------------------------------------------------------- */

#headline {
	padding: 5px 26px;
	}
#headline h1 {
	margin-left: -3px;
	}

/* --( Main Content )------------------------------------------------------ */

#maincont {
	background: #ffffff none;
	margin: 0 10px 10px 10px;
	padding: 5px 16px 10px 16px;
	border: #000084 1px solid;
	}

.spectable td {
	border: #000084 solid 1px;
	padding: 1px 4px;
	line-height: 1.2em;
	}

.spectable th {
	border: #000084 solid 1px;
	padding: 1px 4px;
	text-align: left;
	}

.topimg {
	float: right;
	position: relative;
	top: -65px;
	margin-left: 20px;
	}

.prod {
	border: #C0C0C0 dotted 1px;
	padding: 7px 10px 3px 10px;
	margin: 10px 0;
	}

.prod h4 {
	color: #404060;
/*	font-size: 107%; */
	border-left: #D00000 solid 8px;
	padding-left: 10px;
	margin-left: 2px;
	}

.prod p {
	color: #000000;
	font-weight: normal;
	letter-spacing: 1px;
	text-indent: 0;
	margin-left: 20px;
	margin-bottom: 0;
	}

.vendorbox {
	float: right;
	padding: 10px 0px 8px 10px;
	margin: 0px 0px 8px 10px;
	border-left: 1px dotted red;
	border-bottom: 1px dotted red;
	}

.vendorbox div {
	margin-top: 5px;
	font-weight: bold;
	}

.vendortxt {
	text-indent: 0;
	text-align: justify;
	}

/* --( Downloads & Links )------------------------------------------------- */

#downlinks ul {
	margin: 0;
	list-style: none;
	line-height: 110%;
	}
#downlinks ul li {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000084;
	}
#downlinks a {
	background: #e8e8ff no-repeat;
	background-position: 4px 0.25em;
	display: block;
	padding: 2px 2px 2px 25px;
	}
#downlinks a:link {
	color: #000084;
	text-decoration: none;
	}
#downlinks a:visited {
	color: #666666;
	text-decoration: none;
	}
#downlinks a:hover {
	color: #000084;
	background-color: #ffffff;
	text-decoration: none;
	}
#downlinks a:active {
	color: #0000ff;
	text-decoration: none;
	}
#downlinks a.icon_arrow {
	background-image: url(../images/icon18x14_arrow.gif);
	}
#downlinks a.icon_binary {
	background-image: url(../images/icon18x14_binary.gif);
	}
#downlinks a.icon_bullet {
	background-image: url(../images/icon18x14_bullet.gif);
	}
#downlinks a.icon_de {
	background-image: url(../images/icon18x14_de.gif);
	}
#downlinks a.icon_en {
	background-image: url(../images/icon18x14_en.gif);
	}
#downlinks a.icon_extlink {
	background-image: url(../images/icon18x14_extlink.gif);
	}
#downlinks a.icon_link {
	background-image: url(../images/icon18x14_link.gif);
	}
#downlinks a.icon_manual {
	background-image: url(../images/icon18x14_manual.gif);
	}

/* --( Product Foto )------------------------------------------------------ */

div.pf {
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
	text-align: center;
	}

div.pf div {
	font-size: 86%; /* 12px */
	font-style: italic;
	padding-top: 0.2em;
	line-height: 120%;
	}

div.pf a img {
	background-image: url(../images/14x18zoomin.gif);
	background-repeat: no-repeat;
	background-position: 90% 100%;
	padding-bottom: 18px;
	}

div.pf a:hover {
/*    background-color: inherit; */
      background-color: #ffffff;
	}
div.pf a:active {
/*    background-color: inherit; */
      background-color: #ffffff;
	}

.bordered {
	border: #000084 solid 1px;
	}

/* --( Technical Data )---------------------------------------------------- */

.techdata {
	font-size: 86%; /* 12px */
	line-height: 120%;
	background: #e8e8ff none;
	margin: 0;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #000084;
	}

ul.techdata {
	list-style-image: url(../images/bullet_b2.gif);
	padding-left: 25px;
	border-top-width: 0;
	}

.techdata li {
	margin: 0.2em 0;
	}

p.techdata {
	text-indent: 0;
	padding-left: 10px;
	border-top-width: 0;
	}

.section {
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	}
	
/* --( Ordering Info )----------------------------------------------------- */

div#orderinfo {		/* IE! */
	width: 100%;
	}
#orderinfo table {
	width: 100%;
	font-size: 86%; /* 12px */
	line-height: 120%;
	}
#orderinfo table tr td {
	vertical-align: top;
	padding: 3px 4px 2px 4px;
	border-color: #000084;
	border-style: solid;
	}
#orderinfo table tr {
	background: #e8e8ff none;
	}
#orderinfo table tr:nth-child(even) {
	background: #dcdcf0 none;
	}
.oi-col1 {
	text-align: left;
	font-weight: bold;
	/* borders need to be assigned here as IE ignores borders for tr */
	border-width: 1px 0px 1px 1px;
	}
.oi-col2 {
	text-align: left;
	border-width: 1px 0px 1px 0px;
	}
.oi-col3 {
	text-align: right;
	white-space: nowrap;
	border-width: 1px 0px 1px 0px;
	}
.oi-col4 {
	text-align: right;
	border-width: 1px 1px 1px 0px;
	}
.oi-colall {
	text-align: left;
	background: #ffffff none;
	border-width: 1px 1px 1px 1px;
	}

#orderinfo p {
	font-size: 86%; /* 12px */
	text-indent: 0;
	}

/* --( Page Date )--------------------------------------------------------- */

#pagedate p {
	font-size: 86%; /* 12px */
	color: #666666;
	text-align: right;
	margin: 0.5em 0 0 0;
	}

/* --( Footer )------------------------------------------------------------ */

#footer {
	margin: 0 10px 0 10px;
	padding-bottom: 0.8em;
	}

#footer p {
	font-size: 86%; /* 12px */
	text-indent: 0;
	text-align: center;
	line-height: 120%;
	margin-bottom: 0.6em;
	}
	
/* ------------------------------------------------------------------------ */