body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
  background:transparent;
	background-image:url(/img/background.jpg);
  background-repeat:repeat-x;
	margin:0px;
	padding: 0px;
	color: #000;
	text-align:left;
  font-size:12px;
  line-height:18px;   
  height:100%
}

/* ------------------- main containers ------------------- */
#layoutContainer { /* contains all containers */
	padding: 0px;
  width: 976px;
	margin: 0px auto;
	text-align: left;
  height:100%;
  background:#ffffff;   
  color:#333333;
}

#topContainer { /* contains topTop, topBar */
	width:100%;
	height:150px;
	padding:0px;
	margin:0px;
	float:left;
	overflow:hidden;
}

#topTop {          
  height:40px;
	width:976px;
	float:left;
}

#date {
  width:250px;
  margin:12px 0px 0px 20px ;
	float: left;
  background:transparent;
  color:#FF8800;
  font-weight:bold;
}   

#topNavi {
  width:400px;
  margin:12px 20px 0px 0px ;
  float:right;
}

#topBar {          
  height:101px;
	width: 976px;
	float: right;
	background-image:url('/img/bar.jpg');
	background-repeat:no-repeat;
}

#search {
margin:41px 0px 0px 520px;
}

#search .field {    
  background:#ffffff;
  font-weight:bold;
  color:#666666;
  width:150px; 
  height:15px;
  border:1px solid #ff8800;
}
  
#search .button {    
  margin:0px 0px 0px 2px;
  height:19px;
  width:40px;
  border:1px solid #FF8800;   
}

.dot {
  width:100%;
  height:1px;
  float:left;
  margin:0px;
  padding:0px;
  overflow:hidden;
  border-bottom:1px dotted #999999;
}    

/* ================================================ MIDDLE CONTAINER */
#middleContainer { /* contains leftContainer/naviContainer, mainContainer, rightContainer */
	width:976px;
	padding:0px;
	margin:0px;
	float:left; 
  background:#ffffff;  
  color:#333333;
}

/* ================================================ LEFT CONTAINER (CONTAINS MAIN MENU) */
#leftContainer { 
	width: 200px;	
	margin:8px 0px 25px 0px;
	float:left;
	padding:0px;
	overflow:visible;     
}
.category {height:22px;font-weight:bold;color:#000;margin:20px 0px 0px 0px;border-bottom:1px solid #ffd100;}

#menu            {margin:0px 0px 0px 0px;float:right;width:196px;}

#menu a, #menu a:visited {
  line-height:125%;
  text-decoration:none;  
  text-indent:5px;
  font-weight:bold;
  background-color:transparent;
  color:#356CA4;
  display:block; 
  padding:4px 0px;
  width:184px;
  margin:0px 0px 0px 10px;
  border-bottom:1px dotted #999;   
  font-size:11px;
  }

 #menu a:hover {  
  background-color:#eaeaea;     
  color:#000; 
  font-weight:bold;        
  }  
  
.cat {
  background-color:transparent; 
  background-image:url('/img/tab_orange.gif');
  background-repeat:no-repeat;

  color:#ffffff;
  font-size:11px;
  font-weight:bold;
  height: 17px;
  line-height:16px;
  text-indent:8px;
  margin:16px 0px 10px 0px;
  border-bottom: 1px solid #FF8800;
  width:190px;
  float:right;
}

.cb {
  background:#336699; 
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
  height: 17px;
  float:left;
  line-height:16px;
  text-indent:6px;
}

.cb a {
  background:#336699;
  color:#ffffff;
}

.cb a:hover {
  background:#336699;
  color:#ffffff;
}

.rb {
   background-image: url(/img/corner_3060AC.gif);
   background-repeat:no-repeat;
   height: 17px;
   width:7px;
   float:left;
}

/* ================================================ MAIN_COLUMN */

#mainContainer { 
	width: 480px;
	margin: 19px 0px 0px 20px;
  padding:0px; 
	float: left; 
}

#mainContainer a { 
  text-decoration:underline;
}

#mainContainer label {
  color:#333333;
  font-weight:bold;
}

#mainContainer .field { 
 width: 180px; 
}

/* ================================================ RIGHT COLUMN */

#rightContainer210 {
  width:210px;
  margin:20px 10px 20px 0px;
  float:right;
}

#rightContainer240 {
	float:left;
  width:240px;
  margin:24px 0px 0px 18px;
}

#rightContainerProduct {
 width:260px;
 text-align:center;
 float:right;
}

#q_updates_top { 
	width: 213px; 
  height:76px;
  background-image:url('/img/q_updates_top.gif');
	margin: 0px;
  float:left;
}

#rightContainerClip { 
	width: 211px; 
	margin:0px;
  padding:0px;
  float:left;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;

}

#rightContainerContent { 
	width:196px; 
	margin:0px 0px 0px 7px;; 
}

#q_updates_bottom { 
	width:213px; 
  height:21px;
  background-image:url('/img/q_updates_bottom.gif');
	margin:0px;
  float:left;
}

#rightContainerContent h1 {
	width:190px;
	margin: 0px 0px 4px 0px;
  font-size:12px;
  font-weight:bold;
	float: left;
  background:transparent;
  color:#FF8800;
	}	

#rightContainerContent p {
  background:none;
	}

#rightContainer .dot {
  width:190px;
  margin: 16px 0px;
	}

#rightContainer .divider    {height: 2px;margin: 8px 0px;border-bottom:1px dotted #336699;}


.img_right_col {
  margin:10px 0px 10px 0px;	
	}

#rightContainer label {
	text-align:left;
}

/*===================================================================*/
#bottomContainer { 
	width: 976px;
	margin:0px ;
	padding: 0px;
	float: left; 
  font-size:10px;   
}

#bottomLeft { 
	width: 400px;	
	margin: 10px 0px 10px 10px;
	padding: 0px;
	float: left;  
}

#bottomRight { 
	width: 200px;
	margin: 10px 0px;;
	padding: 0px;
	float: right;
  text-align:right;    
}

.dotBottom {
	background-image:url(/img/dot.gif);
  width:976px;
  height:1px;
  float:right;
  overflow:hidden;
}    

#copyright {
  width:976px;
  float:left;
  margin-top:10px;   
  font-size:10px;
  text-align:center;
  background:#ffffff;
  color:#999999;
}

/*===================================================================*/
table {
	font-size: 11px;
	line-height: 150%;
	display: table;
	margin: 0px;
	padding:0px;
  border-top:1px solid #3060AC;
	width: 500px;
  border-collapse:collapse;
}

th {
	color: #336699;
	background-color: #f2f2f2;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
	text-align: left;
	display: table-cell;
}

td {	
	padding: 2px 6px 2px 6px;
	display: table-cell;
  background: #ffffff;
  color:#333333;
  border-bottom:1px solid #cccccc;   
}


.table_basic {
	font-size: 11px;
	line-height: 150%;
	display: table;
	margin: 0px;
	padding:0px;
  border-collapse:collapse;
        border:none;
}



.table_basic td {	
	padding: 0px;
	display: table-cell;
  background: #ffffff;
  color:#333333;
  border:none;
}



.table_comparison {
border:none;
width:730px;
}

.table_comparison td {
  background: transparent;
  padding:4px;
  border-bottom:1px solid #cccccc;
  text-align:left;
}

tr.c0 td {
	background-color: #FFFFFF; color: black;
  text-align:left;
}
tr.c1 td {
	background-color: #E2E8F1; color: black; /*DCDEE9*/
  text-align:left;
}

tr.lightgreen td {
	background-color: #E0E9D1; color: black; 
  text-align:left;
}
tr.grey td {
	background-color: #f2f2f2; color: black; 
  text-align:left;
}
tr.c0 a, a:hover {
background:transparent;
}
tr.c1 a, a:hover {
background:transparent;
}

tr.bb td {
border-bottom:1px solid #666
}

.table_query {
  border:none;
  margin-top:20px;
width:98%
}

.table_query th { 
}

.table_query td {
  font-size:11px;
  padding: 2px 4px;
  white-space: nowrap;
  border-bottom:1px solid #cccccc;   
}

.table_alt {
  border-left:none;
}

.table_alt th { 
  font-weight:normal;
  padding: 2px 4px; 
  white-space: nowrap;
	color: #FFFFFF;       
	background-color: #336699;  
  border:1px solid #FFFFFF;   
}

.table_alt td {
  font-size:11px;
  padding: 2px 4px;
  white-space: nowrap;
  border:1px solid #FFFFFF;   
}

.table_biorad {
  border-left:none;
}

.table_biorad th { 
  font-weight:normal;
  padding: 2px 4px; 
  white-space: nowrap;
	color: #FFFFFF;       
	background-color: #336699;  
  border:1px solid #FFFFFF;   
}

.table_biorad td {
  font-size:11px;
  padding: 2px 4px;
  white-space: nowrap;
  border:none;   
line-height:11px;
}



.table_2 {
width:94%;
border-top:1px solid #fff;border-bottom:1px solid #666666;
}

.table_2 td {
/* white-space: wrap; */
text-align:left;
vertical-align:top;
border:none;
padding:6px;
font-size:0.8em;
}

 
td.grey {	
  text-align: center;
  background: #f8f8f8;
  color:#333333;
}

td.grey a {
	background:#f8f8f8;
	}

td.grey a:hover {
	background:#eaeaea;
  color: #336699;
	}

tr {	
	display: table-row;
}

.table_sel {
	font-size: 11px;
	line-height: 150%;
	display: table;
	margin: 10px 0px;
	width: 500px;
  border-collapse:collapse;
  border:none;
}

.table_sel th {
  border-bottom:1px solid #FF8800;
  background:transparent;
  color:#ff8800;
  padding:4px;
  font-weight:normal;
  text-align:center;
  vertical-align:bottom;
}

.table_sel td {
	display: table-cell;
  background: transparent;
  color:#333333;
  padding:4px;
  border:none;
  font-size:11px;
  text-align:center;
  width:80px;
}

.table_sel td a {
  background:transparent;
}

.sel_head {
  background:transparent;
  color:#ffffff;
  padding:5px;
  font-weight:bold;
  width:500px; 
  height:64px; 
}

.sel_label {
  width:140px;
  background:transparent;
  color:#ffffff;
  text-align:left;
  font-weight:normal;
  margin-left:5px;
}

td p { 
	margin: 0px;
	padding: 0px;
	}
	
td table {
	margin: 0px;
	padding: 0px;
	width: 95%;
	}

td.news {
  font-size:12px;
	margin: 0px;
  padding: 0px;
	padding-bottom: 30px;
	}		

a {
  text-decoration:underline;
  background:transparent;
  color:#3060AC;
}

a:hover {
  background: #eaeaea;
  color: #3060AC;
}

a img {
	border: 0px;
	text-decoration: none;
}

h1 {
  background:transparent;
	color: #3060AC;
	font-size: 18px;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
	padding: 0px;
  line-height:150%;
}

h2 {
  background:transparent;
	color: #3060AC;
	font-weight: bold;  
  font-size:13px;
  line-height:150%;
  margin:12px 0px 0px 0px;
	padding: 0px;
	}

p {
  background:transparent;
	color: #333333;
  margin: 8px 0px 12px 0px;
	padding: 0px;
	}

b {
	color: #444;
	}

ul {
	list-style-type: none;
	margin: 8px 3px 8px 0px;
	padding: 0px 0px 0px 20px;
}
	
ul li {                                   
 	padding: 0px 0px 0px 18px;	                
 	background-image: url('/img/bullet.gif');      
 	background-repeat: no-repeat;               
 	background-position: 9px 7px;               
 	}                                                   
                                  
.field { 
  display: block;
  float: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;  
  height:14px;
  background:#f2f2f2;
  color:#333333;
  margin-bottom:10px;
	border-top: 1px solid #666666;
	border-right: none;
	border-bottom:none;
	border-left:1px solid #666666;
}

label { 
  display: block;
  float: left;    
  text-align: right;  
  padding-right:10px;
  width: 130px; 
}            

.label_left {
  text-align: left;  
  clear: left;
}

.area { 
  display: block;
  float: left;
  width: 280px; /* Breite.*/
  border:1px groove;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  height:100px;
  background-color:#F0F0F0;
  color:#333333;
  margin-bottom:10px;    
}

select {
  border:1px groove;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;  
  background-color:#F0F0F0;
  color:#333333;  
  margin-bottom:10px;    
  margin-left:0px;
}

form br { 
  clear: left; /* das floating der labels und inputs aufheben */ 
}

.button {
  float: left; 
  font-family:Verdana, Arial, Helvetica, sans-serif;  
  height:18px; 
  font-size:11px;
  font-weight:normal;
  color:#FFFFFF;
  background:#FF8800;
  border:1px solid;
  padding-bottom:3px;
}               

/* DIVs für die Content-Spalte */

#content {
  margin-left:20px;      
  width:448px;
  padding:10px;
}

.visual {
  margin-bottom:8px;
  width:499px;
  height:109px;
}

.round { margin: 0px;background-color:#f2f2f2; }   /*  CCE2DB */
  b.rtop, b.rbottom{display:block;background: #f2f2f2}
  b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #f2f2f2}
  b.r1{margin: 0 5px}
  b.r2{margin: 0 3px}
  b.r3{margin: 0 2px}
  b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px
}
.divider    {height: 1px;margin: 12px 0px;border-bottom:1px dotted #CCCCCC;}

.clear      {clear: both;height: 4px;}



/* ---------------------------- LANDING PAGES  */
.landing {
	width:750px;
	padding:0px;
	margin-bottom:22px;
	float:left;
}

.landingLeft {
  width:380px;
  float:left;	
}

.landingRight {
  width:360px;
  float:right;	
}

.landingRight table {
  width:360px;
  border:none;
  margin-top:0px;
}
.landingRight td {
	padding:8px 4px;
 text-align: left;
 background: #f8f8f8;
 color:#333333;
}
/* ---------------------------- FOR SELECTION GUIDE  */

.landingLeft table {
  width:360px;
  border:none;
  margin-top:0px;
}
.landingLeft td {
 text-align: left;
 background: #f8f8f8;
 color:#333333;
}

.divider_landing {
float:left;	
margin-bottom:22px;
width:100%;
height:1px;
border-bottom:1px solid #cccccc;
}

.divider_index {
float:left;	
margin:10px 0px 10px 0px;
width:460px;
height:1px;
border:1px solid #cccccc;
}

/* ---------------------------- FOR PRODUCT FINDER  */
.round_product_finder { margin: 0px;background-color:#f2f2f2; }   /*  CCE2DB */
  b.rtop, b.rbottom{display:block;background: #FFF}
  b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #f2f2f2}
  b.r1{margin: 0 5px}
  b.r2{margin: 0 3px}
  b.r3{margin: 0 2px}
  b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px
}


.product_finder {
float:left;
margin:0px 0px 0px 12px;
width:220px;
display:block;		
}

.product_finder_standalone {
  display:block;		
  margin:0px;
}




.product_finder .divider    {height: 2px;margin: 8px 0px;border-bottom:1px dotted #CCCCCC;}


.pf_results {
  width:480px;
  float:right;	
  margin-right:4px;
}

.table_pf_results {
  width:430px;
  border:none;
  margin:0px 4px 0px 0px;
 color:#333333;
  
}
.table_pf_results th {
	color:#3060AC;
	font-size:12px;
	border:none;
  background-color: transparent;  
}

.table_pf_results td {
  background-color: transparent;
  padding:2px 5px;
  border:none;
  border-top:1px solid #cccccc;
}

/* ---------------------------------------------- TABLES FOR ENDPOINT PCR AND cDNA SYNTHESIS */
#divTables    {	
float:left;
width:98%;
margin:10px;    

}

#divTables table   {	
float:left;
width:100%;
border:none;
margin-top:20px;
	
}

#divTables th   {	 
white-space:nowrap;	
padding:8px;	
text-align:center;
background-color:#f2f2f2;
	border:1px solid #336699;

}

#divTables td   {	
padding:8px;	
	border-bottom:1px solid #336699;  
		border-right:1px solid #336699;
	vertical-align:middle;           
		text-align:center;   
		background-color:#ffffff;

}


/***** Real Side Borders box *****/
.cB {
  background:#ffffff;
  border:1px solid #336699;
  border-width:0px 1px;
  padding:0px 10px;
}
.cBt, .cBb, .cBt div, .cBb div {
  background:url('/img/round.gif') top right;
  height:12px;
}
.cBt div { background-position:top left; }
.cBb div { background-position:bottom left; }
.cBb { background-position:bottom right; }
.cBt, .cBb {
  margin:0 -11px 0 -11px;
  padding-right:18px;
}
/***** end Real Side Borders box *****/



sup                   {font-size:0.75em}