/** WRAPPER **/

#wrapper {
   margin: 0 auto;
   padding: 0 ;
   position: relative;
   width: 968px;
   background-image: url(../images/bg_wrapper.png);
   padding: 0 11px;
   z-index: 1;
   position: relative;
}
/** HEADWRAPPER **/

#headwrapper  {
   position: relative;
   height: 214px;
   z-index: 100;
   background-color: #4b4b4b;
   border-bottom: 1px solid #fff;
}
#headschatten{
   width: 968px;
   height: 10px;
   margin: 30px auto 0;
   background-image: url(../images/bg_top.png);
   background-repeat: no-repeat;
   background-position: center bottom;
   padding: 8px 11px 0 11px;
}
#headschatten .innerColor{
   background-color: #4B4B4B;
   height: 10px;
}
#footer .innerColor{
   background-color: #E87314;
   height: 10px;
}
#footer{
   margin-bottom: 30px;
   width: 968px;
   padding: 0 11px;
   height: 18px;
   margin: 0 auto 30px auto;
   background-image: url(../images/bg_bottom.png);
   background-repeat: no-repeat;
}

#leftcontainer {
   position: relative;
   width: 181px;
   float: left;
   min-height: 250px;
}

#logo {
   position: absolute;
   top: 0;
   left: 12px; 
   width: 450px;
   height: 112px;
   display: block;
   z-index: 1;
}

.flash {
   position: absolute;
   bottom: 71px;
   left: 572px; 
   width: 170px;
   height: 80px;
   z-index: 20;
}
.flash object{
   display: block;  
}

.HPLogo {
   position: absolute;
   top: 8px;
   left: 12px; 
   display: block;
   z-index: 1;
}

.Logohp {
   position: absolute;
   top: 8px;
   left: 12px; 
   width: 380px;
   height: 112px;
   display: block;
   z-index: 1;
   background-position: left top;
   background-repeat: no-repeat;
}


#pinn {
   position: absolute;
   right: 22px;
   top: -79px;
   height: 185px;
   width: 82px;
   background-position: left top;
   background-repeat: no-repeat;
   z-index: 110;
}

.gutschein {
   position: absolute;
   top: -78px;
   right: 10px;
   display: block;
   width: 120px;
   height: 131px;
   z-index: 110;
   background-position: left top;
   background-repeat: no-repeat;
}

#print_adresse,
#print_logo {
   display: none;
}

/** SEARCH **/

#searchBox {
   position: absolute;
   bottom: 80px;
   right: 10px;
   width: 240px;
   height: 25px;
   color: #000;
}

#lupe {
   position: absolute;
   right: 175px;
   height: 20px;
   width: 20px;
   top: 2px;
   background-image: url(../images/lupe.gif);
   background-position: left top;
   background-repeat: no-repeat;
}


#searchBox .vt {
   position: absolute;
   float: left;
   top: 1px;
   color: #fff;
   right: 56px;
   height: 15px;
   width: 110px;
   background-color: transparent;
   border: 1px solid #9C9C9E;
   margin: 0;
   padding: 2px 5px;
   font-size: 92%;
}

#searchBox .vtlink,
#searchBox .vtlink a,
#searchBox .vtlink a:link,
#searchbox .vtlink a:visited {
   position: absolute;
   float: right;
   top: 3px;
   right: 0;
   font-size: 92%;
   color: #fff;
   text-decoration: none;
   margin: 0;
   padding: 2px 3px;
   font-weight: normal;
}

#searchBox .vtlink:hover,
#searchBox .vtlink a:focus,
#searchBox .vtlink a:hover,
#searchBox .vtlink a:active,
#searchBox .vtlink a.selected,
#searchBox .vtlink a.selected:link,
#searchBox .vtlink a.selected:visited,
#searchBox .vtlink a.selected:focus,
#searchBox .vtlink a.selected:hover,
#searchBox .vtlink a.selected:active {
   text-decoration: underline;
}

/** CONTENTWRAPPER **/

#contentwrapperstart {
   position: relative;
   margin: 0;
   padding: 0;
   background-image: url(../images/bg_contentwrapper.gif);
   background-position: left top;
   background-repeat: repeat-y;
}

#contentwrapper {
   position: relative;
   width: 100%;
   overflow: hidden;
   margin: 0;
   padding: 0;
   background-image: url(../images/bg_contentwrapper.gif);
   background-position: left top;
   background-repeat: repeat-y;
}

#contentcontainerstart {
   position: relative;
   width: 100%;
   padding: 0;
}
#marke {
   position: absolute;
   top: 13px;
   left: 400px;
   display: block;
   z-index: 200;
}

#slideshow {
   position: relative;
   height: 290px;
   width: 100%;
   margin: 0;
}

#startcontent {
   position: relative;
   height: 282px;
   width: 573px;
   margin-bottom: 40px;
   float: left;
   background-color: transparent;
}

#sideboxcontainer{
   position: relative;
   float: left;
   height: 280px;
   width: 375px;
}

#sidebox-newsticker {
   position: absolute;
   top: 0;
   left: 0;
   height: 262px;
   padding: 10px;
   width: 166px;
   margin-left: 6px;
   background-color: #D0D0D0;
}

#sidebox-kundenstimmen {
   position: absolute;
   top: 0;
   right: 0;
   height: 282px;
   width: 176px;
   margin-bottom: 15px;
   background-color: #D0D0D0;
}

#teasercontent {
   position: relative;
   min-height: 300px;
   clear: left;
   border-top: 5px solid #E57215;
   padding-top: 40px;
   padding-bottom: 15px;
   width: 100%;
}


#bwm {
   position: absolute;
   left: 0;
   color: #fff;
   bottom: 0;
   font-size: 92%;
}

#bwm a,
#bwm a:link,
#bwm a:visited {
   color: #fff;
   text-decoration: none;
}

#bwm a:focus,
#bwm a:hover,
#bwm a:active,
#bwm a.selected,
#bwm a.selected:link,
#bwm a.selected:visited,
#bwm a.selected:focus,
#bwm a.selected:hover,
#bwm a.selected:active {
   text-decoration: underline;
}

#footer-teaser{
   border-top: 6px solid #cccccc;
   overflow: hidden;
   width: 100%;
   background-color: #f3f3f3;
}
#footer-teaser .column{
   width: 318px;
   float: left;
   border-right: 6px solid #ccc;
   border-bottom: 6px solid #ccc;
   min-height: 290px;
}
#footer-teaser #teaser-einkaufen{
   border-right: 0 none;
   width: 320px;
}
#teaser-social .innerContent{
   padding: 10px 15px;  
}
#footer-teaser h4{
   background-color: #E87314;
   font-size: 12px;
   line-height: 12px;
   padding: 7px 0;
   width: 100%;
   display: block;
   height: 12px;
   color: #fff;
}
#footer-teaser h4 span{
   display: block;
   padding-left: 10px;  
}
#teaser-einkaufen a{
   display: block;
   margin: 15px auto;
}
#teaser-einkaufen img{
   display: block;
   margin: 0 auto;
}