/* CSS für Seete.com
////////////////////////*/

/* CSS für das Design der Seite
/* allgemeine Styles */
body {
     background-color: white;
     background-image: url(../graphic/backgrd.jpg);
     background-repeat: repeat-x;
     background-attachment: scroll;
     padding: 0px;
     margin: 0px;
     }

img {
    border: 0px;
    }

/* syles für den Kopfbereich
///////////////////////////// */
#head {
     position: relative;
     margin: 0 auto;
     margin-top:0px;
     height: 191px;
     width: 779px;
     z-index: 2;
     }

* html #head {
     left:50%;
     margin-left: -390px;
     }

#head_right {
      position: absolute;
      background-image: url(../graphic/head.jpg);
      background-repeat: no-repeat;
      height: 191px;
      width: 575px;
      margin-left: 205px;
      margin-top: 0px;
      z-index:-2;
      }

#head_cutlery_mirrowed {
     position: absolute;
     background-image: url(../graphic/cutlery_mirrowed.jpg);
     background-repeat: no-repeat;
     width: 289px;
     height: 91px;
     margin-left: 483px;
     margin-top:0px;
     z-index: 0;
     }

/* Logo und Navigtionssyles */
#head_logo {
     position: absolute;
     background-image: url(../graphic/logo.jpg);
     background-repeat: no-repeat;
     width: 205px;
     height: 260px;
     margin-left:0px;
     margin-top:0px;
     }

#navigation_sidelines {
     position: absolute;
     padding: 0px;
     margin-top: 24px;
     background-image: url(../graphic/box_sidelines.jpg);
     background-repeat: repeat-y;
     width: 192px;
     margin-left: 14px;
     height: 155px;
     }

#navigation_bottom {
     position: relative;
     padding: 0px;
     margin-top: 155px;
     background-image: url(../graphic/box_bottom.jpg);
     background-repeat: no-repeat;
     width: 192px;
     height: 7px;
     margin-left: 0px;
     }

* html #ie_hack {
     position: relative;
     margin-top: -8px;
     background-color: white;
     width: 192px;
     }

/* Styles für Rahmen um den eigentlichen Inhlt
///////////////////////////////////////////////*/
#content_frame {
     position: relative;
     padding: 0px;
     margin: 0 auto;
     margin-top: -3px;
     width: 779px;
     height: 665px;
     background-image: url(../graphic/content_sidelines.gif);
     background-repeat: repeat-y;
     z-index: 1;
     }

* html #content_frame {
     left: 50%;
     margin-left: -390px
     }

#adress_box {
     position: absolute;
     margin-top: 14px;
     width: 191px;
     }

* html #adress_box {
     margin-top: 2px;
     }

#news_box {
     position: absolute;
     margin-top: 142px;
     width: 191px;
     }

* html #news_box {
     margin-top: 129px;
     }

.box_top {
     background-image: url(../graphic/box_top.jpg);
     background-repeat: no-repeat;
     width: 191px;
     height: 5px;
     }

.box_sidelines {
     background-image: url(../graphic/box_sidelines.jpg);
     background-repeat: repeat-y;
     width: 160px;
     padding: 8px 15px 10px 22px;
     margin: 0px;
     }

* html .box_sidelines {
     width: 191px;
     margin-top: -9px;
     }

#news_box .box_sidelines {
     padding: 28px 15px 10px 22px;
     height: 164px;
     }

* html #news_box .box_sidelines {
     height: 202px;
     }

.box_bottom {
     background-image: url(../graphic/box_bottom.jpg);
     background-repeat: no-repeat;
     width: 191px;
     height: 7px;
     }

#impressum {
     position: absolute;
     margin-left: 21px;
     margin-top: 596px;
     }

#button_neu {
     position: relative;
     margin-left: -22px;
     margin-bottom: -31px;
     margin-top: -10px;
     background-image: url(../graphic/button_neu.gif);
     background-repeat: no-repeat;
     width: 57px;
     height: 57px;
     z-index: 2;
     }


/* Styles für den eigentlichen Inhalt
//////////////////////////////////////*/
#content {
    background-color: transparent;
    position: absolute;
    margin-left: 248px;
    margin-top: 42px;
    width: 488px;
    padding-left: 0px;
    z-index: 3;
        width:500px;
    }

* html #content {
    padding-left: 1px;
    }

#content_divider {
    position: relative;
    width: 343px;
    height: 1px;
    background-color: #cccccc;
    margin-left: -17px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1px; /* damit es auch im IE nur einen Linie ist */
    }

#content div {
    z-index: 10;
    }

div #scroll {
    padding-left:1px;
    padding-right:1px;
    height:475px;
    width: 530px;
    overflow:auto;
    }


#kat {
    width:510px;
    text-align:center;
    }

.headline {
    font-size: 12px;
    font-weight: normal;
    color: #676767;
}


.listkey {
    font-size: 11px;
    font-weight: normal;
    color: #676767;
}

.description, .listvalue {
    font-size: 11px;
    font-weight: normal;
}