@import url(/am/css/reset.css);
@import url(/am/css/jquery.ui.tabs.css);
body {
    font:75%/1.4em Verdana, Helvetica, Arial, sans-serif;
    color:#333;
    background:#EBF1EF url(/am/img/layout/body-bg.jpg) repeat-x 0 71px;
    padding-top:30px;
    }
    
/****** GLOABL STYLES */
a:link,a:visited {color:#333;}
a:hover {color:#BE0F3C;}
p {margin-bottom:1em;}
h2 {
    font-weight:700;
    color:#BE0F3C;
    font-size:12px;
    margin-bottom:12px;
    }
    
/* GLOBAL SITE STRUCTURE */
#wrap {
    width:860px;
    font-size:11px;
    position:relative;
    padding-left:100px;
    }
#home-content-wrap {
    position:relative;
    top:-60px;
    margin-bottom:60px;
    }
#right {
    width:221px;
    min-height:300px;
    height:auto !important; /* für moderne Browser */
    height:300px; /*für den IE */
    float:right;
    font-size:11px;
    padding:12px;
    font-weight:700;
    background:url(/am/img/layout/right-bg.jpg) no-repeat top left;
    }
#left {float:left;}
.content {
    width:855px;
    position:relative;
    top: 25px;
    }

/****** HEADER */
#header {
    position:relative;
    height:188px;
    margin-bottom:35px
    }
#header h1 {
    border:none;
    text-indent:-9999px;
    width:212px;
    height:44px;
    background:url(/am/img/layout/am-logo-neu.gif) no-repeat top left;
    margin-bottom:5px;
    }

/****** GLOBAL NAVIGATION */
#header ul {
    width:106px;
    position:relative;
    z-index:99999;
    }
#header ul li {display:inline;}
#header ul li a {
    height:18px;
    display:block;
    text-indent:-9999px;
    }

/*NAV ITEM -> Marke */
    #header ul li a.marke {background:url(/am/img/layout/brand-bg.gif) no-repeat 0 0;}
    #header ul li a.marke:hover {background-position:0 -19px;}
    #header ul li.selected a.marke {background-position:0 -19px;}
/*NAV ITEM -> Collection */
    #header ul li a.collection {background:url(/am/img/layout/collection-bg.gif) no-repeat 0 0;}
    #header ul li a.collection:hover {background-position:0 -19px;}
    #header ul li.selected a.collection {background-position:0 -19px;}
/*NAV ITEM -> Features */
    #header ul li a.features {background:url(/am/img/layout/features-bg.gif) no-repeat 0 0;}
    #header ul li a.features:hover {background-position:0 -19px;}
    #header ul li.selected a.features {background-position:0 -19px;}
/*NAV ITEM -> Newsletter */
    #header ul li a.newsletter {background:url(/am/img/layout/newsletter-bg.gif) no-repeat 0 0;}
    #header ul li a.newsletter:hover {background-position:0 -19px;}
    #header ul li.selected a.newsletter {background-position:0 -19px;}
/*NAV ITEM -> Werbung */
    #header ul li a.werbung {background:url(/am/img/layout/advertisement-bg.gif) no-repeat 0 0;}
    #header ul li a.werbung:hover {background-position:0 -19px;}
    #header ul li.selected a.werbung {background-position:0 -19px;}
/*NAV ITEM -> AM DMAX */
    #header ul li a.dmax {background:url(/am/img/layout/am_dmax.gif) no-repeat 0 0;}
    #header ul li a.dmax:hover {background-position:0 -19px;}
    #header ul li.selected a.dmax {background-position:0 -19px;}
/*NAV ITEM -> Specials */
    #header ul li a.specials {background:url(/am/img/layout/specials.gif) no-repeat 0 0;}
    #header ul li a.specials:hover {background-position:0 -19px;}
    #header ul li.selected a.specials {background-position:0 -19px;}

/* SUBLEVEL */
/*#header ul li ul {margin:0 0 8px;}*/
#header ul li ul li a {
    line-height:14px;
    height:auto;
    text-indent:0;
    text-align:right;
    text-decoration:none;
    font-size:11px;
    font-style:italic;
    color:#999;
    }
#header ul li ul li a:after {content:" —";/*&mdash;*/}
#header ul li ul li a:hover,#header ul li ul li a.selected {color:#BE0F3C;}

/****** TEMPLATESTYLES -> Startseite (Skiplinks unter den 3 Schuhen)*/
#elegant-button {left:100px;}
#sportiv-button {left:350px;}
#boot-button {left:610px;}

/****** TEMPLATESTYLES -> Collection */
.buttons {
    overflow:hidden;
    width:40px;
    float:left;
    position:relative;
    top:60px;
    }
.buttons a {
    display:block;
    width:20px;
    line-height:18px;
    cursor:pointer;
    background:url(/am/img/layout/nav-button-bg.png) no-repeat top left;
    }
.buttons a span {text-indent:-9999px;display:block;}
.buttons a.prev {float:left;}
.buttons a.next {float:left;}
.buttons a.next {background-position:-20px 0;}
.buttons a.next:hover {background-position:-18px -21px;}
.buttons a.prev:hover {background-position:0 -20px;}
#product-slider .right {
    position:absolute;
    width:221px;
    right:0;
    font-size:11px;
    font-weight:700;
    padding:12px;
    background:url(/am/img/layout/right-bg.jpg) no-repeat top left;
    }
#product-slider .left {width:540px;float:left;}
#product-slider .product-detail-info table {
    width:100%;
    border-top:1px solid #BE0F3C;
    margin-top:1em;
    padding-top:1em;
    }
#product-slider .product-detail-info table caption,.product-detail-info th {display:none;}
#product-slider .product-detail-info table .art-nr {font-size:10px;}
#product-slider .product-detail-info table .size {font-size:10px;text-align:right;}
#product-slider .product-detail-info table .price {
    font-size:13px;
    font-weight:700;
    color:#BE0F3C;
    }
#product-slider .order-online {
    text-transform:lowercase;
    text-align:right;
    font-size:13px;
    font-weight:700;
    }
#product-stage {height:325px;}
#product-stage img {position:relative;top:-30px;}
#product-stage a {
    position:relative;
    display:block;
    float:left;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    }
#product-stage a span {
    background:url(/am/img/layout/nav-button-bg.png) no-repeat -20px 0;
    display:block;
    height:18px;
    width:20px;
    float:left;
    position:relative;
    top:2px;
    }
#product-stage a:hover span {background-position:-18px -21px;}
.c-t-l {
    display:block;
    height:20px;
    width:20px;
    background:url(/am/img/layout/content-c-t-l-bg.jpg) no-repeat top left;
    position:absolute;
    top:0;
    left:0;
    }
.c-t-r {
    display:block;
    height:20px;
    width:20px;
    background:url(/am/img/layout/content-c-t-r-bg.jpg) no-repeat top right;
    position:absolute;
    top:0;
    right:0;
    }
    
/****** TEMPLATESTYLES -> Features */
.features-page {
    padding:12px;
    background:url(/am/img/layout/content-bg.png) repeat-x top left;
    min-height:500px;
    width:540px;
    position:relative;
    }
*html .features-page {height:500px;}
.features-page #scrollpane {height:300px!important;}
.features-page #slideshow {width:420px!important;}

/****** TEMPLATESTYLES -> Impressum/Imprint */
#imprint {padding-left:33px;}

/****** TEMPLATESTYLES -> Marke/Brand */
.marke-page {
    padding:12px;
    background:url(/am/img/layout/content-bg.png) repeat-x top left;
    height:500px;
    width:540px;
    position:relative;
    }    
.marke-page .marke-c-bg {
    display:block;
    position:absolute;
    top:-55px;
    left:25px;
    background:url(/am/img/layout/marke-content-bg.png) no-repeat scroll top left;
    width:509px;
    height:262px;
    }
.visual {
    display:block;
    background:url(/am/img/layout/typ_new.png);
    width:344px;
    height:278px;
    position:absolute;
    bottom:10px;
    right:15px;
    }

/****** GLOBAL FOOTER */
#footer {
    margin-top:50px;
    text-align:right;
    font-size:10px;
    position:absolute;
    right:0;
    z-index:99999;
    }
#footer a {text-decoration:none;}
#footer a.selected {color:#BE0F3C;}
#footer ul {margin-bottom:-3px;}
#footer ul li {display:inline;margin-left:12px;}
.collection #footer {
    text-align:right;
    font-size:10px;
    position:absolute;
    top:700px;
    right:-70px;
    }

/****** SEKTIONS HEADLINES */
.section-head img {
    position:absolute;
    right:0;
    top:-150px;
    }

.dmax .section-head img{
    right:150px !important;
    top:-120px; !important;
    }

.section-head #sophisticated {top:-188px;right:-65px;}
.section-head #creative {top:-188px;right:-115px;}
.section-head #energized {top:-188px;right:-114px;}

/****** KONTAKTFORMULAR */
.kontakt-formular small {
    font-size:10px;
    position:relative;
    left:20px;
    display:block;
    width:450px;
    }
.kontakt-formular {
    display:block;
    width:470px;
    margin:0 auto;
    text-align:left;
    }
.kontakt-formular label {display:block;margin-top:3px;}
.kontakt-formular label.required, .kontakt-formular .labelCheckbox  {font-weight:700;}
.kontakt-formular .fl {float:left;display:block;}
.kontakt-formular .fr {float:right;display:block;}
.kontakt-formular .personal-info input {width:215px;}
.kontakt-formular .say {display:block;margin-top:25px;}
.kontakt-formular .say input {width:470px;}
.kontakt-formular .say textarea {
    width:470px;
    padding:1px;
    font:11px/1.5em Verdana, Helvetica, Arial, sans-serif;
    }
.kontakt-formular .checkboxes {display:block;margin-top:15px;}
.kontakt-formular .reset {
    border:none;
    background:none;
    color:#aaa;
    }
.kontakt-formular .reset:hover {color:#BE0F3C;}
.kontakt-formular .submit-all {display:block;margin-top:25px;}

/****** COLLECTION PRODUCTIMAGE */
.product-image-big {
    position:absolute;
    top:140px;
    }
#overlay-banner {
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    }
    
/****** FLASH TEASER STARTSEITE */
#flash-stage object {
    position:relative;
    right:-80px;
    z-index:999;
    }
/****** PEOPLE MOTIVE */
.people {
    top:40px;
    width:100%;
    position:absolute;
    }
.p1 {
    background:url(/am/img/layout/betonbank_people.png) no-repeat 950px 70px;
    height:916px;
    }
.p2 {
    background:url(/am/img/layout/pepole_wand.png) no-repeat 940px 0;
    height:1200px;
    }
.p3 {
    top:15px;
    background:url(/am/img/layout/people-kopfhoerer.png) no-repeat 960px 0px;
    height:784px;
    }
.p4 {
    background:url(/am/img/layout/4.png) no-repeat 970px 0;
    height:745px;
    }
.p5 {
    background:url(/am/img/layout/5.png) no-repeat 620px 0;
    height:881px;
    }
.p6 {
    top:0;
    background:url(/am/img/layout/6.png) no-repeat 600px 0;
    height:1007px;
    }
.p7 {
    background:url(/am/img/layout/7.png) no-repeat 920px 0;
    height:765px;
    }
.p8 {
    background:url(/am/img/layout/people_betonbank.png) no-repeat 0 0;
    height:880px;
    z-index:222;
    top:274px;
    width:880px;
    left:100px;
    }
/*Neue Pepole Motive*/
/*flexible*/
.p9 {
     background:url(/am/downloads/people_kinosessel.png) no-repeat 980px 0;
     height:800px;
     }
/*free*/
.p10 {
     background:url(/am/downloads/people_pferdkopf.png) no-repeat 950px 0;
     height:900px;
top:0;
     }
/*independet*/
.p11 {
     top:15px;
     background:url(/am/downloads/3_Independetnt.png) no-repeat 960px 0px;
     height:800px;
     }
/*individual*/
.p12 {
     background:url(/am/downloads/people_kinosessel.png) no-repeat 970px 0;
     height:800px;
     }
/*multiple*/
.p13 {
     background:url(/am/downloads/pepole_wand.png) no-repeat 950px 0;
     height:800px;
     }
/*rock n roll*/
.p14 {
     top:0;
     background:url(/am/downloads/people-kopfhoerer.png) no-repeat 940px 0;
     height:800px;
     }
/*statement*/
.p15 {
     background:url(/am/downloads/people_sessel.png) no-repeat 965px 0;
    height:800px;
     }
/*easygoing*/
.p16 {
     background:url(/am/downloads/people_sessel.png) no-repeat 950px 0;
     height:800px;
     }


.row {margin-bottom:300px; max-height:320px;}

/*  Home Banner*/
.banner {
left:352px !important;
position:absolute;
top:0 !important;
z-index:99999;
}

/*  Händlerliste */
div#haendler-list {
display:block;
float:left;
margin:5px 0 30px 0;
width:550px;

}
 
div#haendler-list a {
display:block;
float:left;
margin:0 19px 19px 0;
}

.threed {position:absolute;top:145px;left:520px;}

.order-online a {text-decoration:none;}
.order-online span {border-bottom:1px solid}
.order-online a img {
    margin-left:20px;
    position:relative;
    top:10px;
}