/* CSS for ELZET80's web site
Walter L. Giesler, ELZET80, Aachen
/*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:auto;
/*	to make Safari (Mac) happy: 
*/	height:100%;
	width:100%;
	}

body {
font: 100%  Arial, Helvetica,  sans-serif, Geneva, Verdana;

height:100%;	
}

ul, li, p, pre, blockquote {
margin:0;
padding:0;
}

a {color:#1C7571;
}


img {
border:0;
}

#printonly {
visibility:hidden;
}

#main {
position:absolute;
left: 250px;
width: 70%;
height: 100%;
top: 0px;
background-color:white;
text-align:justify;
}


#main h4 {
	position:absolute;
	color:#FFFFFF;
	z-index:4;
	margin-top:8px;
	margin-left:10px;
	font-size:0.8em;
	font-weight:bold;
}

#main h5{
	position:absolute;
	color:#FFFFFF;
	z-index:4;
	margin-top:50px;
	margin-left:12%;
	font-size:1em;
	font-weight:bold;
	}
	
#main p.language{
	position:absolute;
	z-index:3;
	margin-top:30px;
	margin-left:10px;
}

#main p.language a img {
	.width:7%;
}
		
	
#bannerbg{
background-image:url(pic/elzet80-banner-bg.gif);
background-repeat:repeat-x;
height:120px;
margin-top:8px;
}

#banner {
float:right;
/* to prevent IE to show a white spacer on the 320px display: */
width:335px;
margin-left:-5px;
background-image:url(en/pic/elzet80-banner.gif);
background-repeat:no-repeat;
height: 120px;
margin-top:8px;
}

#submain{
height:85%;
margin-left:10%;
margin-right:10%;
margin-top:15px;
}

#new {
position:absolute;
height:90px;
width:80px;
margin-top:10px;
margin-left:80%;
} 



#box{
height:170px;
width:150px;
float:left;
margin-top:10px;
}

#box img {
position: absolute;
}

#box h1{
font-size:12px;
font-weight:600;
color:#000000;
text-align:center;
margin-top:120px;
}


#navi {
position:absolute;
top: -2px;
height:100%;
width:150px;
left:100px;
}
#navilist{
clear:both;
width:100%;
padding-top:0;
}
#navi img {
margin-top: 8px;
_margin-bottom: 0;
_padding-bottom:0;
height: 120px;
}
#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:3px;
  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;
color:white;
background-color:#1868B1;
margin-left:3px;
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:#D5D5D5;
}	
#copyright{
position:fixed;
_position:absolute;
bottom:0;
width:100%;
z-index:3;
}
#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;
}