/*
 this document has the same structure as the div layout, anyhow subclasses are defined next to the belonging div-id
*/

body {
 /*background: #e7effa;*/
 text-align: center; /* fix for Netscape 4 and IE 4-6 */
 font-family: Arial;
 font-size: 12px;
 color: #000000;
 margin: 0 0 0 0 !IMPORTANT;/* these properties are not always inherited */
 padding: 0 0 0 0;
 background: white url(../images/bg_verlauf.gif);
 background-repeat: repeat-x;
}

img {
 border: 0px;
 /*-ms-interpolation-mode: bicubic;*/
}

.horizontal { /* 1-pixel gif with color: #c9d7e5; */
 height: 1px;
 border: 0px;
}

#outerWrapper {
 margin-left: auto;
 margin-right: auto;
 background: #e7effa;
 background-image: url(../images/shadow.png);
 background-repeat: repeat-y;
 /*width: 838px; /* 19px per border image */
 width: 950px;
}

#intWrapper {
 background: #FFFFFF;
 margin-left: auto;
 margin-right: auto;
 width: 950px;
}

/***** HEADER *****/
#header {
 padding-top: 27px;
 padding-right: 15px;
 padding-left: 15px;
 padding-bottom: 40px;
}

#logo {
 clear: both;
 float: left;
}

#smallTopNav {
 color: #999999;
 text-align: right;
 font-size: 11px;
 padding-right: 12px;
 padding-top: 10px;
}

#smallTopNav a:link,#smallTopNav a:visited,#smallTopNav a:active {
 color: #999999;
 text-decoration: none;
}

#smallTopNav a:hover {
 text-decoration: underline;
}

#mainNav {
 float: right;
 font-weight: bold;
 font-size: 16px;
 padding-top: 2px;
 /*text-transform: lowercase;*/
}

#mainNav  a{
 padding:3px 15px 3px;
}

#mainNav a:link, #mainNav a:visited, #mainNav a:active {
 color: #000000;
 text-decoration: none;
}

#mainNav a:hover {
 color: #666666;
 text-decoration: none;
}

#curPage a {
 color: #1D6AC4 !IMPORTANT;
}

#showcase {
 clear: both;
 color: #ffffff;
 font-size: 14px;
 height: 274px;
 background-color: #1f67bc;
 background-image: url(../images/mainShowcase.jpg);/* front page only */
 background-repeat: no-repeat;
}

#showcaseLeft{
 float:left;
 position: relative;
 top: -1px;
 width: 327px;
 height: 274px;
}

#screenshot {
 position: absolute;
 top: 1px;
 left: 0px;
}

#testButton{
 position: absolute;
 float: left;
 top: 198px; 
 /* left: 0px; */
 /* width: 0px;  autofit img */
 /* height: 0px; */
 margin-bottom: -115px; /* IE6 compat */
}

#testButton a:link:before,
#testButton a:hover:before,
#testButton a:visited:before,
#testButton a:active:before,
#vidpres a:link:before,
#vidpres a:hover:before,
#vidpres a:visited:before,
#vidpres a:active:before {
 content: " ";
}

#vidpres .bodytext,
#testButton .bodytext {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

#showcaseRight{
 float: left;
 position: relative;
 padding-left: 30px;
 /*padding-right: 30px;*/
 width: 593px;
 height: 274px;
 text-align: justify;
}

#headline {
 padding-top: 50px;
 width: 564px;
 position: absolute;
 
}

#showcaseRight h1 {
 text-align: left;
 font-size: 31px;
 font-style: normal;
 font-weight: normal;
 margin-top: 0px;
 margin-bottom: 14px;
}

#showcaseRight h2 {
 font-size: 18px;
 font-style: normal;
 font-weight: normal;
 margin-top: 0px;
 margin-bottom: 0px;
 text-align: left;
}

#vidpres {
 position: absolute;
 right: 25px;
 bottom: 40px;
 /*left: 299px;*/
 /*top: 201px;*/
}

#vidpres img {
 margin-top: 0px;
 padding-top: 0px;
}

/***** CONTENT *****/
#contentWrapper {
 clear: both;
 width: 950px;
}

#contentLeftWrapper {
 float: left;
 width: 600px !IMPORTANT;
 width: 640px; /* just IE6 takes this overwritten value */
 padding-left: 20px;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 20px;
 /*margin: 0 0 0 0;*/
}

#contentLeft {
 width: 100%;
 /*font-weight: bold;*/
 text-align: left;
 line-height: 1.5;
}

#contentLeft .csc-textpic dl.csc-textpic-image,
#contentRight .csc-textpic dl.csc-textpic-image {
 padding-top: 2px;
}

#contentLeft .csc-textpic-above img {
 margin-bottom: 5px;
 /*// overwrites 'a.highslide img' JE*/
 padding: 0px;
 border: 0px;
}

#contentLeft .bodytext {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 margin-bottom: 15px;
}

#contentLeft .csc-textpic.csc-textpic-intext-right-nowrap {
 margin-top: 0px !IMPORTANT;
}

#contentLeft .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
 padding-right: 10px;
}

.csc-textpic-imagewrap p {
 margin: 0 !IMPORTANT;
 padding: 0;
}

.csc-textpic-imagewrap a:visited:before, 
.csc-textpic-imagewrap a:link:before, 
.csc-textpic-imagewrap a:active:before, 
.csc-textpic-imagewrap a:hover:before,
.csc-textpic-imagewrap a:before {
content: "" !IMPORTANT;
}

#contentLeft .csc-textpic {
 clear: both;
 margin-top: 0;
}

.csc-textpic {
 margin-top: 10px;
}

.csc-sitemap ul {
 margin-top: 5px;
}

.csc-header  {
 padding-top: 0px;
}

.news-latest-morelink {
 margin-bottom:10px;
}

.news-single-img {
 margin-top: 6px;
 margin-bottom: 16px;
}

#contentLeft h1, .csc-header h1 {
 margin-top: 0px; /* fixes IE FF differance in displaying, although this should be inherited from body */
 margin-bottom: 10px;
 font-size: 18px;
 font-weight: bold;
 color: #1d6ac4;
}

#contentLeft h2 {
 margin-bottom: 15px;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.2;
}

.csc-header h2 {
 line-height: 1.5 !IMPORTANT;
 font-size: 15px;
 margin: 0 0 3 0;
 padding: 0 0 0 0;
 margin-bottom: 3px !IMPORTANT;
}

#contentLeft .csc-header h2 a, .csc-header h2 a {
    color: #000000 !important;
    font-size: 16px;
}

#contentLeft h3 {
 font-size: 14px;
 margin: 0 0 0 0;
 /*padding: 0 0 0 0;*/
 padding-bottom: 3px;
}

#contentLeft h4 {
 font-size: 16px;
 font: bold;
 padding-bottom: 3px;
 margin: 0 0 0 0;
}

#contentLeft .csc-textpic-imagewrap.rgslideshowce {
 padding-bottom: 15px;
}

#contentLeft .horizontal {
 width: 450px;
}

#contentLeft ul {
 list-style: none;
 margin-left: 3px;
 padding-left: 0px;
 margin-top: 0;
}

#contentLeft li {
 margin-bottom: 10px;
 padding-left: 14px;
 background-image: url(../images/paragraph_icon.gif);
 background-repeat: no-repeat;
 background-position: 0 8px;
}

/** Begin rgsslideshow */
.rgslideshow .rgsnest {
 border-top: 1px solid #CCCCCC !IMPORTANT;
}

#contentLeft .rgstitle,
#contentLeft .rgsdescription {
 display: none;
}

#contentLeft .rgslideshownav {
display: none;
}

/*
#contentLeft .rgslideshownav {
 border-right: 0;
}	

#contentLeft .rgslideshownav span{
 color: #000000;
}

#contentLeft .rgslideshownav .rgsnav2 {
background: none;
}

#contentLeft .rgslideshownav span:hover {
 color: #666666;
 text-decoration: none;
}

#contentLeft span.rgsact {
 color: #1D6AC4 !IMPORTANT;
}

#contentLeft span.rgsnext,
#contentLeft span.rgsprev,
#contentLeft span.rgsplay {
 font-size: 1.1em;
 line-height: 1;
}

#contentLeft span.rgsplay {
 vertical-align: middle;
}
*/
.rgslideshow a.rgsbigprev:hover {
  background: url(../images/rgslideshow/prevlabel2.gif) left center no-repeat !IMPORTANT;
}
.rgslideshow a.rgsbignext:hover {
  background: url(../images/rgslideshow/nextlabel2.gif) right center no-repeat !IMPORTANT;
}

/** End rgsslideshow*/

/** Begin style search page*/
.browsebox li{
 background-image: url(../images/linkGreen.gif) !IMPORTANT;
 background-position: 0 center !IMPORTANT;
}

.browsebox {
 margin-top: 10px !IMPORTANT;
}

.tx-indexedsearch-searchbox {
display: none !IMPORTANT;
}

.tx-indexedsearch-info,
.tx-indexedsearch-descr  {
    background: none !IMPORTANT;
	padding-top: 5px;
}

.tx-indexedsearch-title.title {
 text-decoration: none;
 white-space: normal;
 color: #1D6AC4 !IMPORTANT;
 font-size: 16px;
 font-weight: bold;
}

.tx-indexedsearch-title.title a:link, .tx-indexedsearch-title.title a:active, .tx-indexedsearch-title.title a:visited, .tx-indexedsearch-title.title a:hover
{
 text-decoration: none;
 white-space: normal;
 color: #1D6AC4 !IMPORTANT;
}

.tx-indexedsearch-redMarkup {
    color: #1D6AC4 !IMPORTANT;
}

.tx-indexedsearch-path.path:before {
 content: url(../images/linkGreen.gif)" ";
 white-space: nowrap;
}

.tx-indexedsearch-res .tx-indexedsearch-res {
 padding-top: 12px;
 border-bottom: 1px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-color: #c9d7e4;
 border-style: solid;
}

.tx-indexedsearch-res table {
 width : 100%;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
width:100%;
white-space:normal;
}

.tx-indexedsearch {
 display: block;
}

/** End style search page ../images/hr_01.gif */

#contentLeft .deep0 ul,
#contentLeft .deep1 ul, 
#contentLeft .deep2 ul,
#contentLeft .deep3 ul {
margin-top: 10px;
}

/* layout 1 bullet list */
#contentLeft .csc-bulletlist-1 li {
 margin-top: 0px;
 margin-bottom: 0px;
}

#contentLeft .csc-bulletlist-1 {
 margin-top: 2px;
 margin-bottom: 2px;
}

/* layout 4 header */
#contentLeft .csc-header h4{
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 margin-top: 5px;
}

#contentRight  h1{
 color: #1D6AC4;
 font-size: 16px;
 font-weight: bold;
 padding-bottom: 3px;
}

#contentRight .origProductnames {
/*color: #9FACB4;*/
margin-top: 2px;
filter: alpha(opacity=30); /* IE*/
zoom: 1; /*IE Opacity Workarround*/
opacity: 0.3;
}

/*
#contentRight .origProductnames:link,
#contentRight .origProductnames:active,
#contentRight .origProductnames:visited,
#contentRight .origProductnames:hover {
text-decoration: none !IMPORTANT;
}
*/

#curSubPage .origProductnames {
font-weight: normal;
color: #2173d9;
filter: alpha(opacity=50); /*für IE*/
zoom: 1; 
/*-moz-opacity: 0.5; /*Mozilla*/
/*-khtml-opacity: 0.5; /*Safari*/
opacity: 0.5; /* Opera 9+ */
}

#contentRight {
 float: left;
 left: 0px;
 top: 0px;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 /*width: 236px;*/
 /*width: 350px;*//* in IE6 defacto, we want it to be same as in IE7 and others*/
 width: auto;/* works in IE6 but messes up IE7, only for csc-textpic subclass */
 padding-top: 1px;
}

/*#contentRight .csc-textpic-text .bodytext */
#contentRight .csc-textpic,
#contentRight .csc-textpic-text .bodytext,
#contentRight .csc-textpic.csc-textpic-intext-left
{
 margin-top: 0px;
}

/***** BOXES *****/
.box {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 text-align: left; 
 /*background: #f3f6fc;*/
 background: #e0e8f8;
 font-size: 12px;
 color: #000000;
}

.box.header {
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 0px;
 padding-bottom: 10px;
 /*width: 295px;*/ /* 295 + 15 = 310 */
 width: 295px !IMPORTANT;
 /* width: 310px; */
 height: 16px;
 background: #2173d9;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
}

.box.body {
 margin-top: 10px;
 padding: 0 15px 10px;
 width: 280px; /* 280 + 15 + 15 = 310 */
 /*width: auto;*/
}

.box.body h2 {
 font-size: 15px;
}

.box.body.searchfield {
 margin-top: 1px;
 vertical-align: middle;
 padding-bottom: 5px;
 padding-top: 10px;
}

/*Begin Breadcrumb Styling*/
#breadcrumbNavList li{
 list-style: none;
 display: inline;
 padding: 0;
}

.breadcrumbNavACT {
color: #1D6AC4;
}

.breadcrumbNav a,
.breadcrumbNav a:link,
.breadcrumbNav a:visited,
.breadcrumbNav a:active {
 text-decoration: none;
 color: #000000;
}


.breadcrumbNav a:hover {
 color: #000000;
 text-decoration: underline;
}

#contentLeftBreadcrumb,
#breadcrumbNavList {
text-align: left;
padding-left: 0;
margin: 0;
margin-bottom: 15px;
margin-top: 3px
}

.breadcrumbNavLabel {
color: #999999;
}
/*End Breadcrumb Styling*/

/* there is some div style margin-left 130 px around here */
.csc-textpic-text {
 /*width: 150px;*/ /* 280 - 130 = 150 */
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 width: auto;
}

.csc-textpicHeader h1 {
font-size: 14px;
}

/*
 * @see above conflict between IE6 and IE7 in #contentRight due to IE6 miscalculus of paddings and margins
 * IE6 overwrites width: 280px !IMPORTANT;
 * IE7 does not
 */
#contentRight .csc-textpic {
 /*width: 280px !IMPORTANT; /* 310 - 15 - 15 */
 width: auto; 
 margin: 10px 0 0;
 padding: 0 0 0 0;
}

/*
#sectionOne .box.body,
#sectionTwo .box.body,
#hotline .box.body,
#functionalities .box.body,
#moreDemos .box.body {
 display: table;
 margin-top: 0px !IMPORTANT;
}
*/

/*Partner / Praxis box*/
/*
#partner .bodytext {
 margin-bottom: 25px;
}
*/

#hotline .contact.address{
 display: none;
}

#partner .csc-textpic-caption {
 display: none;
}

#praxis .csc-textpic div.csc-textpic-text h3 {
 margin-bottom: 10px;
 padding-top: 0px !important;
 margin-top: 0px;
}

#praxis .csc-textpic-text p {
 margin-bottom: 0px;
 padding-top: 0px !important;
 margin-top: 0px;
}

/*
#praxis .csc-textpic div.csc-textpic-text p {
 margin-top: 0px;
}
*/

#praxis .csc-textpic div{
 margin-left: 0px !IMPORTANT;
}

/*
#partner .csc-textpic-text p {
 margin-top: 5px;
}
*/

#praxis .bodytext 
#partner .bodytext {
 text-align: center;
}

#praxis .csc-textpic-imagewrap,
#partner .csc-textpic-imagewrap {
 text-align: center;
 float: none;
 margin-bottom: 10px;
 margin-right: 0px !important;
}

#praxis .csc-textpic-imagewrap .csc-textpic-image,
#partner .csc-textpic-imagewrap .csc-textpic-image {
 float: none;
 padding-bottom: 3px;
 text-align: center;
}
/*
#partner .csc-textpic-firstcol {
 margin-left: auto;
 margin-right: auto;
 float: none;
}
*/

/*
#partner .csc-textpic-imagewrap img {
 position: relative;
 left: -5px;
}
*/

#flashNav a:link,
#flashNav a:active,
#flashNav a:visited,
#flashNav a:hover,
#contentLeft a:link,
#contentLeft a:active,
#contentLeft a:visited,
#contentLeft a:hover,
.box a:link,
.box a:active,
.box a:visited,
.box a:hover,
#contentRight .box .boxLink:link,
#contentRight .box .boxLink:active,
#contentRight .box .boxLink:visited,
#contentRight .box .boxLink:hover,
.bodytext a:hover
 {
 color: #5cba29;
 text-decoration: none;
 white-space: normal;
 /*// white-space: wrap;*/
}

.csc-textpic-text p.bodytext a,
.box.body label a,
.box.body label a:link,
.box.body label a:active,
.box.body label a:visited,
.box.body label a:hover {
 color: #5CBA29 !IMPORTANT;
}

.bodytext a:hover,
#flashNav a:hover,
#contentLeft a:hover,
.box a:hover {
 text-decoration: underline;
}
/*
.bodytext a:visited:after,
.bodytext a:link:after,
.bodytext a:active:after,
.bodytext a:hover:after,
#contentLeft a:visited:after,
#contentLeft a:link:after,
#contentLeft a:active:after,
#contentLeft a:hover:after, */
/* since here ids and classes excluded */
#contentLeft .csc-textpic a:visited:before, 
#contentLeft .csc-textpic a:link:before,
#contentLeft .csc-textpic a:active:before,
#contentLeft .csc-textpic a:hover:before,
#contentLeft .csc-bulletlist a:visited:before, 
#contentLeft .csc-bulletlist a:link:before,
#contentLeft .csc-bulletlist a:active:before,
#contentLeft .csc-bulletlist a:hover:before,
#contentLeft .csc-sitemap a:visited:before, 
#contentLeft .csc-sitemap a:link:before,
#contentLeft .csc-sitemap a:active:before,
#contentLeft .csc-sitemap a:hover:before,
#contentLeft .tx-flseositemap-pi1 a:visited:before, 
#contentLeft .tx-flseositemap-pi1 a:link:before,
#contentLeft .tx-flseositemap-pi1 a:active:before,
#contentLeft .tx-flseositemap-pi1 a:hover:before,
#contentLeft h4 a:visited:before, 
#contentLeft h4 a:link:before,
#contentLeft h4 a:active:before,
#contentLeft h4 a:hover:before {
 content: " "; /*// more safari compat than none*/
}

#flashNav a:visited:before,
#flashNav a:link:before,
#flashNav a:active:before,
#flashNav a:hover:before,
.bodytext a:visited:before,
.bodytext a:link:before,
.bodytext a:active:before,
.bodytext a:hover:before /*,
#contentLeft a:visited:before,
#contentLeft a:link:before,
#contentLeft a:active:before,
#contentLeft a:hover:before */
{
 content: url(../images/linkGreen.gif)" ";
}

.bodytext a:visited:before,
.bodytext a:link:before,
.bodytext a:active:before,
.bodytext a:hover:before 
{
 content: url(../images/linkGreen.gif)" ";
}

.box hr{
 width: 275px;
 margin-left: 15px;
}

.box.text, .box.news_date, .box.cal_date, .box.horizontal{
 width:280px;
 margin-bottom: 10px;
}

.box.news_date, .box.cal_date{
 margin-top: 10px;
 padding-top: 0px;
 color: #1d6ac4;
 font-weight: bold;
 margin-bottom: 5px;
 padding-bottom: 0px;
 
}

.box.news_date {
 margin-bottom: 15px;
}

.box.text {
}

#cQuote .box.text {
 padding-top: 10px;
}

#cQuote .csc-textpic-imagewrap {
margin-bottom: 5px;
}

/***** FOOTER *****/
#footer {
 clear: both;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 margin-top: 10px;/* previously 160px */
 background: #2173d6;
 height: 35px;
 width: 950px;
 color: #ffffff;
}

#footer img {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 margin-right: 2px;
}

.footerbox a:link, .footerbox a:active, .footerbox a:visited {
 color: #ffffff;
 text-decoration: none;
}

.footerbox a:hover {
 text-decoration: underline;
}

#copyright {
 text-align: left;
 margin: 0 0 0 0;
 margin-left: 20px;
 width: 300px;
}

#copyright, #sitetools, #toTop {
 padding-top: 10px;
 float: left;
}

#toTop {
 float: right;
 text-align: right;
 margin: 0 0 0 0;
 margin-right: 20px;
 width: 120px;
}

#sitetools {
 padding-top: 10px;
 float: left;
 width: 300px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}