body{
margin:0px;padding:0px;
 font-family:tahoma, verdana,arial,sans-serif ;
 font-size:12px;
}
a{color:#00007e}
a:hover{}

a.tpp{color:inherit !important;text-decoration:none;border:none}
a.tpp img{border:none}
a.tpp:hover{color:inherit;text-decoration:underline}

h1, h2, h3 {padding:0}
h1	{font-size:22px;color:#010080;margin:0 0 1.5em 0;line-height:24px}
h2	{font-size:18px;color:#a7033f;tahoma, verdana,arial,sans-serif;margin:1.5em 0 0 0;text-align: justify;} /* #02831c */
h3	{font-size:14px;color:#a7033f;margin:0 0 0.5em 0;}
h4	{font-size:12px;color:#02831c;margin:0 0 0.5em 0;}

ul, li {list-style-type:none;padding:0;}

#content li {
	margin-left:0px;
	padding-left:16px;
	background-image: url('/image/arrow.gif'); 
	background-repeat: no-repeat;
	background-position:top  left;}

.clear  {height:1px!important; font-size:1px!important; line-height:1px!important; margin:0px!important; padding:0px!important; float:none!important; clear:both!important; overflow:hidden!important; display:block!important;}
.gray {color:#999}
th {padding-bottom:1em}
/* ----------- LAYOUT ---------- */
#wrapper{
	width:1008px;
	background-color:#ffffff;
	background-image: url('/image/box_bg.jpg');
	background-repeat: repeat-y;
	background-position: 0px 0px; /*left top*/
	margin:0px auto;
	text-align:left;
	position:relative;

}
#header{
	width:1008px;
	height:169px; 
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	background-image: url('/image/header.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px; /*left top*/
}
img#logo	{
	position:absolute;
	top:46px;
	left:67px;
	width:248px;
	height:81px;;
	border:none;
	cursor:pointer;
}
#innerBox{
	width:950px;
	background-color:#ffffff;
	margin:15px 32px 0px 27px;
	line-height:150%;
}
#innerBox p{text-align: justify;}
#innerBox p {
	text-indent: 60px;
}
#innerBox p strong {text-indent: 0px !important;}
/* ------ search Box --------- */
#search {
	clear:both;
	height:63px;
	margin:0;padding:0;
}
#search form{
	display:block;margin:0;padding:20px 0;
}
input {border:none !important;}
input#magnifier{
	border:none;
	margin:0;padding:0;
	height:34px;
	width:51px;
	vertical-align:middle;
}
input#searchbox {
	border:none !important;
	margin:0;padding:10px 3px 0px 3px;
	background-image: url('/image/searchbox.gif');
	height:24px;
	width:207px;
	margin:-1px;
	vertical-align:middle;
}
img#iso9001 {
	width:83px;
	height:81px; 
	float:right;
	position:relative;
	z-index:3 ;
}
/* --------- address --------- */
address {
	width:1008px;
	height:32px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	background-image: url('/image/footer.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px; /*left top*/
	text-align:center;
	font-style:normal;
	color:#999;
}
address a{color:#999;}
/* --------- Top Right Nav --------- */
ul#TopRightNav{
	position:absolute;
	top:10px;
	left:750px;
	margin: 0px 0px 0px 0px;
	padding:0;
	list-style-type:none; 
	background:transparent; 
	display:block;
 }
ul#TopRightNav li{
  display:block; 
  float:left;
  font-size:11px;
  margin:0 35px 0px 0;
  padding:0;
}
ul#TopRightNav li, ul#TopRightNav a{
	color:white;
	font-size:13px;
}
#TopRightNav a{
	text-decoration:none;
}
#TopRightNav a:hover{text-decoration:underline;}

/* --------- Top Nav --------- */
/*###################*/
/* Beginn Navigation */
/*###################*/
#navcontainer	{	top:135px;	left:27px; margin:0; padding:0px;}
#navi, #navi ul { list-style-type:none; margin:0; padding:0; } /* Style-Reset */

#navi li { width:100px; float:left; } /* Horizontale Anordnung */

#navi li ul { display:none; } /* Normalzustand eingeklappt */
/* #navi li:hover {border-left:none;margin:0px} */
#navi li:hover ul { display:block } /* Ausgeklappt */

/*###################*/
/* Styles fuer's Auge */
/*###################*/
#navcontainer { height:24px; position:relative;;background-color:transparent;
	background-image: url('/image/navigleft.png');
	background-repeat: no-repeat;
	background-position: top left; 
	z-index:99}
#navi { position:absolute; padding:0px 10px;
	background-color:transparent;
	background-image: url('/image/navigright.png');
	background-repeat: no-repeat;
	background-position: right top;}
#navi li {margin:0px }
#navi ul li { border:none; margin:0; }
#navi li.first {border-left:none}
#navi li.last {border-right:none}

#navi a { font-weight:normal; text-align:center; display:block; padding:5px 2px; }
#navi a:link, #navi a:visited { color:#e0ffe6; background:#02831C; text-decoration:none; }
#navi a:active, #navi a:hover { color:#fff; background:#03ab25; text-decoration:none; }


#navi li ul li  { border-right:none !important;border-left:none !important;border-bottom:1px solid #02831C; margin:0px; }
#navi li ul li  a { font-weight:normal; text-align:center; display:block; padding:8px 4px;font-size:11px }
#navi li ul li a:link, #navi li ul li  a:visited { color:#fff; background:#02A222; text-decoration:none; }
#navi li ul li  a:active, #navi li ul li  a:hover { color:#fff; background:#03ab25; text-decoration:none; }

#navi li ul li.last {height:10px;
	background-color:transparent !important;
	background-image: url('/image/navililast.png');
	background-repeat: no-repeat;
	background-position: right top;
	border:none !important;
	position:relative;top:-5px}
/* --------- Sub Nav --------- */
ul#subNavig{
	display:block;
	width:200px;
	margin:0;
	float:left;
	padding:22px 0px 0px 0px;
	list-style-type:none; 
	background-color:#fff;
	background-image: url('/image/subnavbg.gif');
	background-repeat: no-repeat;
	background-position:top  left;
	
 }
ul#subNavig li{
	list-style-type:none;
	display:block; 
	font-size:11px;
	margin:0px;
	padding:0px;
}
ul#subNavig ul{margin: 0px 0px 0px 12px;padding:0;list-style-type:none;}
ul#subNavig li, ul#subNavig a{
	color:#808080;
	font-size:13px;
	line-height:14px;
}
ul#subNavig a{
	display:block;
	text-decoration:none;
	margin:0px 10px;
	padding:0px 0px 11px 14px;
	background-color:transparent !important;
	background-image: url('/image/arrow.gif');
	background-repeat: no-repeat;
	background-position: top left;	
}

ul#subNavig a.sel {font-weight:bold;color:black; background-image: url('/image/arrowOn.gif') !important}
ul#subNavig a:hover{text-decoration:none;color:black; background-image: url('/image/arrowOn.gif') !important}

li#subNavBottom{
	padding:0px;
	margin:0px -10px 0px -10px;
	height:22px;
	background-color:#fff;
	background-image: url('/image/subnavBottom.gif');
	background-repeat: no-repeat;
	background-position:top  left;
}
/* --------- Sitemap --------- */
#sitemap{
	display:block;
	margin:0 !important;
	float:left;
 }
ul#sitemap li{
	list-style-type:none;
	display:block; 
	font-size:13px;
	margin:0px !important;
	font-weight:bold;
	background-image:none !important;
}
ul#sitemap li ul{margin:0px !important;padding:0px  !important;}
ul#sitemap li ul li{font-size:12px;font-weight:normal;margin:0px !important;padding:0px 0px 0px 25px !important;}
ul#sitemap a{
	display:block;
	text-decoration:none;
	margin:0px !important;
	padding:0px 0px 7px 20px !important;;
	background-color:transparent !important;
	background-image: url('/image/arrow.gif');
	background-repeat: no-repeat;
	background-position: top left;	
}
/* ul#sitemap a:hover{text-decoration:none;color:black; background-image: url('/image/arrowOn.gif') !important} */
/* --------- 3'er Boxen  --------- */
.box3er {
	background-color:transparent;
	float:left;
	width:280px;
	height:530px;
}
.box3erAll{
	margin:0 55px 0px 0px;
}
.box3erLast{
	margin:0 0px 0px 0px;
}
.box3er a.tpp{color:#03ab25}
.box3er h2	{text-align:center;color:#a7033f;margin:0px;}
.box3er img	{position:relative;left:-5px}
.box3er  ul li {margin-bottom:1em;font-size:13px;color:#092d2d;}
.box3er  ul li ul 	{margin-bottom:2em}
.box3er  ul li ul li {list-style-type:none; margin:0; padding:0; display:block;font-size:12px;color:#03ab25}
.box3er  ul li span {color:#999}

a.boxImg{
	display:block;
	width:280px;
	height:220px;
	border:none;
	background-repeat: no-repeat;
	background-position: top left;	
}
a#boxImg1		{background-image: url('/image/mems_components.jpg')}
a#boxImg1:hover	{background-image: url('/image/mems_components_2.jpg')}
a#boxImg2		{background-image: url('/image/switch.jpg')}
a#boxImg2:hover	{background-image: url('/image/switch_2.jpg')}
a#boxImg3		{background-image: url('/image/fiber_opric_system.jpg')}
a#boxImg3:hover	{background-image: url('/image/fiber_opric_system_2.jpg')}
img.showNo {display:none}
/* --------- products ------------------ */
#topProductBox {
	float:right;
	position:relative;
	top:-14px;
	right:-42px;
	text-align:right;
	padding:0px 0px 2px 0px;
	margin-bottom:-10px;
}
#topProductBox a.tP{
	line-height:16px;
	height:16px;
	display:block;
	float:right;
	margin-right:10px;
	text-decoration: none;
	padding-left:17px;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: top left;
}
#topProductBox a.tP:hover{text-decoration: underline !important;}
a.mov {background-image: url('/image/film.png')}
a.pdf {background-image: url('/image/pdf.png')}

/* --------- distributors -------------- */
table#distributors {border-top:solid 1px #ccc;border-left:solid 1px #999;border-collapse: collapse;width:100%}
table#distributors  td {border-bottom:solid 1px #999;border-right:solid 1px #999;padding:5px 3px 20px 5px;font-size:11px;line-height:120%}
table#distributors p {text-indent:0px !important;}

/* ------------ NEWS ------------------- */
div.newsBox {margin:0 0 20px 0;border-bottom: solid 1px #ccc;padding:0 0 20px 0}

/* ------------ DOCUMENTS -------------- */
a.docu {
	font-size:13px;
	display:block;
	text-decoration:none;
	margin:0px 10px 20px 0px;
	padding:0px 0px 0px 14px;
	background-color:transparent !important;
	background-image: url('/image/arrow.gif');
	background-repeat: no-repeat;
	background-position: 4px left;
	text-indent:0px !important;
}
a.docu:hover{text-decoration:none;color:black; background-image: url('/image/arrowOn.gif') !important}
a.docu span {font-size:11px;color:#999;font-weight:normal}
a.docu img {vertical-align: text-bottom;border:none}

a.docuPdf, a.docuMovie{
	font-size:13px;
	line-height:17px;
	display:block;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 32px;
	background-color:transparent !important;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent:0px;
}
a.docuPdf {background-image: url('/image/docuLinkPdf_off.gif');}
a.docuPdf:hover{text-decoration:none;color:black; background-image: url('/image/docuLinkPdf_on.gif') !important}

a.docuMovie {background-image: url('/image/docuLinkMovie_off.gif');}
a.docuMovie:hover{text-decoration:none;color:black; background-image: url('/image/docuLinkMovie_on.gif') !important}

a.docuPdf span, a.docuMovie span {font-size:11px;color:#999;font-weight:normal}
a.docuPdf img, a.docuMovie img {vertical-align: text-bottom;border:none}
a.docuPdf h2, a.docuMovie h2 {display:inline}

#contactTbl input.textfield {border:inset 1px #ccc !important;width:100%}
/* --- Wysiwyg Styles --- */

.grau
{
	color: #999999;
}
.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000022;
	font-family: 'Courier New' , Monospace;
	background-color: #bbbbbb;
}





.TitleBox
	{
	width: 100%;
	border: 1px solid gray;
	background-color: gray;
	font-size: 12px;
	font-weight : bold;
	color: black;
	font-family:verdana;
	padding: 2px 5px 2px 5px;
	clear: both;
	}
.BodyBox
	{
	width: 100%;
	border: 1px solid gray;
	font-family:verdana;
	padding: 5px;
	}
.Highlight
	{
	font-family:Arial;
	color: Black;
	border : 1 solid #B1B1B1;
	font-weight : bold;
	background-color : #ECEFE0;
}
.CodeForeground
	{
	margin:0in;
	margin-bottom:.0001pt;
	font-size:9.0pt;
	font-family:"Courier New";
	}
.CodeInText
	{
	font-family:"Courier New";
	font-weight:bold;
	}