@import url('lightbox.css');
@import url('links.css');
@import url('new.css');

/* NUMBER OF ITEMS IN CART */

.items_count{
    display: none;
}


p, table, tr, th, td, h1, h2, h3, h4, h5
{ border: none;  margin: 0; padding: 0; }

img
{ border: none; }

html, body {
height: 100%;
background: #fff;
}

body
{ width: 100%; margin: 0 auto 0 auto; color: #2E2E2E; font-family: Verdana, Arial, Lucida; text-align: center; font-size: 12px; }

#wraper
{width: 100%; background: #FCFCFC url('../bilder/body-background.gif') center top repeat-y; position:relative;display:table; height:100%; }

#page
{width: 800px; height: 100%; text-align: center; margin: 0 auto; background-color: white; }

#first
{ width: 800px;  height: 24px; font-size: 11px;  }

#first_left
{ float: left; padding: 5px 0 5px 0; text-align: left; }

#first_right
{ float: right; padding: 5px 0 5px 0; text-align: right; }

#top
{ width: 800px; height: 110px; background: url('../bilder/top.jpg') no-repeat; border-bottom: solid 1px white; }

.img_top
{ float: left; margin: 20px 0 0 11px; }

.p_top
{ float: right; width: 135px; margin-top: 80px; color: white; text-align: center; font-weight: bold; font-size: 11px; }

#one_column
{float: left; padding: 5px; margin-top: 20px; width: 98%; line-height: 150%; text-align: justify;  }

#left_column
{ margin-top: 20px;width:75%; max-width: 562px; line-height: 150%; text-align: justify;  }

#right_column
{min-width: 220px; float: right; margin-top: 20px; width: 20%; line-height: 150%; text-align: justify; /* filter: alpha(opacity=60); opacity: 0.6;*/ }

#right-column-picture
{ clear: both; text-align: center; margin-bottom: 20px; _margin-left: 2px; }

#heel
{ clear: both; width: 800px; height: 30px; margin-top: 30px; padding-top: 10px; _padding-bottom: 10px; border-top: solid 1px #B4B4B4; color: #696969; text-align: left; }

.heeltext
{ float: left; line-height: 20px; }


/* PRODUCT */
#nofate_page 
{ width: calc(100% - 20px); margin: 10px auto 0 auto; text-align: center; }

.nofate_product
{ width: 100%; max-height: 180px; font-size: 11px; min-height:180px; }

.nofate_product_left
{   float: left;
    display: block;
    margin: 20px 15px 10px 0;
    width: 130px;
    min-height: 132px;
    max-height: 150px;
    box-shadow: 5px 5px 8px -2px rgba(0,0,0,0.55);
    text-align: left;
    background: #fff; }

.nofate_product_right
{ float: left;  min-height:180px; background: #fff; text-align: left; line-height: 170%; }

.nofate_product_top_right
{margin-right:5px;}

.nofate_product_shadow
{ float: left; width: 10px; height: 180px; display:none; background: url('../bilder/nofate-shadow-right.jpg') left top repeat-y;}

.nofate_product_thumb
{ height: auto;
    width: auto;
    max-width: 140px;
    max-height: 140px;
    text-align: center; }

.nofate_product_thumb_img
{ max-width: 124px; max-height: 124px; border: 0px none; margin: 3px 0 0 0; padding: 0; }

/*.nofate_product_volume
{ margin: 0; padding: 3px 17px 0 0; font-size: 10px; color: gray; text-align: right; }*/

.nofate_title_0
{ float: right; font-size: 12px; padding: 4px 5px 0 0; color: gray; }

.nofate_title_1
{ font-size: 14px; margin: 12px 0 3px 0; }

.nofate_title_2
{ font-size: 14px; font-weight: normal; }

.nofate_red_line
{ margin: 3px 0 3px 0; }

.nofate_desc_name
{ float: left; font-weight: bold; }

.nofate_desc_value
{ float: left; width: 314px; padding-left: 5px; }

.nofate_info
{ float: left; margin-top: 20px;  }

.nofate_price
{ float: right; text-align: right; color: #EA476B; font-size: 13px; margin-right: 16px; width: 260px}

.nofate_price em
{ color: #A0A1A0;  font-style: normal; font-size: 10px; padding-top: 3px; display: block; visibility:hidden; }

.nofate_href_1
{ text-decoration: none; color: #75AADB; }

.nofate_href_2
{ text-decoration: none; color: #000000; }

.nofate_href_3
{ text-decoration: none; color: gray; }

.nofate_dropdown
{ display: none; width: 560px; text-align: left; line-height: 170%; font-size: 11px; background: url('../bilder/nofate-shadow-right2.jpg') right top repeat-y; }

#sb241{
    height: 90px;
}

.nofate_dropdown_left
{ float: left; width: 550px; /*height: 140px;*/ background: white; border-top: solid 1px #D2D2D2; }

.nofate_dropdown_shadow
{ float: left; width: 10px; /*height: 141px; _height: 140px; background: url('../bilder/nofate-shadow-right.jpg') left top repeat-y;*/ }

.nofate_dropdown_padd
{ padding: 10px; }

.nofate_cart
{ width: 100%; font-size: 11px; line-height: 100%; }

.nofate_cart_left_qty
{ float: left; width: 46px; height: 18px; background: #fff; border-top: solid 1px #D2D2D2; color:A0A1A0; }

.nofate_cart_left
{ float: left;  height: 18px; background: #fff; border-top: solid 1px #D2D2D2; text-align:left }

.nofate_cart_middle
{ float: left;  height: 18px; line-height: 17px; background: #fff; text-align: center; border-top: solid 1px #D2D2D2; } /*183*/

.nofate_cart_right
{ float: left; width: 189px;  height: 18px; line-height: 17px; background: #fff; text-align: center; border-top: solid 1px #D2D2D2; } /*174*/

.nofate_cart_shadow
{ float: right; width: 0px; height: 19px; background: url('../bilder/nofate-shadow-right.jpg') left top repeat-y; }

.nofate_cart_spacer
{ float: left; height: 18px; _margin-left: -3px; }

.nofate_cart_checker
{ background: #fcfce5 url('../bilder/checker.png') 168px center no-repeat; }

/*.cart_add_group{float:left; text-align:left}*/

.nofate_input
{ float: left; width: 21px; height: 18px; margin-left: 0px; margin-right: 7px; text-align: right; border: 0 none; background: transparent; }

.nofate_count
{ float: left; margin-top: 1px; }

.nofate_pointer
{ cursor: pointer; }

.nofate_flasche
{ float: left; margin: 3px 0 0 9px; }

.cart_left_qty
{ float: left; margin: 3px 0 0 13px; }

.nofate_cart_img
{ float: right; height: 18px; padding-right: 5px; }

.nofate_cart_img img
{ border: none; width: 25px; height: 18px; }

.nofate_add
{ float: right; margin: 2px 5px 0 0; }

.nofate_clear
{ clear: both; }

.nofate_p
{ float: left; }

.nofate_p_padd
{ padding-right: 45px; }

.nofate_shadow_bottom
{ clear: both; width: 560px; height: 10px; background: url('../bilder/nofate-shadow-bottom.jpg') left top no-repeat; }

.nofate_transparency
{ filter: alpha(opacity=50); opacity: 0.5; }

.smallfont
{ font-size: 9px; }
/* /PRODUCT */

/* FILTER */
#filter
{ width: 100%; max-width: 1000px; margin: 0 auto; height: 32px; line-height: 32px;}

.filter_select_box
{ width: 175px;}

.filter_sel
{ margin-bottom: 10px; }

.fs_green
{background: url('../bilder/filter-ico-green.png') right center no-repeat; }

.fs_red
{ background: url('../bilder/filter-ico-red.png') right center no-repeat; z-index:1000}

.filter_img
{ margin-left: 7px; width: 20px; height: 20px; border: none; vertical-align: bottom; cursor: pointer; } /* */

/* /FILTER */

/* ARTICLE */
.article
{ clear: both; margin: 0 auto; width: 820px; display: block; height: 90px; }

.article_left
{ float: left; padding-right: 10px; }

.article_right
{ float: left; width: 670px; }

.h2_article
{ float: left; margin-bottom: 6px; font-size: 14px; color: #9F6E5C; }

.article_metadata
{ float: right; font-size: 11px; color: gray; }

.img_article
{ width: 120px; height: 90px; margin: 0; }

.article_text
{  }

.article_text p
{ margin-bottom: 8px; }
/* /ARTICLE */

/* GALLERY */
.gallery
{ float: left; padding-left: 7%; width: 42%; margin-bottom: 30px; line-height: 140%; }

.gallery_left
{ float: left; padding-right: 15px; }

.gallery_right
{ float: left; text-align: left; }

.h2_gallery
{ font-size: 12px; color: #9F6E5C; }

.img_gallery
{ width: 65px; height: 65px; margin: 2px 0 0 0; }
/* /GALLERY */

/* /TASTE */
.taste
{ clear: both; height: 27px; }
/* /TASTE */

/* CALENDAR */
#calendar
{ width: 225px; float: left; }

#calendar_events
{ float: left; width: 540px; margin-left: 30px; text-align: left; }

.calendarFloat
{ float: left; width: 29px; _width: 31px; height: 25px; line-height: 25px; text-align: center; margin: 1px 0px 0px 1px; border: 1px solid #000; }

.calendar_day
{ font-weight: bold; }

.calendar_pointer
{ cursor: pointer; }
/* /CALENDAR */

/*HOTLINE PHONE*/
.phone-hotline
{float: right; margin-bottom: 20px; width: calc(20% - 20px);min-width: 220px; display: block; border: solid 1px #7E7E7E; background: #b5032a; color: #fff; background-image: url("../bilder/phone.png"); background-repeat: no-repeat; background-position: 5px center;}

.phone-hotline p
{ padding: 5px 0 0 55px; }

/* MINICART */
.minicart
{ float: right; margin-bottom: 20px; width: calc(20% - 20px); min-width: 220px; display: block; border: solid 1px #1591d8; background: #fff; color: #767676; }

.minicart_padd
{ padding: 5px; }

.minicart_padd2
{ padding: 6px 5px 10px 5px; }

.minicart_info1
{ clear: both; padding-top: 6px; text-align: center; }

.minicart_info2
{ height: 20px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: double 4px #7E7E7E; }

 input[type="button"]:hover{
    border:1px solid #999; background: #555555; color:#fff;
}

 input[type="submit"]:hover{
    border:1px solid #999; background: #555555; color:#fff;
}

.minicart_end
{ margin-bottom: 4px; font-size: 4px; line-height: 4px; border-bottom: solid 1px #5A5A5A; }

#minicart_table
{ width: 206px; font-size: 11px; border: none; color: #767676; }

.td1
{ padding-top: 4px; padding-bottom: 4px; border-bottom: solid 1px #C0C0C0; }

.td2
{ padding-right: 4px; text-align: left; }

.td4
{ padding-left: 4px; text-align: right; }

.td5
{ padding-top: 4px; padding-bottom: 4px; }

.td6
{ padding-right: 4px; padding-top: 4px; padding-bottom: 4px; white-space: nowrap }

.td7
{ padding-top: 4px; }

.cursor_help
{ cursor: help; }
/* /MINICART */

/* CART BOXES */
#boxes_minicart
{ margin-left: 1px; _margin-left: 0; }

#boxes_bigcart
{ margin: 0 auto; display: block; width:210px; height:56px; }

#boxes_table
{ width: 400px; margin-left: 260px; font-size: 12px; border: none; text-align: center; }

.box
{ float: left; cursor: pointer; }

.box_marg
{ margin-right: 6px; }

.box_active
{ border: solid 2px black; }

.box_unactive
{ border: solid 2px gray; }

.box_item
{ float: left; width: 16px; height: 16px; }

.box_item_vline
{ float: left; width: 2px; height: 16px; }

.box_item_hline3
{ clear: both; width: 16px; height: 2px; line-height: 2px; font-size: 0px; }

.box_item_hline6
{ clear: both; width: 34px; height: 2px; line-height: 2px; font-size: 0px; }

.box_item_hline9
{ clear: both; width: 52px; height: 2px; line-height: 2px; font-size: 0px; }

.box_item_hline12
{ clear: both; width: 70px; height: 2px; line-height: 2px; font-size: 0px; }

.box .active
{ background: #1c1c1c; }

.box .unactive
{ background: #818181; }

.box_item_0
{ background: white; }

.box_item_1
{ background: url('../bilder/box-item-empty.png') no-repeat; }

.box_item_2
{ background: url('../bilder/box-item-full.png') no-repeat; }
/* / CART BOXES */

/* BIGCART */
#bigcart
{ }

#bigcart_table
{  width: 100%; margin: 15px auto; display: block; font-size: 12px; border: none; text-align: center; border: solid 1px gray; }

.bgtd0
{ padding: 5px; color: #282828; }

.bgtd1
{ border-bottom: solid 1px gray; }

.bgtd2
{ border-right: solid 1px gray; }

.bgtd3
{ border-bottom: solid 1px #BEBEBE; }

.bgtd4
{ border-right: solid 1px #BEBEBE; }

.bgtd5
{ text-align: right; }

.bgtd6
{ text-align: left; width: 600px; }

.bgtd7
{ border-top: solid 1px gray; min-width: 90px; }

.bgtd8
{ font-weight: bold; }

.linethrough
{ text-decoration: line-through; color: red; }

.linethrough2
{ text-decoration: line-through;  font-size:10px; }

.bigcart_input
{ width: 25px; text-align: center; border: solid 1px gray; background: white; }

.bigcart_count_column
{ width: 93px; }

.bigcart_icons
{ margin-left: 4px; _margin-top: 1px; }

.bigcart_minus_marg
{ margin-top: 2px; }

.img_red_arrow
{ margin: 8px 5px 0 0; }

.order_select
{ clear: both; padding: 25px 0 20px 100px; }
/* /BIGCART */

/* LOGINPANEL */
#loginpanel_left
{ float: left; padding-right: 150px; border-right: solid 1px #B4B4B4; }

#loginpanel_right
{ float: left; padding-left: 30px; }

#loginpanel_home
{ float: left; margin:10px 0 20px 0; }
/* /LOGINPANEL */

/* MESSAGES */
.message
{ color: #5C5C5C; border: solid 1px gray; margin: 5px 0 15px 0; padding: 7px 7px 7px 30px; text-align: center; }

.error
{ background: white url('../bilder/bad.png') 10px center no-repeat; }

.info
{ background: white url('../bilder/info.png') 10px center no-repeat; }

.ok
{ background: white url('../bilder/ok.png') 10px center no-repeat; }
/* /MESSAGES */

.h1_content
{ font-size: 17px; margin: 0 0 15px 10px; color: #9F6E5C; }

.h2_content
{ font-size: 15px; margin: 0 0 15px 0; color: #9F6E5C; }

.displaynone
{ display: none; }

.displayblock
{ display: block; }

.reset
{ clear: both; }

.center
{ text-align: center; }

.floatleft
{ float: left; }

.floatright
{ float: right; }

.img_manufact
{ margin-top: 6px; }

.img_bild
{ margin: 10px 0 10px 0; }

.displayinline
{ display: inline; }

.input_1
{ width: 220px; 
 height: 30px; 
 margin: 2px 0 2px 0; 
 -moz-border-radius: 5px;
 border-radius: 5px;
 border:solid 1px #1591d8; 
 padding:5px;
 }

.input_1_select
{ width: 150px; 
  height: 30px;
  margin: 2px 0 0px 0; 
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:solid 1px #1591d8; 

  }

.input_2
{ width: 60px; 
  height: 30px; 
  margin: 2px 0 2px 0; 
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:solid 1px #1591d8;   
  }

.input_3
{ width: 50px; 
  height: 30px; 
  margin: 2px 0 2px 0;  
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:solid 1px #1591d8; 
  padding:5px;
}

.input_4
{ width: 95px;
  height: 30px;
  margin: 2px 0 2px 5px;
  border: solid 1px gray;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:solid 1px #1591d8;
  padding:5px;
 }

.input_note
{   width:  484px;
    height: 100px;
    margin: 2px 0 2px 0px;
    border: solid 1px gray;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:solid 1px #1591d8;
    padding:5px;

}

.input_5
{ width: 10px; height: 20px; margin: 2px 0 2px 0; visibility: hidden; }

.input_submit_1
{ height: 22px; margin: 10px 20px 15px 20px; padding: 10px; background: none; border: none;
    font-family: Verdana, Arial, Lucida;
    font-size: 12px; color: #464646;
    cursor: pointer; }

.input_submit_2
{ height: 22px; margin: 10px 20px 15px 20px; padding: 0 10px 0 10px; background: none; border: none; font-weight: bold; color: #464646; cursor: pointer; }

.input_submit_3
{ text-align: center; height: 22px; margin: 15px 0 5px 0; padding: 0; background: none; border: none; font-weight: bold; color: #464646; cursor: pointer; }

.img_captcha
{ vertical-align: top; margin-top: 2px; }

.note
{ color: gray; font-size: 10px; }

.input_contact
{ width: 250px; border: solid 1px gray; font-family: arial; }

.textarea_contact
{ width: 350px; border: solid 1px gray; font-family: arial; }

.contact_right
{ float: left; width: 370px; margin-left: 70px; border-left: solid 1px #B4B4B4; }

.contact_right_padd
{ padding-left: 30px; }

.contact_block {
    margin: 0 auto;
    display: block;
    width: 800px;
}
.color_gray
{ color: #A0A0A0; }

.regist_step
{ font-size: 14px; }

.regist_column
{ float: left; width: 33%; min-height: 70px;}

.img_pink_line
{ margin: 3px 0 8px 0; }

.obj_control_table
{ width: 95%; margin: 0 auto; display: block;  font-size: 12px; line-height: 180%; }
.obj_control_table td {
    min-width: 250px;
}
.konto_obj_table
{ width: 100%;  font-size: 12px; line-height: 200%; }

.events_table
{ width: 100%;  font-size: 12px; line-height: 140%; }

.event_date
{ width: 92px; }

.event_note
{ font-size: 10px; }

.img_left
{ float: left; margin: 10px 10px 10px 0; }

.img_right
{ float: right; margin: 10px 10px 10px 10px; }

.cursor_default
{ cursor: default; }

.down_logo
{ float: left; width: 350px; margin: 0 50px 20px 0; }

.down_logo_left
{ float: left; width: 150px; }

.down_logo_left img
{ width: 120px; height: 120px; border: solid 1px gray; }

.down_logo_right
{ float: left; width: 200px; }

.down_logo_right_a
{ color: #9F6E5C; padding-bottom: 10px; font-size: 16px; font-weight: bold; }

.down_logo_right_b
{ line-height: 170%; text-align:justify; }

.down_logo_right_c
{ margin-top: 10px; }

.box_preview_img  {width: 70px; border:1px solid #000000; background-color:#FFFFFF; text-align:center; }/* margin:0 0 100px 0*/
.box_preview_text{width: 70px; color:#FFFFFF;font-size:9px; padding:2px 1px 2px 1px; font-weight:bold; text-align:center; background-color:#c63c42; margin: 3px 20px 0 0}
#boxes_preview{ display:none; visibility:hidden}

.row .col1 {
 float:left;
 min-width:120px;
 font-weight:bold;
}

.row .col2 {
 float:left;
 width:290px;
 margin-left:5px;
}

.minicart_padd2 select.selected_box {
	color:black !important;
}

.minicart_padd2 select {
    color:#808080 !important;
}

.producer-list {
 list-style:none;
 margin:0px;
 padding:0px;
 margin:0 0 0 195.5px;
}

.producer-list li {
 display:inline-block;
}

.producer-list {
 text-align:left;
}

#userpassword{
    margin-bottom: 5px;
}

#account_login{
    margin-bottom: 15px;
}


/* CSS MEDIA PORTRAIT QUERY */

@media all and (orientation:portrait)  {
    /* Styles for Portrait screen */
    body{
        font-size: larger;
    }

    #page{
        width: 95%;
        margin: 0 auto;
    }

    ul.sf-navbar {
        height: 140px; !important;
        font-size: larger; !important;
    }

    ul.sf-navbar li , ul.sf-navbar li a, ul.sf-navbar li.sfHover ul li, ul.sf-navbar li.sfHover ul li a
    {
        font-size: medium; !important;
        height: 70px; !important;
        line-height: 68px;
    }
    ul.sf-navbar li:hover ul, ul.sf-navbar li.sfHover ul {
        top: 70px; !important;
        height: 70px; !important;
        line-height: 68px;
    }

    #right-column-picture, #loginpanel_home{
        display: none;
    }

    #right_column{
        float: none;
        width: 100%;
        max-width: none; !important;
        margin-bottom: 20px;
        height: 700px;
    }

    #left_column{
        max-width: none; !important;
        width: 100%;
    }

    .phone-hotline, .minicart, .boxes_minicart{
        width: 100%;
        text-align: center;
        background-position: 40%;
    }

    #boxes_minicart{
        display: block;
        height: 70px;
        width: 230px;
        margin-left: 39%;
    }

    .minicart .floatleft{
        margin-left: 45%;
    }
    .minicart .floatright{
        float: none;
        margin-left: 50%;
        max-width: 150px;
    }

    #minicart_table{
        font-size: larger;
        width: 70%;
    }

    #left_column{
        float: none;
        width: 100%;
    }

    .nofate_product{
        max-height: 305px; !important;
        width: 98%;
        display: block;
        margin-bottom: 2px;
        max-width: none; !important;
    }

    .nofate_product_left{
        /* margin-top: 80px; !important; */
        width: 200px;
        height: 250px; !important;
        max-height: 242px; !important;
    }

    .nofate_product_thumb{
        max-width: 195px;
        max-height: 245px;
    }

    .nofate_product_thumb_img{
        max-width: 190px;
        max-height: 240px;
    }


    .nofate_product_right{
        font-size: large;
        margin: 10px auto;
        width: 70%;
        width: calc(100% - 220px);
    }
    .nofate_dropdown{
        width: 95%;
        max-width: 98%;
        font-size: large;
        float: none;
    }
    div.nofate_cart{
        min-height: 60px;
        height: 155px; !important;
        width: 98%; !important;
    }

    div.nofate_cart .nofate_cart_left, div.nofate_cart .nofate_cart_middle,
    div.nofate_cart .nofate_cart_right, div.nofate_cart .nofate_cart_middle .nofate_cart_checker{
        width: 99%; !important;
        text-align: center; !important;
        float: none; !important;
        height: 40px; !important;
        font-size: larger; !important;
        padding: 7px; !important;
        border-bottom: 1px solid white; !important;
    }
    .input_submit_1, a.link_print{
        font-family: Verdana, Arial, Lucida; !important;
        font-size: 12px; !important;
    }



}