html, body { 
  font-family:Verdana, Arial, sans-serif;
  font-size:0.9em;line-height:1.5em;  
  font-size:12px;line-height:18px;   
  margin:0px; 
  padding:0px; 
  background-color:#fff;
  background-image:url(/img/bar9.gif); 
  background-repeat:repeat-x;            
  background-position:0px 150px;         
  color:#000;
}

#container            {margin:0px auto;width:998px;position:relative;z-index:1;}

/* ========================================================= TOP ELEMENTE ===== */
#top                  {margin:0px auto;height:139px;width:998px;background-color:transparent;}
#logo                 {float:left;width:384px;margin:30px 0px 0px 5px;}  
#navi_top             {font-size:11px;margin:8px 20px 0px 0px;width:480px;float:right;text-align:right;}
#search               {margin:20px 10px 0px 0px;width:350px;float:right;font-size:11px;}
#address              {margin:10px 0px 0px 34px;font-size:10px;color:#000;}

#p_search_help {
  margin:0px;
  padding:0px;
  display: none; 
  background-color:transparent;
  background-image:url('/img/arrow.gif');background-repeat:no-repeat;background-position:top right;
  width:240px;
  position:absolute;
  left:527px;
  top:58px;
}
#c_search_help {
  margin:0px;
  padding:0px;
  display: none; 
  background-color:transparent;
  background-image:url('/img/arrow.gif');background-repeat:no-repeat;background-position:top right;
  width:240px;
  position:absolute;
  left:527px;
  top:88px;
}

.search_help_core {float:left;width:205px;padding:5px;border:1px solid #6699cc;background-color:#f2f2f2}

/* ======================================================== LEFT COLUMN, MENU */
#col_left        {margin-top:53px;float:left;width:184px;background-color:transparent; border-right:1px solid #ffd100;}
.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:184px;}
#menu a, #menu a:visited {
  line-height:125%;
  text-decoration:none;  
  text-indent:0px;
  font-weight:normal;
  background-color:transparent;
  color:#356CA4;
  display:block; 
  padding:3px 0px;
  width:164px;
  margin:0px 0px 0px 10px;
  border-bottom:1px dotted #999;   
  font-size:11px;
  }
 #menu a:hover {  
  background-color:#eaeaea;     
  color:#000; 
  font-weight:normal;        
  }
 
/* ========================================================= ZENTRALCONTAINER, CSS RUNDUNGEN ===== */
#round                         {width:590px;float:left;margin:0px;background:transparent;}      
b.rtop, b.rbottom              {display:block;background:transparent}
#col_main                      {float:left;width:590px;background:#fff}
b.rtop b, b.rbottom b          {display:block;height:1px;overflow:hidden;background-color:#fff;color:#000}
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}

/* ========================================================= CONTENT ===== */

#col_main .content             {margin:20px 30px;} 
#col_main .content p           {margin:6px 0px 12px 0px;}    
.teaser {float:left;margin:0px 5px 5px 0px;width:240px;}
.path { margin:0px 0px 20px 0px;font-size:11px;}


.y_box {float:left;width:262px;margin-top:3px;}
.lo {float:left;width:262px;background-color:transparent;} /* background-image:url('/img/y_box_left.gif');background-repeat:no-repeat; */
.ro {float:left;width:262px;background-color:transparent;} /* background-image:url('/img/y_box_right.gif');background-repeat:no-repeat;background-position:top right; */
.y_core {float:left;width:260px;margin:0px;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background-image:url('/img/bg_box.gif')}          
.y_content {margin:10px;}




/* ========================================================= RECHTE SPALTE ===== */
#col_right                     {float:left;width:215px;margin-top:53px;background-color:transparent;border-left:1px solid #ffd100;}
#col_right .category           {margin:20px 0px 10px 0px;text-align:right;color:#000;border-bottom:1px solid #ffd100;}
#col_right .content            {margin:0px 0px 0px 10px;} 
#col_right h2                  {font-size:12px;text-indent:0px;} 
  

/* ========================================================= FOOTER ===== */
#bottom {
  font-size:10px;
	width: 980px;
	margin:0px auto;
	padding: 0px;
}
#bottomLeft { 
	width: 520px;	
  margin-left: 20px;         
	padding: 0px;
	float: left;
}
#bottomRight { 
	width: 200px;
	margin: 0px;
	padding: 0px;
	float: right;
	overflow: hidden;     
  text-align:right;  
}
#copyright {
  width:980px;
	margin:0px auto;
  font-size:10px;
  text-align:center;
  background-color:#fff;
  color:#999;
}

/*  ff0000 cc0000 990000 336699 6699cc   */

h1                             {font-size: 18px;line-height: 22px;color: #6699cc;font-weight:normal;margin:0px 0px 10px 0px;}
h2                             {font-size: 13px;text-indent:0px;line-height:18px;color: #000;font-weight:bold;margin:0px 0px 10px 0px;}
h3                             {font-size: 13px;color: #000;font-weight:normal;background: inherit;margin-bottom:0px;} 
a:link, a:visited              {color: #356CA4; text-decoration: underline;}  
a:hover, a:active              {background-color:#f2f2f2;color: #003399;}   
p                              {margin:8px 0px;color:#000}  
#col_right p                   {margin:6px 0px 10px 0px;color:#000;}    
.divider                       {height: 9px;margin: 8px 0px 12px 0px;border-bottom:1px dotted #ccc;}
.clear                         {clear: both;height: 4px;}
.small                         {color:#999;font-size:10px;}

img {border:none;}   

form {
  margin:0px;
  padding:0px; 
}

form br {
clear:both
}


 input {              
   line-height:13px;              
   height:14px;                   
   color: #000;                   
   background-image:url(/img/bg_field.jpg);
   border: 1px solid #6699cc;     
   font-size:11px;                
 } 
                               
.log {
  width:120px;
  font-size:11px;
}
.button { 
text-align:center;
height:18px;
margin:0px;
padding:0px;
font-size:10px;
font-weight:bold;
border:1px solid #6699cc;
background-image:none;
background-color:#6699cc;
color:#fff;

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

.left {
  text-align: left;
}


.form_container {
	padding:10px 0px;
line-height:24px;
	margin-top:20px;	
	background-color:#f2f2f2;
}
.form_container label {
	width:148px;
	}

.clear                         {clear: both;height: 4px;}
select {
  height:19px;
  width:155px;
  line-height:24px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;  
  background-color:#8FB7E1;
  color:#000;  
}
.radio {
  background-color:#f2f2f2;
}            
.check {
	width:20px;	height:20px;background-color:#fff;border:none;
	}

.left {float:left;margin-right:8px;border:none;} 

ul {
  list-style-type: none;    
  padding: 0px;
  margin: 0px 0px 16px 10px;
  }
ul li {
 background-image: url(/img/bullet.gif);
 background-repeat: no-repeat;          
 background-position: 13px 9px;         
  padding-left: 20px;          
  margin:3px 5px;               
}


.on  {font-weight:bold;color:#0081C6;}
.off {font-weight:normal;color:#ccc;}
sup                   {font-size:0.75em}
sub                   {font-size:0.75em}


.category_loop {
}


/* ========================================================= TABELLEN ===== */
table {
	font-size:11px;
	display: table;
	width: 100%;
  border-collapse:collapse;
  background-color:transparent;
}
table th {
	background-color: #fff;
  color:#000;
  padding:3px;
  border:none;
  text-align:left;
}
.table td {
	display: table-cell;
  padding:3px;
  vertical-align:middle;
  border:none;
}

/* =============== PRODUKTTABELLE */

.table_prod {
}

.table_prod th {
text-align:left;
}

.table_prod td {
border-bottom:1px solid #ccc;
}
/* =============== PRODUKTBESCHREIBUNG */

.table_prod_parameters  {
}

.table_prod_parameters th {
text-align:left;
}

.table_prod_parameters td {
font-size:12px;
line-height:18px;   
vertical-align:top;
}
/* =============== BASISTABELLE OHNE BORDERS, VERTICAL ALIGN: TOP */

.table_basic  {
}

.table_basic th {
text-align:left;
}

.table_basic td {
padding:2px;
line-height:18px;   
vertical-align:top;
border-bottom:1px solid #eaeaea;
}

/* =============== TABELLE QUERY */

.table_query  {
}

.table_query th {
}

.table_query td {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#f2f2f2;
}

#results {
font-size:11px;width:100%;
margin:20px 0px;
}

/* =============== TABELLE GELB */

.table_y  {
border-bottom:1px solid #ffd100;
}

.table_y  th {
height:20px;
background-image:url('/img/y_center.gif');background-repeat:repeat-x;
}

.table_y  td {
border:1px solid #eaeaea;
padding:2px;
}

/* =============== TABELLE GELB CART */

.table_blue  {
border-bottom:1px solid #6699cc;
}

.table_blue  th{
height:20px;
background-image:url('/img/blue_center.gif');background-repeat:repeat-x;
}

.table_blue td {
height:60px;
border-top:1px solid #6699cc;
background-color:#f2f2f2;
}


/* =============== YELLOW CART */
.table_y_cart  {
border-bottom:1px solid #ffd100;
}

.table_y_cart  th{
height:20px;
background-image:url('/img/y_center.gif');background-repeat:repeat-x;
}

.table_y_cart  td{
border-left:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#f2f2f2;
}


.calculation {
  margin:5px;
  float:right;
  font-size:11px;width:220px;
  text-align:right;
} 



/* =============== CLONE REQUEST */
.table_clone_request  {
}

.table_clone_request  th{
height:20px;
}

.table_clone_request  td {
padding:12px 3px;
vertical-align:top;
border-bottom:1px solid #ffd100;
background-color:#ffffff;
}

/* =============== CLONE LIST */
.table_clone_list  {
}

.table_clone_list  th{
height:20px;
background-color:#f2f2f2;
}

.table_clone_list  td {
padding:12px 3px;
vertical-align:top;
border-bottom:1px solid #ffd100;
background-color:#ffffff;
}

/* =============== CITATIONS GENLANTISPRODUKTE */
.table_citations {
}

.table_citations  th{ 
padding:6px;
border-bottom:1px solid #999999;
white-space:nowrap;
background-color:#f2f2f2;
}

.table_citations  td {
padding:6px;
vertical-align:top;
border-bottom:1px solid #ffd100;
background-color:#ffffff;
}

/* ========================================================= ALTERNIERENDE ZEILENFARBE ===== */
tr.even td {
background-color:#f2f2f2;
}
tr.odd td {
background-color:#ffffff;
}



/* ========================================================= PRODUKTSEITE ===== */

#description {
/*      float:left;                   */
/*      width:100%;                   */
/*      background-color:#f2f2f2;     */
/*      padding:5px;                  */
}

#description label {
 width: 120px;
  float: left;
  text-align: left;
  display: block;
margin-right:10px;
}

/*
.sprung {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
  }
*/

.box {

  background:#ffffff url('/img/leftside.gif') repeat-y left top;
  color:#333333;

}
.box-top {
width:520px;
height:16px;
background:url('/img/box-top.gif') no-repeat left top;
}
.box-top span {
display:block;
position:relative;
height:16px;
background:url('/img/top-right.gif') no-repeat right top;
}
.box-content {
position:relative;
background:url('/img/rightside.gif') repeat-y right top;
padding:1px 10px 1px 25px; 
margin:-1px 10px -12px 0; 
}
.box-bottom {
width:520px;
height:16px;
background:url('/img/box-bottom.gif') no-repeat left bottom;

}
.box-bottom span {
display:block;
position:relative;
height:16px;
background:url('/img/bottom-right.gif') no-repeat right top;
}

hr {border: 0px; border-bottom: 1px dotted #cccccc;margin:16px 0px}