@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator     YAML Builder V1.0 (http://builder.yaml.de)
 * @file        content.css
 * @date		16.05.2008		
 * @description Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
 *
 * Divisionsfarben
 * Bio Atomic Force Microscopy:
 * Header Background:				#4D70B0
 * Submenu Background:				#C8CDE5
 *
 * Automated Force Spectroscopy:
 * Header Background:				#83B81A  alt A3C753 
 * Submenu Background:				#E3EDCB
 *
 * Optical Tweezers/3D Particle Tracking:
 * Header Background:				#AF0917
 * Submenu Background:				#EBDCD5
 *
 * Cellular Adhesion/Cytemechanics:
 * Header Background:				#8A1A6E
 * Submenu Background:				#FADDE9
 *
 *
 * Hintergrund grau:				#F5F5F5
 * 
 * Tabs Background:					#DADAD4
 * Tabs Font:						#87867C						
 * Tabs Background active:			#F5F5F5
 * Tabs Font active:				#4D70B0
 *
 * List Dots:						#00378B
 */

@media all
{
  /*-------------------------------------------------------------------------*/
  
  	/* Key Visual */
	#col3 .key_visual {padding: 0 0 8px 0; background-color: #FFF;}
	
	/* Überschrift Divisions */
	#col3 .products_headline {width: 560px; padding: 5px 30px; color: #FFF;}
	#col3 .products_headline h1 { font-size: 1.165em; font-weight: bold;}
	#col3 .products_headline h2 {font-size: 1em; font-weight: bold;}
	
	#col3 .products_headline.bio_atomic {background-color: #4D70B0;}
	#col3 .products_headline.auto_force {background-color: #83B81A;} 
	#col3 .products_headline.opt_tweezers {background-color: #AF0917;}
	#col3 .products_headline.cell_adhesion {background-color: #8A1A6E;}
	
	/* Überschrift Products */
	#col3 h1.bio_atomic {padding: 1px 10px 8px 30px; margin: 0 0 0 0; font-size: 11px; color: #a7b8d8;  background: url("../images/submenu_bg_bio_atomic.jpg") repeat-x scroll left top #FFF; }
	#col3 h1.auto_force {padding: 1px 10px 8px 30px; margin: 0 0 0 0; font-size: 11px; color: #E3EDCB; background: url("../images/submenu_bg_auto_force.jpg") repeat-x scroll left top #FFF; }
	#col3 h1.opt_tweezers {padding: 1px 10px 8px 30px; margin: 0 0 0 0; font-size: 11px; color: #EBDCD5; background: url("../images/submenu_bg_opt_tweezers.jpg") repeat-x scroll left top #FFF; }
	#col3 h1.cell_adhesion {padding: 1px 10px 8px 30px; margin: 0 0 0 0; font-size: 11px; color: #FADDE9; background: url("../images/submenu_bg_cell_adhesion.jpg") repeat-x scroll left top #FFF; }
	
	/* Content */

	#col3 .products_content h1 { font-size: 1em; font-weight: bold; margin-bottom: 10px;}
	#col3 .products_content h2, 
	#col3 .products_content h3, 
	#col3 .products_content h4 { font-size: 1em; font-weight: bold; margin-bottom: 10px;}
	#col3 .products_content p {margin: 0 0 10px 0;}
	#col3 .products_content ul { list-style-image: none; list-style-type: none; position: relative; }
	#col3 .products_content ul li {padding: 0 0 0 12px; margin: 0 0 10px 0; background: url('../images/list_dot.gif') 0px 6px no-repeat;} 
	 
	#col3 .products_content { width: 560px; min-height: 387px; padding: 15px 30px; background-color: #F5F5F5; overflow: auto; position: relative;} /* height: 425px; */
	#col3 .products_content .pretext {padding: 0 0 15px;}
	#col3 .products_separator { background: url('../images/column_separator.gif') 280px 0px repeat-y; overflow: hidden;}
	#col3 .products_content_column {min-height: 405px; }
	#col3 .products_content_col1{ width: 260px; min-height: 405px; padding: 10px 20px 10px 0; float: left;}
	#col3 .products_content_col2{ width: auto; min-height: 405px; padding: 10px 0 10px 20px; margin: 0 0 0 280px;}
	
	
	/* Register */
	ul.mootabs_title { height: 24px; list-style-type: none; overflow:  hidden; position: relative;}
	ul.mootabs_title li {height: 24px; min-width: 100px; padding: 4px 8px 2px 8px; margin: 0 2px 0 0; color: #889DC0; font-weight: bold; text-align: center; background-color: #E1E1E1; cursor: pointer; float: left; position: relative;}
	ul.mootabs_title li.active, ul.mootabs_title li.over {background-color: #F5F5F5; color: #4D70B0; position: relative;}
	
	.mootabs_panel {display: none; }
	.mootabs_panel.active {display: block; position: relative;}
	
	#jpk_register a {text-decoration: none;}
	#jpk_register li a {color: #889DC0;}
	#jpk_register li.over a, #jpk_register li.active a {color: #4D70B0;}
	
	/* Filterbar */
	.filter_bar {height: 22px; padding: 2px 5px 0 0; font-size: 0.835em; background: url('../images/bg_filter_bar.gif') 0px 0px repeat-x; text-align: right; opacity: 0.7;}
	.filter_bar .filter {padding: 0 0 0 10px;}
	.filter_bar .filter form {display: inline;}
  	.filter_bar .filter select{ width: 110px; font-size: 1em;}
	
	
	/* Infobox */
	
	#infobox_products { width: 260px; margin-bottom: 30px; position: relative;}
	#infobox_products h2 { height: 20px; padding: 0 0 0 10px; margin: 0 !important; color: #FFF; background: url('../images/box_icon_info.gif') top right no-repeat #00378B; }
	#infobox_products .text {background-color: #FFF; padding: 10px; border: 1px solid #00378B; border-top: none;}
	#infobox_products .text ul {margin: 0; list-style-type: none; list-style-image: none;}
	#infobox_products .text ul li {margin: 0 0 5px 0; padding: 0; background: none;}
	#infobox_products .text ul li a {color: #000; text-decoration: none;}
	
	/* Accesoires */
	.accessoire {padding-top: 0px !important;}
	.accessoire_list {overflow: hidden; padding: 0 0 10px 0; }
	.accessoire_list h2 { padding: 0 5px !important; font-weight: bold; background-color: #DADAD4;}
	.accessoire_list ul li {padding: 0 0 0 8px !important; margin: 0 !important; background: url('../images/list_dot_small.gif') 0px 4px no-repeat !important; line-height: 12px !important;}
	.accessoire_list .image {float:left; margin: 0 ;}
	.accessoire_list .image img{border: 1px solid #01388B !important; margin: 0 0 6px;}
	.accessoire_list .image .detail_link {margin: 6px 0 0 0;}
	.accessoire_list .text { width: auto; font-size: 11px; line-height: 12px;} 
	
	.accessoire_detail {overflow: hidden; padding: auto 5px;}
	.accessoire_detail h2 {font-weight: bold; border-bottom: 1px solid black;}
	.accessoire_detail ul li {padding: 0 0 0 8px !important; margin: 0 !important; background: url('../images/list_dot_small.gif') 0px 6px no-repeat !important;}
	.accessoire_detail .image {float:left; margin: 0 20px 0 0 ;}
	.accessoire_detail .image img{border: 1px solid #01388B !important;}
	.accessoire_detail .image .backlink {position: relative; padding: 8px 0 0;}
	.accessoire_detail .image .backlink img{border: none !important;} 
	.accessoire_detail .text { width: auto; margin: 0 0 0 190px;} 
	
}