@media screen {
    body {
      background-image: url(../pic/background2.jpg);
      background-repeat: repeat-y;
      background-position: center center;
      background-attachment: fixed;
      margin: 0px;
      font-family: verdana, arial, sans-serif;
      font-size: 11px;
      color: #000000;
      line-height: 15px;
      width: 500px;
      padding-left: 50%;
    }
    
    img {
      behavior: url( "css/png.htc" );
    }
    
    #main {
      width: 955px;
      padding: 0;
      margin: 0;
      margin-left: -477px;
    }
    
    table {
      font-size: 11px;
      line-height: 15px;
    }
    
    form {
      display: inline;
    }
    
    h1 { 
      color: #990000;
      font-size: 13pt;
      text-decoration: none;
      font-weight: bold;
      margin: 5px 0 10px 0;
    }
    
    h2 {
      color: #990000;
      font-size: 12pt;
      text-decoration: none;
      font-weight: bold;
    }
    
    h3 {
      color: #990000;
      font-size: 11px;
      text-decoration: none;
      font-weight: bold;
      line-height: 15px;
      padding: 0;
      margin: 0;
    }
    
    h4 { 
      color: #FF6600;
      font-size: 13pt;
      text-decoration: none;
      font-weight: bold;
    }
    
    h5 {
      color: #FF6600;
      font-size: 12pt;
      text-decoration: none;
      font-weight: bold;
    }
    
    h6 {
      color: #FF6600;
      font-size: 11pt;
      text-decoration: none;
      font-weight: bold;
    }
    
    input, textarea {
      background-color: #ffffff;  
      border: 1px solid #ff6600;
      font-size: 10px;
    }
    
    select{
        background-color: #E5E5E5;  
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 10px;
    }
    
    textarea.infotext {
      font-size: 12px;
      width: 300px;
      height: 100px;
    }
    
    input.imagefield {
      background-color: transparent; 
      border: 0px;
    }
    
    a { 
      font-size: 8pt;
      color: #990000;
      text-decoration: underline;
      font-weight: bold;
    }
    
    a:hover { 
      color: #FF6600;
      text-decoration: underline;
      font-weight: bold;
    }
    
    a:active { 
      color: #FF6600;
      text-decoration: underline;
      font-weight: bold;
    }
    
    .top {
      background-image: url(../pic/top.jpg);
      background-repeat: no-repeat;
    }
    
    .top_down {
      background-image: url(../pic/top_down.jpg);
      background-repeat: no-repeat;  
    }
    
    .content {
      background-image: url(../pic/content.jpg);
      padding: 10px 10px 10px 10px;
      line-height: 15px;
    }
    
    .right {
      background-image: url(../pic/back_orange.jpg);
    }
    
    .red {
      background-image: url(../pic/red_background.jpg);
      background-repeat: repeat-y;
    }
    
    .menu_back {
      background-image: url(../pic/menu_back.jpg);
      background-repeat: repeat-y;  
    }
    
    .menu_bottom {
      background-image: url(../pic/menu_bottom.jpg);
      background-repeat: no-repeat;  
    }
    
    .left {
      padding-left: 67px;
    }
    
    .banner {
      padding-left: 67px;
      padding-top: 15px;
      padding-bottom: 0px;
    }
    
    .sub {
      font-family: arial, verdana, sans-serif;
      font-size: 12px;
      color: #ffcc99;
      font-weight: bold;
      text-decoration: none;
    }  
    
    .sub a, .over a, .out a {
      color: #ffcc99;
      font-weight: bold;
      text-decoration: none;
    }
    
    .sub a:hover, .over a:hover, .out a:hover {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
    }
    
    .sub a:active, .over a:active, .out a:active {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
    }
    
    .over {
      background-image: url(../pic/red_background.jpg);
      font-family: arial, verdana, sans-serif;
      font-size: 12px;
    }
    
    .out {
      background-image: url(../pic/blanky.gif);
      font-family: arial, verdana, sans-serif;
      font-size: 12px;
    }
    
    .over a {
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
    }
    
    #menuunten {
        font-family: arial, verdana, sans-serif;
        width: 160px;
    }
            #menuunten ul {
                list-style: none;
                margin: 0 0 0 0;
                padding: 0;
                text-align: center;
            }
    
            #menuunten h2,
            #menuunten h2 a {
                height: 25px;
            }
    
            #menuunten h2 a:hover {
                color: #ffcc99;
                margin: -6px 0 0 0;
                padding: 11px 0 0 0;
            }
    
            #menuunten ul li.unten_over h2 a:hover {
                background-image: url(../pic/back_orange.jpg);
                margin: 0;
                padding: 5px 0 0 0;
            }
    
            #menuunten h2,
            #menuunten h2 a
            {
                display: block;
                margin: 0;
                padding: 5px 0 0 0;
            }
    
            #menuunten a {
                font-size: 12px;
                color: #fff;
                text-decoration: none;
                font-weight: bold;
            }
    
            #menuunten a:hover {
                color: #ffcc99;
            }
    
            div#menuunten ul {
                background-image: url(../pic/menu.gif);
                background-repeat: no-repeat;
            }
    
    
            div#menuunten ul li.unten_over ul ul,
            div#menuunten ul ul,
            div#menuunten ul li:hover ul ul,
            div#menuunten ul ul li:hover ul ul {
                display: none;
            }
    
    
            div#menuunten ul li.unten_over ul {
                margin: 0 0 0 0;
                padding: 0 0 5px 0;
                background-image: none;
                display: block;
                text-align: right;
                width: 130px;
            }
    
            #menuunten ul li.unten_over a.unten_over
            {
                margin: 0;
                color: #ffcc99;
            }
    
            #menuunten ul li.unten_over {
                color: #ffcc99;
                background-image: url(../pic/back_orange2.jpg);
                margin: -6px 0 0 0;
            }
    
    
            #menuunten ul ul a {
                padding: 2px 0 0 0;
                color: #ffcc99;
            }
    
            #menuunten ul ul li.unten_over a,
            #menuunten ul ul li.unten_over a.unten_over,
            #menuunten ul ul a:hover {
                padding: 2px 0 0 0;
                color: #fff;
            }
            #menuunten ul ul li.unten_over {
                margin: 0 0 0 0;
            }
    
    #menu2 {
        display: block;
        width: 160px;
        height: 22px;
        padding: 8px 0px 2px 0px;
        text-align: center;
        background-image: url(../pic/menu.gif);
        background-repeat: no-repeat;
    }
    
    #menu2:hover {
        background-image: url(../pic/back_orange2.jpg);
        background-repeat: no-repeat;
        margin: 0;
        padding: 8px 0px 2px 0px;
    }
    
    #menu2:active {
        background-image: url(../pic/back_orange2.jpg);
        background-repeat: no-repeat;
        margin: 0;
        padding: 8px 0px 2px 0px;
    }
    
            #menu2 a {
                font-size: 12px;
                color: #fff;
                text-decoration: none;
                font-weight: bold;
            }
    
            #menu2 a:hover {
                color: #ffcc99;
            }
    
    .guestbook {
      width: 70%;
    }
    
    .guestbook2 {
      width: 90%;
    }
    
    .pic {
      background-color: #E5E5E5;
      padding: 5px 0px 5px 0px;
    }
    
    .title {
      background-color: #990000;
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
      padding: 2px 0px 2px 3px;
    }
    
    .title a {
      color: #ffffff;
      text-decoration: none;
      font-weight: bold;
    }
    
    .title a:hover {
      color: #ffcc99;
      text-decoration: none;
      font-weight: bold;
    }
    
    .title a:active {
      color: #ffcc99;
      text-decoration: none;
      font-weight: bold;
    }
    
    .lead {
      color: #990000;
      font-size: 10px;
      font-weight: bold;
      text-decoration: none;
      padding: 2px 0px 2px 3px;
    }
    
    .text {
      color: #000000;
      font-size: 10px;
      font-weight: normal;
      text-decoration: none;
      padding: 2px 0px 2px 3px;
    }
    
    .pager {
      background-image: url(../pic/red_background.jpg);
      color: #ffffff;
      font-size: 10px;
      font-weight: normal;
      text-decoration: none;
    }
    
    .date {
      color: #000000;
      font-size: 10px;
      font-weight: normal;
      text-decoration: none;
    }
    
    .mehr {
      color: #990000;
      font-size: 10px;
      font-weight: normal;
      text-decoration: none;
    }
    
    .mehr a {
      color: #990000;
      font-size: 10px;
      font-weight: normal;
      text-decoration: none;
    }
    
    .slide {
      color: #ffffff;
      font-size: 11px;
      font-weight: bold;
      text-decoration: none;
    }
    
    .block {
      border: 1px #ff6600 solid;
    }
    
    .block_out {
      padding: 2px 0px 0px 0px;
    }
    
    .message {
      background-image: url(../pic/message.gif);
      text-align: center;
      font-family: arial, verdana, sans-serif;
      font-size: 18px;
      color: #ff0000;
      font-weight: bold;
      margin: 10px 0 5px 0;
      padding: 10px 20px 10px 20px;
      display: inline;
    }
    
    #kattext {
      background-color: #E5E5E5;
      border: 1px inset #990000;
      text-align: justify;
      font-family: arial, verdana, sans-serif;
      font-size: 11px;
      color: #990000;
      font-weight: bold;
      margin-bottom: 10px;
      padding: 0 10px 0 10px;
    }
    
    #kattextleer {
      background-color: #E5E5E5;
      border: 1px inset #990000;
      text-align: center;
      font-family: arial, verdana, sans-serif;
      font-size: 11px;
      color: #990000;
      font-weight: bold;
      margin-bottom: 10px;
      padding: 0 10px 0 10px;
    }

    #kattext2 {
      background-color: #E5E5E5;
      border: 1px inset #990000;
      font-family: arial, verdana, sans-serif;
      font-size: 11px;
      color: #000000;
      font-weight: normal;
      margin-bottom: 10px;
      padding: 0 10px 0 10px;
    }
    
    #menu_unten span {
        background-image: url(../pic/agb_back.jpg);
        background-repeat: no-repeat;
        display: block;
        font-family: arial, verdana, sans-serif;
        font-size: 12px;
        text-align: center;
        width: 160px;
        height: 30px;
        padding-top: 2px;
        color: #ffffff;
    }
    
    .oben_out a {
        font-family: arial, verdana, sans-serif;
        font-size: 12px;
        color: #ffffff;
    }
    
    #menu_unten span:hover a {
        font-family: arial, verdana, sans-serif;
        font-size: 12px;
        color: #ffcc99;
    }
    
    .oben_over a {
        background-image: url(../pic/back_orange2.jpg);
        background-repeat: no-repeat;
        display: block;
        font-family: arial, verdana, sans-serif;
        font-size: 12px;
        text-align: center;
        margin-top: -9px;
        padding-top: 6px;
        width: 160px;
        height: 30px;
        color: ffcc99;
    }
    
    .shoptrenner {
        height: 2px;
    }
    
    .stitle {
        background-color: #990000;
        color: #ffffff;
        font-weight: bold;
        padding: 1px 3px 1px 3px;
    }
    
    .stitlekat {
        background-image: url(../pic/orange2.jpg);
        color: #ffffff;
        font-weight: bold;
        padding: 1px 3px 1px 3px;
        border-top: 1px #990000 solid;
        border-left: 1px #990000 solid;
    }
    
    .stitlekat a {
        color: #ffffff;
        font-weight: bold;
    }
    
    .stitlekat a:hover {
        color: #ffcc99;
        font-weight: bold;
    }
    
    .stitlekat a:active {
        color: #ffcc99;
        font-weight: bold;
    }
    
    .spreis {
        background-image: url(../pic/orange2.jpg);
        font-weight: bold;
        color: #ffffff;
        padding: 0 3px 0 3px;
    }
    
    .sbalken {
        background-color: #E5E5E5;
    }
    
    .sblock {
        border-left: 1px #990000 solid;
        border-bottom: 0px #990000 solid;
    }
    
    input.benutzer {
        width: 100px;
    }
    
    input.passwort {
        width: 100px;
    }
    
    #preis {
       margin: 0;
       padding: 0;
       display: block;
       position: relative;
       vertical-align: top;
       height: 19px;
       width: 50%;
       background-image: url(../pic/orange.jpg);
       background-repeat: repeat-x;
    }
    
    #preis2 {
       margin: 0;
       padding: 0;
       display: inline;
       position: absolute;
       bottom: 2px;
       right: 90px;
       text-align: right;
       vertical-align: middle;
       font-weight: bold;
       color: #ffffff;
    }
    
    .button {
       background-color: #ffffff;  
       border: 1px solid #ff6600;
       font-size: 10px;
    }
    
    
    
    #cat_active {
        background-color: #990000;
        color: #ffffff;
        font-weight: bold;
        padding: 1px 3px 1px 3px;
        background-image: none;
    }
    
    #cat_active a {
        color: #ffffff;
        font-weight: bold;
    }
    
    #cat_active a:hover {
        color: #ffcc99;
        font-weight: bold;
    }
    
    #cat_active a:active {
        color: #ffcc99;
        font-weight: bold;
    }
    
    .cat_ebene1 {
        background-image: url(../pic/orange2.jpg);
        color: #ffffff;
        font-weight: bold;
        padding: 1px 3px 1px 3px;
        border-top: 1px #990000 solid;
        border-left: 1px #990000 solid;
    }
    
    .cat_ebene1 a {
        color: #ffffff;
        font-weight: bold;
    }
    
    .cat_ebene1 a:hover {
        color: #ffcc99;
        font-weight: bold;
    }
    
    .cat_ebene1 a:active {
        color: #ffcc99;
        font-weight: bold;
    }
    
    .cat_ebene2 {
        background-image: url(../pic/content.jpg);
        color: #ffffff;
        font-weight: bold;
        padding: 1px 3px 1px 3px;
        border-top: 1px #990000 solid;
        border-left: 1px #990000 solid;
        border-right: 1px #ffffff solid;
        border-bottom: 1px #ffffff solid;
    }

#bestellinfo {
    background-color: #cccccc;
    border: 2px #ff6600 solid;
    color: #990000;
    margin: 0px;
    padding: 10px;
    width: 540px;
    height: auto;
}

#bestellinfo h1 {
    margin: 10px 10px 10px 0;
    font-size: 13pt;
    font-weight: bold;
}

#bestellinfo p,
#bestellinfo li {
    font-size: 11px;
    color: #990000;
}

#bestellinfo li {
    list-style: none;
}

#bestellinfo ul {
    margin-left: 0;
    padding-left: 0;
}

}

@media print {
    body,table,input,textarea,select {
        font-family: verdana, arial, tahoma, sans-serif;
        font-size: 11px;
        line-height: 15px;
        color: #000066;
        margin: 0px;
    }
    
    table
    {
        visibility: hidden;
    }
    
    ul,
    li
    {
        visibility: hidden;
        display: none;
    }
    
    #show,
    #innerContent,
    #innerContent table
    {
        display: block !important;
        visibility: visible;
    }
    
    #show
    {
         position: absolute;
         left: 0px;
         top: 10px;
         width: 630px;
    }
    
    .stitle {
      font-size: 13px;
      fontweight: bold;
    }
}