*{ margin: 0; padding: 0; border:0;}
/* Default font settings.
   The font-size percentage is of 16px. (0.8125 * 16px = 13px) */
html { font-size:100.01%; }
body {
  font-size: 100%;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  color: #03090e;
  text-align: center;
}
html,
body {
   margin: 0;
   padding: 0;
   height: 100%;
   background-color: #c5c5c5;
}
/* floatings */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.fullwidth { width: 100%; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* Headings
-------------------------------------------------------------- */
h1 { font-family: 'Helvetica Neue W02 75 Bold', sans-serif;}
h2, h3 {font-family: 'Helvetica Neue W02 45 Light', sans-serif;}

h1 { font-size: 2.25em; line-height: 1.375em; font-weight: normal; }
h2 { font-size: 1.875em; font-weight: 400; line-height: 1.375em;}
h3 { font-size: 1.875em; line-height: 1.1335em;font-weight: 400; }

h4, h5, h6, .headline-5, .headline-4 { font-family:  Arial, Helvetica, sans-serif; }
h4, .headline-4 { font-size: 1.25em; line-height: 1.1em; font-weight: 600; }
h5, .headline-5 { font-size: 1em; font-weight: bold; line-height: 1.35em;}
h6 { font-size: 0.8175em; font-weight: bold; line-height: 1.35em; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}
/**headings ie*/
/** html h1, * html h2, * html h3,
*+html h1, *+html h2, *+html h3 {font-family:  "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}*/

* html h1, *+html h1 { font-size: 36px; font-weight: bold; }
* html h2, *+html h2 { font-size: 30px; font-weight: thin; }
* html h3, *+html h3 { font-size: 30px; font-weight: bold; }

h4, .headline-4 { font-size: 20px; line-height: 18px; font-weight: bold; }
h5, .headline-5 { font-size: 16px; font-weight: bold; line-height: 22px;}
h6 { font-size: 13px; font-weight: bold; line-height: 22px; }
/* Text elements
-------------------------------------------------------------- */

p, .viewall { font-size: 0.8125em; line-height: 1.385em; }
/*
  I removed .small from .simple-text > P so CKEditor won't kill the style,
  but 'cause P has a '< 1em' font-size all P' are doomed.

  The rule below should prevent us from being doomed.
 */
.small p { font-size: 1em; }

em { font-size: 1em; line-height: 1.375em; font-family: Times, serif; }
.highlighted { color: #03090e; }
.small { font-size: 0.69em; }
strong { font-size: 1em; }


a { text-decoration: none; color: #007ea3; }
a:focus, a:active { outline: none; }
.clickable.hover a,
#teasers .teaser.shadows:hover .content a,
a:hover { color: #7fbed1;}


p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/**ie text sizes px*/
* html p, *+html p, * html .viewall, *+html .viewall { font-size: 13px; line-height: 22px; }
* html em { font-size: 16px; line-height: 22px; font-family: Times, serif; }
* html .small { font-size: 11px; }
* html strong { font-size: 16px; }


* html p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
* html p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }


* html blockquote  { margin: 1.5em; color: #666; font-style: italic; }


* html abbr,
* html acronym     { border-bottom: 1px dotted #666; }
* html address     { margin: 0 0 1.5em; font-style: italic; }

* html pre         { margin: 1.5em 0; white-space: pre; }
* html pre,code,tt { font: 16px 'andale mono', 'lucida console', monospace; line-height: 24px; }
/* Lists
------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

#body .simple-text ul { margin: 0px 13px; padding:0;}
#body .simple-text li { margin: 0px; padding: 0px 4px; font-size: 13px; }
#body .simple-text li p {margin: 2px 0px !important; font-size: 13px; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

li.pdf{ background: url('../images/downloads/filetype_icn_pdf.gif') no-repeat 0px 0px; }
li.doc{ background: url('../images/downloads/filetype_icn_general.gif') no-repeat 0px 0px; }
li.video{ background: url('../images/downloads/filetype_icn_movie.gif') no-repeat 0px 0px; }
li.exclamation { background: url('../images/downloads/exclamation_icon.gif') no-repeat 0px 0px; }
li.download { background: url('../images/icons/download.gif') no-repeat 0px 0px; }

/* Tables
-----------------------------------------------------------------*/
.simpleproduct #body .lftcontent .desc table {
  width:522px;
  font-size: 0.8125em;
}
#body.prodsys table {
	display: inline-block;
  width:755px;
  font-size: 0.6875em;
}
table {
  color: #5e5e5e;
  margin: 10px 0px;
  border:0;
}
thead {
  background-color: #f1f1f1;
}

thead th {
  padding: 10px 5px 20px;
  text-align:top;
}
tbody tr {
  min-height: 20px;
}

tbody td {
  padding:5px;
  text-align:top;
}
tbody tr.coloured {
  background-color: #f1f1f1;
}
/*******# grundgerüst #****/


#container {

  min-height: 100%;
  width: 990px;
  margin: 0px auto;
  text-align: left;
  position: relative;
}
*html #container {
  height: 100%;
  margin: 0px auto;
  padding:0;

}
#top {
  background-color: #fff;
  padding: 10px 10px 0;
  position:relative;
}
#content {
  background-color: #fff;
  padding: 0px;
  padding-top: 113px;
}
#footer {
  background: #c5c5c5  url('../images/backgrounds/separator.jpg') no-repeat scroll top left;
  margin: 0px auto;
  padding: 10px 0px 0;
  text-align: left;
  position: relative;
  width: 100%;
  height: 106px;
  font-size: 0.81em;  /* Height of the footer */
}

.short-page #footer {
	height: 106px;
}

*+html #footer, * html #footer {
  font-size: 13px;  /* Height of the footer */
}
/*defaults*/

.print, .reveal {
  display:none;
}
.outline {
  border-width:1px 1px 1px 1px;
  border-style: solid;
  border-color:#e8e8e8;
  padding:1px 1px;
}

.dark { color: #03090e; }
.blue { color: #007ea3; }

.activecontent {
  display:block;
}
/*######################################### Navigations ########################################*/
/*top navigation*/

#mainnavigation {
   color: #fff;
   background: #03090e url('../images/backgrounds/navi_logo.gif') no-repeat scroll top right;
   padding: 11px 0px 0;
   margin: 0 0 0 -10px;
   border-left: 10px solid #fff;
   border-right: 9px solid #fff;
   font-size: 0.81em;
   position:fixed;
   top: 0;
   z-index: 10000;
   width: 971px;
   border-top: 9px solid #fff;
}

#mainnavigation:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	left: -10px;
	width: 971px;
	height: 5px;
	background: #cd0000;
	border-left: 10px solid #fff;
	border-right: 9px solid #fff;
	z-index: 2;
}

#mainnavigation:after {
	content: "";
	display: block;
	box-shadow: 0px 0px 11px 2px rgba(0,0,0,0.5);
	width: 962px;
	position: absolute;
	bottom: -4px;
	height: 1px;
	z-index: 1;
	left: 4px;
}

*+html #mainnavigation, * html #mainnavigation {
   font-size: 13px;
}
#mainnavigation .small {font-size: 0.85em;}
#mainnavigation .border {
  display: block;
  background: transparent url('../images/backgrounds/border.gif') repeat-x bottom left;
  position: relative;
  z-index: 3;
}
#mainnavigation .border ul {
  list-style: none;
  height: 68px;
  padding-left: .625em;
  margin: 0;
}
*+html #mainnavigation .border ul {
 height: 69px;
}

#mainnavigation .border li {
  height: 68px;
  float: left;
  border-left: 1px solid #353a3e;
  margin: 0px;
  padding: 0px;
}
#mainnavigation .border li a {
  display:block;
  color: #fff;
  padding:26px 30px 25px 30px;
  margin:0;
  border-top: 1px solid #03090e;
 }

/*#mainnavigation .border li a.active,
#mainnavigation .border li a:hover {
   border-top: 1px solid #353a3e;
   background: #03090e url('/shared/images/backgrounds/navi_hover.jpg') repeat-x top left;

} */
#mainnavigation .border li a:hover {
   border-bottom: 1px solid #353a3e;
   color: #5e5e5e;
 }
/*#mainnavigation .border li a.active, #mainnavigation li a.active:hover {
  border-bottom: 1px solid #03090e;
   color: #c5c5c5;
}*/
#mainnavigation .border li a:hover,
body.generate #mainnavigation .border li a.home,
body.products #mainnavigation .border li a.products,
body.consults #mainnavigation .border li a.experts,
body.solutions #mainnavigation .border li a.solutions {
   border-top: 1px solid #353a3e;
   background: #03090e url('../images/backgrounds/navi_hover.jpg') repeat-x top left;
}
body.generate #mainnavigation .border li a.home,
body.generate #mainnavigation .border li a.home:hover,
body.products #mainnavigation .border li a.products,
body.products #mainnavigation .border li a.products:hover,
body.consults #mainnavigation .border li a.experts,
body.consults #mainnavigation .border li a.experts:hover,
body.solutions #mainnavigation .border li a.solutions,
body.solutions #mainnavigation .border li a.solutions:hover {
  border-bottom: 1px solid #03090e;
   color: #c5c5c5;
}
#mainnavigation #breadcrumbs {
  position:absolute;
  top:76px;
  left:10px;
}
#mainnavigation .breadcrumbs {
  float: left;
  margin-left: 0px;
}
*+html #mainnavigation #breadcrumbs, *+html .local #mainnavigation #breadcrumbs {
  float: left;
  margin-left: 0px;
  border:0px solid red;
  height:18px;
	width: 700px;
}

#mainnavigation #breadcrumbs a, #mainnavigation #breadcrumbs span {
  color: #fff !important;
/*  float: left;*/
  padding: 0em .5384em 0 .625em;
  z-index: 10;
   background: url('../images/general/triangle.png') 0px 4px no-repeat;
   display: inline-block;
   margin: 0;
}
*+html #mainnavigation #breadcrumbs a, *+html #mainnavigation #breadcrumbs span {
		height:16px;
	  float: none;
	  display: inline-block;
	  margin: 0;
}
#mainnavigation #breadcrumbs a:hover {
   color: #5e5e5e !important;
 }
 #mainnavigation #breadcrumbs a.start {
   background: none;
   padding: 0em .5384em 0 .125em;
 }
*+html #mainnavigation #breadcrumbs a.start {
   display: inline-block;
	 float: none;
 }
#mainnavigation .search {
  height:30px;
  margin: 0;
  padding: 0;
  z-index: 1;
  font-size: 0.84615em;
}
*+html #mainnavigation .search, * html #mainnavigation .search {
  font-size: 13px;
}
.search input {
  color: #c5c5c5;
  float: right;
  margin: 0;
  height: 23px;
  width: 129px;
  background: #262727 url('../images/icons/loupe.png') no-repeat 9px 6px;
  padding: 7px 0 0 31px;
}
.local .search input {
  height: 30px;
  width:150px;
  padding:3px 0px 3px 31px;
}
.search .help {
  float: right;
  margin: 0;
  padding: 0;
}
.help a,
.help a img {
  height: 30px;
	width:31px;
	display:block;
}

.help #help {
  position:absolute;
  top:50px;
  right:-3px;
  display:none;
  background:transparent url('../images/backgrounds/help_bg.gif') right top no-repeat;
  color:#fff;
  text-align:center;
  padding:6px 0 0 0px;
  width:266px;
  height:27px;
}
/* footer navigation */

#footer .metanavigation {
  background-color:#fff;
  width:100%;
  height: 46px;
  color:#5e5e5e;
}
.metanavigation .small {font-size: 0.85em;}
*+html .metanavigation .small, * html .metanavigation .small {font-size: 11px;}
.metanavigation .border {
  height: 3.538em;
  background-color:#fff;
  display:block;
  border-bottom: 1px solid #c5c5c5;
}
.metanavigation ul {
  margin:0;
  padding:0;
  list-style: none;
  height: 3.538em;
}

.metanavigation ul.floatright li {
  border-left: 1px solid #c5c5c5;
  height: 4.175em;
  line-height:1.975em;
}
.metanavigation  ul.floatright li.consumerlogo {
  border-left: 1px solid #fff;
	padding: 0 10px 0 0px;
}
*+html .metanavigation ul.floatright li {
  height: 46px;
  line-height: 21px;
}
.metanavigation ul.small{
}
.metanavigation ul.floatleft li {
  border-right: 1px solid #c5c5c5;
}
.metanavigation li {
  height: 3.538em;
  float: left;
  margin: 0px;
  padding: 0px;
}
*+html .metanavigation .border,
* html .metanavigation .border,
*+html .metanavigation ul,
* html .metanavigation ul,
*+html .metanavigation li,
* html .metanavigation li {
  height: 45px;
}
.metanavigation li a {
  display: block;
  color: #666;
  padding: 1.1625em 1.275em 1.0625em;
  margin:0;
 }
.metanavigation li a.active, .metanavigation li a:hover {
   color: #c5c5c5;
 }
.metanavigation .logo {
  padding: 1.75em 0.46em 0.46em 5.05em;
  color: #c5c5c5;
  white-space: nowrap;
  text-indent: -9999px;
  height: 30px;
  position: fixed;
  bottom: 0;
  width: 919px;
  z-index: 200;
  border-top: 1px solid #c5c5c5;
}

.metanavigation .logo:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff url('../images/backgrounds/freudenberg.gif') no-repeat 15px 4px;
}

.metanavigation .logo:before {
	content: "";
	display: block;
	height: 100%;
	width: 971px;
	position: absolute;
	top: 5px;
	left: 10px;
	box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.3);
}

.at-bottom .metanavigation .logo:before {
	display: none;
}

.short-page .metanavigation .logo {
	position: absolute;
	z-index: 1;
	width: 919px;
}

.short-page .metanavigation .logo:before {
	display: none;
}

.metanavigation li.consumerlogo a {
  background: url('../images/logos/viledaconsumer3d.jpg') no-repeat right 14px;
	padding-right: 50px;
}
#footer .whois {
 /* font-size: .8461em;*/
  line-height: 1.9em;
  text-align: center;
  width: 100%;
  color: #fff;
  padding: 1.1em 0 0;
  background: #c5c5c5  url('../images/backgrounds/separator.jpg') no-repeat scroll top left;
  font-size: 0.85em;
  display: none;
}
*+html #footer .whois {
  font-size: 11px;
  line-height: 21px;
  padding: 13px 0 0;
}
#footer .whois a {
  vertical-align: middle;
  border:0px solid red;
  padding: .8416em .3125em 0;
  margin: 0px 0 0;
}

/*######################################### Content ########################################*/
/*headings*/
#heading{
   width: 970px;
   margin: 0px 10px 0px;
   position:relative;
   display:block;
}
#heading.room{
   margin: 0px 10px 0px;
}
#heading.room .title{

}
.simple {
   background: #03090e url('../images/general/title_bgrad.gif') bottom left repeat-x;
   position:relative;
   display:block;
}
#heading .backlink  {
  position:absolute;
  bottom: 5px;
  right: 0px;
  color:#fff;
  background-color:#fff;
  z-index: 10;
}
#heading.room  .backlink {bottom: 14px;}
#heading.simple .backlink  {
  bottom: 0px;
}
 #heading .title {
	margin: 0px;
	padding: 0;
	clear: both;
	position: relative;
	z-index: 10;
}
#heading.simple .title {
    padding: 15px 0px;
    margin:0;
    clear:both;
    position:relative;
  }
#heading .title h1,  #heading .title h2, p.lighter{
    color:#fff;
    margin: 0 0 0 20px;
    padding:0;
}
#heading .title h1.dark, #heading .title h2.dark {
    color: #03090e;
}
#heading.prodsys .title h1.dark {
    margin: 5px 0 0 21px;
}
#heading.prodsys .title h2.dark {
    margin: 0 0 0 21px;
}
#heading .iconset {
    position:absolute;
    top:20px;
    right:20px;
    z-index:16;
}
#heading.room .iconset {
    position:absolute;
    top:15px;
    right:15px;
    z-index:16;
}
#heading .title h1 {
	line-height: 1.075em;
	padding: 0 0 2px;
}
#heading.room .title h1 {
	padding: 6px 0 8px;
}
#heading .title h2 {
	line-height: 1.125em;
	padding: 0 0 10px;
}
/* #heading .title .backlink {
   position:absolute;
   bottom: 14px;
   right: 0px;
   display: block;
   color:#fff;
 }*/
 /* url('/shared/images/general/back_btn_bgrad.gif') repeat-x 10px 20px;*/
#heading .backlink a {
   display: block;
   padding: 7px 14px 7px 12px;
   margin:10px 0 0 10px;
   background: transparent url('../images/general/back_btn_bgrad.gif') repeat-x;
   color: #fff;
   font-size: 12px;

}
#heading .backlink a img {
   margin:0px 11px 0px 0px;
   background: transparent url('../images/general/back_btn_bgrad.gif') repeat-x;
}

.transbg {
  background: url('../images/general/title_bgrad.gif') bottom left repeat-x;
  width: 100%;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  margin:0px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:15;
  padding:0px 0px;
}
.transbg img, .whitebg img, .darkbg img {
  margin: 0 20px;
}
.one-liner {
  height: 36px;
}
.two-liner {
  height: 72px;
}
.three-liner {
  height: 108px;
}
.darkbg {
  background:#03090e;
  width:100%;
  margin:0px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:15;
  padding:10px 0px;
}
.whitebg {
  width:241px;
  background-color: #76787b;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:13;
  padding:10px 0px;
}
.whitetransbg {
  background: #03090e url('../images/general/title_sub_bgrad.gif') bottom left repeat-x;
  width:100%;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
  width:241px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:13;
  padding:0px 0px;
}

.nobg {
  width:100%;
  margin:0px;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:15;
  padding:10px 0px;
}
.consults .whitebg {
  width:1px;
  background-color: #76787b;
  position:absolute;
  top: 0px;
  left: 0px;
  z-index:13;
  padding:10px 0px;
}

/*bodycontent:*/

#body{
   padding: 0px;
   margin: 0;

}
.separator {
   width: 990px;
   height: 10px;
   margin: 0px 0px 0 0px;
   padding: 0px;
   font-size: 1px;
   background: #c5c5c5  url('../images/backgrounds/separator.jpg') no-repeat scroll top left;
}
.separator-short {
   width: 593px;
   height: 10px;
   margin: 0px 0px 0 0px;
   padding: 0px;
   font-size: 1px;
   background: transparent  url('../images/backgrounds/separator_short.jpg') no-repeat scroll top left;
}

.transparency {
    background: #000;
    filter:alpha( opacity=50 );
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
  }

/*page-elements*/
/*#### body tabnavigation ####*/
.systoptabs {
  background: transparent url('../images/general/shadeline_950_10_up.gif') no-repeat bottom left;
  width:930px;
  margin:0 0 0 20px;
  height:28px;
  padding-left:20px;
  border-bottom: 1px solid #a8a8a8;
}
.simpleproduct .systoptabs {
  margin:0 0 0 10px;
}
.sysbottomtabs {
  background: transparent url('../images/general/shadeline_950_10_down.gif') no-repeat top left;
  width:930px;
  height:26px;
  width:930px;
  margin:10px 0 20px 20px;
  padding:0 0 0 20px;
  border-top: 1px solid #a8a8a8;
}

.systoptabs ul.tabs, .sysbottomtabs ul.tabs  {
  list-style: none;
  padding: 0px;
  width:auto;

}
.sysbottomtabs ul.tabs  {
  margin-top:-1px;
}
.systoptabs ul.tabs li, .sysbottomtabs ul.tabs li {
  float:left;
  font-size: 0.81em;
  text-align:center;
  vertical-align:middle;
  height:27px;
  width:auto;
  padding:0px 13px 0;
}

.systoptabs ul.tabs li{
  border-bottom: 1px solid #a8a8a8;
  border-top: 1px solid #a8a8a8;
  border-left: 1px solid #a8a8a8;
  border-right: 1px solid #a8a8a8;
  background: transparent url('../images/general/tab_bgrad_top.gif') repeat-x;
}
.systoptabs ul.tabs li.last{
  border-bottom: 0px solid #cecece;
  border-top: 1px solid #fff;
  border-left: 0px solid #a8a8a8;
  border-right: 0px solid #a8a8a8;
  background: none;
}
.systoptabs ul.tabs li.first {
  border-left: 1px solid #cecece;
}
.systoptabs ul.tabs li.active {
  background: #fff none;
  border-bottom-color:#fff;
  border-top-color:#a8a8a8;
  border-right: 1px solid #cecece;

}

.sysbottomtabs ul.tabs li {
  border-bottom: 1px solid #a8a8a8;
  border-top: 0px solid #a8a8a8;
  border-left: 1px solid #a8a8a8;
  border-right: 1px solid #a8a8a8;
  background: url('../images/general/tab_bgrad_bottom.gif') repeat-x;
}
.sysbottomtabs ul.tabs li.active {
  background: #fff none;
  border-bottom-color:#a8a8a8;
  border-top-color:#fff;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
.sysbottomtabs ul.tabs li.last{
  border-top: 0px solid #cecece;
  border-bottom: 1px solid #fff;
  border-left: 0px solid #a8a8a8;
  border-right: 0px solid #a8a8a8;
  background: none;
}
.systoptabs ul.tabs li.last a, .sysbottomtabs ul.tabs li.last a{
  display:block;
  padding-left:8px;
  color:#03090e;
}
.systoptabs ul.tabs li.active a {
  padding-top:5px;

}
.systoptabs ul.tabs li a{
  display:block;
  padding-left:8px;
  padding-top:5px;
  color:#5e5e5e;
}
.systoptabs ul.tabs li a:hover .blue{
  color: #7fbed1;
}
.systoptabs ul.tabs li .blue{
  font-weight:bold;
}
.systoptabs ul.tabs li.last a{
  padding-top:5px;
  background: url('../images/general/arw_9_black.gif') no-repeat 0px 8px;
}
.sysbottomtabs ul.tabs li.last a{
  padding-top:8px;
  background: url('../images/general/arw_9_black.gif') no-repeat 0px 11px;
}
.sysbottomtabs ul.tabs li a{
  padding-top:7px;
  display:block;
  color:#03090e;
}
.systoptabs ul.tabs li.active a, .sysbottomtabs ul.tabs li.active a {
   background: none;
   padding-left:0px;
   color:#03090e;
}

/* productsystem */

.toptabs, .toptabss {
  background: transparent url('../images/general/tab_bgrad_top.gif') repeat-x 0px 0px;
  width:100%;
  height:28px;
}
.bottomtabs {
  background: transparent url('../images/general/tab_bgrad_bottom.gif') repeat-x bottom left;
  width:100%;
  height:28px;
}

.bottomtabs ul.tabs, .toptabs ul.tabs, .toptabss ul.tabs {
  margin: 0px;
  list-style: none;
  padding:0;
  width:100%;
}
.bottomtabs ul.tabs li, .toptabs ul.tabs li, .toptabss ul.tabs li {
  float:left;
  /*width:32.24%; */
  font-size: 0.81em;
  text-align:center;
  height:27px;
  border-right:1px solid #a8a8a8;
	padding:0px 5px;
}
.bottomtabs ul.tabs li {
  border-top:1px solid #8f8f8f;
}
.toptabs ul.tabs li, .toptabss ul.tabs li{
  border-bottom: 1px solid #a8a8a8;
  border-top: 1px solid #cecece;
}
.bottomtabs ul.tabs li.last, .toptabs ul.tabs li.last, .toptabss ul.tabs li.last {
  /*width:32.29%;*/
  border-left:0px solid #a8a8a8;
  border-right: 0px solid #fff;
}
.bottomtabs ul.tabs li.active{
  border-top-color:#fff;
}
.bottomtabs ul.tabs li.active, .toptabs ul.tabs li.active, .toptabss ul.tabs li.active {
  background-color: #fff;
  border-bottom-color:#fff;
}
.toptabs ul.tabs li a, .toptabss ul.tabs li a{
  display:block;
  padding-top:5px;
  color:#03090e;
}
.bottomtabs ul.tabs li a{
  display:block;
  padding-top:5px;
  color:#03090e;
}
/*home*/
.home-en #headings {
  height:528px;
}
#teasers{
  height:115px;
  position:relative;
  color: #111;
  padding:0px 0px;
  margin:-40px 0px 0px 0px;
  display:block;
  z-index:1;
  line-height:1em;
}
*+html #teasers{
  line-height:16px;
}
#teasers .teaser {
  font-family:  Arial, Helvetica, sans-serif;
  cursor: pointer;
  display: inline-block;
  position:relative;
  height:105px;
  width:308px;
  background-color:#fff;
  margin:0px 0px 0px 8px;
  padding:0px;
}
#teasers .teaser.shadows {
  background: #fff url('../images/backgrounds/vcard-shadow.jpg') 72px 10px no-repeat;
}
*+html #teasers .teaser, *html #teasers .teaser {
  font-size:16px;
  float:left;
  margin:0px 0px 0px 10px;
}
#teasers .teaser img.icon {
  position:absolute;
  top:1px;
  right:1px;
  display:block;
}
#teasers .teaser .outlined {
  height: 91px;
  float: left;
  border: 1px solid #eaeaea;
  margin: 10px 0px 0 11px;
  padding: 1px;
}
*html #teasers .teaser .outlined {
  border:0px solid #eaeaea;
  padding:0;
  margin: 10px 0px 0 5px;
}
*html #teasers .teaser .outlined img{
  width:55px;
  border:2px double #eaeaea;
  margin:0;padding:0;
}

#teasers .teaser .content, .products.teasers .teaser .content {
  float:left;
  display:block;
  font-size: 13px;
	line-height: 16px;
  width:216px;
  height:91px;
  padding:0;
  margin: 8px 2px 0 12px;
}

#teasers .teaser a {
  display:block;
  color: #03090e;;
}
#teasers .teaser .content h5, #teasers .teaser .content .headline-5{
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  margin: 0 0px 0px 6px;
  padding:0px;
  color: #03090e;
}
#teasers .teaser.shadows .content h5, #teasers .teaser.shadows .content .headline-5{
  margin: 9px 0px 0px 6px;

}
#teasers .teaser.shadows .content p {
   margin: 0px 0px 3px 6px;
   font-size: 13px;
   line-height: 18px;
}
.teasers.products .teaser .headline-5 {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  padding:0px;
  color: #fff;
}
.teasers.products .teaser span {
  font-size: 0.8125em;
  line-height: 1.385em;
  display: inline-block;
  margin: 0 30px 3px 30px;
  padding: 0px 0px 0px;
  color: #fff;
}
.teasers.products .teaser .more {
  color: #007ea3;
  font-size: 0.8125em;
  line-height: 1.385em;
  margin: 0;
  padding: 0px;
  display: inline-block;
}
#teasers .teaser .content span {
  display: inline-block;
  margin: 0 0px 3px 6px;
  padding:0px;
  color: #03090e;
}

#teasers .teaser .content .more, #teasers .teaser.shadows .content a {
  color: #007ea3;
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  padding:0px;
  display: inline-block;
}

/*heading teasers*/
#heading .products.teasers {
  width:972px;
}

.size1 .slot{
  width:243px;
}
.whitetransbg.size2,
.size2 .slot {
  width:324px;
}
.size3 .slot {
  width:486px;
}
.size1 .slot.last {
  width:241px;
}
.size2 .slot.last {
  width:322px;
}
.size3 .slot.last {
  width:488px;
}

#heading .generic {
  background: #03090e url('../images/backgrounds/teaser_4slots_bg.gif') no-repeat bottom left;
  display:block;
  position:relative;
  width:100%;
}

#heading .local {
  z-index:200;
  width:100%;
  background: #ffffff;
  display:block;
  position:relative;
}


.teasers {
  margin:0px 0 0;
}
.products.teasers .slot,
.generic.teasers .slot {
  overflow:hidden;
}
.teasers .slot {
  line-height:1em;
  padding: 0px;
  height:100%;
  float: left;
  position: relative;
  display:block;
  z-index: 1;
  background-color: #fff;
}
.teasers .slot .teaser{
  border:0px solid red;
  display:block;
  height:100%;
}
.size1 .slot .teaser,.size1 .slot.last .teaser {
  background: transparent url('../images/general/slot_bg_black_4.gif') no-repeat 0px 0px;
  width:242px;
}
.size2 .slot .teaser, .size2 .slot.last .teaser {
  background: transparent url('../images/general/slot_bg_black_3.gif') no-repeat 0px 0px;
  width:323px;
}
.size3 .slot .teaser, .size3 .slot.last .teaser {
  background: transparent url('../images/general/slot_bg_black_2.gif') no-repeat 0px 0px;
}
.products.teasers.size3 .slot .teaser,.products.teasers.size2 .slot .teaser {
  border-right: 1px solid #fff;
}

.products.teasers .slot .teaser, .generic.teasers .slot .teaser {
  position: relative;
  display:block;
  color: #fff;
  z-index: 3;
}
.generic.teasers .slot .teaser p,.generic.teasers .slot .teaser h5, .generic.teasers .slot .teaser  .headline-5 {
  color: #fff;
}
.generic.teasers .slot .teaser  {
  cursor:pointer;
  margin:-43px 0px 0px 0px;
  padding: 17px 0px 0px;
}
.products.teasers .slot .teaser {
  cursor:pointer;
  margin:-43px 0px 0px 0px;
  padding: 17px 0px 0px;
}
.products.teasers .slot .teaser p, .generic.teasers .slot .teaser p{
  padding: 0px 0px 30px;
}
.local.teasers .slot .teaser, .local.teasers.size1 .slot.last .teaser {
  cursor:pointer;
  background: #fff url('../images/general/shadeline_198_10.gif') no-repeat 10px 9px;
  position: relative;
  display:block;
  color: #03090e;
  width:219px;
  min-height: 100px;
  margin:-43px 11px 0px 11px;
  padding: 17px 0px 30px;
  z-index: 3;
}
.local .size1 .slot,
.generic .size1 .slot, .products.size1 .slot{
  width:242px;
  margin-right:1px;
}
.local.size1 .last.slot,
.generic .size1 .last.slot, .products.size1 .last.slot {
  width:241px;
}
.teasers .slot .teaser .icon {
  position: relative;
  display:block;
  float:right;
}
.generic.size1 .last .icon
{
    margin:-16px 9px 3px 2px;
}
.generic.size1 .icon {
    margin:-16px 10px 3px 2px;
}
.local .icon {
    margin:-16px 1px 3px 2px;
}
.consulting .slot .icon {
    margin:-29px 10px 3px 2px;
}
.local .slot .localimg {
  float:right;
  border:1px solid #eaeaea;
  margin:-9px -20px 0 0;
  padding:1px;
  display:block;
}
.local.teasers .slot .teaser h5, .local.teasers .slot .teaser .headline-5, .local.teasers .slot .teaser p {
   margin:0 22px;
}
.local.teasers .slot .teaser p {
   padding-bottom:22px;
}
.teasers .slot .teaser p, .teasers .slot .teaser h5,.teasers .slot .teaser .headline-5 {
  position: relative;
  display:block;
  margin:0 32px;

}
.generic.teasers .slot .desc {
  background: #03090e;
  position: relative;
  display:block;
  color: #fff;
  margin:0px 0px 0 0px;
  padding: 0px;
  min-height:342px;
  z-index: 3;
  width:242px;

}
.generic.teasers .slot .desc p {
  position: relative;
  display:block;
  margin:0;
  padding: 103px 20px 0;

}


.teasers .slot a{
  width:100%;
  height:100%;
}

/*Productoverview, Solutions business overview */
#type, #room, .business, .cat {
  padding:0;
  margin:20px 0 10px 20px;
  height:auto;
}
#type, #room, .cat {
  background: url('../images/backgrounds/viledawing_content_white_bg.gif') repeat top left;
}
.simpleproduct .cat{
  padding:0;
  margin:10px 0 10px 12px;
  height:auto;
}
.simpleproduct .cat .slot{
  float:left;
  padding:0;
  margin:10px 18px 20px 0;
  position:relative;
  display:block;
  cursor:pointer;
}
#type .slot, #room .slot, .business .slot, .cat .slot {
  height: 200px;
  float:left;
  padding:0;
  margin:10px 20px 20px 0;
  position:relative;
  display:block;
  cursor:pointer;
}
#type .slot .content, .cat .slot .content, #room .slot .content{
  width:170px;
  height: 170px;
  border-width:1px 1px 0px 1px;
  border-style: solid;
  border-color:#e8e8e8;
  padding:1px 1px;
  margin:0;
  position:relative;
  display:block;
}
.cat .slot a, #type .slot a, #room .slot a {
  display: block;
	padding: 0;
}
*+html .cat .slot a, *+html #type .slot a, *+html #room .slot a {
	width: 174px;
  display: inline-block;
	cursor: pointer;
	padding: 0;
	outline: 0;
}
*+html .cat .slot .content, *+html #type .slot .content, *+html #room .slot .content {
	padding: 1px 1px;
	width: 174px;
	height:170px;
  display: inline;
	font-size: 1px;
}
*+html .cat .slot img, *+html #type .slot img, *+html #room .slot img {
	position: relative;
	outline: 0;
	padding: 0px;
	margin:0 -1px -1px 0;
	width: 170px;
	height: 170px;
	cursor: pointer;
	display: inline;
}

.cat .slot .content {
  border-width:1px 1px 1px 1px;
}
#type .hover .content, #room .hover .content, .cat .hover .content, #type .hover .content {
  border-color:#cecece;
}

#type .slot .title {
  background:  url('../images/backgrounds/prod_btn_bgrad.gif') repeat-x 0px 0px;
  width:152px;
  border:1px solid #cecece;
  padding:5px 10px;
  margin:0 0 12px;
  position:relative;
  display:block;
  font-size:12px;
	font-weight: bold;
  color:#1681a1;
  overflow:hidden;
}
#room .slot .title {
  background:  url('../images/backgrounds/blue_btn_bgrad.gif') repeat-x 0px 0px;
  width:152px;
  border:1px solid #cecece;
  padding:5px 10px;
  margin:0 0 12px;
  position:relative;
  display:block;
  font-size:12px;
	font-weight: bold;
  color:#FFFFFF;
  overflow:hidden;
}
*+html #room .slot .title {
  background:  url('../images/backgrounds/blue_btn_bgrad.gif') repeat-x 0px 0px;
  width:150px;
  border:1px solid #cecece;
  padding:5px 10px;
  margin: 0px 0 12px;
  position:relative;
  display: block;
  font-size:12px;
	font-weight: bold;
  color:#FFFFFF;
  overflow:hidden;
}
.cat .slot .title
  {

   width:152px;
   padding:5px 10px;
   margin:0 0 12px;
   position:relative;
   display:block;
   font-size:12px;
   color:#1681a1;
   overflow:hidden;
 }
#type .slot .title.twoline, #type .slot .titleblue.twoline, #room .slot .title.twoline, #room .slot .titleblue.twoline, .cat .slot .title.twoline {
  margin:0px 0 -10px !important;

}
#type .title.hover, #type .hover .title, #room .title.hover, .cat .slot .title.hover, .cat .hover .title {
 color:#7fbed1;
}
#type .slot .titleblue, #room .slot .titleblue {
  background: #227d98 url('../images/general/blue_btn_bgrad.gif') repeat-x top left;
  width:152px;
  border:1px solid #2691b1;
  padding:5px 10px;
  margin:0 0 12px;
  position:relative;
  display:block;
  font-size:12px;
  color:#FFFFFF;
  overflow:hidden;
}

.business p {
  margin: 0px 0px 20px;
  font-size: 0.69em;
  line-height:1.25em;
}
.business a {
  display: block;
  margin: 0px 5px 20px;
  float: left;
}


#body .content .left {
  float:left;
  background: url('../images/general/shadeline_680_10.gif') no-repeat bottom right;
  margin:0px 9px 30px 10px;
  width:718px;
  border:0px solid red;
}
#body .content .rgtteaser {
  margin: 50px 0 0;
  float:right;
  background:#ccc;
  width:204px;
  padding: 10px 0px 3px 10px;

}
#body .content .rgtteaser .shadow {
  margin:0 0 8px 0;
}
#body .content .right {
  float:right;
  background: url('../images/general/shadeline_680_10.gif') no-repeat bottom left;
  margin:24px 10px 30px 9px;
  width:718px;
  border:0px solid red;
}
#body .content .lftteaser {
  margin: 50px 0 0;
  float:left;
  background:#ccc;
  width:204px;
  padding: 10px 10px 3px 0px;

}
#body .content .lftteaser .shadow {
  margin:0 0 8px 0;
}

#body .content .backlink {
	margin: 0 0 30px 20px;
	padding: 18px 0 13px 16px;
  /*padding:1px 0 13px 16px;
  margin: 0 0 0 20px;*/
  background: url('../images/general/shadeline_560_10.gif') no-repeat top left;
  border:0px solid red;
}

#body .content .backlink a {
  display: block;
  width: 200px;
  /*padding:14px 0px 0px 30px;*/
  background: url('../images/general/back_top_content.gif') no-repeat center left;
	font-size: 0.8125em;
	font-weight: bold;
	padding: 0 0 0 30px;
}

#body .content .nextlink {
  padding:14px 0 13px 16px;
  margin: 0 0 30px 20px;
  background: url('../images/general/shadeline_460_10.gif') no-repeat top left;
  border:0px solid red;
}
#body .content .nextlink a {
  display: block;
  width: 200px;
  padding:0px 0px 0px 20px;
  background: url('../images/general/arw_12_black.gif') no-repeat center left;
  font-size: 0.8125em;
  font-weight:  bold;
}
#body .content p a {
  display: inline;
  font-size: 0.9em;
}
/* bottom xtras */

.catalogue, .design, .contactbox  {
  text-align:left;
  background: #fff url('../images/backgrounds/separator.jpg') no-repeat scroll top left;
  margin: 0px auto;
  padding:0;
  position: relative;
  display:block;
  width: 100%;
  font-size: 1em;
}
*html .contactbox, *+html .contactbox,
*html .design, *+html .design {
	padding-bottom: 10px;
}
*html .catalogue .desc, *html .design .desc, *html .contactbox .desc  {
  margin: 20px 0px 10px 10px;
}
.catalogue .desc, .design .desc, .contactbox .desc {
  background: #f0f0f0 url('../images/general/teaserbox_innershadow_757_10.gif') no-repeat scroll top left;
  float:left;
  margin: 20px 0px 10px 20px;
  padding:0px;
  width: 757px;

}
.catalogue .desc p, .design .desc p, .contactbox .desc p {
  margin: 0px 20px 0px !important;
  font-size: 0.81em;
  line-height:1.25em;
  font-style: italic;
  font-family:'Times',serif;
	padding: 0px;
}
.catalogue .desc p{
  margin-top: 10px;
	padding: 4px 0 1px;
}
*+html .catalogue .desc p{
	padding: 3px 0 1px;
}
.design .desc h3, .contactbox .desc h3 {
  margin: 10px 20px 0px;
  font-size: 0.81em;
  line-height:1.75em;
  font-style: italic;
  font-weight: bold;
  font-family:'Times',serif;
}
.catalogue .link, .design .link, .contactbox .link {
  margin: 20px 0px 10px 20px;
  padding: 0px;
  width: 175px;
  font-size: 0.81em;
  float:left;
  color:#fff;
}
.catalogue .desc, .catalogue .link {
  min-height:30px;
}
.catalogue .link {
  background: transparent url('../images/general/teaserbutton_productpdf_red.gif') no-repeat scroll top left;
  height:30px;
  overflow:hidden;
}
.catalogue .link p, .design .link p{
  margin: 7px 0 0px 38px;
  width:92px;
  text-align:center;
}
.catalogue .link a, .design .link a {
  display: inline-block;
  margin: 7px 0 0px 38px;
  text-align:center;
}
.contactbox .link p{
  margin: 17px 0 0px 22px;
  width:132px;
  text-align:center;
  font-size:13px;
  line-height:16px;
  font-weight: bold;
}
.design .desc, .design .link, .contactbox .link, .contactbox .desc {
  height:94px;
}
.design .link a, .contactbox .link a, .catalogue .link a  {
  color: #fff;
}
.design .link {
  background: url('../images/general/teaserbutton_productdesign.gif') no-repeat scroll top left;
  height:94px;
}

.contactbox .link {
  background: transparent url('../images/general/teaserbutton_contact.gif') no-repeat scroll top left;
  overflow:hidden;
}

/* shadow... */
/*.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}*/
.shadow {
  filter:progid:DXImageTransform.Microsoft.shadow(Color=#DDDDDD,
                 Direction=115,
                 Strength=1);
  position:relative;
  display:block;
  color: #fff;
}
.shadow span { position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:.01em; content: attr(title); color:#999999;  }
*html .shadow{
  height: 1.1em;
  line-height: 1.23em;
}
*+html .shadow{
  height: 1.15em;
  line-height: 1.13em;
}
#homepageTeaser .teaserContainer .slides .teaser h1,
#homepageTeaser .teaserContainer .slides .teaser h2 {
	text-shadow: 0.03em 0.03em 0.065em #999;
/*	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,
	        Color='#999999', Positive='true')*/
}

.fiftyPercentOpacity {
  opacity: 0.5;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

.tenPercentOpacity {
  opacity: 0.1;
  filter:alpha(opacity=10);
  -moz-opacity:0.1;
  -khtml-opacity: 0.1;
}

.anchors ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size: 0.68em;
  font-weight: bold;
}
.anchors li {
  margin:0;
  padding:0 0 16px;
}

.cke_skin_vizard{}
.simple-text.cke_show_borders, .complex-text.cke_show_borders {
  text-align:left;
  margin:0px 0px;
}
.cke_show_borders a{
  text-decoration:none !important;
  color: #007ea3 !important;
}
p.nextlink, .nextlink p {font-size: 1em; line-height: 1em; }
p.backlink, .backlink p {font-size: 1.125em; line-height: 1.125em; }
.nextlink.cke_show_borders p, .backlink.cke_show_borders p {
    font-size: 0.89em;
    font-weight: bold;
    padding: 17px 0px 0 40px;
}

.vizarding #heading .title h1,
.vizarding #heading .title h2 {
    width: 875px;
    min-height: 20px;
}
.vizarding .systoptabs,
.vizarding .teaserbox,
.vizarding .simple-list,
.vizarding .local.teasers .slot,
.vizarding .content .contact-teasers,
.vizarding .areas,
.vizarding .news-teaser {
    min-height: 20px;
}
.vizarding .system-teasers {
	padding: 10px 0 10px 0;
}
.vizarding .field.iconset {
	min-height:40px;
	min-width:40px;
}
.vizarding .img {
    display:block;
    min-height: 20px;
    min-width: 40px;
    overflow: visible;
}
.vizarding .reveal {
  display: block;
}
.vizarding .preview-box {
	float:left;
}
table .secret-column {
	display: none;
}
.vizarding table .secret-column {
	color: lightgray;
	display: table-cell;
}

/* GENERAL VISIBILITY (see edit.visibility editor) */
.viz-invisible {
	visibility: hidden;
}
.vizarding .viz-invisible {
	color: lightgray;
	visibility: visible;
}
.viz-nondisplay {
	display: none;
}
.vizarding .viz-nondisplay {
	color: lightgray;
	display: block;
}