@media screen {
    html {
         background: #f8f9e0;
         overflow-y: scroll;
         overflow-x: auto 
    }
     body {
         margin: 0;
         padding: 0;
         background-image: url("/files/theme/hpsd/bg.gif");
         background-position: center top;
         background-repeat: repeat-y;
    }
     #wrapper{
         width:840px;
         margin:0 auto;
    }
     #header{
         height:201px;
    }
     #footer{
         height:100px;
    }
     #header {
         background: url("/files/theme/hpsd/header1.png") center top no-repeat;
         height: 201px;
    }
    .page-93 #header,
    .page-94 #header,
    .page-125 #header,
    .page-129 #header {
         background: url("/files/theme/hpsd/header2.png") center top no-repeat;
    }
    .page-133 #header,
    .page-171 #header,
    .page-137 #header,
    .page-153 #header,
    .page-158 #header
    {
         background: url("/files/theme/hpsd/header3.png") center top no-repeat;
    }
    .page-37 #header,
    .page-178 #header
    {
         background: url("/files/theme/hpsd/header4.png") center top no-repeat;
    }
    .page-152 #header,
    .page-55 #header,
    .page-31 #header,
    .page-32 #header
    {
         background: url("/files/theme/hpsd/header5.png") center top no-repeat;
    }
    .page-223 #header
    {
         background: url("/files/theme/hpsd/header6.png") center top no-repeat;
    }
     #container {
         background: transparent center top no-repeat;
    }
     #footer {
         background: url("/files/theme/hpsd/footer.gif") center top no-repeat;
    }
     #footer {
         height: 100px;
    }
     h2 {
         margin-top: 15px;
    }
     .mod_navigationMain a, .mod_navigationMain strong {
         color: #fff !important;
         line-height: 34px;
         height: 31px;
    }
     .mod_navigationMain a:hover, .mod_navigationMain strong, .mod_navigationMain .active {
         background: 0 none !important;
         background-color: #896e53 !important;
    }
     .mod_navigationMain a, .mod_navigationMain strong {
         display: block;
         margin-right: 1px;
         padding-right: 21px;
         padding-left: 21px;
         text-align: center;
         font: 17px/30px trebuchet ms,Verdana,Arial,Helvetica,sans-serif;
         line-height: 30px;
         text-decoration: none;
         color: #fff;
    }
     .mod_navigationMain span {
         padding-left:0px;
         padding-right:0px;
    }
     .mod_navigationSub a, .mod_navigationSub strong {
         display: block;
         padding-top: 4px;
         padding-bottom: 4px;
         padding-left: 4px;
         text-align: left;
         border-bottom: 1px solid #896e53;
         font: 11px Trebuchet ms,Verdana,Arial,Helvetica,sans-serif;
         font-weight: normal;
         font-weight: bold;
         text-decoration: none;
         color: #555;
    }
     .mod_navigationSub span {
         border:0 none;
    }
     .mod_navigationSub h1 {
         background-color: #cdbca2;
         border-bottom: 0px solid #896E53;
         color: #444;
    }
     .mod_navigationSub span::before {
         content:'';
    }
     .mod_breadcrumb span, a:hover, h1 {
         color: #896e53;
    }
     .ce_gallery > ul li {
         list-style: none !important;
    }
     .ce_gallery > ul li:before {
         content:'' !important;
    }
     #footer .unten a:hover {
         color: #896e53;
         background-color: transparent;
    }
     #main li:before {
         content: "•";
         color: #df653b;
         margin-left: -10px;
         padding-right: 10px;
         font-size: 18px;
    }
     #main li {
         list-style: none;
         font: 12px Verdana,Arial,Helvetica,sans-serif;
    }
     hr {
         color: #ddd;
    }
     .mod_breadcrumb ul {
         padding-left:0px;
    }
     .mod_breadcrumb li {
         display: inline-block;
    }
     .mod_breadcrumb li:before {
         content:'' !important;
    }
     .mod_breadcrumb li:after {
         content: " > ";
        padding-left: 6px;
        padding-right: 4px;
    }
     .mod_breadcrumb li.active:after {
         content:"";
    }
    .mod_navigationSub li.active strong {
        padding: 8px !important;
        font-style: italic !important;
    }
}
