@charset "iso-8859-1";

#main {
  margin:0px;
  padding:0px;
  font-family:Arial,sans-serif;
  background:#ffffff;
  font-size:10pt;
  width:100%;
  height:100%;   
 }

img {
  border:0px;
 }

#navi {
  height:30px;
 }

#mapmenu {
  height:100px;
  width:100px;
  position:absolute;
  z-index:4;
  margin-left:85%;
 }

#headerlogo {
  height:45px;  
  text-align:left;
  padding-left:200px;
  padding-bottom:0px;  
 }

#headline {
  text-align:left;
  background:#ce1018;
  height:50px;
  padding:0px;  
  border:1px #ce1018 solid;   
  position:static;  
  z-index:1;   
 }

#headline h1 {
  color:#ffffff;
  font-size:18px;
  margin-left:120px;
  margin-top:14px; 
  padding:0px;
 }

#headline h2 {
  color:#ffffff;
  font-size:12px;
  margin-left:20px;
  margin-top:5px;
  margin-bottom:2px;
 }

#content {
  margin-left:15px;
  margin-top:25px; 
 }

#content h2 {
  font-size:16px;
  color:#404040;
  border-bottom: 1px dotted #404040;
  border-bottom-width: 1px; 
  width:75%;
 }
 
 #content h3 {
  font-size:16px;
  color:#404040;
  border-bottom: 1px dotted #404040;
  border-bottom-width: 1px; 
  width:75%;
 }

#content p {
  color:#404040; 
  width:70%;
  margin-left:20px;
 }
 
.description {
  color:#404040; 
  width:70%;
  padding-top:10px;
  padding-bottom:20px;  
  width:100%;
 }
 
#center {
  width:800px;  
 }

div.menux {
  float:left;
  width:370px;
  margin-right:25px;  
  min-height:250px;  
  border: 1px dotted #ffffff;  
 }

div.menuxr {
  margin-left:400px;
  width:370px;
  min-height:250px;
  border: 1px dotted #ffffff;  
 }

div.menumain {
  color:#ffffff;
  font-size:10px;
  font-weight:bold;
  text-align:right;
  padding:4px;
 }

div.productstart {
  border:1px solid #c0c0c0; 
  width:180px; 
  margin-bottom:20px; 
  margin-right:20px; 
  float:left;
  }

div.productstartsub {
  padding:4px; 
  font-size:15px;
  font-weight:bold; 
  text-align:center;
  }

hr.line {
  background-color:#ababab; /* Mozilla 1.4 */
  color:#ababab; /* IE 6 */
  border:#ababab; /* Opera 7.11 */
  height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
  width:100%;
  clear:left;
  }

ul.sub {
  color:#ffffff;
  font-size:10px;
  font-weight:bold;
  padding:4px;
 }

div.menuconfiguration {display:block; height:20px; width:250px; background:url(../pix/splus/element_configuration.gif) no-repeat bottom;} 
div.menuassembly {display:block; height:20px; width:250px; background:url(../pix/splus/element_assembly.gif) no-repeat bottom; }
div.menumodification {display:block; height:20px; width:250px; background:url(../pix/splus/element_modification.gif) no-repeat bottom; }
div.menusolution {display:block; height:20px; width:250px; background:url(../pix/splus/element_solution.gif) no-repeat bottom; }
div.menuexpress {display:block; height:20px; width:250px; background:url(../pix/splus/element_express.gif) no-repeat bottom; }
div.menusupport {display:block; height:20px; width:250px; background:url(../pix/splus/element_support.gif) no-repeat bottom; }
div.menuacademy {display:block; height:20px; width:250px; background:url(../pix/splus/element_academy.gif) no-repeat bottom; }
div.menulifecycle {display:block; height:20px; width:250px; background:url(../pix/splus/element_lifecycle.gif) no-repeat bottom; }

i.vanish { display:none; } 

div.menu { margin-top:10px; }
div.menu i { display:none; }
div.menu a { display:block; height:20px; width:250px;}
div.menu a.configuration { background:url(../pix/splus/element_configuration.gif) no-repeat bottom; }
div.menu a.assembly { background:url(../pix/splus/element_assembly.gif) no-repeat bottom; }
div.menu a.modification { background:url(../pix/splus/element_modification.gif) no-repeat bottom; }
div.menu a.solution { background:url(../pix/splus/element_solution.gif) no-repeat bottom; }
div.menu a.express { background:url(../pix/splus/element_express.gif) no-repeat bottom; }
div.menu a.support { background:url(../pix/splus/element_support.gif) no-repeat bottom; }
div.menu a.academy { background:url(../pix/splus/element_academy.gif) no-repeat bottom; }
div.menu a.lifecycle { background:url(../pix/splus/element_lifecycle.gif) no-repeat bottom; }
div.menu a:hover { background-position: top;}
div.menu a.active { background-position: center !important; cursor:auto;}


A:link    {color: #000099; text-decoration: none;}
A:visited {color: #000099; text-decoration: none;}
A:active  {color: #000099; text-decoration: none;}
A:hover   {color: #EB0C51; text-decoration: underline;}

A.s:link    {font-size: 10px; color: #000099; text-decoration: none; font-weight:bold;}
A.s:visited {font-size: 10px; color: #000099; text-decoration: none; font-weight:bold;}
A.s:active  {font-size: 10px; color: #000099; text-decoration: none; font-weight:bold;}
A.s:hover   {font-size: 10px; color: #EB0C51; text-decoration: underline; font-weight:bold;}

A.widget:link    {font-size:10px; color:#344767; text-decoration:none; font-weight:bold;}
A.widget:visited {font-size:10px; color:#344767; text-decoration:none; font-weight:bold;}
A.widget:active  {font-size:10px; color:#344767; text-decoration:none; font-weight:bold;}
A.widget:hover   {font-size:10px; color:#ffffff; text-decoration:none; font-weight:bold;}

A.b:link    {font-size: 10pt; color: #000099; text-decoration: none; font-weight:bold;}
A.b:visited {font-size: 10pt; color: #000099; text-decoration: none; font-weight:bold;}
A.b:active  {font-size: 10pt; color: #000099; text-decoration: none; font-weight:bold;}
A.b:hover   {font-size: 10pt; color: #EB0C51; text-decoration: underline; font-weight:bold;}

A.menu:link    {font-size: 12px; color: #ffffff; text-decoration: none;}
A.menu:visited {font-size: 12px; color: #ffffff; text-decoration: none;}
A.menu:active  {font-size: 12px; color: #ffffff; text-decoration: none;}
A.menu:hover   {font-size: 12px; color: #ffffff; text-decoration: none;}

div.imgborder {
  border:1px solid #808080;
  margin:0;
  padding:0;
  text-align:center;
  }

div.imgdescription {
  background-color:#F8F8F8;
  border-top:1px solid #808080;
  margin:0;
  padding:5px;
  text-align:left;
  }

td.box {
 border-collapse:collapse;  
 font-size:12px; 
 padding:10px; 
 text-align:center;
 vertical-align:top;
 width:350px;
 }

.greybox {
  background:transparent url(../pix/splus/greyboxbox_70.png) no-repeat scroll left top;
  height:100px;
  width:195px;
  }
  
.greybox div {
  float:left;
  padding:42px 7px;
  width:185px;
  }

a.link14g {
  font-size:14px;
  font-weight:bold;
  text-decoration:none; 
  }

a.link14g:visited {
  color:#404040;
  }
  


/* TABBED WIDGET */

.tabright {
  margin-top:60px;
  float:right;
  margin-right:5px;
  }

.tabright h1 {
  font-size:12px;
  font-weight:bold;
  color:#404040;
  margin-top:10px;
  margin-bottom:0px;
  }

.tabs {
  float:left;
  font:10px Arial, helvetica, sans-serif;
  font-weight:bold;
  line-height:normal;
  border:0px solid #000;
  margin:0px;
  padding:0px;
  }
  
.inputbox {
 font:10px Arial, helvetica, sans-serif;
 padding:0px;
 margin-bottom:5px;
}
  
.tabs ul {
  margin:0px;
  padding:0px;
  list-style:none;             
  }
  
.tabs li {
  display:inline;
  margin:0px;
  padding:0px;
  }
  
.tabs a {
  float:left;
  font:10px Arial, helvetica, sans-serif;
  font-weight:bold;  
  background:url("../pix/splus/tableft.gif") no-repeat left top;
  margin:0px 2px 0px 0px;
  padding:0 0 0 7px;
  text-decoration:none;
  }
  
.tabs a span {
  float:left;
  font:10px Arial, helvetica, sans-serif;
  font-weight:bold;
  display:block;
  background:url("../pix/splus/tabright.gif") no-repeat right top;
  padding:3px 10px 3px 3px;
  color:#000000;

  }
  
/* Commented Backslash Hack hides rule from IE5-Mac &*/
.tabs a span {
  float:none;
  }
/* End IE5-Mac hack */

.tabs a:hover span {
  color:#ff0000;
  font-weight:bold;
  }
  
.tabs a:hover {
  background-position:0% -42px;
  }
  
.tabs a:hover span {
  background-position:100% -42px;
  }

.tabs a.tab-active{
  background-position:0% -42px;
  }
  
.tabs a.tab-active span {
  background-position:100% -42px;
  }

.tab-container {
  background: #fff; 
  width:200px;
  background:url("../pix/splus/pane_top.gif") no-repeat left top;
  font:10px Arial, helvetica, sans-serif;           
  }
  
.tab-panes { 
  margin:0px;
  padding-top:2px;
  clear:both;  
  width:200px;
  border:0px solid #000;         
  }

.panecen { 
  margin:0px;
  padding:0px 0px 0px 5px;
  clear:both; 
  background:url("../pix/splus/pane_cent.gif") repeat-y left top;  
  width:200px;
  }

.panecen p { 
  margin:0px;
  padding:2px;
  width:190px; 
  }     

.panebot { 
  margin:0px;
  padding:0px;
  clear:both; 
  background:url("../pix/splus/pane_bot.gif") no-repeat left top; 
  width:200px;
  height:3px;
  } 

.panenav {
  background:transparent url(../pix/splus/pane_cent.gif) repeat-y scroll left top;
  clear:both;
  margin:0;
  padding:0;
  width:200px;
  }
  
hr.sline {
  background-color:#ababab; /* Mozilla 1.4 */
  color:#ababab; /* IE 6 */
  border:#ababab; /* Opera 7.11 */
  height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
  width:185px;
  } 

table.navigation {
  border-spacing:0px; 
  border-collapse:collapse; 
  margin:0px; 
  padding:0px; 
  width:100%; 
  }

td.navigation { 
  padding-left:9px;  
  }  

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:10px;
	color:#333;
	display:none;
	width:50%;
	}  

A.tooltip:link    {font-size: 12px; color: #ffffff; text-decoration: none;}
A.tooltip:visited {font-size: 12px; color: #ffffff; text-decoration: none;}
A.tooltip:active  {font-size: 12px; color: #ffffff; text-decoration: none;}
A.tooltip:hover   {font-size: 12px; color: #ffffff; text-decoration: none;}