html, body { height: 100%;}
/* not for mac ie\*/
html { overflow-y: scroll;}
/* end hack */

body {
  background-color:#ECECED;
  /* BM Verlauf rechts und links der Websitebox eingefügt */
        background: url(../img/page-background.jpg) center repeat-y;  
  text-align: center; /*IE centered content*/  
}
#fullheightcontainer { min-height: 100%; }
* html #fullheightcontainer { height: 100%; }

/*----------all relative elements-----*/
body, #fullheightcontainer, #footer,#product  { position: relative; }
/*---------all absolute elements-----*/
#header, #logo, #page_nav { position: absolute;}
/*---------all floated elements left-----*/
#contentMain, #contentRight { float:left;}
/*----------width of whole content-----*/
#fullheightcontainer, #header, #content, #footer, #page_nav {
  width: 1051px; 
  text-align: left; 
}
#fullheightcontainer, #footer {
  margin: 0 auto; 
}

/*-------homepage-------*/
#ct1h #content {padding-top: 121px;}
#ct1h #contentWrap {
background: #FFFFFF;
border-bottom:2px solid #FFFFFF;
padding:20px 0 0 30px;
}
#ct1h #contentLeftcol, #ct1h #contentRightcol {float: left; padding-right: 20px;}
#ct1h #contentMain, #ct1h #contentRight, #ct1h #contentLeft, #ct1h #contentTop {margin-bottom: 20px;background-color: #EEEEEE;border: 1px solid #69889E;padding: 0;float: none;}
#ct1h #contentMain, #ct1h #contentLeft {width: 290px;}
#ct1h #contentRight, #ct1h #contentTop {width: 680px;}
/*-------boxenhoehen-------*/
#ct1h #contentMain {height: 270px;}
#ct1h #contentLeft {height: 230px;}
#ct1h #contentTop {height: 190px;}
#ct1h #contentRight {height: 310px;}

/*-------content elements definition-------*/
#fullheightcontainer { 
background: #fff url(../img/bg_content.jpg) repeat-x;
border-left:4px solid #D0D0D0;
border-right:4px solid #D0D0D0;
}
#content {
    padding-top:  150px; 
  padding-bottom:  50px; 
}
#contentWrap { padding: 0 30px; }
#contentMain { padding-right: 30px; }
#main-home {
/* BM background: #dddddd; eingefügt */
  background: #dddddd;
  width: 480px;
}

#main { width: 480px;}
#contentRight { width: 480px; }
#ct1 #main { width: 991px; }
#ct1  #contentMain { 
        padding-right: 0; float: none;}

#ct2p #main { width: 395px;}
#ct2p #contentRight { width: 565px;}
#header {
  height: 23px;
  left: 0;
  top: 3px;
  overflow: hidden;
  font-size: 11px;
  line-height:19px;
}
div.tx-fab74softlink-pi1, div.tx-macinasearchbox-pi1, ul.servicemenu, div.tx-srlanguagemenu-pi1, div.tx-srlanguagemenu { position: absolute;}
div.tx-macinasearchbox-pi1 {
  width: 117px;
  right: 140px;
  top:0;
background: url("../img/bg_input.gif") no-repeat scroll 0 0 transparent;
height:19px;
}
.tx-fab74softlink-pi1 {
background: url("../img/bg_input.gif") no-repeat scroll -140px 0 transparent;
height:19px;
  /*padding: 0 30px 0 25px;*/
  width: 87px;
  right: 30px;
  top:0;
}
#logo {
  left: 0;
  top:27px;
  z-index: 550;/*over navi*/
}
#servicemenu {
  top: 2px;
  right: 150px;
}
#page_nav {
top: 130px;
left: 0;
height: 25px;
}
#product {
background:url("../img/product_menu_bg.jpg") repeat-x scroll 0 0 #FFFFFF;
clear:both;
padding: 10px 22px;
}
#product .menu {
float:left;
padding:8px;
width:15%;
}
#product .menu ul {
/* BM padding von 10px auf 2px geaendert */
padding:2px 0;
}
#product .menu ul li {
/* BM line-height von 16 auf 14 geaendert */
line-height:14px;
list-style:none outside none;
margin:0 !important;
}
#product .menu h3, #product .menu h3 a {
/* BM Fontgroesse Startseite eingefuegt */
font-size:12px;
color:#292929;
margin:0;
}
#footer {
  height: 40px;
  margin: -40px auto 0;
  font-size: 90%; 
  clear: both;
}
#footer p {
  text-align: center;
  margin: 0;
  padding-top: 5px;
}
/* css classes to deactivate floats*/
.clearer, .divider {
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: -1px;
  font-size: 1px;
  line-height: 1px;
}
.clearfix:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
}
.clearfix { display: inline-block; }
/* without IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End without IE Mac */

/*only for sceen output*/
.rgtabs-menu li, .tx-macinasearchbox-pi1 .btn_submit, .tx-fab74softlink-pi1  .btn_submit {cursor: pointer;}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {cursor: help;}


#topmenu {
height:66px;
width:1021px;
background:url("clear.gif");/*for IE6*/
position:absolute; 
top: 27px;
left:0; 
font-size:14px;
z-index:100;
}

#topmenu #mainmenu {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
float:right;
}

#topmenu li {
padding: 0;
float:left;
background:url("../img/menu_bar.gif") repeat-x scroll 0 0 transparent;
}

#topmenu #mainmenu a {
display:block; 
height:66px; 
float:left; 
padding:0 13px; 
text-decoration:none; 
line-height:65px; 
white-space:nowrap; 
color: #900; 
background:url("../img/li_bar.gif") no-repeat scroll 0 0 #FFFFFF;
font-weight: bold;
}

#topmenu #mainmenu a:hover, 
#topmenu #mainmenu li:hover a  {
padding:0 13px;
line-height:65px;
cursor:pointer; 
color: #900; 
background:url("../img/menu_bar.gif") repeat-x scroll 0 0 transparent;
}
#topmenu #mainmenu li.act a,
#topmenu #mainmenu li.act:hover a {
background:url("../img/menu_bar.gif") repeat-x scroll 0 0 transparent;
}

#topmenu .menusub1 {
top:-9999px;
left:-9999px;
margin:0; 
padding:0;
list-style:none;
background: #DDDCDC url("../img/bg_menu2.gif") repeat-x;
}

#topmenu ul ul {display:none;}

/* IE6 only */
#topmenu table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

#topmenu .menusub1 li {background:transparent url("clear.gif"); float: left;}

#topmenu #mainmenu :hover .menusub1, #topmenu #mainmenu .act .act1,
#ct1h #topmenu #mainmenu .menuproduct .menusub1 {
height:28px;
display:block; 
position:absolute;
float:left;
width:1021px;
top:66px; 
left: 20px; 
text-align:center;
}
#topmenu #mainmenu :hover .menusub1 {z-index: 500;}

#topmenu #mainmenu :hover .menusub1 li a, #topmenu #mainmenu li.act .menusub1 a,
#ct1h #topmenu #mainmenu .menuproduct .menusub1 a {
display:block; 
height:28px; 
height:25px; 
font-weight: normal; 
line-height:24px;
font-size:12px; 
float:left; 
background:transparent url("clear.gif"); 
padding:0 7px; /* Abstand zwischen Menupunkten in der grauen Zeile */
margin:0; 
white-space:nowrap;
}
#mainmenu :hover .menusub1 li a { border-bottom: 2px solid #999;}
#mainmenu .menusub1 li.act a, #mainmenu :hover .menusub1 li.act a { border-bottom: 2px solid #900;}
#mainmenu .menusub1 li.cur a, #mainmenu :hover .menusub1 li.cur a { border-bottom: 2px solid #030303;}

#topmenu #mainmenu :hover .menusub2 li a,
#topmenu #mainmenu .menusub2 li.act a, #topmenu #mainmenu .menusub2 li.cur a,
#topmenu #mainmenu :hover .menusub2 li.act a, #topmenu #mainmenu :hover .menusub2 li.cur a
 { border-bottom: 0px;}

#topmenu #mainmenu :hover .menusub1 li a:hover,
#topmenu #mainmenu :hover .menusub1 li:hover
{color:#000; line-height:24px; position:relative;}

#topmenu #mainmenu :hover .menusub1 li:hover > a {color:#000;}

/*3rd level*/
#topmenu .menusub2 li {float: none;}
#topmenu #mainmenu :hover .menusub1 :hover ul {padding:0; margin:0; list-style:none; display:block; /*width:111px;*/ position:absolute; left:-1px; top:25px; background:#C8CDD0;}

#topmenu #mainmenu :hover .menusub1 :hover ul li a {/*width:85px;*/ text-align:left; height:20px; line-height:19px;}
#topmenu #mainmenu :hover .menusub1 :hover ul li a:hover {line-height:19px;}

#potofhony {
  display: none;
  height: 1px;
}