/* Allgemeines Style Sheet für alle Dateien */

BODY {
 font-size:10pt;
 font-family: Arial, sans-serif;
 color:#000000;
 background-color: #FFFFFF;
 margin-right:0px;
 margin-left:0px;
 margin-top:0px;
 }

img {
 border:0;
 }

hr.spx {
 height:1px;
 color:#6F6F6F;
 }

font.prod {
 font-size:8pt;
 }

font.prodb {
 font-size:8pt;
 font-weight:bold;
 }

font.bb {
 font-size:12pt;
 color:#000000;
 font-weight:bold;
 }

font.blue {
 font-size:12pt;
 color:#000099;
 font-weight:bold;
 }


b {
 font-weight:bold;
 }

b.grey {
 color:#808080;
 font-weight:bold;
 }

#main{
  width:900px;
  margin-left:25px;
  }

#menu{  	
  width:685px;
  float:right;
  }

#spluslogo {
 margin-left:0px;
 width:100px;  
 height:100px;
 float:right;   
 }

#base{  	
  margin-top:0px;
  width:100%;  
  float:right;
  text-align:right;
  }
  
#dimension{  	
  margin-top:0px;
  width:100%;  
  float:right;
  text-align:right;
  }  

div.submenu{  	
  width:130px;  
  float:left;
  margin-top:30px;
  }

#dot {
 background-color:#ffffff; 
 border-width:1px; 
 border-color:#C0C0C0; 
 border-style:dotted;
 padding:0px;
 width:100%;
 }

#basket{  	
  margin-top:10px;
  width:200px;  
  height:510px;
  float:left;
  background:url("/media/serviceplus/images/basket_varistar.jpg") no-repeat;
  background-position:20px 10px;  
  text-align:center;
  }
  
#basketcontent{  	
  width:170px;  
  height:470px;  
  text-align:left;
  margin-left:15px;
  margin-top:12px;
  } 
 
#mixer{
  margin-top:20px;
  width:660px;
  height:435px;
  overflow:auto;
  float:right;
  }  

#enquire{ 
  float:right;
  padding-top:15px;
  padding-left:15px;
  padding-right:2px;  
  padding-bottom:15px;  
  }

table.sp {
 margin-top:5px;
 margin-left:5px; 
 border-width:0px;
 border-style:solid;
 border-color:#C0C0C0;
 font-size:10pt;
 border-collapse:collapse;
 width:95%;
 margin-left:10px;
 }

table.spxx {
 margin-top:5px;
 margin-left:5px; 
 border-width:0px;
 border-style:solid;
 border-color:#C0C0C0;
 font-size:10pt;
 border-collapse:collapse;
 width:150px;
 margin-left:10px;
 }
 

table.spx {
 margin-top:5px;
 margin-left:5px; 
 border-width:0px;
 border-style:solid;
 border-color:#ffffff;
 font-size:10pt;
 border-collapse:collapse;
 width:95%;
 margin-left:10px;
 } 

table.grey {
 margin-top:0;
 margin-left:5px;
 border-width:1px;
 border-style:solid; 
 border-color:#F3F3F3;
 background-color:#F3F3F3;
 font-size:10pt;
 border-collapse:collapse;
 width:95%;
 } 

td.spx {
 background-color:#ffeacb;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 }
 

table.sp1 {
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 font-size:10pt;
 border-collapse:collapse;
 }


td.a00 {
 background-color:#FFFFFF;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 }

td.a01 {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#ffffff;
 border-right-width:1px;
 border-right-style:solid;
 border-right-color:#C0C0C0; 
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 width:25px;
 }

td.a01z {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#ffffff;
 border-right-width:1px;
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 width:21px;
 }


td.a02 {
 background-color:#F3F3F3;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.2em;
 width:190px;
 font-size:8pt;
 font-weight:bold;
 }

td.a02z {
 background-color:#F3F3F3;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 width:190px;
 font-size:8pt;
 }

td.a02y {
 background-color:#FFFFFF;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.2em;
 width:280px;
 font-size:8pt;
 font-weight:bold;
 }
 
td.a02yz {
 background-color:#FFFFFF;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.2em;
 width:280px;
 font-size:8pt;
 }

td.a03 {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.2em;
 font-size:8pt;
 width:190px;
 }

td.a03z {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.2em;
 font-size:8pt;
 width:190px;
 font-weight:bold;
 }

td.a04 {
 background-color:#F3F3F3;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 font-size:8pt; 
 }
 
td.a04c {
 background-color:#F3F3F3;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 text-align:left;
 font-size:8pt; 
 } 

td.a04z {
 background-color:#F3F3F3;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 font-size:8pt;
 font-weight:bold; 
 }

td.a05 {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 font-size:8pt; 
 }

td.a05z {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 font-size:8pt;
 font-weight:bold; 
 }

td.a06 {
 background-color:#F3F3F3;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 font-size:8pt;
 width:25px; 
 }

td.a06z {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 text-align:center;
 font-size:8pt; 
 }


td.a07 {
 background-color:#F3F3F3;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 width:80%;
 font-size:8pt;
 }


td.a08 {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;
 border-collapse:collapse;
 padding:0.1em;
 width:80%;
 font-size:8pt;
 }

td.a09 {
 padding-left:2em;
 padding-right:2em;
 padding-top:2em;
 width:0px;
 font-size:8pt;
 font-weight:bold;
 }

td.a09z {
 padding-left:2em;
 padding-right:2em;
 padding-top:1em;
 font-size:8pt;
 font-weight:bold;
 }

td.a10 {
 font-size:8pt;
 font-weight:bold;
 }

td.cen { 
 text-align:center;
 padding:5px;
 border-collapse:collapse;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;  
 }
 
td.ceng { 
 background-color:#F3F3F3;
 text-align:center;
 padding:5px;
 border-collapse:collapse;
 border-width:1px;
 border-style:solid;
 border-color:#C0C0C0;  
 } 

 
/*LINK DEFINITIONEN*/

A:link    {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none}
A:visited {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none}
A:active  {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none}
A:hover   {font-size: 10pt; COLOR: #EB0C51; font-family: Arial, sans-serif; text-decoration: underline}

A.bs8:link    {font-size: 8pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; }
A.bs8:visited {font-size: 8pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; }
A.bs8:active  {font-size: 8pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; }
A.bs8:hover   {font-size: 8pt; COLOR: #EB0C51; font-family: Arial, sans-serif; text-decoration: underline;}


A.b8:link    {font-size: 8pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b8:visited {font-size: 8pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b8:active  {font-size: 8pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b8:hover   {font-size: 8pt; COLOR: #EB0C51; font-family: Arial, sans-serif; text-decoration: underline; font-weight:bold;}

A.b8x:link    {font-size: 8pt; COLOR: #000000; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b8x:visited {font-size: 8pt; COLOR: #000000; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b8x:active  {font-size: 8pt; COLOR: #000000; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b8x:hover   {font-size: 8pt; COLOR: #FF0000; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}

A.b:link    {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b:visited {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b:active  {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b:hover   {font-size: 10pt; COLOR: #EB0C51; font-family: Arial, sans-serif; text-decoration: underline; font-weight:bold;}

A.b12:link    {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b12:visited {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b12:active  {font-size: 10pt; COLOR: #000099; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold;}
A.b12:hover   {font-size: 10pt; COLOR: #EB0C51; font-family: Arial, sans-serif; text-decoration: underline; font-weight:bold;}

A.b10:link    {font-size: 8pt; COLOR: #ffffff; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ff0000; width:120px; padding:2px 5px;}
A.b10:visited {font-size: 8pt; COLOR: #ffffff; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ff0000; width:120px; padding:2px 5px;}
A.b10:active  {font-size: 8pt; COLOR: #ffffff; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ff0000; width:120px; padding:2px 5px;}
A.b10:hover   {font-size: 8pt; COLOR: #ff0000; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ffffff; width:120px; padding:1px 4px; border: solid 1px #ff0000;}

A.b14:link    {font-size: 13pt; COLOR: #ffffff; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ff0000; height:30px; width:145px; padding:5px 10px; text-align:center}
A.b14:visited {font-size: 13pt; COLOR: #ffffff; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ff0000; height:30px; width:145px; padding:5px 10px; text-align:center}
A.b14:active  {font-size: 13pt; COLOR: #ffffff; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ff0000; height:30px; width:145px; padding:5px 10px; text-align:center}
A.b14:hover   {font-size: 13pt; COLOR: #ff0000; font-family: Arial, sans-serif; text-decoration: none; font-weight:bold; background:#ffffff; height:30px; width:145px; padding:5px 10px; border: solid 1px #ff0000; text-align:center}


table.x { margin:0px; padding:0px; font-size:8pt; font-weight:bold; width:100%; border-collapse:collapse;}
td.x i { display:none; }
td.x a { display:block; height:12px; width:12px;}
td.x a.x { background:url(/media/serviceplus/images/x.gif) no-repeat left top; }
td.x a:hover { background-position:left center; }
td.x a.active { background-position:left center !important; cursor:auto;}


div.wk i { display:none; }
div.wk a { display:block; height:20px; width:20px; padding:0;}
div.wk a.wkx { background:url(/media/serviceplus/images/wk.gif) no-repeat left top; }
div.wk a:hover { background-position:left center; }
div.wk a.active { background-position:left center !important; cursor:auto;}


div.subm i { display:none; }
div.subm a { display:block; height:24px; width:24px; margin-left:50px;}

div.subm a.one { background:url(/media/serviceplus/images/one.gif) no-repeat top; }
div.subm a.two { background:url(/media/serviceplus/images/two.gif) no-repeat top; }
div.subm a.three { background:url(/media/serviceplus/images/three.gif) no-repeat top; }
div.subm a.four { background:url(/media/serviceplus/images/four.gif) no-repeat top; }
div.subm a.five { background:url(/media/serviceplus/images/five.gif) no-repeat top; }

div.subm a:hover, a:focus { background-position: center; }
div.subm a:active { background-position: bottom; cursor:auto; }

#subm_active { background-position: bottom; cursor: auto; }

div.submx {text-align:center;}


/* Drag links + + + + + + + + + + + + + */

a.dragIt, a.dragIt:link, a.dragIt:visited {
	color:#000;
	cursor:move;
	padding:0;
	margin:0;
	}
	
a.b8x {
	cursor:move;
	}

	
td.a02:hover, td.a02z:hover, td.spx:hover {
	cursor:pointer;
	}
	
#products {
	width:180x;
	float:left;
	}
	
#trash {
	margin-top:10px;
	width:100%; 
	height:100px; 
	border:1px solid #ccc;
	background:transparent;
	}