body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color:#336699;
	margin-top: 0px;
	padding: 0px;
	color: #000;
	text-align:left;
	font-size: 12px; 
	line-height: 150%;
	height:100%
}

/* ------------------- main containers ------------------- */
#layoutContainer { /* contains all containers */ /* 1004px */
	padding: 0px 0px 20px;
  width: 1000px;
	margin: 0px auto;
	text-align: left; height:100%;
  background-color:#336699;   
  color:#000000;
}
#topContainer { /* contains topLeftContainer, topRightTopContainer, topRightMiddleContainer, topRightBottomContainer */ /* 1004px */
	width: 100%; /*ORI: 1004px*/
	height: 111px;
	padding: 0px;
	margin-top: 10px;
  background-image: url(/img/bg_topContainer.gif);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
  border:none;
}

#SubTopFix {
	width: 1000px;
	height: 111px;
	padding: 0px;
	margin: 0px;
	float: left; border:none;
}

#topTopContainer { /* 793px */
	width: 1000px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: right;
	overflow: hidden;
}

#topMiddleContainer {
	width: 270px;
	height: 66px;	
	margin: 0px;
	padding: 0px;
	float: right;
}

#topBottomContainer { /* 793px */
	width: 1000px; height: 3px;	
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: right;
}

/*###########################################################################################*/
#middleContainer { /* contains leftContainer, mainContainer, rightContainer */ /* 1004px */
	width: 1000px;
	padding: 0px;
	margin: 0px;
	float: left; background-color:#ffffff;  
  color:#000000;
}

#leftContainer { /* 190px */
	background-image:url('/img/bg_leftContainer.gif');
	background-repeat: no-repeat;
	width: 210px;	
	margin-bottom:25px;
	float: left;
	padding: 30px 0px;
	overflow: hidden;
}

#leftContainerContent {
  padding: 0px; 
	margin: 0px;
  border-right:1px dotted #cccccc;
  overflow: hidden; 	
	}

#leftContainer p {
	padding: 0px; 
	margin: 0px;
  overflow: hidden; 
	}

#leftContainer h2 {
	font-size: 12px;
	line-height: 110%;
  background-color:#ffffff;
	color: #3060AC;
	font-weight: bold;
	margin: 4px 0px 6px 0px;
	}

.navi a {
  display: block;  
  background-color:#f2f2f2;
  color: #A9001D;   /* Dunkler:A9001D  C50023*/
  padding: 0px 5px 0px 5px;
  border-bottom: 1px solid #cccccc;
  font-size:11px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  margin-bottom:2px;
}

.navi a:hover {
  background-color: #336699;
  color: #ffffff;
  text-decoration: none;   
}

#mainContainer { /*504px*/
	background-image: url(/img/bg_mainContainer.gif);
	background-repeat: no-repeat;
	width: 480px;
	margin: 0px;
  padding: 0px 8px 0px 24px; 
	float: left; 
}

#rightContainer { /* 290px */
  background-image:  url('/img/bg_rightContainer.gif');
	background-repeat: no-repeat;
	width: 278px; /* OS  */
	margin: 0px;
	padding-top: 30px;
  float: left;
}

/*###########################################################################################*/
#bottomContainer { /* contains bottomLeftContainer, bottomMainContainer, bottomRightContainer */ /* 1004px */
	width: 1000px;
	height: 50px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	float: left; 
}

#bottomLeftContainer { /* 190px */
	width: 210px;	
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;  
}

#bottomMainContainer { /* 522px */
font-size:11px;
	width: 480px;
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;  text-align:center;     
}

#bottomRightContainer { /* 290px */
	width: 260px;
	margin: 0px;
	padding: 0px;
	float: right;
	overflow: hidden;              
}


/* ------------------- mainContainer ------------------- */

/* der Pfad ist auf maximal 2 Zeilen ausgelegt */
#path {
	width: 450px;
	height: 40px;
	margin: 0px; 
	padding: 0px 15px 3px 0px;
	font-size: 11px;
  text-align:right;
}

img {
	border:none;
	}
	
.img_left {
	float: left;
	padding: 0px;
	margin: 2px 10px 5px 0px;
	}

.img_right {
	float: right;
	padding: 0px;
	margin: 2px 10px 5px 0px;
	}
	
table {
	font-size: 11px;
	line-height: 150%;
	display: table;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  border:1px solid #cccccc;
	width: 440px;
}

tr {	
	display: table-row;
}

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;
	margin: 0px;
	display: table-cell;
  background-color: #ffffff;
  color:#000000;
  border:none; 
}

.table_contact {
	display: table;
	margin: 0px;
	width: 400px;
  border:none;
  border-collapse: collapse; 
 	background-color:transparent;

}
.table_contact td {
	vertical-align:top;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 10px;
  background-color:transparent;
}

td.grey {	
  text-align: center;
  background-color: #f2f2f2;
  color:#000000;
}

td.grey a {
	background-color:#f2f2f2;
  color: #A9001D;
	}
td.grey a:hover {
	background-color:#ffffff;
  color: #A9001D;
	}

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;
	}	

.table_distributors {
	font-size: 11px;
	display: table;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  background-color:#f2f2f2;
  color:#000000;
}
.table_distributors td {
	border-bottom:1px solid #cccccc;
}
	
/* ------------------- rightContainer ------------------- */

#rightContainer .grenze  {
	width: 274px;
	padding: 0px;
  margin:0px;	
	float: left;
	clear: both;  
  border-left:1px dotted #C9CFD8;                                
	}
	
#rightContainer .inhalt  {
	width:258px;
	padding: 0px;
  margin:0px 0px 0px 8px;	
	float: left;
	clear: both;  
	}
	
#rightContainer h2 {
	font-size: 12px;
	line-height: 18px;
  background-color:#ffffff;
	color: #3060AC;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	}	

#rightContainer p {
	margin: 5px 0px 5px 0px;
		clear: both;  

	}
	
.divider {
	height:1px;
	border-bottom:1px solid #eaeaea;
  margin:10px 0px 10px 0px;	
	clear: both;  
	}	

#rightContainer .divider {
	width:95%;
	height:1px;
	border-bottom:1px solid #cccccc;
  margin:16px 0px 16px 0px;	
	clear: both;  
	}

#bot {
  width: 274px;
  height: 17px;
  background-image: url(/img/bg_rightContainer_bottom.gif);
  background-repeat: no-repeat;
	float: left;
	clear: both;   
}

a {
	text-decoration:underline;
  background-color: transparent;
   color: #A9001D; 

}

a:hover {
  background-color: #eaeaea;
	color: #A9001D;
}

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

h1 {
  background-color:transparent;
	color: #336699;
	font-size: 18px;
	font-weight: bold;
	margin: 16px 0px 8px 0px;
	padding: 0px;
  line-height:150%;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

p {
  margin:12px 0px 12px 0px;
  }

ul {
	list-style-type: none;
	margin: 10px 3px 10px 0px;
	padding: 0px 0px 0px 20px;
}
	
ul li {
	margin: 3px 0px 3px 0px;
	padding: 0px 0px 0px 15px;	
	background-image: url(/img/li.gif);
	background-repeat: no-repeat;
	background-position: 4px 7px;
	}

.trenner {
  width:450px;
  height:5px;
  margin:0px;
  padding: 0px;
  border-bottom:1px dashed #666666;
  overflow:hidden;
}    

.trenner_basket {
  width:220px;
  margin:0px 0px 0px 20px;
  height:5px;
  padding: 0px 0px 0px 0px;
  border-top:1px dashed #666666;
  overflow:hidden;
  float:none;
}              
      
.field { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 200px; /* Breite.*/
  border:1px groove;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;  
  height:16px;
  background-color:#F0F0F0;
  color:#000000;
  margin-bottom:10px;
}

.area { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 280px; /* Breite.*/
  border:1px groove;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  height:100px;
  background-color:#F0F0F0;
  color:#000000;
  margin-bottom:10px;    
}

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

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */ 
}


.button {
  float: none; 
  font-family:Verdana, Arial, Helvetica, sans-serif;  
 height:22px; 
 font-size:11px;
 font-weight:bold;
 color:#FFFFFF;
 background-color:#336699;
}               


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

.content {
  margin-left:10px;      
  width:458px;
}

.error {
  background-color:#ffffff;
  color:red;
} 

.l {
  background: url(/img/ecke_l.gif) no-repeat;
  background-color:#9CB5FF;
  color:#ffffff;
  height: 20px;
  width:14px;
  float:left
}

.c {
  background-color:#9CB5FF; 
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
  height: 20px;
  float:left
}

.r {
   background: url(/img/ecke_r.gif) no-repeat;
   background-color:#9CB5FF;
   color:#ffffff;
   height: 20px;
   width:14px;
   float:left
}

.l_red {
  background: url(/img/ecke_l.gif) no-repeat;
  background-color:#dc5050;
  color:#ffffff;
  height: 20px;
  width:14px;
  float:left
}

.c_red {
  background-color:#dc5050;
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
  height: 20px;
  float:left
}

.r_red {
  background: url(/img/ecke_r.gif) no-repeat;
  background-color:#dc5050;
  color:#ffffff;
  height: 20px;
  width:14px;
  float:left
}

.legend {
  font-size:10px;
  line-height: 12px;
}



#seq {
font-family: 'Courier New', Courier, monospace;
font-size:13px;
font-weight:normal;     
margin-top:20px;
float:left;
}

.leg {
background-color:transparent;
color:#fff;
text-align:center;
width:60px;
float:left;
padding:0px 10px;
margin-right:20px;
}

sup                   {font-size:0.75em}
.clear                {clear: both;height: 4px;}


/* FÜR RECHTE SPALTE (PRODUCT CART)   */
#cart                 {font-size:11px;margin:0px 0px 0px 5px;width:240px;} 
#cart_top             {float:left;height:5px;margin:10px 0px 0px 0px;padding:0px;width:100%;background-image:url(/img/cart_top.gif);background-repeat:no-repeat;background-position:bottom; } 
#cart_middle          {float:left;padding:0px;width:238px;background-image:url(/img/cart_middle.gif);border-left:1px solid #8FB7E1;border-right:1px solid #8FB7E1;background-repeat:no-repeat;} 
#cart_bottom          {float:left;font-size:11px;float:right;margin:0px;padding:0px;width:100%;background-image:url(/img/cart_bottom.gif);background-repeat:no-repeat;} 


/***** 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 *****/