/*__________________________ ALLGEMEIN __________________________*/
* {
	margin:0;
	padding:0;
	font-size:1.0em;
	color:#333333;
	line-height:150%;
	font-family: Arial, Helvetica, sans-serif}

a  {
	font-weight:bold;
	text-decoration:none;
	color: #191970}
a:visited {
	font-weight:bold;
	text-decoration:none;
	color: #191970}
a:focus {
	font-weight:bold;
	color: #A4C2DB;
	text-decoration:none}
a:hover {
	font-weight:bold;
	color: #A4C2DB;
	text-decoration:none}
a:active {
	font-weight:bold;
	color: #A4C2DB;
	text-decoration:none}

a img{
	border:0}
img a {
	border:0px}

/*ul {
	list-style:none}*/

html {
	height: 100%;
	width:100%;
	padding-bottom: 1px}

body {
	background-color:#FFFFFF; /*#E8E7E9*/
	height: 100%}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/}

#nofooter {
	min-height: 100%}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden}
.clearfix {
	display: inline-block}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Bereich nicht für IE-mac Ende */

.clear {clear:left}
/*-------------------------- ALLGEMEIN-ENDE --------------------------*/

/*__________________________ KOPFZEILE __________________________*/
#header {
	margin: 0 auto;
	width:auto;
	height: auto;
	display:block}

#navlist {
	margin:0 auto;
	padding: 0;
	width: 960px;
	height: 32px;
	font-size:0.8em;
	border-bottom: 3px solid #fff;
	background: #595660}

#topmenu {
	float: right;
	list-style-type: none}
#topmenu li {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	display: block}
#topmenu li a, #topmenu li a:link {
	background: #595660;
	margin-top:3px;
	color: #fff;
	text-decoration: none;
	padding: 0.2em 1em;
	display: block}
#topmenu li a:hover {
	color: #bbb/*#039*/;
	border-bottom: 3px solid #bbb;
	cursor: pointer;
	background: #000 /*#eee*/}
#topmenu li a#current, #topmenu li a#current:link {
	color: #fff;
	cursor: default;
	font-weight: bold;
	border-bottom: 3px solid #999}
#topmenu li a#current:hover {
	border-bottom: 3px solid #f90;
	color: #fff /*#039*/;
	background: #595660 /*#eee*/}
#topmenu #last {
	border-right: 0px;
	margin-right:10px}

#logo {
	margin:0 auto;
	width:960px;
	height:auto;
	margin-bottom:7px;
	clear:both}
#logo img {
	height:100px}

#breadcrump {
	width:960px;
	margin:0 auto;
	color:#A4C2DB;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom: 1px  solid;
	font-size:0.8em;
	clear:both}
#breadcrump a {
	display:block;
	float:left;
	margin-right: 5px;
	color:#595660}
#breadcrump a:hover {
	color:#A4C2DB}
/*-------------------------- KOPFZEILE-ENDE --------------------------*/

/*__________________________ HAUPTTEIL __________________________*/
#main {
	overflow:auto;
	margin: 0 auto;
	height:auto;
	width:960px}

#content {
	margin: 0 auto;
	width:960px;
	margin-top:0px;
	height:auto;
	overflow:hidden;
	margin-bottom: 40px;
	background-color:#FFFFFF}
#content ul {
	margin-bottom:0px}
#content li {
	float:left;
	/*display:block*/}
#content a {
	font-weight:bold;
	text-decoration:none;
	color: #191970}
#content a:visited {
	font-weight:bold;
	text-decoration:none;
	color: #191970}
#content a:focus {
	font-weight:bold;
	color: #A4C2DB;	/*#191970;*/
	text-decoration:none}
#content a:hover {
	font-weight:bold;
	color: #A4C2DB;
	text-decoration:none}
#content a:active {
	font-weight:bold;
	color: #A4C2DB;
	text-decoration:none}

.line {
	width:960px;
	color:#CECECE;
	margin-top:15px;
	margin-bottom:10px;
	border-bottom: 1px  solid;
	clear:both}

#legend {	/*MOQ*/
	font-size: 0.8em;
	line-height:150%;
	margin-top:25px;
	font-weight:bold}

#summary {
	font-size:14px;
	text-align:justify;
	padding-bottom:30px}
/*-------------------------- HAUPTTEIL-ENDE --------------------------*/

/*__________________________ FUSSZEILE __________________________*/
#fuss_background {
	margin: 0 auto;
	width:960px;
	height:30px;
	background-color: #595660;
	display:block}
#fuss {
	margin: 0 auto;
	width:960px;
	height: auto;	/*height:23px;*/
	clear:left;
	padding-top:7px;
	margin-top: -30px;
	position: relative}
#fuss p {
	color:#FFFFFF;
	font-size:0.7em;
	font-weight:bold;
	line-height:150%;
	padding-left:10px;
	float: left}

#datum {
	float:right;
	margin-right:10px;
	font-size:0.7em}
#datum a {
	color:#595660;
	cursor:none}
#datum a:hover {
	color:#FFF;
	cursor:none}
/*-------------------------- FUSSZEILE --------------------------*/

/*__________________________ TEXT __________________________*/
h1 {
	font-size:1.3em;
	font-weight:bold;
	color: #191970;
	margin-bottom:10px}

h2{
	font-size:1.2em;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px}

h3 {
	font-size: 1.1em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:3px}

h4 {
	font-size: 1em;
	font-weight:bold}

bld {
	font-weight:bold}

hl {
	color:#ff010d;
	font-weight:bold}

.text08 {
	text-align:justify;
	font-size:0.8em;
	line-height:140%;
	margin-top:5px;
	margin-bottom:5px}
.text09 {
	text-align:justify;
	font-size:0.9em;
	line-height:140%;
	margin-top:5px;
	margin-bottom:5px}
.text1 {
	text-align:justify;
	font-size:1em;
	line-height:150%;
	margin-top:5px;
	margin-bottom:5px}

.phaseout {
	color:#FF0000;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px}
#phaseout_note{
	color:#FF0000;
	font-weight:bold;
	margin-left:10px}

#bl {
	color:#0000FF;
	font-weight:bold;}

#gr {
	color:#00D500;
	font-weight:bold;}

#rd {
	color:#FF0000;
	font-weight:bold;}

.ankertop {
	float:right;
	line-height: 1em;
	font-size:0.75em;
	font-weight:normal;
	margin-top:-5px;
	margin-bottom:-6px;
	clear:left}
/*-------------------------- TEXT --------------------------*/

/*__________________________ ICONS_CROSS __________________________*/
#content .icons dd {
	height:47px;
	margin-bottom:3px;
	padding-top: 18px}
#content .icons dt {
	float:left;
	margin-right:7px;
	width:65px;
	height:65px;
	margin-bottom:3px}
#content .icons dl {
	float:left;
	width:320px}
/*-------------------------- ICONS_CROSS --------------------------*/

/*__________________________ Button_TOP __________________________*/
#BtnTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 0.9em;
  font-weight:bold;
  border: none;
  outline: none;
  background-color: #366092;
  color: white;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 5px}
#BtnTop:hover {
  background-color: RoyalBlue}
/*-------------------------- Button_TOP --------------------------*/

/*__________________________ PRODUCT_DESCRIPTION __________________________*/
.productdescr {
	/*margin-top:30px;*/
	margin-bottom:10px;
	/*padding-left:2px;*/
	text-align:justify}
.productdescr p {
	font-size:0.8em;
	line-height:1.3em;
	padding-bottom:5px}
.productdescr img {
	float:right;
	max-width:200px;
	max-height:141px;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:10px;
	/*margin-right:20px;*/
	border: 0px solid #CCCCCC}
.productdescr ul {
	font-size:0.8em;
	line-height:1em}

.liste {
	float:left;
	width:auto;
	padding-left:15px;
	padding-bottom:10px}
.liste li {
	width:325px;
	padding-right:30px;
	clear:both}


/*.top0 {margin-top:0px}*/
.top10 {margin-top:10px}
.bottom10 {margin-bottom:10px}

options{
	margin-left:20px;
	font-size:1em;
	font-weight:bold}

.add {
	font-size:0.8em;
	margin-top:5px}
.add dt{
	width:790px;
	margin-bottom:3px;
	margin-left:160px}
.add dd {
	float:left;
	margin-left:20px;
	width:140px;
	font-weight:bold}

.tooltip {
	position: absolute;
	display: none;
	background-color: #FFFFFF}
/*-------------------------- PRODUCT_DESCRIPTION --------------------------*/

/*__________________________ TABELLE __________________________*/
table {
	width:960px;
	background-color:#FFFFFF;
	margin: 0px auto 10px;
	border-spacing:2px;
	line-height: 1em;
	font-size:0.75em;
	font-weight:normal;
	clear:left}
table td {
	padding: 2px 5px;
	vertical-align:middle}

/*------ NEW ------*/
table#products {width: 100%}
table#products tr {background-color:#F2F2F2; color:#000}
table#products tr:nth-child(odd) {background-color:#D9D9D9}
table#products tr:hover {background-color:#CDE2FB  /*#dfac20*/}
table#products th {font-weight:bold; font-size:1em; text-align:center; padding:3px 5px; background-color:#366092; color:#FFFFFF}
table#products th.t_note {text-align:left; padding-left:10px}
table#products sub{padding-left:2px; color:#FFFFFF}

table#productnews {width: 100%}
table#productnews tr {background-color:#d1e8ff; color:#000}
table#productnews tr:hover {background-color:#8bc4ff  /*#dfac20*/}
table#productnews th {font-weight:bold; font-size:1em; text-align:center; padding:3px 5px; background-color:#366092; color:#FFFFFF}
table#productnews th.t_note {text-align:left; padding-left:10px}
table#productnews sub{padding-left:2px; color:#FFFFFF}
/*------ NEW - END ------*/

.t_kopf {font-weight:bold; font-size:1em; text-align:center; background-color:#366092; color:#FFFFFF}
.t_kopf td,  .t_kopf sub{text-align:center; padding: 3px 5px; color:#FFFFFF}
.t_kopf .t_note {text-align:left; padding-left:10px}

.t_bg0 {background-color: #F2F2F2; font-size:1em}	/*___table cell - light___*/
.t_bg1 {background-color: #D9D9D9; font-size:1em}	/*___table cell - dark___*/

.t_item {font-weight:bold; text-align:left; width:110px; padding-left:10px}	/*___Part No.___*/
.t_nmb {font-weight:bold; font-size:1em}	/*___Wavelength Bold___*/

.t_note {text-align:left; padding-left:10px}	/*___notifications___*/

.t_data {text-align:center; width:62px}	/*___data sheet___*/
.t_data img{vertical-align:middle; margin: 0 auto; width: 15px}	/*____ BILD - TABLE DATA-PDF ____*/

.t_mon img{vertical-align:middle; margin: 0 auto; width: 15px}	/*____ BILD - TABLE MPD-CHECK ____*/
/*-------------------------- TABELLE-ENDE --------------------------*/


.mittig {margin: 0 auto; width: 960px}
.abstandunten {padding-bottom:50px}
.abstandoben {padding-top: 20px}
.abstand10 {padding-top: 10px}
.abstand15 {padding-top: 15px}
.abstand20 {padding-top: 20px}
.abstand25 {padding-top: 25px}
.abstand30 {padding-top: 30px}


/* Links */
dl a {
color: #595660;
font-size:1.1em;
font-weight:bold}

dl a:hover {
font-size:1.1em;
font-weight:bold;}



/* Textformatierungen */
#bildtext {
	width:450px;
	height:20px;
	text-align:center;
	font-size:0.8em;
	font-style:italic;
	margin-top:10px;
	margin-bottom:50px;
	margin: 0 auto}