/*
 this document overwrites styles.css
*/

#showcase {
 height: 164px;
 background-image: url(../images/subShowcase.jpg);
 background-repeat: no-repeat;
}

#showcaseLeft, #showcaseRight {
 height: 164px;
}

#showcaseRight h1 {
 font-size: 30px;
 margin-bottom: 8px;
}

#screenshot {
 position: absolute;
 top: 1px;
 left: 0px;
}

#headline {
 padding-top: 30px;
 padding-right: 30px;
}

#testButton{
 position: absolute;
 float: left;
 top: 120px; 
 /* left: 0px; */
 /* width: 0px;  autofit img */
 /* height: 0px; */
 margin-bottom: -115px; /* IE6 compat */
}

.box.body ul {
 list-style: none;
 list-style-image: url(../images/linkBlack.gif);
 margin-top: 15px;
 padding-top: 0px;
 margin-left: 25px;
 padding-left: 0px;
 margin-bottom: 10px;
 padding-bottom: 0px;
}

.box.body li {
 line-height: 1.1;
}

.box.horizontal {
 width: 255px;
 position: relative;
 left: -15px;
 margin-top: 5px;
 margin-bottom: 4px;
}

.csc-textpic div.csc-textpic-text h3 {
 padding-top: 10px !IMPORTANT;
}

#subNav a,
#modules a ,
#praxis a,
#moreProducts a,
#functionalities a,
#moreDemos a{
 color: #000000;
 font-weight: none;
 padding-left: auto;
 padding-right: auto;
}

#curSubSubPage a:link,
#curSubSubPage a:visited,
#curSubSubPage a:active,
#curSubSubPage a:hover {
 color: #000000;
 font-weight: bold;
}

/*
#curSubPage {
 color: #2173d9;
 font-weight: bold;
}
*/

/*#curSubPage:link,
#curSubPage:visited,
#curSubPage:active,
#curSubPage:hover,
*/
#curSubPage a:link,
#curSubPage a:visited,
#curSubPage a:active,
#curSubPage a:hover {
 color: #2173d9;
 font-weight: bold;
}

/* inherits from .box.body.ul */
#subSubSubMenu { 
 list-style-image: none;
// line-height: 2;
 margin-top: 5px;
 margin-bottom: 0px;
}

#subSubSubMenu li {
 line-height: 1.5em;
}

#subSubSubMenu a:link,
#subSubSubMenu a:visited,
#subSubSubMenu a:hover,
#subSubSubMenu a:active {
 font-weight: normal;
}

#subSubSubMenu a:active,
#subSubSubMenu a:visited,
#subSubSubMenu a:hover,
#subSubSubMenu a:link {
 font-weight: normal; /* IE does like this inheritance over li to a:* */
}

#curSubSubSubPage a:link,
#curSubSubSubPage a:visited,
#curSubSubSubPage a:active,
#curSubSubSubPage a:hover {
 color: #2173d9;
 font-weight: bold;
}

.csc-header h2 {
 font-size: 15px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

/* IE6 respects !IMPORTANT for overwriting attributes */
#contentLeft .csc-header h2 a,
.csc-header h2 a {
 font-size: 15px;
 color: #000000 !IMPORTANT;
}

#contentLeft .csc-header h2 a:before {
 content: " ";
}

#functionalities .box.body p {
 margin-top: 0;
}

/* FORMS powermail now */
.tx-powermail-pi1 {
 width: 360px;
 padding: 20px 22px 20px 22px;
 background: #F3F6FC;
}

.tx-powermail-pi1_fieldset {
 position: relative;
 padding: 0;
 margin: 0;
 border: 0;
}

.tx-powermail-pi1_fieldset legend {
 display: none;
}

.tx_powermail_pi1_fieldwrap_html label {
 float: left;
 clear: both;
}

.tx_powermail_pi1_fieldwrap_html_label {
  float: left;
  clear: both;
}

.powermail_text {
 margin: 0;
 padding: 0;
 float: right;
 width: 273px;
 margin-bottom: 8px;
}

.powermail_mandatory_js {
 float: right;
 clear: both;
 color: #FF0000;
 padding-bottom: 8px;
 white-space: nowrap;
}

.powermail_submit {
  float: right;
  clear: both;
  margin-top: 8px;
}

.tx-powermail-pi1 textarea {
 float: right;
 margin: 0 0 8px;
 padding: 0;
 width: 273px;
 height: 136px;
}

/***captcha textarea*/
#uid68,
#uid69,
#uid70,
#uid71,
#uid72,
#uid73,
#uid129,
#uid137,
#uid121,
#uid177,
#uid163 ,
#uid181{
 margin: 0;
 padding: 0;
 float: right;
 width: 70px;
 margin-right: 203px;
 margin-bottom: 8px;
}

/*** Captcha picture position*/ 
.powermail_captcha_captcha {
 float: right;
 margin-right: 123px;
}

/** Powermail Selectbox*/
.powermail_select {
 float: right;
 margin: 0 0 8px;
 padding: 0;
 width: 273px;
}
/* FORMS end */

/* IE6 Video Page */
#flashBack,
#flashForward {
 float:left;
 width: 400px;
 margin: 0 0 0 0;
 padding; 0 0 0 0;
 margin-top: 10px;
 margin-bottom: 10px;
}

#flashBack {
 text-align: left;
}

#flashForward {
 text-align: right;
}

#flashBack a {
 margin-left: 20px;
}

#flashForward a {
 margin-right: 20px;
}

#flashContent {
 /*border-top: 3px;
 border-top-color: #2173d6;
 border-top-style: solid;
 border-bottom: 3px;
 border-bottom-color: #2173d6;
 border-bottom-style: solid;*/

}

