/*********************************
    /*  styles allgemein
    **********************************/

    /*
    Farben:
    neutrales rollover auch bei WEITER-button (hellgrau) #929091
    rollover MOVE-bereich #990225
    rollver CARE-bereich  #7BBF1A
    rollover REALX-bereich #68572C  
    */
    /*color:#B0B0B3;*/
    body {
        color:#4F4F4F;
        font-family:Verdana, Helvetica, Arial 'sans-serif' ;
        margin:0px;
        padding:0px;
        font-size:10px;
        line-height:8px;
        letter-spacing:1px;
        background: transparent;
        background-color:transparent;
    }

    #wrapper {
        width: 903px;
        position: absolute;
        left: 1%;
        border:0;
    }

    #wrapper_outer {
        width: 1130px;
        position: absolute;
        left: 1%;
        border:0;
    }


    #header {
        /* background-image: url(../gfx/mycalm_header.jpg); */
        background-repeat: no-repeat;
        height:232px;
        margin:10px 0 10px 0;
    }

    #teaser {
        background-image: url(../gfx/ligne_st_barth.gif);
        background-repeat: no-repeat;
        height:500px;
        margin:0px 0px 0px 930px ;
    }

    .content {
        float:left;
        margin:0px;
        padding:0px;
        width:903px;
    }

    .right_outer {
        margin-top:155px; 
        width: 200px;
        float:right;
        height:477px;
        border:0;
    }


    /*
        Hintergrundpattern (farben)
        fuer jede Kategorie
        move, care, relax, warenkorb, etc
    */
    
    #content-category1 {
        background-image: url(../gfx/content_bg_pink.gif);
    }

    #content-category2 {
        background-image: url(../gfx/content_bg_green.gif);
    }

    #content-category3 {
        background-image: url(../gfx/content_bg_gray.gif);
    }
    
    #content-category4 {
        background-image: url(../gfx/content_bg_darkgray.gif);
    }
    #content-category5 {
        background-image: url(../gfx/content_bg_gray.gif);
    }
    #content-category6 {
        background-image: url(../gfx/content_bg_pink.gif);
    }
    #content-category7 {
        background-image: url(../gfx/content_bg_gray.gif);
    }

    .footer {
        height:20px;
        width:903px;
        padding:0;
    }
    
    /*  
        Hintergrundbilder des footers fuer die einzelnen Kategorien.
        bilder werden automatisch in abhaengigkeit von
        content-category zugewiesen
    */
    
    #content-category1 #footer-bg  {background: url(../gfx/footer_pink.gif) no-repeat;}
    #content-category2 #footer-bg  {background: url(../gfx/footer_green.gif) no-repeat;}
    #content-category3 #footer-bg  {background: url(../gfx/footer_gray.gif) no-repeat;}
    #content-category4 #footer-bg  {background: url(../gfx/footer_darkgray.gif) no-repeat;}
    #content-category5 #footer-bg  {background: url(../gfx/footer_darkgray.gif) no-repeat;}
    #content-category6 #footer-bg  {background: url(../gfx/footer_pink.gif) no-repeat;}
    #content-category7 #footer-bg  {background: url(../gfx/footer_gray.gif) no-repeat;}
    #sub-footer {
        height:25px;
        border-bottom:1px solid #E6E4E5;
        width:100%;
        margin:4px 0 15px 0;
        float:left;
    }

    p {
        margin: 0;
        padding: 0;
        height: 4px;
        line-height: 4px;
    }
    
    p3 {
        margin: 0;
        padding: 0;
        height: 3px;
        line-height: 3px;
    }

    .clearer {
        clear:both;
        height:1px;
        line-height:1px;
        margin:0px;
        padding:0px;
    }

    /*******************************
    /*  die Links
    *******************************/
    
    /*
        formatierung fuer alle Links
    */
    a {
        font-size:10px;
        line-height:8px;
        text-decoration:none;
        /*text-transform: uppercase; */
        letter-spacing: 1px;
        font-stretch: wider;
        font-weight: 300;
        color: #818181;
    }
    
    A.cart {
        font-size:10px;
        line-height:8px;
        text-decoration:none;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 0px;
        font-stretch: normal;
    }
    /*
       hover farben allgenein, wenn nicht spezifiziert
    */
    a:hover {color:  #818181;}
    a:active {color:  #818181;}
    
    /*
       hover farben fuer die Navi links
       der einzelnen Kategorien
    */

    #navicat1  a:visited  {color: #818181;}
    #navicat1  a:hover    {color: #818181;}
    #navicat1  a:active   {color: #818181;}

    #navicat2  a:visited {color: #818181;}
    #navicat2  a:hover   {color: #818181;}
    #navicat2  a:active  {color: #818181;}

    #navicat3  a:visited {color: #818181;}
    #navicat3  a:hover   {color: #818181;}
    #navicat3  a:active  {color: #818181;}
    
    #navicat4  a:visited {color: #818181;}
    #navicat4  a:hover   {color: #818181;}
    #navicat4  a:active  {color: #818181;}

    #navicat5  a:visited {color: #818181;}
    #navicat5  a:hover   {color: #818181;}
    #navicat5  a:active  {color: #818181;}

    #navicat6  a:visited {color: #818181;}
    #navicat6  a:hover   {color: #818181;}
    #navicat6  a:active  {color: #818181;}

    #navicat7  a:visited {color: #818181;}
    #navicat7  a:hover   {color: #818181;}
    #navicat7  a:active  {color: #818181;}
    
    /*
       hover farben fuer die Navi on top und im footer
    */
    #top-navi a:hover,  #sub-footer a:hover  {color:  #929091;}
    #top-navi a:active, #sub-footer a:active {color:  #929091;}
    
    
    /*
        Links mit Pfeilbutton nach rechts
    */
    A.arrow-right, A.arrow-right-normal {
        width:50px;
        display:block;
        height:26px;
        line-height:26px;
        font-size: 10px;
        font-weight: normal;
        color: #B0B0B3;
        text-decoration: none;
        margin:  8px 0px 0px 0px;
        padding: 0px 0 0 22px;
        background: url(../gfx/buttons/pfeil_rechts_off.gif)  0px  0px no-repeat;
    }
    
    
    /*
        Links mit Pfeilbutton  nach links
    */
    
    A.arrow-left {
        width:50px;
        height:26px;
        display:block;
        line-height:26px;
        font-size: 10px;
        font-weight: normal;
        color: #B0B0B3;
        text-decoration: none;
        margin:  8px 0px 0px 0px;
        padding: 0px 0 0 22px;
        background: url(../gfx/buttons/pfeil_links_off.gif)  0px  0px no-repeat;
    }
    
    /*
       hover farben fuer arrow-right und arrow-left
    */
    
    A:hover.arrow-right, A:hover.arrow-right-normal {
        background: url(../gfx/buttons/pfeil_rechts_on.gif)  0px 0px no-repeat;
    }
    
    #content-category1 A:hover.arrow-right {
        color: #990225;
        background: url(../gfx/buttons/pfeil_rechts_on.gif)  0px 0px no-repeat;
    }
    
    #content-category2 A:hover.arrow-right {
        color: #7BBF1A;
        
    }
    
    #content-category3 A:hover.arrow-right {
        color: #68572C;
    }

    #content-category5 A:hover.arrow-right {
        color: #68572C;
    }

    #content-category6 A:hover.arrow-right {
        color: #990225;
        background: url(../gfx/buttons/pfeil_rechts_on.gif)  0px 0px no-repeat;
    }

    #content-category7 A:hover.arrow-right {
        color: #68572C;
    }

    
    #sub-footer A:hover.arrow-left {
        color: #929091;
    }
    
    A:hover.arrow-right-normal {
        color:#929091;
    }
    
    A:hover.arrow-left {
        color:#929091;
        background: url(../gfx/buttons/pfeil_links_on.gif)  0px 0px no-repeat;
        
    }

    A.warenkorb {
        width:160px;
        display:block;
        height:26px;
        line-height:26px;
        font-size: 10px;
        font-weight: normal;
        color: #B0B0B3;
        text-decoration: none;
        margin:  8px 0px 0px 0px;
        padding: 0px 0 0 22px;
        background: url(../gfx/buttons/warenkorb_off.gif)  0px  0px no-repeat;
    }

    #content-category1 A:hover.warenkorb {
        color: #990225;
        background: url(../gfx/buttons/warenkorb_on.gif)  0px 0px no-repeat;
    }

    #content-category2 A:hover.warenkorb {
        color: #7BBF1A;

    }

    #content-category3 A:hover.warenkorb {
        color: #68572C;
    }

    #content-category5 A:hover.warenkorb {
        color: #68572C;
    }

    #content-category6 A:hover.warenkorb {
        color: #990225;
        background: url(../gfx/buttons/warenkorb_on.gif)  0px 0px no-repeat;
    }

    #content-category7 A:hover.warenkorb {
        color: #68572C;
    }


    A:hover.warenkorb {
        color:#929091;
        background: url(../gfx/buttons/warenkorb_on.gif)  0px 0px no-repeat;

    }

    /*********************************
    /*  styles fuer die linke spalte
    **********************************/


    /*
    wrapper fuer linke spalte einschliesslich
    runder Ecke links oben, immer gleich (statisch)
    */
    .left-content {
        background-image: url(../gfx/left_top.gif);
        background-repeat: no-repeat;
        float: left;
    }

    /*
    Container fuer linke Spalte
    mit Border
    */
    .left-box {
        width:226px;
        border-bottom:1px solid #E6E4E5;
    }
    .left-box_ohne_border {
        width:226px;
    }
    /*
    Textcontainer fuer linke Spalte
    */
    .inner-left-box {
        margin: 10px 0 10px 20px;
        padding:0;
    }
    /*
        Texteigenschaft: kleinster Text, Grossbuchstaben
    */
    .small-upper-text {
        font-size:10px;
        line-height:8px;
        text-decoration:none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-stretch: wider;
        font-weight: 300;
    }

    .small-upper-text2 {
        font-size:10px;
        line-height:8px;
        text-decoration:none;
        text-transform: uppercase;
        font-weight: 300;
    }

    .big-upper-text {
        font-size:14px;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-stretch: wider;
        font-weight: 800;
    }
    
    .small-text2 {
        font-family:Verdana, Helvetica, Arial 'sans-serif' ;
        color:#867854;
        font-size:10px ;
        margin:0px;
        padding:0px;
        letter-spacing:1px;
        margin: 10px 30px 0px 46px;
        line-height:1.6em;
    }

    .search-field {
        font-size:10px;
        float:left;
        /*height:16px;*/
        width:120px;
        margin:0;
        padding:0;
        border: 1px solid #E6E4E5;
    }
    
    .searchbox {
        font-size:10px;
        margin:0;
        padding:0;
        border: 1px solid #E6E4E5;
    }
    
    /*
    Formatierung linke Navi
    */
    .category {
        margin:13px 0px 0px 0px;
        padding:0;
    }

    .sub-category {
        margin:5px 0px 0px 20px;
        padding:0;
        height:10px;
    }

    .navi-footer {
        width:226px;
        margin-top: 2px;
        height: 2px;
        line-height: 2px;
        border-bottom:1px solid #E6E4E5;
        border-top:1px solid #E6E4E5;

    }
    .gray_l {
        width:600;
        margin-top: 2px;
        height: 2px;
        line-height: 2px;
        border-top:1px solid #E6E4E5;

    }
    .recommend {
        font-weight: bold;
        text-transform: none;
        color: #92918F;
        font-size: 10px;
    }


    /*********************************
    /*  styles für die rechte spalte
    **********************************/

    /*
    wrapper fuer rechte spalte einschliesslich
    runder Ecke rechts oben, immer gleich (statisch)
    */
    .right-content {
        background-image: url(../gfx/right_top.gif);
        background-repeat: no-repeat;
        float: left;
        width:676px;
    }
    /*
    container fuer textbloecke
    innerhalb von right-content
    */
    .inner-right-content {
        margin: 10px 30px 0px 46px;
        font-size: 10px;
        line-height:1.6em;
        color:#867854
    }

    /*
    der trenner in der rechten Spalte
    farbe wird  automatisch in abhaengigkeit von
    content-category zugewiesen
    */
    #content-category1 .right-content-ruler {
        border-top: 1px solid #F9D1DA;
        float: left;
        width: 100%;
        height: 2px;
        margin: 20px 0 0 0;
    }

    #content-category2 .right-content-ruler {
        border-bottom: 1px solid #7BBF1A;
        float: left;
        width: 100%;
        height: 2px;
        margin: 20px 0 0 0;
    }

    #content-category3 .right-content-ruler {
        border-bottom: 1px solid #68572C;
        float: left;
        width: 100%;
        height: 2px;
        margin: 20px 0 0 0;
    }

    #content-category4 .right-content-ruler {
        border-bottom: 1px solid #000000;
        float: left;
        width: 100%;
        height: 2px;
        margin: 20px 0 0 0;
    }
    
    #content-category5 .right-content-ruler {
        border-bottom: 1px solid #68572C;
        float: left;
        width: 100%;
        height: 2px;
        margin: 20px 0 0 0;
    }
    
    #content-category6 .right-content-ruler {
        border-top: 1px solid #F9D1DA;
        float: left;
        width: 100%;
        height: 2px;
        margin: 20px 0 0 0;
    }

    #content-category7 .right-content-ruler {
        border-bottom: 1px solid #68572C;
        float: left;
        width: 100%;
        height: 2px;
        margin: 20px 0 0 0;
    }

    /*
    Positionierung der Top Navigation
    */
    #top-navi {
        margin:8px 0 0 46px;
    }

    .headline {
        color: #940324;
        font-size: 12px;
        font-stretch: wider;
        font-weight: bolder;
        margin: 12px 0 12px 0;
    }

    #content-category1 .headline {
        color: #990225;
    }
    
    #content-category2 .headline {
        color:  #7BBF1A;
    }
    
    #content-category3 .headline {
        color:  #68572C;    
    }

    
    #content-category4 .headline {
        color:  #92918F;    
    }

    #content-category5 .headline {
        color:  #68572C;
    }

    #content-category6 .headline {
        color:  #990225;
    }
    
    #content-category7 .headline {
        color:  #68572C;
    }
    .headline-bar {
        float:left;
        background-image: url(../gfx/gray_bar.gif);
        background-repeat: no-repeat;
        margin: 12px 0 12px 0px;
        height:18px;
        font-size: 12px;
        font-stretch: wider;
        font-weight: bolder;
        line-height:18px;
        width:646px;
    }
    .inner-headline-bar {
        margin-left:45px;
        color:#867854;
    }
    
    #content-category1 .headline-bar {
        background-image: url(../gfx/pink_bar.gif);
        color: #990225;
    }
    
    #content-category2 .headline-bar {
        background-image: url(../gfx/green_bar.gif);
        color:  #7BBF1A;
    }
    
    #content-category3 .headline-bar {
        background-image: url(../gfx/gray_bar.gif);
        color:  #68572C;    
    }
    
    #content-category4 .headline-bar {
        background-image: url(../gfx/dark_gray_bar.gif);
        color:  #B1B0B2;
    } 

    #content-category5 .headline-bar {
        background-image: url(../gfx/gray_bar.gif);
        color:  #68572C;
    }    

    #content-category6 .headline-bar {
        background-image: url(../gfx/pink_bar.gif);
        color: #990225;
    }

    #content-category7 .headline-bar {
        background-image: url(../gfx/gray_bar.gif);
        color:  #68572C;
    }
    /* 
        styles f.r warenkorb
    */
    table.cart {
        margin-bottom:12px;
        width:580px; 
    }
    
    .number-field {
        width: 23px; 
        height: 16px; 
        font-size: 9px;
        margin:0;
        padding:0;
        border: 1px solid #E6E4E5;
    }
    
    .cart-ruler {
        border-bottom-color: Black; 
        border-bottom-style: solid; 
        border-bottom-width: 1px;
        border-bottom: 1px solid #000000;
    }
h1 {
   display:inline;
   font-size:10px;
}
h2 {
   display:inline;
   font-size:10px;
}
h3 {
   display:inline;
   font-size: 12px;
   font-stretch: wider;
   font-weight: bolder;
   line-height:18px;
}
.small-text-foot {
        font-size:10px;
        line-height:12px;
        text-decoration:none;
        letter-spacing: 1px;
        font-stretch: wider;
        font-weight: 300;
    }

    /* eof */