@charset "utf-8";
/* CSS Document */
* {
font-family:Arial, Verdana, Helvetica, sans-serif; 
color: #6e6e6e; 
font-size: 11px; 
line-height: 18px; 
margin: 0; 
padding: 0; 
border: none; 
list-style: none; 
text-decoration: none; 
vertical-align: baseline; 
}

#header {
width: 1000px; 
height:170px; 
background: transparent url('') top center no-repeat; 
margin: 0 auto; 
overflow: hidden; 
} 
* html #header {height:170px;} /* Gilt nur für IE */ 
*>html #header {height:auto} /* Gilt nicht für IE */ 

#headerI {
float: left; 
width:175px; 
height: 170px; 
background: transparent url('../en/images/logo.jpg') top center no-repeat;}

#headerII { 
float: left; 
width: 565px; 
height: 170px;}

#headerII img {margin-top:115px; }

#headerIII {
float: left;
width: 240px;
height: 170px;
background: transparent url('../en/images/header.jpg') top center no-repeat;
}


#headerIV{
float: left;
width: 18px;
padding: 0 0 0 2px;
background: transparent url('') top center no-repeat;
}

#headerIV a {
font-size: 11px;
line-height: 16px; 
}

#headerIV a:hover{
color: #354259;
}

#navi {
width:990px;
margin: 0 auto;
background: transparent;
}


/*	Menü oben  */
.menu {
height: 25px;
padding-left: 735px;
background: #fff url() no-repeat left;
}



.menu li {
position: relative;
float: left;
height: 100%;
}
	
.menu li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-indent: -9999px;
display: block;
height: 100%;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0 0;
}
	
.aboutbox {
background: #98a7c0 url() no-repeat bottom;
}

/* deutsch */
.ueber {
width: 80px;
background-image: url('../de/images/navi_ueber.jpg')
}
/* ------------------- */

.about {
width: 80px;
background-image: url('../en/images/navi_about.jpg')
}
	
.about ul, .ueber ul{
background: #354259 url() no-repeat bottom;
}

.about li, .ueber li{
float: none;
height: auto;
}

.about li a:hover, .ueber li a:hover{
color: #354259;
background-color: #98a7c0;
background-position: 5px 50%;
}

/* deutsch */
.ueber {
width: 80px;
background-image: url('../de/images/navi_ueber.jpg')
}
/* ------------------- */


.prestigebox {
background: #ae99bf url() no-repeat bottom;
}
	
.prestige {
width: 80px;
background-image: url('../en/images/navi_prestige.jpg');
}

.prestige ul{
background: #543559 url() no-repeat bottom;
}

.prestige li {
float: none;
height: auto;
}

.prestige li a:hover {
color: #543559;
background-color: #ae99bf;
background-position: 5px 50%;
}



.healthcarebox {
background: #99bfa9 url() no-repeat bottom;
}

.healthcare {
width: 80px;
background-image: url('../en/images/navi_healthcare.jpg');
}

.healthcare ul{
background: #355948 url() no-repeat bottom;
}

.healthcare li {
float: none;
height: auto;
}	

.healthcare li a:hover {
color: #355948;
background-color: #99bfa9;
background-position: 5px 50%;
}	
	
.menu li:hover, .menu li.over { background-position: 0 -25px; }
	
/* Submenu */

.menu ul {
display: none;
position: absolute;
bottom: 25px;
left: -80px;
width: 140px;
text-align: right;
padding: 8px 10px 4px;
-moz-opacity:0.8; /* Transparenz für Mozilla */
filter: alpha(opacity=80);/* Transparenz für IE*/
opacity:0.8; /* Transparenz für Opera */
}

.menu li:hover ul, .menu li.over ul { display: block; }
	
.menu li li a {
color: #fff;
text-indent: 0;
height: auto;
padding: 1px;
background: url() no-repeat 5px 50%;
}

/*	Main  */

#main {
width:1000px;
margin: 0 auto;
background: transparent;
}

/*	Menü links */

#navileft {
float: left;
width:155px;
text-align: right;
padding: 55px 20px 0 0;
background: transparent;
}



#navileft li {
padding: 0 0 8px 0;
background: transparent;
}

#navileft ul ul {
padding: 0 0 14px 0;
background: transparent;
}

#navileft li li {
padding: 0 0 2px 0;
background: transparent;
}

#navileft ul ul ul {
padding: 4px 0 4px 0;
background: transparent;
}

#navileft li li li {
padding: 0 4px 0 0;
background: transparent;
}


/*	blau #718098 border: 1px solid #000099;*/
.blau a:hover {
color: #354259;
text-decoration: none; 
}

.blau b {
color: #98a7c0;
font-weight:bold;
}

.blau h1 {
color: #98a7c0;
}

.blau h2 {
color: #98a7c0;
}

.blau h3 {
font-weight: normal;
color: #98a7c0;
}

.blau img{
border: 1px #98a7c0 solid;
}

/*	lila  */
.lila a:hover {
color: #543559;
text-decoration: none; 
}

.lila b {
color: #ae99bf;
font-weight:bold;
}

.lila h1 {
color: #ae99bf;
}

.lila h2 {
color: #ae99bf;
}

.lila h3 {
font-weight: normal;
color: #ae99bf;
}

.lila img{
border: 1px #ae99bf solid;
}

ul.test {
float: left;
width: 105px;
padding: 6px 0 14px 0;
background: transparent url('') top center no-repeat;
}

/*	gruen  */
.gruen a:hover {
color: #355948;
text-decoration: none; 
}

.gruen b{
color: #99bfa9;
font-weight:bold;
}

.gruen h1 {
color: #99bfa9;
}

.gruen h2 {
color: #99bfa9;
}

.gruen h3 {
font-weight: normal;
color: #99bfa9;
}

.gruen img{
border: 1px #99bfa9 solid;
}

#botto {
float: left;
width:807px;
padding: 10px 0 0 8px;
background: transparent url('../en/images/streifen.jpg') bottom right no-repeat;
}

#galerie {
float: left;
top: 0px;
padding: 0 0 0 0;
background: transparent url('') top center no-repeat;
}

#pro {
float: left;
padding: 28px 0 45px 0;
background: transparent url('') top center no-repeat;
}

#procon ul {
margin: 0;
padding: 0 0 10px 0;;
list-style-type: none;
}

#procon ul li { display: inline;}

#procon ul li a {
text-decoration: none;
padding: 0 10px 0 0;
}


#content {
float: left;
width:537px;
padding: 27px 20px 34px 0;
background: transparent url('') top center no-repeat;
}

#content img {
float: left;
margin: 4px 10px 0 0;
padding: 3px 3px;
background: transparent url('') top center no-repeat;
}

#content li {
padding: 1px 0 1px 0;
background: transparent url('') top center no-repeat;
}

#ohnerahmen img {
float: none;
margin: 0px 0px;
padding: 0 0 6px 0;
background: transparent url('') top center no-repeat;
border: 0px #ae99bf solid;
}

#pdf img {
float: none;
margin: 0;
padding: 0 6px 0 0;
vertical-align:middle;
background: transparent url('') top center no-repeat;
border: 0px #ae99bf solid;
}

#flash {
float: left;
width:240px;
padding: 32px 0 10px 0;
background: transparent url('') top center no-repeat;
}

#nonflash img{
margin: 0;
padding: 0;
background: transparent url('') top center no-repeat;
border: 0px #ae99bf solid;
}


/* news
----------------------------------------------- */
#news {
float: left;
width:240px;
padding: 27px 0 10px 0;
background: transparent;
}

#news p {
padding: 0 0 16px 0;
}

.newsblau h1,  .newslila h1, .newsgruen h1 {
line-height: 24px;
padding: 2px 0 2px 0;
}

.newsblau h2,  .newslila h2, .newsgruen h2 {
text-transform: uppercase;
font-size: 9px;
}

.newsblau h1 {
color: #98a7c0;
}

.newsblau h2 {
color: #354259;
}

.newsblau a:hover {
color: #354259;
text-decoration:underline;
}


.newslila h1 {
color: #ae99bf;
}

.newslila h2 {
color: #543559;
}

.newslila a:hover {
color: #543559;
text-decoration:underline;
}

.newsgruen h1 {
color: #99bfa9;
}

.newsgruen h2 {
color: #355948;
}

.newsgruen a:hover {
color: #355948;
text-decoration:underline;
}


/* oneway
----------------------------------------------- */
ul.contact { 
float:left;
width:240px;
padding: 0 10px 10px 0;
}

.history {
margin: 4px 0 0 0;
}

.history td {
padding: 0px 20px 12px 0;
text-align: left; 
vertical-align: text-top;
}

.history b{
font-family:"Arial Narrow", Verdana, Helvetica, sans-serif;
font-weight:lighter;
font-size: 21px; 
}

#einkauf {float: left; width:240px; padding: 27px 0 10px 0; background: transparent;}
* html #einkauf {padding: 20px 0 10px 0;}
* + html #einkauf {padding: 20px 0 10px 0;}

#einkauf img {border: 0px #ae99bf solid;}


.medical ul{ 
float:left;
width:165px;
min-height: 220px;
height: auto; !important;  /* für moderne Browser */
border: 1px solid #99bfa9;
margin: 0 10px 10px 0;
padding: 5px 15px 5px 8px;
}
* html .medical ul {height: 220px;}/* Für IE */

.glassware{background: transparent url('../en/images/medical/glassware.jpg') no-repeat right;}
.plastic{background: transparent url('../en/images/medical/plastic.jpg') no-repeat right;}
.filters{background: transparent url('../en/images/medical/filters.jpg') no-repeat right;}
.chromatography{background: transparent url('../en/images/medical/chromatography.jpg') no-repeat right;}
.histology{background: transparent url('../en/images/medical/histology.jpg') no-repeat right;}
.medicalitems{background: transparent url('../en/images/medical/medicalitems.jpg') no-repeat right;}
.biotechnology{background: transparent url('../en/images/medical/biotechnology.jpg') no-repeat right;}
.liquidhandling{background: transparent url('../en/images/medical/liquidhandling.jpg') no-repeat right;}

.glas{background: transparent url('../de/images/medical/glas.jpg') no-repeat right;}
.kunststoff{background: transparent url('../de/images/medical/kunststoff.jpg') no-repeat right;}
.filter{background: transparent url('../de/images/medical/filter.jpg') no-repeat right;}
.chromatographie{background: transparent url('../de/images/medical/chromatographie.jpg') no-repeat right;}
.histologie{background: transparent url('../de/images/medical/histologie.jpg') no-repeat right;}
.medicall{background: transparent url('../de/images/medical/medicall.jpg') no-repeat right;}
.biotechnologie{background: transparent url('../de/images/medical/biotechnologie.jpg') no-repeat right;}
.liquid{background: transparent url('../de/images/medical/liquid.jpg') no-repeat right;}

.medical table {margin: 10px 0 10px -2px;}
.medical td {padding: 10px 10px 10px 0;}


.speciality ul{ 
float:left;
width:165px;
min-height: 150px;
height: auto; !important;  /* für moderne Browser */
border: 1px solid #99bfa9;
margin: 0 10px 10px 0;
padding: 5px 15px 5px 8px;
}
* html .speciality ul {height: 150px;}/* Für IE */

.borofloat{background: transparent url('../en/images/specialityglass/borofloat.jpg') no-repeat right;}
.robax{background: transparent url('../en/images/specialityglass/robax.jpg') no-repeat right;}
.maxos{background: transparent url('../en/images/specialityglass/maxos.jpg') no-repeat right;}
.quartz{background: transparent url('../en/images/specialityglass/quartz.jpg') no-repeat right;}
.duran{background: transparent url('../en/images/specialityglass/duran.jpg') no-repeat right;}
.sapphire{background: transparent url('../en/images/specialityglass/sapphire.jpg') no-repeat right;}
.floatg{background: transparent url('../en/images/specialityglass/floatg.jpg') no-repeat right;}
.conturax{background: transparent url('../en/images/specialityglass/conturax.jpg') no-repeat right;}
.esg{background: transparent url('../en/images/specialityglass/esg.jpg') no-repeat right;}
.vsg{background: transparent url('../en/images/specialityglass/vsg.jpg') no-repeat right;}
.micag{background: transparent url('../en/images/specialityglass/micag.jpg') no-repeat right;}
.seals{background: transparent url('../en/images/specialityglass/seals.jpg') no-repeat right;}

.borofloatde{background: transparent url('../de/images/specialityglass/borofloat.jpg') no-repeat right;}
.robaxde{background: transparent url('../de/images/specialityglass/robax.jpg') no-repeat right;}
.maxosde{background: transparent url('../de/images/specialityglass/maxos.jpg') no-repeat right;}
.quartzde{background: transparent url('../de/images/specialityglass/quartz.jpg') no-repeat right;}
.durande{background: transparent url('../de/images/specialityglass/duran.jpg') no-repeat right;}
.sapphirede{background: transparent url('../de/images/specialityglass/sapphire.jpg') no-repeat right;}
.floatgde{background: transparent url('../de/images/specialityglass/floatg.jpg') no-repeat right;}
.conturaxde{background: transparent url('../de/images/specialityglass/conturax.jpg') no-repeat right;}
.esgde{background: transparent url('../de/images/specialityglass/esg.jpg') no-repeat right;}
.vsgde{background: transparent url('../de/images/specialityglass/vsg.jpg') no-repeat right;}
.micagde{background: transparent url('../de/images/specialityglass/micag.jpg') no-repeat right;}
.sealsde{background: transparent url('../de/images/specialityglass/seals.jpg') no-repeat right;}



#sitemaphead { width:807px; padding: 10px 0 0 0; text-align:center; color: #98a7c0;}
#sitemaphead h2 {font-size: 14px; color: #98a7c0;}

#sitemap{float: left; width:807px; padding: 10px 0 34px 8px; background: transparent url('../en/images/streifen.jpg') no-repeat right; background-position:bottom; line-height: 20px;}
#sitemap ul{float: left; list-style-type: none; padding: 10px 21px 20px 0; border: 0px solid #0000CC;}
#sitemap ul ul{float: none; padding: 0 0 0 10px; list-style-type: none;}
#sitemap li{padding: 0 0 8px 0;}
#sitemap li li{padding: 0 0 0 10px; margin: 0; list-style-type: none;}




#download{float: left; width:807px; padding: 10px 0 34px 8px; background: transparent url('../en/images/streifen.jpg') no-repeat right; background-position:bottom; line-height: 20px;}
#download ul{float: left; list-style-type: none; width:248px; padding: 20px 20px 20px 0px;}
#download ul ul{float: none; padding: 0 0 0 10px; margin: 0 0 0 -10px; list-style-type: none;}
#download li{padding: 0 0 8px 0;}
#download li li{padding: 0 0 8px 6px; margin: 0;list-style-type: none;}








/* general 
----------------------------------------------- */
p {
padding: 0 0 8px 0;
}

h1 {
font-family:"Arial Narrow", Verdana, Helvetica, sans-serif;
font-weight:lighter;
font-size: 24px; 
}

h2 {
color: #6e6e6e;
font-size: 12px;
font-weight: bold;
}

h4 {
color: #6e6e6e;
font-size: 12px;
font-weight: bold;
}

.hoch  { vertical-align:super; font-size:7px;}
.tief  { vertical-align:sub; font-size:7px;}

/* footer
----------------------------------------------- */
#footer {
clear: both;
width:817px;
padding: 2px 0 0 183px;
font: 'Arial', Geneva, Helvetica, sans-serif;
color: #9a9fab;
font-size: 9px;
}

#footer a {
color: #9a9fab;
text-decoration: none; 
font-size: 9px;
}

#footer a:hover{
color: #354259;
}

/* footer
----------------------------------------------- */
#print {
display: none;
}

#fprint {
display: none;
}

