body 
{
  margin-left: 50%;
}

body.home h1
{
  border: 0px red solid;
  top: 8px;
  left: 40px;
  height: 127px;
  width:223px;
}
body.home h1 a img
{
  /*changed height: 127px !important;*/
  color: White;
}
body div.page
{
  margin-left: -533px;
}

body.home div.introImage 
{
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
}

body.home div.content
{
  width: auto;
  padding-left: 263px;
  height: 795px !important; /*726px !important;*/ /*705px !important;*/
  min-height: 795px; /*726px;*/ /*705px;*/
}

body.home #search
{
  top: 0px !important;
  bottom: auto !important;
  left: auto !important;
  right: 14px !important;
}

.search .searchfield 
{
    padding-left: 10px;
    width: 96px;
    background-color: #CCCCCC;
}
/*****************/

body.home #p_searchSite
{
    top: 7px !important;
}

body.home p.navigation
{
  position: absolute;
  top: 455px;
  left: 62px;
  padding: 0px;
  margin: 0px;
  width: 179px;
}
body.home .shoppingButtons 
{
  position: absolute;
  /*left: 0px;
  width: 177px;*/
  height: auto;
  top: 13px;
  padding: 0px 0px 0px !important;
  /*top: 0px;
  padding: 13px 0px 0px !important;*/
  margin: 0px;
  
   top: 337px;
	left: 62px;
}

body.home .navigation .shoppingButtons {
	position: absolute;
  left: 0px;
  width: 177px;
  height: auto;
  top: 13px;
  padding: 0px 0px 0px !important;
  /*top: 0px;
  padding: 13px 0px 0px !important;*/
  margin: 0px;
}

body.home .shoppingButtons span 
{
  width: 176px;
  background-color: #FFFFFF;
}
body.home .shoppingButtons span a
{
  padding: 0px;
  padding-left: 20px;
  padding-top: 1px;
  margin: 0px;
  width: 153px;
  height: 14px;
  vertical-align: middle;
}

.homeNavigation
{
  padding-top: 127px;
  top: 0px;
  left: 0px;
  width: 223px;
  height: 312px;
  background-color: #EEF2F5;
}

.page
{
  width: 1063px;
  background-image: none;
}

#footer 
{
  background-image: none;
}
#footer .meta
{
    left: 62px;
    text-align: left;
    width: auto;
}
#footer .copyright
{
    left: 296px;
}
#footer .meta, #footer .copyright
{
    line-height: 14px;
}

#homeShadow /* shadow, homenavigation */
{
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 32px;
  height: 455px;
  width:239px;
  /*background-color: transparent !important;*/
  background-image: none !important;
  background-color: #FFFFFF !important; 
  opacity: 0.2; 
  filter: Alpha(opacity=20, finishopacity=20, style=2);
}
#homemenue /* home navigation */
{
  z-index: 1;
  position: absolute;
  top: 9px;   /*changed 8px;*/
  left: 40px;
  height: 439px;
  width:223px;
  background-image: none !important;
  background-color: transparent !important;
  /* background-color: #eef2f5 !important; */
}

body #navshade1 
{
  top: 0px;
  height: 439px;
  width: 223px;
  background-image: none !important;
  opacity: none !important;  
  filter: none !important;
  background-color: transparent !important;
}


body. #navshade3  /* flyout shadow */
{
  background-image: none !important;
  background-color: #ffffff !important;
  margin: 0px;
  padding: 0px;
  top: -8px;
  left: 447px; /*462px;*/
  height: 455px;
  width: 544px;
  opacity: 0.2 !important;  
  filter: Alpha(opacity=20, finishopacity=20, style=2) !important;
}



.home .innerContent 
{
  width:auto;
  padding-top:455px;
  /* min-height: 290px; GEAENDERT */
  height: auto;
}

/**************/
/* teaser bar */
.teaserBar
{
  display:block;
  position:relative;
  top: 17px;
  left: 49px;
  width: 696px;
  height: 119px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.teaserBar li
{
  clear: both;
  position: absolute;
  display: inline;
  top: 0px;
  left: -200px; /* -> default Position ausserhalb des sichtbaren Bereichs 
                   -> korrekte Position wird per Javascript gesetzt wenn 
                      die Teaserbar zum ersten mal gescrollt wird */
  width: 167px;
  height: 130px; /*123px;*/ /*119px;*/
  padding-right: 9px;
}
.teaserBar li a
{
  width: 167px;
}
.teaserBar .teaser1, .teaserBar .teaser2, .teaserBar .teaser3, .teaserBar .teaser4 
{
  left: auto;
  padding-right: 9px;
}
.teaserBar .teaser1
{
  left: 0px;
}
.teaserBar .teaser2
{
  left: 176px;
}
.teaserBar .teaser3
{
  left: 352px;
}
.teaserBar .teaser4
{
  left: 528px;
}
.teaserBar li a img, .teaserBar .teaser1 a img, .teaserBar .teaser2 a img, .teaserBar .teaser3 a img, .teaserBar .teaser4  a img
{
  border: 0px black solid;
}
.teaserBar li a span, .teaserBar .teaser1 a span, .teaserBar .teaser2 a span, .teaserBar .teaser3 a span, .teaserBar .teaser4  a span
{
  margin-top: 6px;
}
#teaserbarNavLeft, #teaserbarNavRight
{
  position: absolute;
  top: 472px;
  width: 15px;
  height: 87px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #E3E3E3; /*#EEF2F5;*/ /* transparent */
}
#teaserbarNavLeft
{
  left: 296px;
}
#teaserbarNavRight
{
  left: 1008px;
}
#teaserbarNavLeft a
{
  background-image: url(teaser-arrow-left.gif);
}
#teaserbarNavLeft a:hover
{
  background-image: url(teaser-arrow-left-active.gif);
}
#teaserbarNavRight a
{
  background-image: url(teaser-arrow-right.gif);
}
#teaserbarNavRight a:hover
{
  background-image: url(teaser-arrow-right-active.gif);
}
/**************/

/*****************/
/* submenu items */

body div.subnav  /* flyout */
{
  width: 223px;
  height: 18px;
  padding: 0px;
  padding-top: 5px;
  text-indent: 24px;
  vertical-align: middle;
  border-bottom: 1px solid #CCCCCC;
  /*border-right: 0px solid #666666;*/
  border-right: 1px solid #CCCCCC;
  background-position: 210px 8px;
  background-image: url(arrow-black.gif);
  opacity: 0.86;  
  filter: Alpha(opacity=86, finishopacity=86, style=2);
}

.toppos1 { top:  8px; }
.toppos2 { top: 32px; }
.toppos3 { top: 56px; }
.toppos4 { top: 80px; }
.toppos5 { top: 104px; }
.toppos6 { top: 128px; }
.toppos7 { top: 152px; }
.toppos8 { top: 176px; }
.toppos9 { top: 200px; }
.toppos10 { top: 224px; }
.toppos11 { top: 248px; }
.toppos12 { top: 272px; }
.toppos13 { top: 296px; }
.toppos14 { top: 320px; }
.toppos15 { top: 344px; }
.toppos16 { top: 368px; }
.toppos17 { top: 392px; }


body. div.toppos18
{ top: 416px; border-bottom: none; }
/*****************/

/********************/
/* main menue items */
div.topnav
{
  text-transform: none;
}
#topnav1, .topnav1, #topnav2, .topnav2, #topnav3, .topnav3, #topnav4, .topnav4, #topnav5, .topnav5, #topnav6, .topnav6, #topnav7, .topnav7, #topnav8, .topnav8, #topnav9, .topnav9
{
  overflow: visible;
  position: relative;
  top: 0px;
  width: 223px;
  border: 0px #CCCCCC solid;
  border-top: 1px #CCCCCC solid; /* #cccccc */
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  font-size: 11px;
  color: #000000;
  z-index: 100000;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
#topnav1, .topnav1 /* id of menu item, CSS class of shadow */
{
  top: 0px;
  height: 18px; /* + 5 padding top = 23 */
}
#topnav2, .topnav2
{
 height: 18px; /* + 5 padding top = 23 */
}
#topnav3, .topnav3
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav4, .topnav4
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav5, .topnav5
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav6, .topnav6
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav7, .topnav7
{
  height: 18px;/* + 5 padding top = 23 */
}
#topnav8, .topnav8
{
  height: 18px;/* + 5 padding top = 23 */
}
#topnav9, .topnav9
{
  height: 18px; /* + 5 padding top = 23 */
}

#topnav1, #topnav2, #topnav3, #topnav4, #topnav5, #topnav6, #topnav7, #topnav8, #topnav9
{  
  background-color: #EEF2F5;
  height: 23px;  
}
a.topnavlink /* 223 breit, 48 hoch */
{
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 223px;
  height: 47px;
  color: #000000;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-decoration: none;
}
#topnav1 a.topnavlink, #topnav2 a.topnavlink, #topnav3 a.topnavlink, #topnav4 a.topnavlink, #topnav5 a.topnavlink, #topnav6 a.topnavlink, #topnav7 a.topnavlink, #topnav8 a.topnavlink, #topnav9 a.topnavlink /* 223 breit, 48 hoch */
{
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #EEF2F5;
  background-image: url(arrow-black.gif);
  background-position: 210px 8px;
}
#topnav1 a.final, #topnav2 a.final, #topnav3 a.final, #topnav4 a.final, #topnav5 a.final, #topnav6 a.final, #topnav7 a.final, #topnav8 a.final, #topnav9 a.final /* 223 breit, 48 hoch */
{
  background-image: none !important;
}

/***************/


.teaserBar
{
    display: none;
    top: 0px;
    left: 0px;
    overflow: visible;
}
#teaserBarWrapper 
{
    display:block;
    height: 130px; /*119px;*/
    left:49px;
    margin:0px;
    overflow:hidden;
    padding:0px;
    position:relative;
    top:17px;
    width:696px;
}
.teaserNav
{
    width: 100%; 
    height: 100%; 
    display: block; 
    background-color: transparent;
}