@import url(reset.css);
@import url(footer.css);

#All {
    margin:              0 auto;
    position:            relative;
    width:               885px;
}

#All #Modules form input.action {
    margin-bottom:       20px;
    margin-right:        0;
    margin-top:          10px;
}

#All #Modules h3,#All #Modules p,#All #Modules form {
    clear:               both;
    padding-left:        30px;
    width:               175px;
}

#All #Modules li {
    background:          repeat-x #000 url(../images/gradient-modules.png) bottom;
    border-bottom:       1px solid #7c7265;
    border-top:          0;
    padding:             20px 0 10px;
}

#All #Modules li.top {
    padding-top:         40px;
}

#All #Modules ul,#ManufacturerFilter select,.impressum #Content,#Stage div ul.specials li p,#Stage div ul.specials li h4,#Stage #FullContent .alternative .description p {
    width:               100%;
}

#All #Navigation li a,#All #Filter li a {
    border:              0;
    display:             block;
    margin:              1px 0;
    padding:             0 0 0 40px;
    width:               153px;
}

#All #Navigation li,#All #Filter li {
    background:          transparent;
    border-bottom:       1px solid #7c7265;
    border-top:          0;
    padding:             0;
    width:               100%;
}

#All #Navigation ul {
    border-top:          0!important;
}

#All #Navigation ul,#All #Filter ul {
    border-top:          1px solid #7c7265;
    width:               100%;
}

#All #Navigation-Top #Imprint {
    margin-left:         20px;
}

#All #Navigation-Top a {
    border:              0;
    padding:             0 2px;
    text-decoration:     none;
}

#All #Navigation-Top li {
    float:               left;
    margin-left:         6px;
    width:               auto;
}

#All #NavigationSub {
    float:               left;
    margin-bottom:       15px;
    margin-top:          30px;
    width:               100%;
}

#All #NavigationSub li {
    background:          transparent;
    border:              0;
    border-bottom:       1px solid #857a66;
    border-top:          1px solid #857a66;
    clear:               none;
    float:               left;
    margin:              0 18px 0 0;
    padding:             0;
    width:               160px;
}

#All #NavigationSub li a {
    border:              0;
    display:             block;
    height:              20px;
    margin:              1px 0;
    padding:             0;
    text-align:          center;
    width:               100%;
}

#All #Stage #Filter {
    float:               left;
    margin:              40px 0;
    width:               70%;
}

#All #Stage #Filter li a {
    line-height:         20px;
    padding-left:        20px;
    width:               140px;
}

#All #Stage #Filter ul {
    clear:               none;
    float:               left;
    margin-right:        15px;
    width:               160px;
}

#All #Stage #Modules a.mail {
    color:               #CCC;
    display:             block;
    width:               200px;
}

#All #Stage #Modules a.mail:hover {
    background:          transparent;
    color:               #CCC;
    text-decoration:     none;
}

#All #Stage .packages .image {
    margin-right:        0;
}

#All #Stage .thumbnail {
    float:               left;
    margin-right:        3%;
    width:               17%;
}

#All #Stage .thumbnail .zoom {
    background:          no-repeat url(../images/button-zoom.png) center center;
    border-bottom:       1px solid #857a66;
    border-top:          1px solid #857a66;
    display:             block;
    float:               right;
    height:              15px;
    padding:             1px 5px;
    text-indent:         -999px;
    width:               15px;
}

#All #Stage .thumbnail a {
    border:              0;
    margin:              0;
    padding:             0;
}

#All #Stage .thumbnail a.item-1 {
    background:          no-repeat url(../images/button-zoom.png) right top;
    display:             block;
    float:               left;
}

#All #Stage a.mail {
    border:              0;
    font-weight:         700;
    padding:             0;
    text-decoration:     underline;
}

#All .tabular li a {
    clear:               none;
}

#All ul,#All #Gallery li,#All #Manufacturers li {
    list-style:          none;
    margin:              0;
}

#All.impressum #Content div.part {
    width:               795px;
}

#Content {
    float:               left;
    width:               635px;
}

#Content div.part {
    background:          repeat-x #000 url(../images/gradient-main.png) bottom;
    border-top:          1px solid #7c7265;
    clear:               both;
    float:               left;
    padding:             0 45px 20px;
    width:               545px;
}

#Content div.part.top {
    border-top:          0;
    padding-top:         25px;
}

#Content ul li {
    list-style:          square outside;
    margin-left:         16px;
}

#FooterContent {
    background:          #010101 repeat-x url(../images/gradient-footer.png) top;
}

#FooterContent .top a {
    background:          no-repeat url(../images/top-link.gif) center left;
    display:             block;
    padding-left:        20px;
}

#FooterContent li {
    float:               left;
    margin-right:        15px;
}

#FooterContent ul {
    background:          no-repeat url(../images/footer-sep.gif) center right;
    float:               left;
    margin-left:         20px;
    padding-right:       15px;
}

#FooterContent ul a {
    color:               #aaa7a6;
    text-decoration:     none;
}

#FooterContent ul.left {
    margin-left:         50px;
    padding-right:       20px;
}

#FooterContent ul.right {
    background:          none;
}

#Form_ContactForm {
    width:               553px;
}

#Form_ContactForm #Betreff label {
    margin-top:          20px;
}

#Form_ContactForm #Betreff,#Form_ContactForm textarea {
    width:               542px;
}

#Form_ContactForm #Firma {
    width:               197px;
}

#Form_ContactForm #Name {
    width:               153px;
}

#Form_ContactForm #PLZ {
    width:               47px;
}

#Form_ContactForm #Stadt {
    width:               158px;
}

#Form_ContactForm #Strasse input,#Form_ContactForm #StrasseNr input,#Form_ContactForm #PLZ input,#Form_ContactForm #Stadt input,#Form_ContactForm #Telefon input,#Form_ContactForm #Firma input {
    background:          #BBB;
}

#Form_ContactForm #Strasse,#Form_ContactForm #Email {
    width:               254px;
}

#Form_ContactForm #StrasseNr {
    margin-right:        29px;
    width:               38px;
}

#Form_ContactForm #Telefon,#Form_ContactForm .dropdown select {
    width:               280px;
}

#Form_ContactForm #Vorname {
    width:               176px;
}

#Form_ContactForm .dropdown label {
    color:               #FFF;
}

#Form_ContactForm .dropdown label em {
    color:               #999;
}

#Form_ContactForm div.field {
    float:               left;
    margin-right:        8px;
}

#Form_ContactForm label {
    color:               #999;
    font-size:           12px;
    margin-top:          6px;
}

#Form_ContactForm label,#Form_ContactForm input.text,#Filter ul li,#Manufacturers li {
    clear:               both;
    float:               left;
}

#Form_ContactForm span.message {
    display:             none!important;
}

#Form_ContactForm textarea {
    height:              128px;
}

#FullContent {
    float:               left;
    margin:              0 30px 40px;
    width:               825px;
}

#FullContent .few li {
    height:              75px;
}

#FullContent .more li {
    height:              110px;
}

#FullContent .more li.alternative {
    height:              300px;
}

#FullContent ul {
    line-height:         1.2em;
}

#FullContent ul li a,#Stage ul.tabular li div.links {
    float:               left;
}

#Header {
    clear:               both;
    float:               left;
    height:              266px;
    width:               100%;
}

#ManufacturerFilter {
    float:               right;
    margin:              40px 0;
    width:               170px;
}

#ManufacturerFilter input {
    clear:               both;
    float:               right;
}

#ManufacturerHint {
    float:               right;
    font-size:           .8em;
    line-height:         1.4em;
    margin:              40px 0 0;
    width:               162px;
}

#ManufacturerHint strong,.price strong {
    text-transform:      uppercase;
}

#MemberLoginForm_LoginForm {
    width:               300px;
}

#Modules {
    float:               left;
    min-height:          1px;
    width:               250px;
}

#Navigation {
    float:               right;
    width:               193px;
}

#Navigation-Top {
    font-size:           12px;
    position:            absolute;
    right:               0;
    top:                 5px;
    width:               auto;
}

#Navigation-Top a:hover,#Navigation-Top .section a,#Navigation-Top .current a {
    background:          #FFF;
    color:               #000;
    padding:             0 2px;
}

#NavigationLogo {
    float:               left;
    height:              117px;
    overflow:            hidden;
    text-align:          center;
    width:               193px;
}

#NavigationLogo img {
    margin:              0 auto;
}

#Slides {
    background:          no-repeat url(../images/dummy-head.jpg) top left;
    border-bottom:       1px solid #7c7265;
    float:               left;
    height:              265px;
    overflow:            hidden;
    width:               654px;
}

#Stage {
    background:          repeat-x #000 url(../images/gradient-main.png) bottom;
    border-bottom:       1px solid #57524c;
    border-top:          1px solid #9b8e7e;
    clear:               both;
    float:               left;
    width:               100%;
}

#Stage #Content #GalleryContainer {
    height:              450px;
    overflow:            hidden;
    position:            relative;
    width:               532px;
}

#Stage #Content li .move-left {
    background-image:    url(../images/move-left.png);
    left:                1px;
}

#Stage #Content li .move-left,#Stage #Content li .move-right {
    background-position: top left;
    background-repeat:   no-repeat;
    cursor:              pointer;
    display:             block;
    height:              39px;
    position:            absolute;
    text-indent:         -999em;
    top:                 176px;
    width:               39px;
}

#Stage #Content li .move-right {
    background-image:    url(../images/move-right.png);
    right:               3px;
}

#Stage #Content ul#Gallery {
    display:             block;
    height:              100%;
    left:                0;
    position:            absolute;
    top:                 0;
}

#Stage #Content ul#Gallery .counter {
    float:               right;
}

#Stage #Content ul#Gallery img {
    border:              1px solid #877c62;
}

#Stage #Content ul#Gallery li {
    background:          transparent;
    border:              0;
    clear:               none;
    float:               left;
    height:              100%;
    margin-right:        10px;
    padding-bottom:      30px;
    position:            relative;
    width:               532px;
}

#Stage #Filter ul li a:hover,#Stage #Filter ul li.current a,#All #NavigationSub li a:hover,#All #NavigationSub li.current a:hover {
    background:          #FFF;
}

#Stage #FullContent ul li h4 {
    margin-right:        1%;
    width:               22%;
}

#Stage #FullContent ul li p {
    margin-right:        3%;
    width:               28%;
}

#Stage #Manufacturers {
    float:               left;
    margin:              0 0 90px;
}

#Stage #Manufacturers li {
    background:          transparent;
    border:              0;
    margin-top:          50px;
    padding:             0;
}

#Stage #Manufacturers li .details {
    float:               left;
    width:               350px;
}

#Stage #Manufacturers li .details a,.description .links a {
    margin-right:        10px;
}

#Stage #Manufacturers li p {
    margin-right:        0;
    width:               350px;
}

#Stage #Manufacturers li span.logo {
    float:               left;
    margin-right:        30px;
    width:               165px;
}

#Stage #NavigationSub li {
    list-style:          none;
}

#Stage #zoomOverlay,#Stage #zoomOverlay:hover {
-moz-border-radius:5px;
-webkit-border-radius:5px;
    background:          #000 no-repeat url(../images/button-zoom-noborder.png) center center!important;
    border:              0;
    display:             block;
    height:              40px;
    opacity:             .9;
    padding:             0;
    position:            absolute;
    text-indent:         -999em;
    width:               40px;
}

#Stage div ul.specials li h4 {
    margin-bottom:       40px;
}

#Stage div ul.specials li p {
    clear:               both;
    float:               none;
    margin-bottom:       25px;
    margin-left:         1.5%;
}

#Stage ul li a,p.maps a,.home .top a,a.link {
    border-bottom:       1px solid #857a66;
    border-top:          1px solid #857a66;
    clear:               both;
    padding:             0 5px;
    text-decoration:     none;
}

#Stage ul li a.zoom {
    border:              0;
    padding:             0;
}

#Stage ul li a.zoom:hover {
    background:          0;
}

#Stage ul li a:hover,#Stage ul li.current a,#Stage ul li.section a,#Filter ul li a:hover,#Filter ul li a.current,p.maps a:hover,.home .top a:hover,form input.action:hover,a.link:hover {
    background:          #FFF;
    color:               #000;
}

#Stage ul.tabular {
    clear:               both;
    float:               left;
    line-height:         1.3em;
    margin-bottom:       22px;
    width:               100%;
}

#Stage ul.tabular li {
    background:          repeat-x #010101 url(../images/gradient-table-border.png) top;
    clear:               both;
    float:               left;
    list-style:          none;
    margin:              0;
    padding:             13px 0 20px;
    width:               100%;
}

#Stage ul.tabular li div.links a {
    clear:               both;
    float:               left;
    margin-bottom:       15px;
}

#Stage ul.tabular li h4 {
    float:               left;
    margin-left:         1.5%;
    width:               31%;
}

#Stage ul.tabular li h4 em {
    font-weight:         400;
}

#Stage ul.tabular li p {
    float:               left;
    margin-bottom:       0;
    margin-right:        40px;
    width:               28%;
}

#Stage ul.tabular li span.link {
    float:               left;
    width:               17%;
}

#Stage ul.tabular li span.price {
    float:               right;
    margin-right:        1%;
    width:               14%;
}

#Stage ul.tabular li span.price span {
    display:             block;
    padding-bottom:      15px;
}

#fancy_content {
    background:          no-repeat url(../images/ajax-loader.gif) center center;
}

.alternative div.links {
    margin-left:         31%;
}

.deeplink,.home .top a {
    margin-left:         7px;
}

.description .links {
    margin-top:          14px;
}

.group {
    clear:               right;
    float:               left;
    width:               30%;
}

.hint {
    font-size:           .9em;
    font-style:          italic;
    line-height:         1.3em;
}

.leistungen_services #Content li {
    margin-bottom:       7px;
}

.packages .description {
    clear:               both;
    float:               left;
    margin-left:         1%;
    margin-top:          34px;
    width: 96%;
}

.price em {
    font-size:           .7em;
}

.promo-persch a {
    background:          no-repeat url(../images/promo-persch.png) center;
    display:             block;
    text-indent:         -999em;
    width:               143px;
}

.right {
    float:               right;
    margin-left:         30px;
}

.sonderpreis {
    color:               #e8d473;
    font-weight:         700;
}

.specialDescription {
    font-size:           .9em;
}

.specials .info,.specials .image,.specials .price,#All #Stage .packages .image {
    float:               left;
    width:               30%;
}

.specials .price strong {
    text-transform:      none;
}

.specials del {
    float:               right;
    margin-right:        20px;
}

.specials div.info {
    margin-left:         1.5%;
    margin-right:        3%;
    width:               33.5%;
}

.specials div.price {
    margin-left:         2%;
    width:               30%;
}

.specials strong {
    font-weight:         700;
}

.thumbnail a,#ForgotPassword,.home #Home {
    display:             none;
}

.zooming a,h1 a {
    display:             block;
    height:              100%;
    width:               100%;
}

a {
    color:               #f1f0f0;
}

a:focus {
    outline:             none;
}

body {
    background:          #272522 no-repeat url(../images/background-bg.png) top left;
    color:               #CCC;
    font:                normal 14px/22px Times, "Times New Roman", serif;
}

del {
    text-decoration:     line-through;
}

div.thumbnail span {
    display:             block;
    height:              70px;
}

form input.action {
    background:          0;
    border:              0;
    border-bottom:       1px solid #827969;
    border-top:          1px solid #827969;
    color:               #FFF;
    cursor:              pointer;
    float:               right;
    font:                normal 14px/24px Times, "Times New Roman", serif;
    line-height:         16px;
    margin-right:        8px;
    margin-top:          22px;
    padding:             0 4px;
}

form input.text {
    border:              0;
    padding:             2px 1px;
    width:               100%;
}

form input.validationError {
    background:          #ea6b68!important;
}

h1 {
    background:          no-repeat url(../images/logo-hamann.png) top left;
    height:              60px;
    padding-top:         40px;
    text-indent:         -999em;
    width:               240px;
}

h2 {
    clear:               both;
    color:               #a09357;
    font-size:           22px;
    font-weight:         400;
    line-height:         25px;
    margin-bottom:       25px;
    padding:             25px 0 0;
    text-transform:      uppercase;
}

h3 {
    color:               #a09357;
    font-size:           18px;
    font-weight:         400;
    line-height:         25px;
    padding:             10px 0;
    text-transform:      uppercase;
}

h4 {
    color:               #f1f0f0;
    font-size:           14px;
    font-weight:         700;
    text-transform:      uppercase;
}

li.alternative .description {
    clear:               both;
    margin-left:         24.5%;
    width:               60%;
}

li.alternative .thumbnail {
    margin-bottom:       10px;
}

p {
    margin-bottom:       22px;
}

p.group {
    float:               left;
    width:               230px;
}

p.group a {
    color:               #ccc;
    font-weight:         700;
}

p.maps {
    clear:               both;
}

#Stage div ul.specials li p {
    margin-right: 0;
}

#Stage #Content ul li a.plain {
    background: transparent;
    padding: 0;
    color: #CCC;
    border: 0;
    text-decoration: underline;
}

#Stage #Content ul li a.plain:hover {
    background: transparent;
    text-decoration: none;
}

.validationError .message {
    display: none !important;
}