/* ========================================= /
    basic elements definition
/* ========================================= */
* {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: none;
}
*:focus {
    outline: none;
}
a, a:visited {
    font-weight: bold;
    color: #d65814;
    text-decoration: underline;
}
a:hover {
    color: #000;
}
h1.pagetitle {
    margin-left: 4px;
    margin-top: 6px;
}
p.lead {
    line-height: 18px;
}
p {
    line-height: 16px;
    padding-bottom: 18px;
}
h1 {
    font-size: 24px;
    margin-bottom: 10px;
}
.posleft {
    float: left;
}
body {
    background: #e9e6d8 url(../img/bgd.jpg) repeat-x;
    min-width: 938px;
    color: #5a3619;
    font-size: 14px;
    line-height: 18px;
}
.inactive {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
ul {
    margin-left: 15px;
    margin-bottom: 10px;
}
ol {
    margin-left: 20px;
    margin-bottom: 10px;
}

/* ========================================= /
    form elements definition
/* ========================================= */
.ip_text, textarea {
    height: 20px;
    border: 1px solid #e3d5b9;
    padding: 4px 6px 0;
    font-size: 12px;
}
.ip_submit {
    cursor: pointer;
}
textarea {
    width: 281px;
    height: 173px;
}


/* ========================================= /
    layout elements definition
/* ========================================= */
#wrapper {
    position: relative;
    background: transparent url(../img/bgd_wrapper.jpg) center top no-repeat;
    min-height: 500px;
}
#container {
    position: relative;
    width: 938px;
    margin: 0 auto;
}
#headerarea {
    position: relative;
    z-index: 2;
    width: 938px;
    height: 220px;
    background: transparent url(../img/bgd_headerarea.png) no-repeat;
    text-align: center;
}
#headerarea .logo {
    margin: 0 auto;
}
#headerarea .contact {
    position: absolute;
    top: 43px;
    right: 195px;
    z-index: 200;
}
ul#navigation {
    margin: 4px auto 0 174px;
    width: 585px;
    list-style: none;
}
ul#navigation li {
    position: relative;
    z-index: 1;
    margin-top: -18px;
    float: left;
}
ul#navigation li ul {
    margin: 0;
    display: none;
}
ul#navigation li.subnavi ul {
    display: block;
}
ul#navigation li.subnavi {
    position: relative;
    z-index: 3;
}
ul#navigation li.subnavi ul {
    position: absolute;
    top: -121px;
    left: 15px;
    width: 159px;
    height: 85px;
    padding-top: 37px;
    list-style: none;
    background: transparent url(../img/bgd_subnavi.png) no-repeat;
}
ul#navigation li.subnavi.empty ul {
    position: absolute;
    top: -80px;
    left: -30px;
    width: 195px;
    height: 43px;
    background: none;
}
ul#navigation li.subnavi ul li {
    float: none;
    height: 21px;
    width: 100px;
    margin: 0 0 0 25px;
    padding: 0;
}
#contentarea {
    position: relative;
    z-index: 0;
    padding-top: 110px;
    margin-top: -49px;
    background: transparent url(../img/bgd_contentarea.jpg) no-repeat;
}
#content {
    position: relative;
    z-index: 0;
    min-height: 410px;
    text-align: left;
    padding: 10px 62px 40px;
    background: transparent url(../img/bgd_content.png) repeat-y;
}
#content:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0%;
    height: 0;
}
#footer {
    height: 75px;
    padding-top: 25px;
    background: transparent url(../img/bgd_footer.jpg) no-repeat;
    text-align: right;
}
#footer img {
    margin: -2px 28px;
}

/* headerarea element definition */
.lang_switch {
    position: absolute;
    top: 10px;
    right: 90px;
    z-index: 100;
    width: 66px;
    height: 99px;
}
.lang_switch.de {
    background: transparent url(../img/bgd_lang_switch_de.jpg) no-repeat;
}
.lang_switch.fr {
    background: transparent url(../img/bgd_lang_switch_fr.jpg) no-repeat;
}
.lang_switch img {
    position: absolute;
    right: 23px;
}
.lang_switch .de {
    top: 14px;
}
.lang_switch .fr {
    top: 68px;
}
.light {
    position: absolute;
    z-index: 0;
    top: -10px;
    left: -160px;
}

/* content element definition */
.textblock {
    margin: 0 7px 10px;
}
.box {
    min-height: 250px;
    background: #f2ecca url(../img/bgd_box_body.jpg) repeat-y;
}
.box .body {
    min-height: 250px;
    background: transparent url(../img/bgd_box_top.jpg) top no-repeat;
    padding: 28px 60px 58px 28px;
}
.box .bottom {
    height: 35px;
    font-size: 0;
    line-height: 0%;
    background: #f2ecca url(../img/bgd_box_bottom.jpg) no-repeat;
}
.box.tabbed {
    position: relative;
    z-index: 10;
    margin-top: 64px;
}
.box.small {
    width: 584px;
    background: #f2ecca url(../img/bgd_box_body_small.jpg) repeat-y;
}
.box.small .body {
    padding-top: 40px;
    background: transparent url(../img/bgd_box_top_small.jpg) top no-repeat;
}
.box.small .bottom {
    background: #f2ecca url(../img/bgd_box_bottom_small.jpg) no-repeat;
}
ul.tab {
    position: absolute;
    top: -31px;
    left:10px;
    z-index: 11;
    list-style: none;
    margin: 0;
}
ul.tab li {
    float: left;
    width: 102px;
    height: 21px;
    padding-top: 13px;
    background: #f2ecca url(../img/bgd_tab_deactive.jpg) no-repeat;
    text-align: center;
    font-weight: bold;
}
ul.tab li.active {
    height: 22px;
    padding-top: 12px;
    background: #f2ecca url(../img/bgd_tab_active.jpg) no-repeat;
    font-size: 16px;
}
ul.tab li.hover {
    color: #d65814;
}
ul.tab:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0%;
    height: 0;
}
ul.list {
    margin: 0;
    margin-top: 30px;
    list-style: none;
}
ul.list li {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dad0bb;
    min-height: 108px;
}
ul.list li.last {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
ul.list li div {
    font-size: 12px;
    margin-left: 132px;
}
ul.list h1 {
    font-size: 18px;
    margin: 0;
}
ul.list h1 {
    font-size: 18px;
    margin-bottom: 10px;
}
ul.list img {
    float: left;
    margin-right: 20px;
    border: 1px solid #e3d5b9;
}
ul.list div.zoomed {
    position: absolute;
    left: -220px;
    z-index: 100;
    width: 204px;
    height: 205px;
    background: transparent url(../img/list_image_shadow.png) no-repeat;
}
ul.list a, ul.list a:visited {
    font-weight: normal;
}
ul.list a.toggler, ul.list a.toggler:visited {
    display: block;
    width: 50px;
    padding-left: 18px;
    margin-top: 5px;
    background: transparent url(../img/arrow_right.png) 0 4px no-repeat;
    font-weight: bold;
}
ul.list a.opened, ul.list a.opened:visited {
    background: transparent url(../img/arrow_bottom.png) 0 4px no-repeat;
}
ul.list li div.listbox_wrapper {
    height: 24px;
    margin:0;
    margin-bottom: 7px;
    background: url(../img/bgd_listbox_left.png) left no-repeat;
}
ul.list li div.listbox_wrapper ul.listbox {
    list-style: none;
    width: auto;
    height: 16px;
    padding: 3px 10px 5px 10px;
    margin: 0 0 10px 5px;
    background: url(../img/bgd_listbox_right.png) right no-repeat;
}
ul.list li div.listbox_wrapper ul.listbox li {
    float: left;
    height: 24px;
    min-height: 24px;
    padding: 0;
    margin: 0;
    margin-right: 14px;
    border: none;
    font-size: 11px;
}
ul.list li div.listbox_wrapper ul.listbox:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0%;
    height: 0;
}
ul.list li p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0!important;
    padding-bottom: 0!important;
}
ul.list li ul.listbox li.last {
    margin-right: 0;
}
ul.list li ul li, ul.list li ol li {
    border: none;
    position: relative;
    padding: 0;
    margin: 0;
    min-height: 0;
    margin-left: 10px;
}
table {
    width: 100%;
    margin-top: 10px;
}
th.left, td.left {
    text-align: left;
}
th, td {
    text-align: right;
    font-size: 12px;
    border-left: 1px solid #dad0b7;
}
th.title, td.title {
    font-weight: bold;
    text-align: left;
    border-left: none;
    padding-left: 15px;
}
th {
    padding: 10px;
    border-bottom: 1px solid #dad0b7;
}
th a, th a:visited {
    font-weight: normal;
}
th img {
    margin-right: 5px;
    vertical-align: middle;
}
td {
    position: relative;
    padding: 3px 10px;
}
tr.hover {
    background-color: #f2e9bc;
}
td .float_image {
    position: absolute;
    left: 5px;
    margin-top: -35px;
    z-index: 100;
    width: 84px;
    height: 79px;
    padding: 10px 10px 0;
    background: transparent url(../img/bgd_float_image.png) no-repeat;
}
td .float_image img {
    border: 1px solid #e3d5b9;
}

/* ========================================= /
    diverse page elements definition
/* ========================================= */
/* homepage */
.home #content {
    padding: 10px 50px 40px;
}
.home h1.pagetitle {
    margin-left: 10px;
}
.home .lead {
    margin: 0 15px 0;
}
.boxarea div {
    font-size: 12px;
    float: left;
    width: 166px;
    height: 247px;
    margin: 16px 7px 0 0;
    padding: 20px 20px 20px 17px;
}
.boxarea p {
    font-size: 12px;
}
.boxarea p {
    padding-bottom: 10px;
}
.boxarea a, .boxarea a:visited  {
    font-weight: bold;
    font-size: 12px;
}
.boxarea .fruit {
    background: #f8f4da url(../img/bgd_box_fruit.jpg) no-repeat;
}
.boxarea .vegi {
    background: #f8f4da url(../img/bgd_box_vegi.jpg) no-repeat;
}
.boxarea .meat {
    background: #f8f4da url(../img/bgd_box_meat.jpg) no-repeat;
}
.boxarea .milk {
    margin-right: 0;
    background: #f8f4da url(../img/bgd_box_milk.jpg) no-repeat;
}
.boxarea .flashtitlecontainer {
    margin: 0;
    padding: 0;
}

.boxarea h2 {
    font-size: 15px;
    margin-left: -4px;
    padding: 0;
}

.boxarea ul, .boxarea ol {
    margin-left: 20px;
}

/* zusatzstoffe page */
.searchbox {
    width: 418px;
    height: 39px;
    background: #f2e9bc url(../img/bgd_searchbox_left.jpg) no-repeat;
}
.searchbox div {
    float: left;
    width: 325px;
    height: 39px;
    margin-left: 5px;
    background: #f2e9bc url(../img/bgd_searchbox.jpg) repeat-x;
}
.searchbox div label {
    float: left;
    display: block;
    padding: 10px 10px 0 5px;
}
.searchbox .ip_text {
    width: 36px;
    margin-top: 6px;
}
.searchbox .ip_submit {
    width: 88px;
    height: 39px;
    background: #b24911 url(../img/bgd_searchbox_submit.jpg) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.result {
    padding: 36px 0 0 26px;
}
.result img {
    vertical-align: middle;
}
.result .alert.ok, .result .alert.ok span {
    color: #693;
    font-weight: bold;
}
.result .alert.error, .result .alert.error span {
    color: #900;
    font-weight: bold;
}
.result p.alert.error {
    margin-top: 36px;
    font-weight: normal;
}
.result .alert.ok span, .result .alert.error span {
    font-size: 18px;
    font-weight: normal;
}
.result p.title {
    margin: 20px 0 3px;
    font-size: 18px;
}

/* contact page */
.colprofile{
    float: left;
    width: 120px;
    padding: 15px 0 0 17px;
}
.colform {
    float: right;
    width: 620px;
    padding: 15px 0 0 0;
}
.colprofile ul {
    margin-top: 20px;
    list-style: none;
}
.colprofile ul li {
    font-size: 12px;
}
.colform .formitem {
    position: relative;
    margin-bottom: 7px;
}
.colform label, .colform  span {
    width: 160px;
    margin-right: 20px;
    float:left;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
.colform span {
    display: block;
    float: none;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 10px;
}
.colform .ip_text {
    width: 281px;
}
.colform .formitem.error textarea, .colform .formitem.error .ip_text {
    width: 277px;
    border: 2px solid #fcc5c5;
}
.colform .ip_submit {
    width: 86px;
    height: 31px;
    background: #b24911 url(../img/bgd_btn_submit.jpg) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    float: right;
    margin: 10px 30px 0 0;
}
.colform .error_tag {
    position: absolute;
    top: -44px;
    left: 140px;
    height: 42px;
    margin: 0;
    padding: 0;
    background: transparent url(../img/bgd_error_left.png) top left no-repeat;
    white-space: nowrap;
}
.colform .error_tag span {
    width: auto;
    height: 36px;
    padding: 6px 15px 0 3px;
    margin: 0;
    margin-left: 28px;
    background: transparent url(../img/bgd_error.png) top right no-repeat;
    color: #f6dddc;
    text-align: left;
}
.colform .success_msg {
    margin: 0 0 0 20px;
}
.colform .success_msg img {
    float: left;
    margin-right: 10px;
}
.colform .success_msg p {
    color: #690;
    margin-left: 26px;
}
.flashtitle {
    text-transform: uppercase;
}
.flashtitle.hidden {
    display: none;
}

/* ========================================= /
   ie7 hacks
/* ========================================= */
*+ html #contentarea { margin-top: -118px; display: inline-block; }
*+ html .contact #contentarea { margin-top: -101px; display: inline-block; }
*+ html td .float_image { left: -85px; }
*+ html .box .body { padding-bottom: 5px; }
*+ html ul#navigation li { height: 87px; }

/* clearing floats */
*+ html ul.list li { height: 1%; }
*+ html ul.tab { height: 1%; }
*+ html #content { height: 1%; }
*+ html ul.list li ul.listbox { height: 1%; }

/* ========================================= /
   opera hacks
/* ========================================= */
@media all and ( min-width: 0px ) {
.ip_submit {
    padding-top: 7px;
}
.searchbox .ip_submit {
    padding-top: 10px;
}
}