body {
  text-align: center;
  font-size:  10px;
  font-family: Arial,Verdana,Sans-Serif;
  background:#ffffff;
}

form
{
	margin:0px;
}

.cfspan {
  text-align:left;
}

table.connamefix
{
	table-layout:fixed;
	padding:0px;
	margin:0px;
	width:130px;
}

table.constatefix
{
	table-layout:fixed;
	padding:0px;
	margin:0px;
	width:100px;
}

#logotd
{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#productnametxt
{
	margin: 0;
	padding: 0;
	padding-left: 40px;
	padding-bottom: 2px;
	font-family: Siemens Sans, Arial, Helvetica, Verdana, sans-serif;
	font-size: 40px;
	line-height: 40px;
	color: #999999;
}

#productimg
{
  padding-bottom: 1.3em;
  float: right;
  height: auto;
}

/* min height */
#minheight340
{
	height: 340px;
	float: right;
	width: 1px;
}

#endminheight
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.nakedtable
{
	border-style: none;
	border-spacing: 0px;
	padding: 0px;
}

td {
  font-size:  12px;
  font-family: Arial,Verdana,Sans-Serif;
  vertical-align:top; 
  padding:0.5em 0; /* distance between rows! */
}

.checkBoxes, .radioButton {background:transparent; margin-right:0.4em;}

/* links */
a {color:#000000; text-decoration:none;}
a:hover {color:#e97d0c; text-decoration:none;}

#productname {
	margin: 0px 0px 0px 40px;
}

/* EVERYTHING has to be inside this container! */
#container {
  margin:0 auto;
  width:940px;
  text-align:left;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
  color: #000000;
}

#container_popup {
  margin:0 auto;
  width:600px;
  text-align:left;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
  color: #000000;
}

#subcontainer {
  width:450px;
}  

h1, #content h1, #content_waiting h1, #content_alternative h1, #content_popup h1 {
  font-size: 15px;
  color:#555;
  margin: 0 0 1em 0;
}

#content_home h1.first {
  font-size: 18px;
  color: #555;
  margin: 0 0 0.3em 0;
}

#content_home h1 {
  font-size: 18px;
  color: #555;
  margin: 1em 0 0.3em 0;
}

#content_home a, #content_home a:hover {text-decoration:none;}

#content_home h1 a {
  color: #555;
  background: url(../images/arrow_grey.gif) no-repeat 0 0.3em;
  padding-left: 23px;
}

#content_home h1 a:hover {
  background: url(../images/arrow_orange.gif) no-repeat 0 0.3em;
}

#content_sub_home h1 {
  font-size: 15px;
  color:#555;
  padding: 0.6em 0 0.3em 0;
  margin: 0;
}

#content_home p, #content_sub_home p {
  font-size:  12px;
  font-family: Arial,Verdana,Sans-Serif;
  vertical-align:top; 
  padding:0 0 0.3em 0;
  margin: 0;
}

h2, #content h2, #content_waiting h2, #content_alternative h2, #content_popup h2 {
  font-size: 12px;
  line-height: 15px;
  color:#555;
  margin:2em 0 0 0;
}

h2.first, #content h2.first, #content_waiting h2.first, #content_alternative h2.first, #content_popup h2.first {
  margin-top: 0;
}

.select.fixfont {
  font-size: 12px;
  font-family: "Courier New",Courier,serif;
  color: black;
}

/* Gigaset logo & product name */
#Gigalogo {
	vertical-align: middle;
  padding:1.8em 0 1em 0;
}

/* menue on top of the grey area */

#div_tabs {
  position:absolute;
  text-align:left;
  padding: 1.2em 0 0 0;
  z-index:999;
}

#div_tabs a, #div_tabs a:hover {text-decoration:none;}

#div_home_logout {
  text-align:right;
  padding:1.2em 0.6em 0.5em 0;
}

/* top grey area */
#greyTop {
  background:#ddd url(../images/bg_content_top.gif) no-repeat;
}

#greyTopPopup {
  background:#ddd url(../images/bg_content_popup_top.gif) no-repeat;
}

/* middle grey area */
#greyMiddle {
  background:#ddd url(../images/bg_content.gif) repeat-y;
  position:relative;
  width:100%;
}

#greyMiddlePopup {
  background:#ddd url(../images/bg_content_popup.gif) repeat-y;
  position:relative;
  width:100%;
}

/* elements concerning the menue on the left side */
#div_menue {
  width:208px; /* width of menue */
  position:absolute;
  top:0; 
  left:0;
} 

ul {list-style-type:none;}

#div_menue ul {
  margin: 0; 
  padding: 17px 0 0 23px;
}

#div_menue li div div {
  padding: 4px 8px 4px 7px;
}

#div_menue li ul {
  padding: 0 5px 0 11px;
  width: 100%;
}

#div_menue li ul li {
  border-left: 1px solid #999;
}

#div_menue li ul li div div {
  padding: 4px 8px 4px 7px;
}

#div_menue a, #div_menue a:hover {text-decoration:none;}

/* active Mainmenue */
.active {
  background: url(../images/bg_menu.jpg) no-repeat;
  width: 193px;
}
.active a, .active a:hover {color:#fff; font-weight:bold;}
.active ul li a {color:#000; font-weight:normal;}
.active ul li a:hover {color:#000; font-weight:normal;}

/* active submenue */
.activeSub {
  background: url(../images/bg_menu.jpg) no-repeat;
  width: 181px;
}
.activeSub a, .activeSub a:hover {color:#fff; font-weight:bold;}
.activeSub ul li a {color:#000; font-weight:normal;}
.activeSub ul li a:hover {color:#000; font-weight:normal;}

/* active Subsubmenue */
.activeSub2 {
  background: url(../images/bg_menu.jpg) no-repeat;
  width: 169px;
}
.activeSub2 a, .activeSub2 a:hover {color:#fff; font-weight:bold;}
.activeSub2 ul li a {color:#000; font-weight:normal;}
.activeSub2 ul li a:hover {color:#000; font-weight:normal;}

.wizardStatusCell {
  padding: 0;
  width:26px;
  height:27px;
  vertical-align:middle;
  text-align:center;
/*  background-image:url(../images/wizard_line.gif); */
  background-repeat:no-repeat;
}

/* content */
#content, #content_waiting, #content_alternative, #content_blank {
  width: 680px;
  margin-left: 16em;
  padding-top: 1.3em; /* = same height as first menue-entry */
  background: url(../images/bg_left_border.gif) repeat-y 15px 0;
}

#content_home {
  padding-top: 1.3em;
  width: 510px;
  margin-left: 4em;
}

#content_sub_home {
  width: 320px;
  margin-left: 605px;
  padding-top: 1.3em; /* = same height as first menue-entry */
  padding-left: 0.5em;
  background: url(../images/bg_left_border.gif) repeat-y;
  text-align: center;
}

#content_popup {
  width: 450px;
  margin-left: 0em;
  padding-top: 1.3em; /* = same height as first menue-entry */
  padding-bottom:0.5em;
}

/* left side of table with label/description */

.contentColumn {
  width: 560px;
  padding-bottom:50px;
}

.contentColumnNoButtons {
  width: 560px;
  padding-bottom:22px;
}

#bottombuttons
{
 position:absolute;
 width:560px;
 bottom:9px;
}
 
.label {
  text-align:right; 
  padding-right:1em; 
  padding-left:3em; 
  color:#555;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
}

.labelbold {
  text-align:right; 
  padding-right:1em; 
  padding-left:3em; 
  color:#555;
  font-size: 12px; 
  font-weight: bold;
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
}

.rightSide {
  padding-left:1em; 
  background: url(../images/bg_left_border.gif) repeat-y;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
}

.rightSide b {
  color: #555;
}

.rightSideCont {
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
}

.rightSideCont b {
  color: #555;
}

ul.bullets {
  list-style: none outside url(../images/list_bullet.gif);
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  padding-left: 1.7em;
}

.contentTable {
  float: left;
  padding-top:0.5em;
  margin-left:4em;
}

.contentTableColumn {
  width: 480px;
  padding-top:2em;
  padding-top:0;
  margin-left:16.7em;
  padding-left:1.3em;
}

/* adds some vertical space between big blocks */
.separatorHead{
  text-align:right; 
  padding:2em 1em 0 0 ;
}

.separatorHead2{
  text-align:right; 
  padding:2em 1em 0 0 ;
}

.separatorButton{
  padding:1em 0 0 1em  ;
}

.separatorButtonMultiple{
  padding:3em 0 0 1em  ;
}

.separatorContentTable {
  width: 660px;
  padding-top:1em;
  margin-left:4em;
}

.separatorContentTableColumn {
  width: 480px;
  padding-top:1em;
  margin-left:16.7em;
  padding-left:1.3em;
}

.buttonLink100 {
  display:block;
  background-image: url(../images/bg_button_100.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 100px;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
  font-weight: bold;
  text-decoration:none;
  color: #555;
  text-align: center;
  padding-top: 3px;
  margin-right: 15px;
}

.buttonLink100disabled:link, .buttonLink100disabled:active, .buttonLink100disabled:visited, .buttonLink100disabled:hover {
  display:block;
  background-image: url(../images/bg_button_100.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 100px;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
  font-weight: bold;
  text-decoration:none;
  color: #999999;
  text-align: center;
  padding-top: 3px;
  margin-right: 15px;
  cursor: default;
}

.buttonLink215 {
  display:block;
  background-image: url(../images/bg_button_215.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 215px;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
  font-weight: bold;
  text-decoration:none;
  color: #555;
  text-align: center;
  padding-top: 3px;
  margin-right: 15px;
}

#div_tabs a {
  display:block;
  background-image: url(../images/bg_tab.gif);
  background-repeat: no-repeat;
  height: 21px;
  width:141px;
  font-size: 11px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
  color:#000000;
/*  color:#999999;*/
  text-align:center;
  padding-top:4px;
}

#div_tabs a:hover {
  color:#e97d0c;
}

#div_tabs a.active1 {
  background-image: url(../images/bg_tab_1.gif);
  background-repeat: no-repeat;
  height: 23px;
  color:#000000;
}

#div_tabs a.active2 {
  background-image: url(../images/bg_tab_2.gif);
  background-repeat: no-repeat;
  height: 23px;
  color:#000000;
}

#div_tabs a.active3 {
  background-image: url(../images/bg_tab_3.gif);
  background-repeat: no-repeat;
  height: 23px;
  color:#000000;
}

#div_tabs a.active4 {
  background-image: url(../images/bg_tab_4.gif);
  background-repeat: no-repeat;
  height: 23px;
  color:#000000;
}

#div_tabs a.active5 {
  background-image: url(../images/bg_tab_5.gif);
  background-repeat: no-repeat;
  height: 23px;
  color:#000000;
}

td.acHeader
{
  color:#555;
  font-weight: bold;
  text-align:center;
  vertical-align: middle; 
  padding: 0px 5px;
}

td.acPrefixCell
{
	text-align:right;
  vertical-align: middle; 
	padding:0 0.3em;
}

td.acSpacerCell
{
	text-align:center;
  vertical-align: middle; 
	padding: 0em 1em;
}

td.acCodeCell
{
	text-align:left;
  vertical-align: middle; 
	padding:0 0.3em;
}

input.acTextfield
{
	font-size:12px;
	background-color:#fff;
	width:3em;
}

input.acTextfieldLong
{
	font-size:12px;
	background-color:#fff;
	width:6em;
}

td.dpHeader
{
  color:#555;
  font-weight: bold;
  vertical-align: middle; 
  padding: 0 5px 0.3em 0;
}

td.dpLastHeader
{
  color:#555;
  font-weight: bold;
  vertical-align: middle; 
  padding: 0 0 0.3em 0;
}

td.dpCell
{
  vertical-align: middle; 
  padding: 0 0 0.3em 0;
}

td.dpCellNoWrap
{
  vertical-align: middle; 
  padding: 0 0 0.3em 0;
	white-space:nowrap;
	overflow:hidden;
}

td.dpButtonCell
{
  vertical-align: middle; 
  padding: 0 0 0.3em 5px;
}

td.tableHeader {
  color:#555;
  font-weight: bold;
  vertical-align: middle; 
  padding: 1em 0 0.3em 0;
}

td.tableHeaderColumn {
  color:#555;
  font-weight: bold;
  vertical-align: top; 
  padding: 0 0 0.3em 0;
}

td.tableHeader tableHeaderEdit, td.tableHeaderColumn tableHeaderEdit {
  text-align:right;
}

td.tableHeader tableHeaderDel, td.tableHeaderColumn tableHeaderStatus {
  text-align:right;
}

td.tableCell {
  vertical-align: middle; 
  padding: 0.3em 0;
}

td.pr15 {
	padding-right:15px;
}

td.pr8 {
	padding-right:8px;
}

td.pr5 {
	padding-right:5px;
}

td.conTableCell {
  vertical-align: middle; 
  padding: 0.3em 15px 0.3em 0;
  height:40px;
}

.buttonTableEdit, .buttonTableDel {
  display:block;
  background-image: url(../images/bg_button_100.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 100px;
  font-size: 12px; 
  line-height: 15px;
  font-family: Arial,Verdana,Sans-Serif;
  font-weight: bold;
  text-decoration:none;
  color: #555;
  text-align: center;
  padding-top: 3px;
  margin-left:10px;
  margin-right:0px;
}

option, select, .textfield
{
	font-size:12px;
	background-color:#fff;
}

textarea
{
	font-family: Arial,Verdana,Sans-Serif;
	font-size:12px;
	background-color:#fff;
	color:#000;
	border:none;
}

.textfieldInformation
{
	font-size:12px;
	background-color:transparent;
	color:#000;
	border:none;
}

select, .textfield {width:21em;}
textarea {width:21em;}

/* help */
#div_help{
  position:absolute;
  top:0.7em;
  right:0.7em;
}

#div_help_pane{
  position:absolute;
  top:0px;
  right:0px;
  margin: 0px;
  width: 250px;
  background-color: #FFFFFF;
  border-right: solid 2px #999999;
  border-bottom: solid 2px #999999;
  z-index:999;
}

#div_help_hide{
  position:relative;
  top:8px;
  right:5px;
  text-align:right;
  /*width:275px;*/
}

/*helptext */
#helptext
{
	font-size: 11px; 
	line-height: 15px;
	color: #555;
	background-color: #FFFFFF;
	padding:0px;
	margin:10px;
}

#helptext h1{
	font-size:1.4em;
	margin:0 0 0.75em 0;
}

#helptext h2{
	font-size:1.2em;
	margin:1em 0 0.75em 0;
}

#helptext li
{
	list-style-type: none;
	margin: 0 0 0 -3.2em;
	padding:0;
}

/* bottom grey area */
#greyBottom {
  background:#ddd url(../images/bg_content_bottom.gif) no-repeat
}

#greyBottomPopup {
  background:#ddd url(../images/bg_content_popup_bottom.gif) no-repeat
}

/* Siemens logo */
#Siemenslogo {
  padding:2em 0.3em;
  text-align:right;
}

/* hidden table row */
tr.hidden {
	visibility : hidden;
	display : none;
}