/* CSS for ELZET80's web site
Walter L. Giesler, ELZET80, Aachen
Project started 2005-09-07 to integrate the ethernode product line.
Based on ideas of csszengarden.com, continued with the help of positioniseverything.net, stopdesign.com, css.maxdesign.com.au, selfhtml.org/css and jendryschik.de. Thanks!
*/
/*ELZET80 ci:
ELZET-blue  (HKS44): #0a50a1;
ELZET-blue backgrounds (HKS44): #1868B1;
ELZET-green (HKS52): #1C7571;
ELZET-green backgrounds (HKS52): #2EA28D;
*/


html, body { 
    margin:0;
    padding:0;
	color:#0a50a1;
	overflow:hidden;
/*	to make Safari (Mac) happy: 
*/	height:100%;
	width:100%;
}

body {
font: 100%  Geneva, Verdana, Arial, Helvetica,  sans-serif;
background-image:url(pic/bg.gif);
height:100%;
}
ul, li, p, pre, blockquote {
margin:0;
padding:0;
}
a {
  color:#1C7571;
}
/*a:hover {
  background-color:#FF6600;
}*/

img {
border:0;
}

#printonly {
visibility:hidden;
}


#main {
position:absolute;
left: 10%;
width: 60%;
height: 100%;
top: 0px;
background-color:white;
}
#main .language{
	position:absolute;
	left:3px;
	top: 1px;
	z-index:4;
	margin-top:0px;
	margin-left:10px;
}

#main .language img {
	width:23%; 
	.width:6%;}
	
#main h4 {
	position:absolute;
	top: 9%;
	color:#FFFFFF;
	z-index:4;
	margin-top:0px;
	margin-left:10px;
	font-size:1em;
	font-weight:bold;
}



#bannerbg{
background-image:url(en/pic/elzet80-banner-bg.gif);
background-repeat:repeat-x;
height:14%;
}

#banner {
float:right;
/* to prevent IE to show a white spacer on the 320px display: */
width:315px;
margin-left:-5px;
background-image:url(en/pic/elzet80-banner.gif);
background-repeat:no-repeat;
height: 14%;
}
#submain{
height:85%;
}
#features {
width:42%;
height:95%;
float:left;
margin: 0;
overflow:auto;
}
#features h1 {
display:block;
background-color:#2EA28D;
color: white;
margin-top: 0;
margin-bottom:5px;
padding: 6px 2px 6px 20px;
font-size:1.1em;
line-height:1.2em;
font-weight:900;
}
#features ul {
font-size:.7em;
line-height:1.4em;
margin-left:15px;
padding: 2px 3px 0px 3px;
color:#1C7571;
}
#features p {
font-size:.7em;
line-height:1.2em;
margin-left:15px;
padding: 2px 3px 0px 3px;
color:#1C7571;
}
#features ul ul{
font-size:.8em;
}
#description {
float:right;
margin: 0;
padding-top:5px;
padding-left:3%;
color: black;
width:55%;
height:100%;
font-size:.85em;
}
#description #intro{
font-size:.8em;
font-weight:900;
margin-bottom:2%;
height:20%;
overflow:auto;
}
#description #bodyText{
font-size:.8em;
height:75%;
overflow:auto;
margin-bottom:3.5%;
}
#bodyText img {
float:left;
padding: 3px 5px 2px 0;
}
#bodyText h3{
font-size:11px;
margin-bottom:3px;
clear:both;
}
#description  .new{
font-size:12px;
font-weight:900;
display:block;
width:90%;
clear:both;
}
#description  .item{
clear: both;
}
#description  .item .code{
color:#1C7571;
font-size: 11px;
font-weight:900;
margin-right: 15px;
}
#description  .item .price{
font-size: 11px;
font-weight:900;
margin-right: 15px;
color:#1C7571;
float:right;
}
#description  .item .itemtext {
font-size:11px;
display:block;
width:90%;
margin-bottom: 9px;
margin-top: 6px;
}
#description  .item .head {
font-size:11px;
font-weight:900;
display:block;
width:90%;
}
#description .item img {
float:left;
width: auto;
padding: 3px 5px 2px 0;
}
#splashcontainer{
position:absolute;
top:3px;
right:1px;
width:29%;
max-height:35%;
overflow:hidden;
}
.splash{
width:100%;
z-index:0;
}

#addtlInfo {
	position:absolute;
	left: 71%;
	width: 29%;
	bottom: 3%;
	height:64%;
	overflow:auto;
}
#addtlInfo h6 {
font-size: 11px;
color:#0a50a1;
font-weight:700;
margin-top: 12px;
margin-bottom:5px;
}
#addtlInfo .item img {
float:left;
padding-right:3px;
text-decoration:none;
}
#addtlInfo .item {
clear:both;
padding-top:8px;
}
#addtlInfo .item .code {
color:#1C7571;
font-size: 11px;
font-weight:900;
margin: 0 0 4px 0;
}
#addtlInfo .item .more {
color:#1C7571;
font-size: 11px;
font-weight:900;
}
#addtlInfo .item .price {
float:right;
font-size: 11px;
font-weight:900;
margin: 0 6px 4px 4px;
padding-right: 3%;
}
#addtlInfo .item .itemtext {
font-size:.6em;
clear:right;
display:block;
width:83%;
margin-bottom: 10px;
}
#addtlInfo h4 {
clear:both;
font-size: 9px;
color:#0a50a1;
margin-top: 12px;
margin-bottom:5px;
}
#navi {
position:absolute;
top: -2px;
height:100%;
width:10%;
}
#navilist{
clear:both;
height:78%;
width:100%;
overflow:auto;
padding-top:0;
}
#navi img {
margin: 8px 0 6px 0;
_margin-bottom: 0;
_padding-bottom:0;
width: 67%;
}
#navi #search{
padding-top:5px;
_padding-top:0;
}
#navi ul {
clear:both;
list-style:none;
display:block;
margin-top:6px;
}
#navi ul li {
  margin-top:2px;
  _margin-top:1px;
  text-decoration:none;
  font-size: 11px;
  font-stretch:narrower;
  font-weight:900;
  padding-left:5px;
  padding-bottom:1px;
  line-height:15px;
  background-color:#1868B1;
  color:white;
}
#navi ul ul li {
text-decoration:none;
  font-size:10px;
  font-weight:bold;
  color:white;
  background-color:#2EA28D;
  border-bottom:none;
  padding-bottom:2px;
  line-height:12px;
  margin-bottom:0px;
  margin-top:0px;
}
#navi ul ul ul li {
font-size:10px;
font-weight:100;
background-color:#1868B1;
margin-left:4px;
margin-bottom:1px;
_padding-top:0px;
_padding-bottom:0px;
margin-top:0px;
line-height:10px;
}
#navi a:hover {
background-color:#FF6600;
}
#navi a:hover img {
text-decoration:none;
}


#navi ul a{
  display:block;
  width:100%;
  text-decoration:none;
  color:white;
  text-align:left;
}
#navi a:active{
background-color:#CC33CC;
}
#navi a:focus{
}
#navi a:visited{
  color:#CCCCCC
}	
#copyright{
position:fixed;
_position:absolute;
bottom:0;
margin:0;
width:100%;
}
#copyright h6{
font-size:10px;
font-weight:100;
font-stretch:condensed;
color:white;
display:block;
background-color:#1868B1;
margin:0;
padding:3px 3px 3px 11%;
overflow:hidden;
}