/* Import other Styles */
@import url(menu.css);
@import url(subnavi.css);
@import url(extra_content.css);




/* CH: New Layout*/
div#main-container {
    width: 771px;
    margin-left: auto;
    margin-right: auto;
}



/* META TOP */

.meta-top ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0px;
    padding-left: 0px;
}

.meta-top ul li {
    list-style-type: none;
    float: left;
    margin-right: 8px;
    line-height: 2em;
}

.meta-top ul li,
.meta-top ul li > *,
.meta-top ul li > a,
.meta-top ul li > span,
.meta-top ul li > p,
.meta-top ul li > img {
    line-height: 2em;
}

.meta-top ul li.last {
    margin-right: 0px;
}


.meta-top .meta-top-content {
    width: 100%;
}

.meta-top .meta-top-content .meta-top-lang-selector {
    float: left;
}

.meta-top .meta-top-content .meta-top-menu {
    float: right;
}


.meta-top .meta-top-content form#meta-top-search {
    float: left;
    display: inline;
}

.meta-top .meta-top-content #meta-top-search a {
    display: inline-block;
    line-height: 1.9em;
}


.meta-top .meta-top-content .search-text {
    float: left;
    margin-right: 8px;
    line-height: 2.2em;
}



.meta-top .meta-top-main-menu {
    margin-top: 1px;
}

.meta-top .meta-top-main-menu ul {
    margin-bottom: 0px;
}

.meta-top .meta-top-main-menu ul li {
    margin-right: 1px;
    line-height: normal;
    padding-bottom: 0px;
}

.meta-top .meta-top-main-menu ul li.last {
    margin-right: 0px;
}

.meta-top .meta-top-main-menu ul li a {
    display: block;
    background: #006633;
    color: #fff;
    padding: 3px 8px 5px 7px;
    font-size: 10px;
    height: 24px;
    line-height: normal;
    overflow: hidden;
}

.meta-top .meta-top-main-menu ul li.active a,
.meta-top .meta-top-main-menu ul li a:hover {
    color: #000;
    background: #FFCC00;
}



DIV.header {
    background: #006633 url(/img/head/head_bg.jpg) right no-repeat;
    height: 89px;
}

.header .header-logo {
    float: left;
    margin-left: 16px;
    margin-top: 8px;
}

.header .header-country-headline {
    float: left;
    margin-left: 8px;
    margin-top: 8px;
}



/* Helper */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* // end // CH: New Layout*/





body,td,input,select,textarea {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
}

body {
    background-color: #ffffff;
    margin: 0px;
}

form {
    margin: 0px;
}

label {
    color: #242424;
}

.error {
    font-weight: 900;
    color: #ff0000;
}

h1,h2,h3, h1 a {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #242424;
    margin: 0px;
    padding: 0px;
}

h1, h1 a {
    font-size: 12px;
    margin: 0px 0px 10px 0px;
}

h1 a {
    text-decoration: underline;
}

h2 {
    font-size: 11px;
    margin: 0px 0px 9px 0px;
}

h3 {
    font-size: 10px;
}

select {
    color: #7f7f7f;
}

.bmi_select {
    color: #242424;
}

a.arrow_link {
    clear: both;
    float: left;
    display: block;
    background-image: url(../img/general/arrow_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: 900;
}

a.arrow_link_non_clear {
    background-image: url(../img/general/arrow_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: 900;
}

a.arrow_link_non_clear:hover {
    color: #ff0000;
    background-image: url(../img/general/arrow_1.gif);
}

a.arrow_link:hover {
    color: #ff0000;
    background-image: url(../img/general/arrow_1.gif);
}

a.arrow_link_active {
    clear: both;
    float: left;
    color: #ff0000;
    background-image: url(../img/general/arrow_1.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: 900;
    display: block;
}

a.arrow_link_back {
    clear: both;
    float: left;
    display: block;
    background-image: url(../img/general/arrow_back_scroll_0.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: 900;
}

a.arrow_link_back:hover {
    color: #ff0000;
    background-image: url(../img/general/arrow_back_scroll_1.gif);
}

a.arrow_download,a.arrow_upload {
    float: left;
    display: block;
    background-image: url(../img/arrow_download_0.jpg);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: 900;
}

a.arrow_download:hover,a.arrow_upload:hover {
    color: #ff0000;
    background-image: url(../img/arrow_download_1.jpg);
}

a.arrow_upload {
    background-image: url(../img/arrow_upload_0.jpg);
}

a.arrow_upload:hover {
    background-image: url(../img/arrow_upload_1.jpg);
}

a.arrow-link-thin-brands {
    float: left;
    clear: both;
    background-image: url(../img/general/arrow_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    padding-bottom: 4px;
}

a.arrow-link-thin-brands:hover {
    color: #ff0000;
    background-image: url(../img/general/arrow_1.gif);
}

a.arrow-link-thin-brands-active {
    color: #ff0000;
    float: left;
    clear: both;
    background-image: url(../img/general/arrow_1.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    padding-bottom: 4px;
}

p,span,div {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #242424;
    line-height: 12px;
    margin: 0px;
    text-align: left;
}

hr {
    color: #dfdfdf;
    background-color: #dfdfdf;
    height: 1px;
}

ol {
    padding: 0px;
    margin: 0px 0px 16px 36px;
}

ol li {
    list-style-position: outside;
    padding-bottom: 3px;
    color: #242424;
}

ul {
    list-style-image: url(../img/list_point_4.gif);
    padding: 0px;
    margin: 0px 0px 16px 26px;
}

ul li {
    list-style-type: none;
    list-style-position: outside;
    padding-bottom: 3px;
    color: #242424;
}

ul.categorie_link
{
    list-style-image: none;
    margin-left: 15px;
}

ul.categorie_link li
{
    padding: 5px 8pt 5px 8px;
    margin-bottom: 1px;
    margin-left: -15px;
}

.infoTable {
    background-color: #f2f2f2;
    font-weight: 900;
    color: #242424;
}

.newsletterInput {
    width: 178px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #006633;
}

.newsletterSelect {
    width: 155px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #006633;
}

.countryExplorerSelect {
    margin-top: 8px;
    width: 135px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #006633;
}

.searchbox {
    width: 63px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #006633;
}

.ddsalesrapper {
    background-color: #d9ecd5;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #006633;
    font-weight: 900;
    width: 200px;
    border: #7ab18e solid 1px;
}

.salesrepzip {
    width: 200px;
    height: 18px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #006633;
}

a {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #006633;
    font-size: 10px;
    text-decoration: none;
    font-weight: 900;
}

a:hover {
    color: #ff0000;
}

a.bold {
    font-weight: 900;
}

a.thinlink {
    font-weight: 500;
}

.topnavi {
    background-color: #006633;
    color: #ffffff;
    font-weight: 900;
}

.topnavi a {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.topnavi a:hover {
    color: #242424;
}

.topnaviActive {
    background-color: #ffcc00;
    color: #ffffff;
    font-weight: 900;
}

.topnaviActive a {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #242424;
    font-weight: bold;
    text-decoration: none;
}

.topnaviActive a:hover {
    color: #242424;
}

.divide {
    background-color: #d9ecd5;
}

.dividewhite {
    background-color: #ffffff;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #242424;
}

.dividewhite-teaser {
    background-repeat: repeat-y;
    background-image: url(/img/pixel_white.gif)
}

.dividegrey {
    background-color: #dfdfdf;
}

.dividegreen {
    background-color: #ecf6e9;
    padding: 0px;
}

.dividedarkgreen {
    background-color: #a9d7ae;
}

.dividesubnavi {

}

.metabottom {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    color: #7f7f7f;
}

.metabottom a {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    color: #7f7f7f;
    font-weight: bold;
}

.metabottom a:hover {
    color: #ff0000;
}

.meta-top,
.metatop {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    color: #006633;
}

.meta-top a,
.metatop a {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    color: #006633;
    font-weight: bold;
}

.meta-top a:hover,
.metatop a:hover {
    color: #ff0000;
}

.thumbnailbox {
    padding: 0px 3px 3px 3px;
    background-color: #ffffff;
    text-align: center;
}

.subnaviLevel1 {
    background-color: #a9d7ae;
    padding: 5px 8px 5px 8px;
    line-height: 10px;
    color: #006633;
}

.subnaviLevel1 a {
    color: #006633;
}

.subnaviLevel1 a:hover {
    color: #006633;
}

.subnaviLevel1Active {
    background-color: #86bb86;
    padding: 5px 8px 5px 8px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: 900;
    line-height: 10px;
    color: #006633;
}

.subnaviLevel1Active a {
    color: #006633;
}

.subnaviLevel1Active a:hover {
    color: #006633;
}

.subnaviLevel2 {
    background-color: #ecf6e9;
    padding: 5px 8px 5px 0px;
    line-height: 10px;
    color: #006633;
}

.subnavisearch {
    background-color: #ecf6e9;
    padding: 0px 8px 0px 8px;
    line-height: 10px;
    color: #006633;
}

.subnaviLevel2 a {
    font-weight: 500;
}

.subnaviLevel2Active {
    background-color: #ecf6e9;
    padding: 5px 8px 5px 0px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: #ff0000;
}

.subnaviLevel2Active a {
    font-weight: 500;
    color: #ff0000;
}

.subnaviLevel3 {
    background-color: #f5faf4;
    padding: 5px 8px 0px 0px;
    line-height: 12px;
    color: #006633;
}

.subnaviLevel3 a {
    font-weight: 500;
}

.subnaviLevel3Active {
    background-color: #f5faf4;
    padding: 5px 8px 0px 0px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #ff0000;
}

.subnaviLevel3Active a {
    font-weight: 500;
    color: #ff0000;
}

.subnaviLevel3Last {
    background-color: #f5faf4;
    padding: 5px 8px 5px 0px;
    line-height: 12px;
    color: #006633;
}

.subnaviLevel3Last a {
    font-weight: 500;
}

.subnaviLevel3LastActive {
    background-color: #f5faf4;
    padding: 5px 8px 5px 0px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 10px;
    color: #ff0000;
}

.subnaviLevel3LastActive a {
    font-weight: 500;
    color: #ff0000;
}

/* kompakte subnavi */
.compactsubnaviLevel1 {
    background-color: #a9d7ae;
    padding: 5px 8px 5px 8px;
    line-height: 10px;
    color: #006633;
}

.compactsubnaviLevel1 a {
    color: #006633;
}

.compactsubnaviLevel1 a:hover {
    color: #006633;
}

.compactsubnaviLevel1Active {
    background-color: #86bb86;
    padding: 5px 8px 5px 8px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: 900;
    line-height: 10px;
    color: #006633;
}

.compactsubnaviLevel1Active a {
    color: #006633;
}

.compactsubnaviLevel1Active a:hover {
    color: #006633;
}

.compactsubnaviLevel2Spacer {
    background-color: #ecf6e9;
    padding: 2px 0px 0px 0px;
}

.compactsubnaviLevel2 {
    background-color: #ecf6e9;
    padding: 2px 8px 2px 0px;
    line-height: 12px;
    color: #006633;
}

.compactsubnaviLevel2 a {
    font-weight: 500;
}

.compactsubnaviLevel2Active {
    background-color: #ecf6e9;
    padding: 2px 8px 2px 0px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #ff0000;
}

.compactsubnaviLevel2Active a {
    font-weight: 500;
    color: #ff0000;
}

.compactsubnaviLevel3 {
    background-color: #f5faf4;
    padding: 2px 8px 0px 0px;
    line-height: 12px;
    color: #006633;
}

.compactsubnaviLevel3 a {
    font-weight: 500;
}

.compactsubnaviLevel3Active {
    background-color: #f5faf4;
    padding: 2px 0px 0px 0px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #ff0000;
}

.compactsubnaviLevel3Active a {
    font-weight: 500;
    color: #ff0000;
}

.compactsubnaviLevel3Last {
    background-color: #f5faf4;
    padding: 2px 0px 5px 0px;
    line-height: 12px;
    color: #006633;
}

.compactsubnaviLevel3Last a {
    font-weight: 500;
}

.compactsubnaviLevel3LastActive {
    background-color: #f5faf4;
    padding: 2px 4px 5px 0px;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #ff0000;
}

.compactsubnaviLevel3LastActive a {
    font-weight: 500;
    color: #ff0000;
}

.contentTeaserHead {
    background-color: #a9d7ae;
    padding: 5px 8px 5px 8px;
    color: #000000;
    font-size: 10px;
    font-weight: 900;
}

.contentTeaserBox {
    background-color: #f0f8ed;
    padding: 5px 5px 5px 5px;
    color: #000000;
    font-size: 10px;
    font-weight: 900;
}

.content {
    color: #242424;
    font-size: 10px;
}

.content h1, .content h1 a {
    font-size: 12px;
    margin: 0px 0px 8px 0px;
    color: #242424;
}

.content h2 {
    font-size: 11px;
    margin: 0px 0px 8px 0px;
    color: #242424;
}

.content h3 {
    margin: 0px 0px 4px 0px;
    font-size: 10px;
    color: #242424;
}

.content .headlineLevel1,
.content .headlineLevel1 a {
    color: #ff0000;
    font-size: 14px;
    font-weight: 900;
    margin: 0px 0px 16px 0px;
    padding: 0px;
    line-height: 120%;
}

.content .headlineLevel2 {
    font-weight: 900;
}

.content p {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #242424;
    line-height: 12px;
    margin: 0px 0px 16px 0px;
}

.contentMeta {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #dfdfdf;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
}

a.contentMeta {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #a9d7ae;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
}

a.contentMeta:hover {
    color: #ff0000;
}

.greytext {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
}

.greytext2 {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

.picturetextgrey {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #999999;
    font-style: italic;
}

.headline2 {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #242424;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
}

.headline3 {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #474747;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
}

.tablegreyboldtext {
    background-color: #dfdfdf;
    font-weight: bold;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #242424;
    line-height: 18px;
    margin: 0px;
}

.tablegrey {
    background-color: #f2f2f2;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #242424;
    line-height: 12px;
    margin: 0px;
}

.tablearrowpic {
    vertical-align: top;
    padding: 5px 0px 0px 0px;
}

.prodrecilist {
    list-style-type: disc;
    padding: 0px;
    margin: 0px 0px 0px 12px;
}

.prodrecilisttext {
    font-size: 4px;
    margin: 0px 0px 0px 5px;
    color: #dfdfdf;
}

.list {
    list-style-image: url(../img/general/li_dot.gif);
    list-style-position: outside;
    margin: 19px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.listtext {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #242424;
    margin-left: -8px
}

.yellowsearchbox {
    width: 72px;
    height: 18px;
    background-color: #FFFFFF;
    font-size: 10px;
    border: #FED231 solid 1px;
    color: #242424;
}

.messagebox {
    width: 284px;
    height: 118px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #242424;
}

.sendbox {
    width: 116px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #242424;
}

.searchresultbox {
    width: 103px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border-collapse: separate;
    border: #7ab18e;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    color: #006633;
}

.searchrecipesbox {
    width: 139px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border-collapse: separate;
    border: #7ab18e;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    color: #006633;
}

.extend_searchrecipesbox {
    width: 350px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border-collapse: separate;
    border: #7ab18e;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    color: #006633;
}

.contactsendbox {
    width: 193px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #242424;
}

.contactselectbox {
    width: 194px;
    height: 15px;
    background-color: #d9ecd5;
    font-size: 10px;
    border-style: solid;
    border-color: #7ab18e;
    border-width: 1px;
    color: #242424;
}

.sendbutton {
    height: 20px;
    background: #DAEDD3;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #86bb86;
    border-bottom: 1px solid #86bb86;
    color: #006633;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.deletebutton {
    height: 20px;
    background: #DAEDD3;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #86bb86;
    border-bottom: 1px solid #86bb86;
    color: #006633;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.closebutton {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #006633;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
}

a.closebuttonWhite {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

a.closebuttonWhite:hover {
    color: #ffffff;
    text-decoration: none;
}

.scrolltableleft {
    padding: 0px 16px 0px 0px;
    text-align: left;
    vertical-align: top;
}

.scrolltablemiddle {
    text-align: center;
    white-space: normal;
    color: #c0c0c0;
}

.scrolltableright {
    padding: 0px 0px 0px 16px;
    text-align: right;
    vertical-align: top;
}

.scrolltextred {
    color: #ff0000;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.newbutton {
    font-size: 9px;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #ffffff;
    background-color: #ff0000;
    word-spacing: normal;
    border-width: 1px;
    border-style: solid;
    border-color: #ff0000;
    padding: 1px;
    text-align: justify;
}

.servinginput {
    border: 0px;
    width: 75px;
}

.globalhomeboldgreen {
    font-family: Verdana, arial, helvetica, sans-serif;
    color: #006633;
    font-size: 9px;
    font-weight: 900;
}

.textboxgrey {
    background-color: #f2f2f2;
    padding: 8px 8px 0px 8px;
    margin: 0px;
    margin-bottom: 16px;
}

.textboxgrey p {
    margin: 0px;
    padding: 0px;
    padding-bottom: 8px;
}

.complaint_messagebox {
    width: 254px;
    height: 118px;
    background-color: #d9ecd5;
    font-size: 10px;
    border: #7ab18e solid 1px;
    color: #242424;
}

/************************************************************************
 message boxes (fehlermeldungen und hinweise)
*************************************************************************/
.message_box {
    background-color: #f2f2f2;
    width: 100%;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.message_box p {
    margin: 0px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 16px;
    font-weight: bold;
}

.message_box p.error {
    font-weight: bold;
    color: #ff0000;
}

/************************************************************************
 formulare
*************************************************************************/
input.default {
    font-family: Verdana, Helvetica;
    background-color: #d9ecd5;
    border: 1px solid #7ab18e;
    font-size: 10px;
    padding: 2px;
    color: #242424;
    height: 18px;
}

.form_container {
    float: left;
    background-color: #f0f8ed;
    width: 100%;
    margin-bottom: 16px;
    /*border: 1px solid #a9d7ae;*/
}

.form_container .headline {
    float: left;
    width: 100%;
    padding: 4px 0px;
    margin-bottom: 0px;
    background-image: url(../img/general/default_box_headline.jpg);
    background-repeat: repeat-x;
    border-bottom: 1px solid #a9d7ae;
    background-color: #e0f1e1;
}

.form_container .headline  h1,
.form_container .headline  h1 a{
    margin: 0px;
    padding-left: 8px;
    font-size: 10px;
    float: left;
}

.form_container input,.form_container  textarea,.form_container  select
    {
    font-family: Verdana, Helvetica;
    background-color: #d9ecd5;
    border: 1px solid #7ab18e;
    font-size: 10px;
    padding: 2px;
    color: #242424;
    height: 18px;
}

.form_container  select {
    height: 16px;
    padding: 0px;
}

.form_container .form_input_text {
    font-family: Verdana, Helvetica;
    width: 182px;
}

.form_container .form_input_select {
    font-family: Verdana, Helvetica;
    width: 250px;
    height: 20px;
}

.form_container .form_input_checkbox {
    font-family: Verdana, Helvetica;
    width: 15px;
    border: 0px;
    background-color: #f0f8ed;
    margin-right: 4px;
    float: left;
}

.form_container .checkbox_label {
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
}

.form_container .form_textarea {
    font-family: Verdana, Helvetica;
    width: 259px;
    height: 120px;
}

.form_container .form_input_radio {
    font-family: Verdana, Helvetica;
    width: 15px;
    border: 0px;
    background-color: #f0f8ed;
    margin-right: 4px;
    float: left;
}

.form_container .radio_label {
    float: left;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
}

.form_container .submit_button {
    float: right;
    height: 20px;
    background: #daedd3;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #86bb86;
    border-bottom: 1px solid #86bb86;
    color: #006633;
    font-family: Verdana, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-right: 8px;
    margin-bottom: 8px;
}

.form_container table {
    border: 0px;
    margin-top: 8px;
    clear: both;
}

.form_container table tr {
    vertical-align: bottom;
}

.form_container table td {
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
}

.form_container table td.form_label {
    padding-bottom: 11px;
    float: left;
    font-weight: 900;
    font-size: 10px;
    color: #242424;
    width: 100px;
}

.form_container table td.form_label_textarea {
    vertical-align: top;
    padding-top: 8px;
    float: left;
    font-weight: 900;
    font-size: 10px;
    color: #242424;
    width: 100px;
}

.login_container_empty {
    width: 100%;
    height: 175px;
}

.personal_info_box_head {
    background-color: #a9d7ae;
    padding: 5px 8px 5px 8px;
    color: #000000;
    font-size: 10px;
    font-weight: 900;
}

.personal_info_box_content {
    background-color: #f0f8ed;
    padding: 5px 5px 5px 5px;
    color: #000000;
    font-size: 10px;
}

a.logout {
    background-image: url(../img/user/icon_logout.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-top: 5px;
    padding-top: 3px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    display: block;
    height: 20px;
}

a.logout:hover {
    color: #ff0000;
    background-image: url(../img/user/icon_logout.gif);
}

a.my_favourite_recipes {
    background-image: url(../img/user/icon_heart.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-top: 4px;
    padding-top: 0px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    display: block;
    height: 20px;
}

a.my_shopping_list {
    background-image: url(../img/user/icon_add_list.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin-top: 4px;
    padding-top: 2px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    display: block;
    height: 20px;
}

.personal_info_box_content input.form_input_text {
    font-family: Verdana, Helvetica;
    background-color: #d9ecd5;
    border: 1px solid #7ab18e;
    font-size: 10px;
    padding: 2px;
    color: #242424;
    height: 18px;
    width: 139px;
    margin-bottom: 0px;
}

.personal_info_box_content .submit_button {
    float: right;
    height: 20px;
    background: #daedd3;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #86bb86;
    border-bottom: 1px solid #86bb86;
    color: #006633;
    font-family: Verdana, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 4px;
}

.personal_info_box_content table td.form_label {
    padding-top: 4px;
    padding-right: 8px;
    float: left;
    font-weight: 900;
    font-size: 10px;
    color: #242424;
    white-space: nowrap;
}

a.add_to_shopping_list {
    background-image: url(../img/user/icon_add_list.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin-top: 4px;
    padding-top: 4px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    display: block;
    height: 20px;
}

.shopping_list .shopping_list_dark {
    background-color: #efefef;
}

.shopping_list .shopping_list_light {
    background-color: #f7f7f7;
}

a.add_to_cart {
    display: block;
    background-image: url(../img/user/icon_add_to_cart.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-top: 0px;
    padding-top: 2px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    height: 18px;
}

.shopping_list a.show {
    background-image: url(../img/user/icon_show.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-top: 0px;
    padding-top: 2px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    height: 18px;
    display: block;
}

.shopping_list a.delete {
    background-image: url(../img/user/icon_delete.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-top: 0px;
    padding-top: 2px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    height: 18px;
    display: block;
}

a.print_all {
    background-image: url(../img/user/icon_print.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin-top: 0px;
    padding-top: 2px;
    padding-left: 20px;
    text-decoration: none;
    font-weight: 900;
    height: 16px;
}

a.add_to_favourite_recipes {
    background-image: url(../img/user/icon_heart.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin-top: 4px;
    padding-top: 2px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    display: block;
    height: 20px;
}

.favourite_recipes .favourite_recipes_dark {
    background-color: #efefef;
}

.favourite_recipes .favourite_recipes_light {
    background-color: #f7f7f7;
}

.favourite_recipes a.show {
    background-image: url(../img/user/icon_show.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-top: 2px;
    padding-top: 2px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    height: 18px;
    display: block;
}

.favourite_recipes a.delete {
    background-image: url(../img/user/icon_delete.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-top: 0px;
    padding-top: 2px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    height: 18px;
    display: block;
}

p.linkbox {
    line-height: 18px;
}

.compact-content-navi {
    background-color: #ecf6e9;
    width: 100%;
    border: 0px;
    padding: 0px;
    margin-bottom: 16px;
}

.compact-content-navi td {
    color: #cccccc;
    padding: 4px 8px 4px 8px;
    line-height: 18px;
}

.compact-content-navi td a.active {
    color: #ff0000;
}

.standard-content-navi {
    background-color: #ecf6e9;
    width: 100%;
    border: 0px;
    padding: 0px;
    margin-bottom: 16px;
}

.standard-content-navi tr {
    vertical-align: top;
}

.standard-content-navi td {
    background-color: #ecf6e9;
    padding: 4px 8px 4px 8px;
}

.standard-content-navi td.withborder {
    background-color: #ecf6e9;
    padding: 4px 8px 4px 8px;
    border-right: 1px solid #fff;
}

.standard-content-navi td.active {
    background-color: #d9ecd5;
}

.standard-content-navi td.activewithborder {
    background-color: #d9ecd5;
    border-right: 1px solid #fff;
}

.standard-content-navi td.dividewhite {
    background-color: #fff;
    width: 1px;
}

.recipe-rating-stars-box {
    margin: 8px 0px 0px 0px;
    width: 220px;
    float: left;
}

.recipe-rating-cookagain-box {
    margin: 8px 8px 0px 0px;
    width: 150px;
    float: right;
}

.recipe-rating-review-box {
    width: 376px;
    margin-top: 8px;
    clear: both;
    float: left;
}

.recipe-rating-label {
    display: block;
    width: 100%;
    font-weight: bold;
    padding-bottom: 8px;
}

input.recipe-rating-box-radio {
    width: 13px;
    height: 13px;
    border: 0px;
    background-color: #f0f8ed;
}

.recipe-rating-review-box textarea {
    float: left;
    width: 368px;
    height: 100px;
    margin-left: 16px;
}

.recipe-rating-bg {
    width: 100%;
    height: 30px;
    background-image: url(../img/general/02_yellow_bg.jpg);
    margin-bottom: 8px;
}

.recipe-rating-bg p {
    padding: 8px;
    margin: 0px;
}

.recipe-rating-review-box p {
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.submit_button_container {
    clear: both;
}

.submit_button_container .submit_button {
    float: right;
    height: 20px;
    background: #daedd3;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #86bb86;
    border-bottom: 1px solid #86bb86;
    color: #006633;
    font-family: Verdana, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-right: 13px;
    margin-top: 8px;
}

.blank-break {
    clear: both;
}

.recipe-rating-star-label {
    display: block;
    padding-top: 1px;
    vertical-align: top;
}

.recipe-rating-radio-line {
    margin-left: 16px;
    margin-bottom: 3px;
    clear: both;
}

a.download-pdf-file {
    background-image: url(../img/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin-top: 4px;
    padding-top: 4px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    display: block;
    height: 20px;
}

p.alternative-image-text {
    margin: 4px 0px 0px 0px;
    padding: 0px;
    font-style: italic;
}

/********************************************************************
 STYLES ADVANCED SEARCH
********************************************************************/
    /*---- containers ------------------------------*/
.search-container {
    font-family: Verdana, Helvetica;
    /*float:left;*/
    width: 560px;
}

.search-box { /*float:left;*/ /*width:100%;*/ /*margin-bottom: 20px;*/
    padding: 11px;
}

.search-header {
    height: 17px;
    line-height: 17px;
    padding-left: 11px;
}

.website_area_items {
    padding-left: 20px;
}

.search_select {
    float: left;
}

.search-header p {
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #242424;
    line-height: 17px;
}

.search_options {
    margin-top: 20px;
}

.search-hr {
    height: 1px;
    line-height: 0px;
    border: 1px;
    border-top: 4px solid #d9ecd5;
    margin-bottom: 10px;
}

.search-inputcontainer {
    float: left;
    width: 170px;
    height: auto;
    margin-bottom: 9px;
}

.search-col3 .search-inputcontainer {
    clear: both;
    height: auto;
    margin-bottom: 9px;
    width: 100%;
}

.search-button-container {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 10px;
    margin-bottom: 30px;
}

/*---- spacers ---------------------------------------*/
.search-headerspacer-left {
    float: left;
    width: 4px;
    height: 4px;
    line-height: 1px;
    font-size: 1px;
}

.search-headerspacer-top {
    height: 9px;
    width: 550px;
    float: none;
    line-height: 0px;
    font-size: 1px;
}

.search-col1-spacer-left {
    float: left;
    width: 38px;
    height: 50px;
    line-height: 0px;
    font-size: 1px;
}

.search-contentspacer-top {
    height: 11px;
    width: 558px;
    float: left;
    line-height: 0px;
    font-size: 1px;
}

.search-contentspacer-bottom {
    height: 7px;
    width: 550px;
    float: left;
    line-height: 0px;
    font-size: 1px;
}

/*---- columns ------------------------------------*/
.search-colheader {
    float: left;
    height: auto;
    padding-left: 15px;
    margin-bottom: 7px;
}

.search-col1 { /*float:left; */ /*height:auto; */ /*width:171px;
	border:0px;*/
    margin: 20px;
}

.search-col2 {
    float: left;
    height: auto;
    width: 171px;
    border: 0px;
}

.search-col3 { /*float:left;
	height:auto;
	width: 100%;*/
    margin: 20px;
}

/* extensive recipe browse */
.recipe-browse {
    float: left;
    clear: both;
    padding-top: 24px;
    margin-bottom: 16px;
}

.recipe-browse-refineby {
    margin-top: -2px;
    background-color: #f6f9f0;
    border: 1px solid #b2ca80;
    padding: 6px 8px;
    line-height: 150%;
    margin-bottom: 1px;
}

.recipe-browse-left {
    float: left;
    width: 175px;
    margin-right: 16px;
}

.recipe-browse-middle {
    width: 175px;
    margin-right: 16px;
    float: left;
}

.recipe-browse-middle-item {
    width: 100%;
    float: left;
    clear: both;
}

.recipe-browse-right {
    width: 175px;
    float: left;
}

.recipe-browse-headline {
    width: 100%;
    padding: 4px 0px;
    background-image: url(../img/general/02_green_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #b2ca80;
    margin-bottom: 1px;
    height: 10px;
}

.recipe-browse-headline h1,
.recipe-browse-headline h1 a{
    padding: 0px;
    margin: 0px 8px;
    line-height: 90%;
    font-size: 10px;
}

p.recipe-browse-link-list {
    width: 100%;
    float: left;
    clear: both;
    padding: 4px;
    padding-left: 7px;
    padding-bottom: 0px;
    margin-bottom: 16px;
}

.recipe-browse a.arrow-link-thin {
    float: left;
    clear: both;
    width: 160px;
    background-image: url(../img/general/arrow_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 4px;
}

.recipe-browse a.arrow-link-thin:hover {
    color: #ff0000;
    background-image: url(../img/general/arrow_1.gif);
}

.recipe-browse a.thin-link {
    font-size: 11px;
    font-weight: normal;
}

/* extensive product browse */
.product-browse {
    float: left;
    clear: both;
    margin-bottom: 16px;
}

.product-browse-left {
    float: left;
    width: 175px;
    margin-right: 16px;
}

.product-browse-middle {
    width: 175px;
    margin-right: 16px;
    float: left;
}

.product-browse-middle-item {
    width: 100%;
    float: left;
    clear: both;
}

.product-browse-right {
    width: 175px;
    float: left;
}

.product-browse-headline {
    width: 100%;
    padding: 4px 0px;
    margin-bottom: 1px;
    background-image: url(../img/general/02_green_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #b2ca80;
}

.product-browse-headline h1,
.product-browse-headline h1 a{
    padding: 0px;
    margin: 0px 8px;
    font-size: 10px;
    line-height: 90%;
}

p.product-browse-link-list {
    width: 100%;
    float: left;
    clear: both;
    padding: 4px;
    padding-left: 7px;
    padding-bottom: 0px;
    margin-bottom: 16px;
}

.product-browse a.arrow-link-thin {
    float: left;
    clear: both;
    width: 160px;
    background-image: url(../img/general/arrow_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 4px;
}

.product-browse a.arrow-link-thin:hover {
    color: #ff0000;
    background-image: url(../img/general/arrow_1.gif);
}

.product-browse a.thin-link {
    font-size: 11px;
    font-weight: normal;
}

/*---- form elements ----------------------------------*/
.search-select {
    clear: both;
    /*display:block;*/
    width: 151px;
    background-color: #d9ecd5;
    margin-bottom: 5px;
    color: #242424;
}

.search-select-wide {
    clear: both;
    /*display:block;*/
    width: 301px;
    background-color: #d9ecd5;
    margin-bottom: 5px;
    color: #242424;
}

.search-select-inactive {
    clear: both;
    /*display:block;*/
    width: 151px;
    background-color: #e4e4e4;
    color: #AEBDAB;
    margin-bottom: 5px;
}

.search-checkbox {
    width: 13px;
    height: 13px;
    margin: 0px;
    background-color: #d9ecd5;
}

.search-checkbox-inactive {
    background-color: #e4e4e4;
    color: #AEBDAB;
    width: 13px;
    height: 13px;
    margin: 0px;
}

.searchfor-input {
    border: 1px solid #7AB18E;
    background-color: #D9ECD5;
    width: 170px;
    color: #006633;
}

.searchfor-radio {
    width: 13px;
    height: 13px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.label-searchfor-input {
    width: 195px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    color: #242424;
}

.label-searchfor-radio {
    width: 150px;
    height: 5px;
}

.label-searchin-radio {
    font-weight: bold;
}

.label-searchin-check {
    padding-left: 3px;
}

.label-searchin-check-inactive {
    color: #AEBDAB;
    font-weight: bold;
    padding-left: 3px;
}

.label-searchin-select {
    width: 160px;
    height: auto;
    display: block;
    margin-bottom: 7px;
    margin-top: 4px;
    font-weight: bold;
}

.label-searchin-select-inactive {
    width: 160px;
    height: auto;
    display: block;
    margin-bottom: 7px;
    margin-top: 4px;
    color: #AEBDAB;
}

.label-searchin-additional {
    width: 160px;
    height: auto;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.label-searchin-additional-inactive {
    width: 160px;
    height: auto;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    color: #AEBDAB;
}

.search-reset {
    float: right;
}

.search-submit {
    float: right;
    margin-left: 10px;
}

.current-country {
    color: #ff0000;
    font-size: 10px;
    margin: 3px 0px 0px 0px;
    display: block;
}

.default-table-headline {
    width: 100%;
}

.default-table-headline tr.tr1 {
    background-color: #e0f1e1;
}

.default-table-headline th {
    padding: 4px 8px;
    margin-bottom: 1px;
    background-image: url(../img/general/default_box_headline.jpg);
    background-repeat: repeat-x;
    border: 1px solid #a9d7ae;
    border-right: 0px;
    border-left: 0px;
    background-color: #e0f1e1;
    font-size: 10px;
    font-weight: bold;
}

.default-table-headline th.left {
    border-left: 1px solid #a9d7ae;
    text-align: left;
}

.default-table-headline th.right {
    border-right: 1px solid #a9d7ae;
}

.default-table-headline td {
    text-align: left;
    padding: 4px 8px;
}

.default-table-headline td.center {
    text-align: center;
}

.default-table-headline td.right {
    text-align: right;
}

.default-box-headline {
    float: left;
    width: 100%;
    padding: 4px 0px;
    margin-bottom: 1px;
    background-image: url(../img/general/default_box_headline.jpg);
    background-repeat: repeat-x;
    border: 1px solid #a9d7ae;
    background-color: #e0f1e1;
}

.vitalities {
    width: 220px;
    height: 60px;
    float: right;
    background-image: url(../img/vitalities.gif);
    background-repeat: no-repeat;
}

.default-box-headline h1,
.default-box-headline h1 a {
    margin: 0px;
    padding-left: 8px;
    font-size: 10px;
    float: left;
}

.recipe_slide_show_categories {
    border: 1px solid #c0c0c0;
    float: left;
    margin-bottom: 16px;
    width: 560px;
}

.recipe_slide_show-grey {
    float: left;
    padding: 4px 0px;
    background-image: url(../img/general/headline_bg_grey.jpg);
    background-repeat: repeat-x;
    background-color: #e0e0e0;
}

a.meta-shopping-cart {
    background-image: url(../img/user/icon_shoppingcart_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 18px;
    text-decoration: none;
    font-weight: 900;
    display: inline-block;
    height: 20px;
}

a.meta-shopping-cart:hover {
    color: #ff0000;
    background-image: url(../img/user/icon_shoppingcart_1.gif);
}

a.ecard {
    background-image: url(../img/user/icon_ecard.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin: 0.75em 0;
    padding-top: 3px;
    padding-left: 21px;
    text-decoration: none;
    font-weight: 900;
    display: block;
    height: 20px;
}

a.ecard:hover {
    color: #ff0000;
    background-image: url(../img/user/icon_ecard.gif);
}

.ecard-box-default {
    clear: both;
    float: left;
    width: 100%;
    background-color: #ffe99d;
    background-image: url(../img/user/background_ecard.jpg);
    background-repeat: no-repeat;
    padding: 20px 0px;
}

.ecard-box-left {
    clear: both;
    float: left;
    width: 280px;
    padding: 0px 0px;
    border-right: 1px solid #fff;
}

.ecard-box-right {
    float: right;
    width: 279px;
    padding: 0px 00px;
    padding-top: 80px;
}

.ecard-inner-container {
    float: left;
    padding: 0px 20px;
}

.ecard-image-box {
    float: left;
    clear: both;
    background-color: #fff;
    padding: 5px;
    margin-bottom: 12px;
}

.image-caption {
    font-style: italic;
    margin-top: 3px;
}

/******************************************************************
download mod
******************************************************************/
.download-group-header {
    width: 100%;
    clear: both;
    float: left;
    background-image: url('../img/download_verlauf.gif');
    background-repeat: repeat-x;
}

.download-group-header-name {
    float: left;
    padding: 3px 8px 1px 8px;
}

.download-group-header-download {
    float: right;
    padding: 3px 8px 1px 8px;
}

.download-item {
    width: 100%;
    clear: both;
    float: left;
    border-bottom: 1px solid #eee;
    margin-bottom: 3px;
    padding-bottom: 6px;
    padding-top: 6px;
}
.download-description,
.download-item-name {
    float: left;
    width: 70%;
    padding: 3px 8px 3px 8px;
}

.download-item-download {
    float: right;
    padding: 3px 24px 3px 8px;
}

.download-description {
    float: none;
    padding: 0px 8px 10px;
}

/******************************************************************
tabellen layouts
******************************************************************/
table.default {
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-bottom: 16px;
    border: 0px;
    color: #242424;
    font-size: 10px;
    line-height: 12px;
}

table.default th {
    text-align: left;
    font-weight: 900;
    padding: 3px 10px 3px 10px;
    background: #DFDFDF url('../img/download_verlauf.gif') repeat-x scroll
        0px bottom;
}

table.default td {
    padding: 3px 10px 3px 10px;
    border-top: 1px solid #dfdfdf;
}

/* cleaner */
.clear {
    clear: both;
}

/* Lightbox */
#lightbox {
    position: absolute;
    left: 0;
    top: 100px !important;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox img {
    width: auto;
    height: auto;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer>#hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink,#nextLink {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA);
    /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink :hover,#prevLink :visited :hover {
    background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink :hover,#nextLink :visited :hover {
    background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData {
    padding: 0 10px;
    color: #666;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

/* infobox */
a.pdfdownload, a.pdfsendto, div.serving_size_calculator form a, div.portion_size_calculator form a
{
    clear: both;
    display: block;
    background-image: url(../img/general/arrow_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 6px;
    margin-top: 12px;
    text-decoration: none;
    font-weight: 900;
}

div.serving_size_calculator form a, div.portion_size_calculator form a{
	clear: none;
	display: inline;
	float: none;
}

a.pdfsendto {
    margin-top: 0px;
}

a.pdfdownload:hover, a.pdfsendto:hover, div.serving_size_calculator form a:hover, div.portion_size_calculator form a:hover {
    color: #ff0000;
    background-image: url(../img/general/arrow_1.gif);
}

div.serving_size_calculator form,div.portion_size_calculator form {
    height: 1.5em;
	padding: 0.5em 0 1em;
}

div.serving_size_calculator .servinginput,div.portion_size_calculator .servinginput
{
    float: left;
    clear: both;
}

div.serving_size_calculator a, div.portion_size_calculator a {
    clear: none;
    margin: 0 0 0 0.75em;
}

ul.keywords {
    list-style-image: none;
    margin-left: 0;
}

ul.keywords li {
    font-weight: bold;
}



DIV.price_calculation {
    margin-bottom: 16px;
}


/* PAS Survey modul */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.answer_radio {
    margin-bottom: 5px;
}

.answer_radio_input {
    float: left;
    width: 25px;
}

.answer_radio_label {
    float: left;
    width: 370px;
}

.next_question_button {
    float: right;
    padding-top: 25px;
    margin-bottom: 15px;
    width: 199px;
}

.next_question_button a.submit  {
    background: url('../img/pas/pas_status_bar_arrow_background.jpg') repeat-x;
    display: block;
    float: right;
    height: 26px;
}

.next_question_button a.submit span {
    background: url('../img/pas/pas_status_bar_arrow_right.jpg') right no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 26px;
    line-height: 25px;
    padding: 0px 20px 0px 8px;
}

.last_question_button {
    float: left;
    padding-top: 25px;
    margin-bottom: 15px;
    width: 198px;
}

.last_question_button a.submit  {
    background: url('../img/pas/pas_status_bar_arrow_background.jpg') repeat-x;
    display: block;
    float: left;
    height: 26px;
}

.last_question_button a.submit span {
    background: url('../img/pas/pas_status_bar_arrow_left.jpg') left no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 26px;
    line-height: 25px;
    padding: 0px 8px 0px 20px;
}

.finish_question_button {
    float: right;
    padding-top: 25px;
    margin-bottom: 15px;
    width: 199px;
}

.finish_question_button a.submit  {
    background: url('../img/pas/pas_status_bar_arrow_background.jpg') repeat-x;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 25px;
    padding: 0px 8px;
    display: block;
    float: right;
    height: 26px;
}


.progressbar div.todo {
    background-image: url('../img/pas/00_00_Survey_14.jpg');
    float: left;
    margin-right: 1px;
}

.progressbar div.todo span {
    background: url('../img/pas/00_00_Survey_10-16.jpg') left no-repeat;
    height: 21px;
    display: block;
}

.progressbar div.todo span span {
    background: url('../img/pas/00_00_Survey_10-16.jpg') right no-repeat;
    height: 21px;
    display: block;
}

.progressbar div.finished {
    background-image: url('../img/pas/00_00_Survey_21.jpg');
    background-repeat: repeat-x;
    display: block;
    float: left;
    height: 21px;
    margin-right: 1px;
}

.progressbar div.current {
    background-image: url('../img/pas/00_00_Survey_10-18.jpg');
    background-repeat: repeat-x;
    display: block;
    float: left;
    height: 21px;
    margin-right: 1px;
}

p.survey_current_question {
    color: #999999;
}

p.survey_legend {
    color: #000;
    font-size: 9px;
}

table.survey {
    margin-bottom: 12px;
}

table.survey tr th {
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 5px;
}

table.survey tr td {
    text-align: center;
    vertical-align: top;
    width: 30px;
}

table.survey tr td.question {
    text-align: left;
    padding: 5px 0px;
    width: 235px;
}

table.survey_check td.first {
    vertical-align: top;
    padding: 2px 0px;
    width: 199px;
}

table.survey_check td.second {
    vertical-align: top;
    padding: 2px 0px;
    width: 200px;
}

table.survey_check td div.left {
    float: left;
    width: 20px;
}

table.survey_check td div.right {
    float: left;
    padding-top: 3px;
    width: 175px;
}

textarea.survey {
    border: 1px solid #999999;
    width: 398px;
    height: 100px;
}


img {
    border: none;
}



.alternative-image {
    margin-bottom: 10px;
}