#motorlist{
 width:69.5em;
 height:100%;
}
.listhead{
 background: transparent url("listhead.jpg") top left no-repeat;
 background-position:0px 1px;
 height:36px;	
}
.listdata{
clear:both;
}

 /*neue Klasse, die die Hintergrundfarbe der Liste definiert. Ein
direktes reinschreiben in die .listdata hat die Tabelle verrissen*/
.listdatacolor{
	background-color:#f1f1f2;	
	border-bottom:1px solid #b2b2b2;
}

.pickyourdrive{
	float:left;
	padding:0;
	margin:0;
	width:130px;
	height:35px;
	background:transparent url("pickyourdrive.jpg") top left no-repeat;
	background-position:10px 6px;
}
#optioncriteria{
	float:right;
	margin:8px 10px 0 0;
	padding:0;
}
#optioncriteria p{
	padding:0;
	margin:0;
	color:#fff;
}
#optioncriteria select {
 color:#fff;
 width:300px;
 border:1px solid #ccc;
 border-bottom:2px solid #666;
 background-color:#b2b2b2;
}

/*Motortype Select*/
#FORMmotortypes{
	float:left;
	margin:8px 10px 0 10px;
	padding:0;
}
#MotortypeSelect  {
 color:#fff;
 width:200px;
 border:1px solid #ccc;
 border-bottom:2px solid #666;
 background-color:#b2b2b2;
}


/*_________Tabelle mit Motorliste_________*/
/*Links*/
li.listsubhead a{
	font-weight:bold;
}
li.listsubhead a:hover{
	text-decoration: underline;	
}

.motortable a{
	margin-top:0.8em;
	margin-bottom:0.7em;
	display:block;
	font-size:1.2em;
	color:#555;
	text-decoration: none;	
}
.motortable div.param1 a{
	margin-right:10px;
}
.motortable div.head1 a{
	margin-right:0px;
}

/*Tabelle*/
.motortable{
 margin:0;
 margin-left:3px;
 padding:0;
 list-style:none;
}
#motorlist .param0{
 text-align:right;
 width:35px;
 float:left;
}
#motorlist .param1{
 text-align:right;
 width:135px;
 float:left;
}
#motorlist .param0 img{
 float:left;
 margin:0px 3px 0 5px	
}

#motorlist .param2, #motorlist .param3, #motorlist .param4, #motorlist .param5{
 overflow:hidden;
 text-align: center;
 background-position:-10px 0px;
 width:125px;
 margin-left:5px;
 float:left;
}
#motorlist .head0{
 float:left;
 text-align: center;
 background: transparent url("listsubhead.jpg") top left no-repeat;
 width:35px;
 height:30px;
}
#motorlist .head1{
 float:left;
 text-align: center;
 background: transparent url("listsubhead.jpg") top left no-repeat;
 background-position:-10px 0px;
 width:135px;
 height:30px;
}
#motorlist .head2, #motorlist .head3, #motorlist .head4, #motorlist .head5{
 overflow:hidden;
 text-align: center;
 background: transparent url("listsubhead.jpg") top left no-repeat;
 background-position:-10px 0px;
 width:125px;
 height:30px;
 margin-left:5px;
 float:left;
}
#motorlist .head5{
 background-position:top right;
}

/*________________________________________ ausgeklappte Liste ____________________*/
div.datasheet{
	clear:both;
	position:relative;
	display:none;
	border:0px;
	padding:0;
	margin:0;
	width:688px;
}

/*________________________  Tabs im Datasheet  __________*/

ul.tabs	{
	padding:0; padding-left:160px;
	margin:0;
}

ul.tabs li	{
	float:left;
	font-size:1.0em;
	padding:0; margin:0;
	text-align:center;
	border:1px solid #555;
	border-bottom:0px;
	list-style:none; 
}

ul.tabs li a	{
	display:block;
	padding:2px 5px;
	margin:0;
	background:#FFF;
	border-bottom:1px solid #555;
}

ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a.active {
 	background:#D4E2DE;
	border-bottom:1px solid #D4E2DE;
}

.boxholder{
	clear:both;
	height:200px;
	padding:5px; margin-top:-1px;
	background:#d4e2de;
	border-top:1px solid #555;
}

.box{
	position:absolute;
	font-size:1.2em;
	border:0; }


/*________________________  Tabs Content __________*/
.datasheetleft{
	float:left;
	width:330px;
	margin-left:5px;
}
.datasheetright{
	float:left;
	width:330px;
	margin-left:10px;
}
.box .tabhead{
	display:block;
	width:100%;
	border-bottom:1px solid #999;
	margin:1em 0em;
}
.box p, .box a{
	font-size:1em;
	line-height:1.2em;
	padding:0;
	margin:0;
}
.box p {
	margin-bottom:5px;
}

.box .tabdescription {
	line-height:1.5em;
}

.box a:hover{
	text-decoration: underline;
}
.box img {
	padding:1em;
	border:1px solid #777;
	background:#fff;
}
.box img.reader {
	padding:5px 0 0 17px;
	border:0;
	background:transparent;
}
.box table{
	margin:0;
	padding:0;
	font-size:1em;
}
.box table tr{
	padding:0;
	margin:0;	
}
.box table td {
	padding:0.15em 0em;
	margin:0;
	vertical-align: top;
}
.box table .twocol1{
	width:13em;
	padding-right:4px;
}
.box table .threecol1{
	width:15em;
	padding-right:4px;
}
.box table .threecol2{
	width:3em;
	padding-right:4px;
}
br.clear	{	clear:both; }