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

/* ------------------- main containers ------------------- */
#layoutContainer { /* contains all containers */
	padding: 0px 0px 20px;
  width: 1000px;
	margin-left: 0px;
	text-align: left; height:100%;
  background-color:#ffffff;   
  color:#000000;
}
#topContainer { 
	width: 480px;
	height: 90px;
	padding: 0px;
	margin-left: 5px;
  margin-bottom: 10px;
	float: left;
	overflow: hidden;
  border-bottom:1px dashed #000000;
}

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


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

#leftContainer { /* 190px */
display:none;
}




#mainContainer { /*504px*/
	width: 480px;
	margin: 0px;
  padding: 0px 8px 0px 0px; 
	float: left; 
}

#rightContainer { /* 290px */
display:none;
}

/*###########################################################################################*/
#bottomContainer { /* contains bottomLeftContainer, bottomMainContainer, bottomRightContainer */ /* 1004px */
display:none;

}

#bottomLeftContainer { /* 190px */
display:none;
}

#bottomMainContainer { /* 522px */
font-size:11px;
	width: 480px;
	padding: 10px 16px 10px 26px;
	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 {
display: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;
}

.table_adr {
	font-size: 11px;
	line-height: 150%;
	display: table;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  background-color:#f2f2f2;
  color:#000000;
	width: 440px;
  border:1px solid #cccccc;
}
.table_adr td {
	font-size: 11px;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
  background-color:#ffffff;
  color:#000000;
  border:1px dashed #cccccc;border-collapse: collapse; 
	
}

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

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;
	}	
	
/* ------------------- rightContainer ------------------- */

#rightContainer h3 {
	width: 240px;
	font-weight: bold;
	margin: 0px;
  margin-bottom: 0px;
	padding: 10px 20px 0px 20px;
	font-size: 12px;
	float: left;
	clear: both;
	line-height: 140%;
  
	}	

#rightContainer p {
	width: 240px;
	padding: 0px 30px 25px 20px;
  margin:0px;	
	float: left;
	clear: both;  

	}

#rightContainer .order {
	width: 240px;
	padding: 0px 30px 10px 20px;
  margin:0px;	
	float: left;
	clear: both;  
  font-size:11px;
  line-height:150%;

	}

#rightContainer .grenze  {
	width: 274px;
	padding: 0px;
  margin:0px;	
	float: left;
	clear: both;  
  border-left:1px dashed #666666;
                                  
	}
#bot {
  width: 274px;
  height: 17px;
	float: left;
	clear: both;   
}

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

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

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

h1 {
	width: 460px;
  background-color:#ffffff;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 20px 0px;
	padding: 0px;
  line-height:150%;
}

h2 {
	width: 460px;
  background-color:#ffffff;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 15px 0px;
	padding: 0px;
	}

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

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

#date {
  width:472px;
  height:20px;
  margin:0px;
  padding: 0px;
  text-align:right;
  font-weight:bold;
  background-color:#ffffff;
  color:#336699;   /*  336699  6699CC */
  font-size:12px;
  overflow:hidden;
  margin:0px;
  margin-bottom:10px;
}                  
      
.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 { 
  font-size:11px;
  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 {
  padding-left:20px;      
  width:448px;
}
.col_a {
  padding-left:0px;float:left;width:210px;
}
.col_b {
  float:right;width:230px;
}

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