@CHARSET "UTF-8";

/* ie */

@font-face {
        font-family                :        SuperGrotesk;
        src                                :        url(/tl_files/fonts/SuperGroteskWeb.eot);
}

@font-face {
        font-family                :        SuperGroteskMedium;
        src                                :        url(/tl_files/fonts/SuperGroteskWeb-Medium.eot);
}


/* firefox */

@font-face {
        font-family                :        SuperGrotesk;
        src                                :        url(/tl_files/fonts/SuperGroteskWeb.woff) format('woff');
}

@font-face {
        font-family                :        SuperGroteskMedium;
        src                                :        url(/tl_files/fonts/SuperGroteskWeb-Medium.woff) format('woff');
}


/*
@font-face {
        font-family                :        SuperGrotesk;
        src                                :        url(/tl_files/fonts/SuperGroteskWeb-Medium.eot);
}

@font-face {
        font-family                :        SuperGrotesk;
        src                                :        url(/tl_files/fonts/SuperGroteskWeb-Medium.woff) format("woff");
}
*/

html, body {
        height                        :        100%;
}

body {
        line-height                :        150%;
        font-family                :        SuperGrotesk, Futura, Arial, Helvetica, sans-serif;
        font-size                :        13px;
        color                        :        #4c4c4c;
        background                :        #fff url(/tl_files/media/_global/css_img/body-bg.jpg) left top repeat-x;
}

input, select, textarea {
        font-family                :        SuperGrotesk, Futura, Arial, Helvetica, sans-serif;
        font-size                :        90%;
        color                        :        #4c4c4c;
}

#wrapper {
        width                        :        996px;
        min-height                :        100%;
        height                        :        auto !important;
        height                        :        100%;
        position                :        absolute;
        left                        :        50%;
        top                                :        0;
        margin-left                :        -498px;
        padding-bottom        :        1em;
        /*margin                        :        0 0 -20px -498px;*/
}

#header {
        position                :        relative;
        width                        :        100%;
        height                        :        176px;
        padding-bottom        :        30px;
        color                        :        #fff;
        background                :        transparent url(/tl_files/media/_global/css_img/header-bg.jpg) left top no-repeat;
}

#logo-homelink {
        position                :        absolute;
        left                        :        40%;
        width                        :        210px;
        height                        :        170px;
        text-indent                :        -3000px;
}

#logo-homelink a {
        display                        :        block;
        width                        :        100%;
        height                        :        100%;
}

#topnav {
        position                :        absolute;
        bottom                        :        -176px;
        left                        :        30px;
        margin-left                :        -23px;
        font-size                :        12px;
        text-transform        :        uppercase;
}

#topnav li {
        float                        :        left;
        margin-left                :        20px;
}

/* home */
#topnav li#item-1 {
}

/* about */
#topnav li#item-2 {
        width                        :        40px;
}

/* kaffee */
#topnav li#item-3 {
        width                        :        42px;
}

/* single origin code */
#topnav li#item-4 {
        margin-left                :        18px;
        width                        :        134px;
}

/* shop */
#topnav li#item-5 {
        width                        :        36px;
        margin-left                :        12px;
}


/* kooperativen  */
#topnav li#item-6 {
        margin-left                :        250px;
}

/* regionen */
#topnav li#item-7 {
        margin-left                :        22px;
}

/* news */
#topnav li#item-8 {
        margin-left                :        22px;
}

/* impressionen */
#topnav li#item-9 {
        margin-left                :        25px;
}

#topnav a, #topnav span {
        display                        :        block;
        height                        :        32px;
        padding-bottom        :        5px;
        text-align                :        center;
        color                        :        #fff;
}

#topnav a:hover {
        text-decoration        :        none;
        /*font-weight                :        bold;*/
        color                        :        #df9e42;
        /*background                :        url(/tl_files/media/_global/css_img/mainnav-btn-over_bg.jpg) center top no-repeat;*/
}

#topnav .active {
        color                        :        #df9e42;
        background                :        url(/tl_files/media/_global/css_img/mainnav-btn-over_bg.jpg) center bottom no-repeat;
}

#main {
        padding                        :        30px 50px 0 26px;
        min-height                :        500px;
}

#right {
        /*padding                        :        30px 0 0 45px;*/
        padding-top                        :        33px;
}

#footer {
		margin-top: 25px;
        clear                        :        both;
        border-top                :        1px #e2e2e2 solid;
}


#footer ul {
        float                        :        right;
        margin                        :        0;
        padding                        :        5px 28px 0 0;
        line-height                :        80%;
}

#footer li {
        float                        :        left;
        padding-right        :        8px;
        margin-right        :        8px;
        border-right        :        1px #a5a5a5 solid;
}

#footer li:last-child {
        border-right        :        0 none;
}

#footer a {
        font-size                :        85%;
        letter-spacing        :        1px;
        text-transform        :        uppercase;
        color                        :        #a5a5a5;
}

#banderole {
        position                :        fixed;
        left                        :        50%;
        margin-left                :        -498px;
        bottom                        :        0;
        width                        :        996px;
        height                        :        20px;
        color                        :        inherit;
        background                :        url(/tl_files/media/_global/css_img/banderole.jpg);
}

#newslist {
        width                        :        226px;
        padding                        :        2px;
        -webkit-box-shadow: 0 0 5px #aaa;
        -moz-box-shadow: 0 0 5px #aaa;

        zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=0, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=45, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=90, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=180, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=225, Strength=2)
    progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=270, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=315, Strength=2);

    background                :        #fff;
}

#newslist h3 {
        padding                        :        4px 6px;
        font-size                :        100%;
        text-transform        :        uppercase;
        color                        :        #fff;
        background                :        #975717;
}

#newslist .ce_text {
        margin                        :        10px 10px 5px 10px;
        border-bottom        :        1px #e2e2e2 solid;
}

#newslist .image_container {
        float                        :        left;
        padding-bottom        :        30px;
        margin-top                :        3px;
        margin-right        :        10px;
}

#newslist .first .ce_text {
        margin-top                :        0;
}

#newslist .last .ce_text {
        border                        :        0 none;
}

.ce_text {
        margin-bottom        :        1em;
}

.mod_articleList {
        position                :        absolute;
        top                                :        190px;
        left                        :        27px;
        font-family                :        SuperGroteskMedium;
        font-size                :        85%;
        text-transform        :        uppercase;
        letter-spacing        :        1px;
}

.mod_articleList li {
        float                        :        left;
        margin-right        :        12px;
}

h1 {
        text-indent                :        -3000px;
}

h2 {
        margin                        :        0 0 1em 0;
        text-transform        :        uppercase;
        font-size                :        140%;
        line-height                :        130%;
        color                        :        #4c4c4c;
}

h3 {
        margin                        :        0 0 1em 0;
        text-transform        :        uppercase;
        font-size                :        100%;
        color                        :        #4c4c4c;
}

h4 {
        margin                        :        0;
        paddding                :        0;
        font-size                :        100%;
        font-weight                :        bold;
}

a:link {
        text-decoration        :        none;
        color                        :        #975717;
        background                :        transparent;
}

a:visited {
        text-decoration        :        none;
        color                        :        #975717;
        background                :        transparent;
}

a:hover {
        text-decoration        :        underline;
}

.toplink a, a.toplink {
        display                        :        block;
        padding-left        :        12px;
        background                :        url(/tl_files/media/_global/css_img/toplink-icon.gif) left center no-repeat;
}

a.downloadlink {
        padding-left        :        12px;
        background                :        url(/tl_files/media/_global/css_img/downloadlink-icon.gif) left center no-repeat;
}

fieldset {
        margin                        :        0;
        padding                        :        0;
        margin-bottom        :        1em;
}

input.text, textarea {
        min-width                :        240px;
        height                        :        14px;
        padding                        :        2px;
        border                        :        1px #9e9e9e solid;
        color                        :        #4c4c4c;
}

table {
        width                        :        400px;
}

td {
        padding                        :        4px 0;
}

td.col_first {
        width                        :        45%;
}

textarea {
        min-height                :        150px;
}

label {
        display                        :        block;
}

select {
        min-width                :        240px;
        font-family                :        Futura, Arial, Helvetica, sans-serif;
}

hr {
        margin                        :        1em 0;
        border                        :        0 none;
        border-bottom        :        1px #e2e2e2 solid;
}

#main ul, #main ol {
        padding-left        :        1.6em;
}

#main ul li {
        margin-bottom        :        1em;
        /*list-style-type        :        disc;*/
        list-style-type: image;
        list-style-image: url(/tl_files/media/_global/css_img/bulletpoint.gif);
}

#main ol li {
        margin-bottom        :        1em;
        list-style-type:        decimal;
}

#main dt {
        list-style-type        :        disc;
        font-weight                :        bold;
}

#main dd {
        margin-bottom        :        1em;
}

.lft img {
        display                        :        block;
        margin-top                :        3px;
}


.pagination {
        margin                        :        10px 0;
}

.pagination p {
        margin                        :        0;
}

#main .pagination ul {
        padding-left        :        0;
}

#main .pagination ul li {
        float                        :        left;
        margin-right        :        5px;
        list-style-type        :        none;
        list-style-image:         none;
}

p.error {
        color                        :        #c00;
        margin                        :        0;
}


.toggler{
        font-weight:bold;
        color:#975717;
        background:transparent url(./ico_plus.gif) left center no-repeat;
        border-bottom:1px #E7E6D3 solid;
        padding-left:21px;
        margin-top:7px;
        cursor:pointer;
        cursor:hand;
}
div.accordion{
        border-left:0px #E7E6D3 solid;
        padding-left:5px;
        margin-left:4px;
}


.item h3 {
margin-top: 30px !important;
	margin-bottom: 8px !important;
}

.item p {margin-bottom: 8px !important;
}

/* media-box-bottom fuer 2-zeiligen Text */

#mbBottom {
	min-height: 40px;
}