html {
font-size : 100%;
overflow-y: scroll;
}

body {
background: #fff;
font-family: Arial, Helvetica, sans-serif;
border : 0;
margin: 0 auto 0 auto;
padding: 0;
width: 850px;  
color : #333333;
}

/* used for flash player install message */
h4 {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
}

p {
margin-top : 0em;
margin-bottom : 0em;
}




/* main section */
#main p{
margin-top : 0em;
margin-bottom : 1em;
font-weight : normal;
font-size : 12px;
color : #333333;
line-height : 16px;
font-family : Arial;
} 

#main p.tdmain{
font-weight : bold;
font-size : 12px;
color : #333333;
line-height : 16px;
font-family : Arial;
margin-top : 0em;
margin-bottom : 0em;
}
#main p.tdmain_index{
font-weight : bold;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
margin-top : 0em;
margin-bottom : 0em;
}


#main p.caption1 {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
}

#main A {
color : #0066ff;
text-decoration : none;
font-weight : bold;
font-size : 11px;
line-height : 16px;
font-family : Arial;
}
#main A:link, #main A:visited {
color : #0066ff;
}
#main A:hover {
color : #0066ff;
text-decoration : underline;
}
#main A:focus { 
outline: none;
}


#line, #line2 {
	color: #E0E3F4;
}
#bildunterschrift_grau {
	color: #808080;
}


/* main section FAQ links */

#main A.dark {
color : #333333;
text-decoration : none;
font-weight : bold;
font-size : 11px;
line-height : 16px;
font-family : Arial;
}
#main A:link.dark, #main A:visited.dark {
color : #333333;
}
#main A:hover.dark {
color : #333333;
text-decoration : underline;
}
#main A:focus.dark { 
outline: none;
}
#main .dark {
margin-top : 0em;
margin-bottom : 0em;
}

/* main section MALDI links */

#main A.dark_small {
color : #333333;
text-decoration : none;
font-weight : bold;
font-size : 11px;
line-height : 16px;
font-family : Arial;
}
#main A:link.dark_small, #main A:visited.dark_small {
color : #333333;
}
#main A:hover.dark_small {
color : #333333;
text-decoration : underline;
}
#main A:focus.dark_small { 
outline: none;
}
#main .dark_small {
margin-top : 0em;
margin-bottom : 0em;
}





/* Aufzählungen   */
ul {
margin-left: 18px; 
padding-left: 0px;
}
#main li {
list-style-image: url(../images/pfeil_table_2.gif);
padding-left: 10px;

margin-top : 0em;
margin-bottom : 0em;
font-weight : normal;
font-size : 12px;
color : #333333;
line-height : 16px;
font-family : Arial;
}

/* Tabellen */
table {
border: 0px;
border-spacing : 0px;
padding: 0px;
text-align: left;
vertical-align: top;
}

td {
padding : 0px;
}

#main table.preis {
border: 1px solid #333333;
border-spacing : 4px;
padding: 2px;
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 17px;
font-family : Arial;
}

#main table.websearch {
border: 0;
border-spacing : 4px;
padding: 2px;
font-weight : normal;
font-size : 12px;
color : #333333;
line-height : 17px;
font-family : Arial;
}

#main td.websearch {
padding : 2px;
}


#main table.nolayout {
border: 1px solid #E0E3F4;
}

#main table.black {
border: 1px solid #000000;
}

#main td.nolayout {
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
border-bottom-width: 1px; 
border-bottom-style: solid;
border-color: #E0E3F4;
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
}

#main td.nolayoutfirst {
border-left-width: 0;
border-right-width: 0;
border-top-width: 1px;
border-bottom-width: 1px; 
border-bottom-style: solid;
border-top-width: 1px; 
border-top-style: solid;
border-color: #E0E3F4;
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
}





blockquote {
margin-left : 25px;
margin-top : 0em;
margin-bottom : 0em;
}
A {
text-decoration : none;
}
A:link, A:visited {
color : #0066ff;
}
A:hover {
color : #0066ff;
text-decoration : underline;
}
A:focus { 
outline: none;
}
img { 
border : none;
}
img.darkborder { 
border : 1px solid #333333;
}
a img { 
border : 1px solid #FF9901;
}
a:link img { 
border : 1px solid #FF9901;
}
a:visited img { 
border : 1px solid #FF9901;
}
a:active img { 
border : 1px solid #333333;
}
a:hover img { 
border : 1px solid #333333;
}
a img.noborder, a:link img.noborder, a:visited img.noborder, a:active img.noborder, a:hover img.noborder { 
border : 0;
}
a img.darkborder, a:link img.darkborder, a:visited img.darkborder { 
border : 1px solid #333333;
}
a:active img.darkborder, a:hover img.darkborder
{ 
border : 1px solid #FF9901;
}
.caption1 {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
}


.captionno {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 14px;
font-family : Arial;
}

a.captionno {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 14px;
font-family : Arial;
}

#splash{
 position:absolute;
 top:190px;
 left:50px;
 width:150px;
 height:160px;
 padding:10px;
 border:1px dotted #ff9803;
 background-color: #fff7de;
}

#splash_eng{
 position:absolute;
 top:190px;
 left:50px;
 width:150px;
 height:130px;
 padding:10px;
 border:1px dotted #ff9803;
 background-color: #fff7de;
}

.caption1bread {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
margin-bottom: 12px;
}
.searchbox {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
border: 1px solid #E0E3F4;
}
.orderbox {
font-weight : normal;
font-size : 11px;
color : #333333;
line-height : 16px;
font-family : Arial;
border: 1px solid #E0E3F4;
}
.content1 {
font-weight : normal;
font-size : 12px;
color : #333333;
line-height : 16px;
font-family : Arial;
}
.signature {
color : #333333;
font-size : 10px;
line-height : 16px;
font-family : Arial;
}
.daelken, .daelken A:link, .daelken A:active, .daelken A:visited, daelken A:hover {
color : #c0c0c0;
font-size : 10px;
line-height : 16px;
font-family : Arial;
}
.popup_image_dot {
border-right : 0 dotted black;
border-top : 1px dotted #0066ff;
border-left : 0 dotted black;
border-bottom : 1px dotted #0066ff;
}
.print_small_order { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 8px; 
color:  #000000; 
text-decoration: none;
}
.bodytext {
font-weight : normal;
font-size : 12px;
color : #333333;
line-height : 16px;
font-family : Arial;
}
.menue {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
}
.content {
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
color : #333333;
line-height : 16px;
}





/* Dropout menue   */

#nav, #nav ul {
float : left;
list-style : none;
line-height : 1;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
padding : 0;
margin : 0;
}
#nav a {
display : block;
text-decoration : none;
color : #ffffff;
}
#nav a.daddy {
background: url(../images/rightarrow2.gif) center right no-repeat;
}	
#nav a.one, #nav a.two, #nav a.three {
text-align : left;
font-size : 11px;
color : #ffffff;
}
#nav li {
color : #ffffff;
float : left;
padding : 0;
}


#nav li ul {
color : #ffffff;
line-height : 11px;
position : absolute;
background : #00175a;
width: 160px;		/* Boxenbreite (blau)    */	
left : -999em;
filter:alpha(opacity=80); 
-moz-opacity:0.80; 
opacity:0.80;
white-space : nowrap;

}
#nav li li {
width : 160px;			/* Markierung der Hinterlegung (grau)   */		
margin : 5px 0 0 0;
}

#nav ul.last_index {		/* letzte Ebene drop-out */
width : 160px;			
margin : -2em 0 0 160px;
filter:alpha(opacity=100); 
-moz-opacity:1.00; 
opacity:1.00;
white-space : nowrap;
}

#nav li ul a {
padding : 5px 6px 5px 10px;	
width : 140px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left : -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li ul.under a {
color : #ffffff;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
background-color : #424f77;
}

#nav li.hover ul ul, #nav li.sfhover ul ul {
left : -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left : auto;
}
#secnav, #secnav ul {
float : left;
list-style : none;
line-height : 1;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
padding : 0;
margin : 0;
}
#secnav a {
display : block;
text-decoration : none;
color : #ffffff;
}
#secnav a.one, #secnav a.two, #secnav a.three {
text-align : left;
font-size : 11px;
color : #ffffff;
}
#secnav li {
color : #ffffff;
float : left;
padding : 0;
}
#secnav li ul {
color : #ffffff;
line-height : 11px;
position : absolute;
background : #00175a;
width : 140px;
left : -999em;
filter:alpha(opacity=80); 
-moz-opacity:0.80; 
opacity:0.80;
white-space : nowrap;
}
#secnav li li {
padding : 0;
width : 140px;
margin : 5px 0 0;
}
#secnav li ul a {
padding : 5px 10px;
width : 120px;
}
#secnav li ul ul {
margin : -2em 0 0 140px;
}
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover1 ul ul, #secnav li.sfhover1 ul ul ul {
left : -999em;
}
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover1 ul, #secnav li li.sfhover1 ul, #secnav li li li.sfhover1 ul {
left : auto;
}
#secnav li ul.under a {
color : #ffffff;
background-image : none;
}
#secnav li ul.under a:hover {
background : #424f77;
}
#secnav li ul.under li:hover, #secnav li ul.under li.sfhover1 {
background-color : #424f77;
}
#thirdnav, #thirdnav ul {
float : left;
list-style : none;
line-height : 1;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #ffffff;
text-decoration : none;
padding : 0;
margin : 0;
}
#thirdnav a {
display : block;
text-decoration : none;
color : #ffffff;
}
#thirdnav a.one, #thirdnav a.two, #thirdnav a.three {
text-align : left;
font-size : 11px;
color : #ffffff;
}
#thirdnav li {
color : #ffffff;
float : left;
padding : 0;
}
#thirdnav li ul {
color : #ffffff;
line-height : 11px;
position : absolute;
background : #00175a;
width : 140px;
left : -999em;
filter:alpha(opacity=80); 
-moz-opacity:0.80; 
opacity:0.80;
white-space : nowrap;
}
#thirdnav li li {
padding : 0;
width : 140px;
margin : 5px 0 0;
}
#thirdnav li ul a {
padding : 5px 10px;
width : 120px;
}
#thirdnav li ul ul {
margin : -2em 0 0 140px;
}
#thirdnav li:hover ul ul, #thirdnav li:hover ul ul ul, #thirdnav li.sfhover1 ul ul, #thirdnav li.sfhover1 ul ul ul {
left : -999em;
}
#thirdnav li:hover ul, #thirdnav li li:hover ul, #thirdnav li li li:hover ul, #thirdnav li.sfhover1 ul, #thirdnav li li.sfhover1 ul, #thirdnav li li li.sfhover1 ul {
left : auto;
}
#thirdnav li ul.under a {
color : #ffffff;
background-image : none;
}
#thirdnav li ul.under a:hover {
background : #424f77;
}
#thirdnav li ul.under li:hover, #thirdnav li ul.under li.sfhover1 {
background-color : #424f77;
}
#content {
clear : left;
}

/* Chemical structure preview popup */
#thePreview {
  background-color: #ffffff;
  border:1px solid #333333;
  font-size: 11px;
  color: #333333;
  padding: 12px 15px 15px 15px;
}

#thePreviewTitle {
  font-size: 14px;
  visibility:visible;
}

#thePreviewBody {
  position: relative;
}

#thePreviewImage {
  margin: 8px auto 0 auto;
}

#thePreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 15px 10px;
  top: 45%;
  left: 50%;
  margin-left: -67px;
  border: 1px solid #333333;
  background-color: #ffffff;
  color: #333333;
  font-family: Arial;
  font-size: 10px;
  text-align:left;
}



/* Chemical structure preview page */

  div.formel_rahmen {
   display: inline-block;
   position: relative
 }

  div.formel_rahmen img {
   padding: 15px;
   background: #ffffff;
   border: 1px solid #333333;
 }

/* used for tags */
.tags {
font-weight : normal;
font-size : 9px;
color : #ffffff;
line-height : 9px;
font-family : Arial;
}