/*

   real_international.css

   real,- International

   

   Created by Daniel Lowinski on 2009-01-09.

   Copyright 2009 wfp:2. All rights reserved.

*/





/* ================= */

/* = STANDARD TAGS = */

/* ================= */

*

{

    outline: none;

}



html

{

    overflow: -moz-scrollbars-vertical;

}



body

{

    margin: 0;

    padding: 0;



    color: #424242;

    font: 11px Arial, Helvetica, sans-serif;

    line-height: 14px;



    background: #FFF;

}



a, a:hover

{

    color: #0060AF;

    outline: none;

    text-decoration: underline;

}



h1, h2, h3

{

    margin: 16px 0 0 13px;

    padding: 0 0 8px 0;



    color: #E32518;

    line-height: 20px;

    font-size: 16px;

    font-weight: bold;

}

    h2, h3

    {

        margin: 0 0 0 13px;

        padding: 0;

        font-size: 14px;

    }

        h3

        {

            color: #0060AF;

        }



hr

{

    position: relative;

    clear: both;



    margin: 0 0 10px 13px;

    padding: 0;

    height: 1px;



    color: #E8E8F8;



    border: 0;

    background: #E8E8F8;

}



img

{

    border: 0;

}



input, select, textarea

{

    font: 12px Arial, Helvetica, sans-serif;

    color: #666;

}



map

{

    display: none;

}



p

{

    margin: 0 0 14px 13px;

    padding: 0;



    line-height: 17px;

}



ul

{

    margin: 2px 0 12px 0;

    padding: 0 0 0 40px;

    

    font-size: 12px;



    line-height: 19px;

}

    ul li

    {

        margin: 0 0 4px 0;

        padding: 0;

    }



ol

{

    margin: 2px 0 12px 0;

    padding: 0 0 0 30px;

    

    font-size: 12px;



    line-height: 19px;

}

    ol li

    {

        margin: 0 0 4px 0;

        padding: 0;

    }





div.clear

{

    clear:both;   

}



/***************************************************************************************/

/*** LAYOUT ***/



img#reallogo

{

    position: absolute;

    top: 28px;

    left: 29px;

}



div#columnM p

{

    font-size: 12px;

}



div.indent

{

    margin: 0 0 0 10px;

}



div.boxLeft

{

    width: 188px;

    

    margin: 0 0 10px 0;

    padding: 0 0 8px 0;

    

    border: 1px solid #C4C6CA;

}

    div.boxLeft p, div.boxLeft a

    {

        display: block;



        margin: 5px 0 0 0;

        padding: 0 8px 0 8px;

        

        line-height: 14px;

    }

    div.boxLeft a.imglink

    {

        margin: 0 !important;

        padding: 0 !important;

    }



a.boxLinkMore

{

    display: block;

    

    margin: 5px 6px 0 0 !important;

    padding-right: 10px !important;

    

    text-align: right;

    text-decoration: none;

    

    background: url(../images/construct/teaser_arrow.gif) right 2px no-repeat;

}



ul.boxHomeLocations

{

    margin: 12px 0 14px 0;

    padding: 0 0 0 16px;



    list-style: none;

    

    font-size: 11px;

}

    ul.boxHomeLocations li

    {

        margin: 0 0 10px 0;

    }

        ul.boxHomeLocations li img

        {

            margin: 0px 8px 0 0;



            vertical-align: middle;

        }

    ul.boxHomeLocations a

    {

        display: inline;

        

        margin: 0 !important;

        padding: 0 !important;

    }



img.imgFloatLinks {

    float: left;

    margin: 4px 20px 10px 0;

}

img.imgFloatRechts {

    float: right;

    margin: 0 0 0 0;

}





table#factsfigures

{

    width: 573px;

    margin: 0 0 0 13px;

    

    font-size: 12px;

    

    border-left: 1px solid #E1E7F1;

    border-top: 1px solid #E1E7F1;

}

    table#factsfigures p

    {

        margin: 0;

        padding: 0;

    }

    table#factsfigures td

    {

        height: 12px;

        padding: 5px;

        

        font-size: 12px;



        border-bottom: 1px solid #E1E7F1;

        border-right: 1px solid #E1E7F1;

    }

    table#factsfigures tr.noBorder td

    {

        height: 12px;

        border-bottom: 0;

    }

    table#factsfigures tr.tableHeader td

    {

        color: #0060AF;

        font-weight: bold;

    }



div#columnM table

{

    width: 573px;

    margin: 7px 0 14px 13px;

    padding: 0;



    font-size: 12px;

    border-top: 1px solid #E8E8F8;

    border-bottom: 1px solid #E8E8F8;

}

    div#columnM table td

    {

        padding: 5px 0 10px 0;

        vertical-align: top;

    }

    div#columnM table td ul

    {

        margin: 0;

        padding: 0 0 0 15px;

    }



div.categoryAssortments

{

    margin: 0;

}

    div.categoryAssortments div.categoryTeaser

    {

        float: left;

        

        margin: 0 5px 10px 0;

    }

        div.categoryAssortments div.categoryTeaser a

        {

            display: block;

            width: 147px; /*190px*/

            height: 26px; /*40px*/

            padding: 14px 0 0 43px;

            

            font-size: 12px;

            font-weight: bold;

            text-decoration: none;

        }

        div.categoryAssortments div.categoryTeaser a:hover

        {

            color: #6EA6C7;

        }

            div.categoryAssortments div.categoryTeaser a.beauty-more {background: #FFF url(../images/content/category_assortments/category_beauty.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.housewares {background: #FFF url(../images/content/category_assortments/category_housewares.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.sports {background: #FFF url(../images/content/category_assortments/category_sports.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.dairy-products {background: #FFF url(../images/content/category_assortments/category_dairyproducts.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.meat {background: #FFF url(../images/content/category_assortments/category_meat.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.textiles {background: #FFF url(../images/content/category_assortments/category_textiles.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.fish {background: #FFF url(../images/content/category_assortments/category_fish.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.media-center {background: #FFF url(../images/content/category_assortments/category_media_center.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.wine {background: #FFF url(../images/content/category_assortments/category_wine.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.fruits {background: #FFF url(../images/content/category_assortments/category_fruits.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.housebakery {background: #FFF url(../images/content/category_assortments/category_housebakery.gif) no-repeat;}

            div.categoryAssortments div.categoryTeaser a.wo_electronic {background: #FFF url(../images/content/category_assortments/category_wo_electronic.gif) no-repeat;}



a.download

{

    display: block;

    margin: 20px 0 0 0;

    padding: 0 0 0 20px;



    background: url(../images/construct/btn_download.gif) no-repeat;

}



div.csc-textpic-clear {

    margin-bottom: 5px;

}





/***************************************************************************************/

/*** CONSTRUCT ***/



div#header {

    margin: 0;
    position: relative;
    padding: 0;



    width: 994px;

    height: 140px;

    

    background: #FFF url(../images/construct/bg_header.gif) no-repeat 0px 20px;

}
#headerimage
{
    position: absolute;
    left: 210px;
    top:37px;
}


div#navigation

{

    position: absolute;

    top: 104px;

    left: 206px;



    width: 790px;

    height: 36px;

}

    a#navigation_home, a#navigation_home:hover,

    a#navigation_real_company, a#navigation_real_company:hover,

    a#navigation_country_profile, a#navigation_country_profile:hover,

    a#navigation_jobs_career, a#navigation_jobs_career:hover,

    a#navigation_shopping_experience, a#navigation_shopping_experience:hover,

    a#navigation_press, a#navigation_press:hover

    {

        display: block;

        overflow: hidden;

        float: left;



        padding: 36px 0 0 0;

        height: 0;



        background: #F00 url(../images/construct/navigation.gif);

        background-repeat: no-repeat;

    }

        a#navigation_home, a#navigation_home:hover

        {

            width: 71px;

            background-position: 0 0;

        }

            a#navigation_home:hover, a#navigation_home.active, a#navigation_home.active:hover

            {

                background-position: 0 -36px;

            }

        a#navigation_real_company, a#navigation_real_company:hover

        {

            width: 131px;

            background-position: -71px 0;

        }

            a#navigation_real_company:hover, a#navigation_real_company.active, a#navigation_real_company.active:hover

            {

                background-position: -71px -36px;

            }

        a#navigation_country_profile, a#navigation_country_profile:hover

        {

            width: 122px;

            background-position: -202px 0;

        }

            a#navigation_country_profile:hover, a#navigation_country_profile.active, a#navigation_country_profile.active:hover

            {

                background-position: -202px -36px;

            }

        a#navigation_jobs_career, a#navigation_jobs_career:hover

        {

            width: 114px;

            background-position: -324px 0;

        }

            a#navigation_jobs_career:hover, a#navigation_jobs_career.active, a#navigation_jobs_career.active:hover

            {

                background-position: -324px -36px;

            }

        a#navigation_shopping_experience, a#navigation_shopping_experience:hover

        {

            width: 161px;

            background-position: -438px 0;

        }

            a#navigation_shopping_experience:hover, a#navigation_shopping_experience.active, a#navigation_shopping_experience.active:hover

            {

                background-position: -438px -36px;

            }

        a#navigation_press, a#navigation_press:hover

        {

            width: 65px;

            background-position: -599px 0;

        }

            a#navigation_press:hover, a#navigation_press.active, a#navigation_press.active:hover

            {

                background-position: -599px -36px;

            }



    /* SUBNAVIGATION (LAYER): */

    #navi_sub, #navi_sub ul {

        margin: 0;

        padding: 0;



        list-style: none;

    }

    #navi_sub li.navi_sub_li, #navi_sub li.navi_sub_parent {

        position: relative;

        float: left;



        margin: 0;

        padding: 0;

    }

    #navi_sub li div.navi_sub_container {

        position: absolute;

        z-index: 999;

        top: 36px;

        display: none;



        width: 182px;



        margin: 0;

        padding: 4px 0 6px 0;

        background: url(../images/construct/navi_sub_background.png) 0 bottom no-repeat;

    }

    * html body #navi_sub li div.navi_sub_container {

        background: url(../images/construct/navi_sub_background_ie.gif) 0 bottom no-repeat;

        margin: 0 0 0 5px;

    }

        #navi_sub li div.navi_sub_container table {



            margin: 0;

            padding: 0;

        }

            #navi_sub li table td {

                vertical-align: top;

            }

            #navi_sub li table td a, #navi_sub li table td a:hover

            {

                position: relative;

                display: block;



                margin: 6px 0 6px 0;

                padding: 0 13px 0 13px;



                font-size: 13px;

                font-weight: bold;

                color: #0060AF;

                text-decoration: none;

            }

            #navi_sub li table td a:hover

            {

                text-decoration: underline;

            }

    #navi_sub li:hover div.navi_sub_container, #navi_sub li li:hover div.navi_sub_container, #navi_sub li li li:hover div.navi_sub_container, #navi_sub li.sfhover div.navi_sub_container, #navi_sub li li.sfhover div.navi_sub_container, #navi_sub li li li.sfhover div.navi_sub_container {

        left: -6px;

        display: block;

    }



    #navi_sub li:hover, #navi_sub li.sfhover {

        color: white;

    }



ul#subnavLeft

{

    margin: 0;

    padding: 0;



    list-style: none;

    

    line-height: 14px;

    font-size: 12px;

}

    ul#subnavLeft li

    {

        margin: 0 0 1px 0;

        padding: 0;



        width: 190px;

    }

        ul#subnavLeft li a

        {

            display: block;

            padding: 7px 0 8px 17px;



            text-decoration: none;

            background: #FFF url(../images/construct/btn_arrow_blue.gif) 6px 10px no-repeat;

        }

        ul#subnavLeft li a.active

        {

            color: #E32518;

            background: #FFF url(../images/construct/btn_arrow_red.gif) 6px 10px no-repeat;

        }



ul#subnavLeft a#subnavLeft_germany

{

    padding-top: 40px;

    background: #FFF url(../images/construct/btn_arrow_blue.gif) 6px 43px no-repeat;

}

ul#subnavLeft li ul { padding: 0 0 0 15px; margin: 1px 0 2px 0; }
ul#subnavLeft li ul li { list-style-type: none; width: 175px; }
ul#subnavLeft li ul li a { padding: 6px 0 8px 17px; }
ul#subnavLeft li ul li ul li { list-style-type: none; width: 165px; }




a.metanavigation {

    color: #E32518;

}

a.metanavigationActive {

    color: #E32518;

    text-decoration: none;

}



div#breadcrumbs

{

    position: relative;



    width: 994px;

    height: 20px;

    

    margin: 0;

    padding: 5px 0 0 223px;

    

    color: #E32518;

    font-style: italic;

}

    div#breadcrumbs a

    {

        text-decoration: none;

    }



div#content

{

    position: relative;



    margin: 0;

    padding: 0;



    width: 995px;

    

    background: #FFF url(../images/construct/bg_content.gif) repeat-y;

}

    body#bodyhome div#content

    {

        background: none;

    }



div#columnL, div#columnM, div#columnR

{

    position: relative;



    margin: 0;

    padding: 0;

}

    div#columnL

    {
		background: #fff;
        float: left;

        width: 198px; /*210px*/

        padding: 0 0 0 12px;

    }

    div#columnM

    {

        float: left;

        width: 585px; /*594px*/

        

        padding: 0 9px 0 0;

    }

    div#columnR

    {

        float: right;

        width: 190px;

    }



div#footer

{

    position: relative;

    clear: both;



    margin: 0;

    padding: 18px 0 0 0;



    width: 994px;

    height: 28px;



    color: #6EA6C7;

    background: #FFF url(../images/construct/bg_footer.gif) 0 18px no-repeat;

}

    img#bottomreallogo

    {

        margin: 8px 0 0 12px;

    }

    img#bottommetrologo

    {

        float: right;

        margin: 14px 10px 0 0;

    }

    div#metanavigation

    {

        position: absolute;

        top: 29px;

        left: 210px;



        width: 594px;

        height: 17px;

    }



/* =========== */

/* = tt_news = */

/* =========== */



/* LATEST */

div.news-latest-container

{

    position: relative;

}

    a#news-latest-archivlink, a#news-latest-archivlink:hover

    {

        margin: 0 0 0 13px;

        font-weight: bold;

    }

    a#news-latest-archivlink:hover

    {

    }

    div.news-latest-item

    {

        margin: 20px 0 20px 0;

    }

        div.news-latest-morelink

        {

            margin-bottom: 10px;

        }

            div.news-latest-morelink a, div.news-latest-morelink a:hover

            {

                margin: 0 0 0 13px;

                font-weight: bold;

            }

            div.news-latest-morelink a:hover

            {

            }



/* LIST */

span.news-list-date

{

    margin: 0 0 0 13px;

    font-weight: bold;

}

    span.news-list-date img

    {

        margin: 0 3px 0 0;

        vertical-align: top;

    }



div.news-list-morelink

{

    margin: 0 0 20px 13px;

}

div.news-list-container a, div.news-list-container a

{

    margin: 0 0 0 0;

    font-weight: bold;

}

div.news-list-container h3 a, div.news-list-container h3 a

{

    margin: 0;

}



/* SINGLE */

div.news-single-item

{

    margin: 10px 0 10px 0;

}

    div.news-single-backlink

    {

        margin-top: 25px;

    }

        div.news-single-backlink a, div.news-single-backlink a:hover

        {

            margin: 0 0 0 13px;

            font-weight: bold;

        }

        div.news-single-backlink a:hover

        {

        }

    div.news-single-item dd

    {

        margin: 0 0 0 13px;

        padding: 0;

    }

        div.news-single-item dd img

        {

            margin: 0 6px 0 0;

            vertical-align: middle;

        }





div.news-catmenu

{

    width: 188px;



    margin: 0 0 10px 0;

    padding: 0 0 8px 0;



    border: 1px solid #C4C6CA;

}

    div.news-catmenu img

    {

        margin: 0 6px 0 0;

        vertical-align: middle;

    }

    div.news-catmenu-NO

    {

        margin: 0 0 0 10px;

    }

    p.news-catmenu-header

    {

        margin: 0 0 6px 13px;

    }











div.tx-rgtabs-pi1

{

    position:relative;

    margin:50px 0 0 0;

}

div.tx-rgtabs-pi1 ul.rgtabs-menu

{

    padding:0px 0 0px 0;

    overflow:hidden;

    position:relative;

    padding:0px 0 0px 0px;

    background:#fff;

    position:absolute;

    top:-24px;



    height:25px;

    border:none;

}

div.rgtabs-wrapper

{

    margin:20px 0 0 0;

    border-top:1px solid #C4C6CA;

}

ul.rgtabs-menu li

{

    margin:0 0 -1px 0 !important;



    height:27px;

    border-bottom:1px solid #fff;

    position:relative;

    overflow:visible;

    border-bottom:1px solid #C4C6CA;

}

    * html body ul.rgtabs-menu li a

    {

        height:26px;

    }

* html body ul.rgtabs-menu li.tabfirst

{

    display:inline;



}

* html body ul.rgtabs-menu li.rgtabs-selected

{



    padding-bottom:-1px !important;

    position:relative;

    background-position:0 0;

    height:26px;

}

* html body ul.rgtabs-menu li.rgtabs-selected a

{



}

/* ===================== */
/* = Front-End Editing = */
/* ===================== */
table.typo3-editPanel
{
    border-bottom:1px solid #E8E8F8;
    border-top:1px solid #E8E8F8;
    margin: 0px !important;
    
    width: 100% !important;
}
#columnM table.typo3-editPanel
{
    margin: 0px 0 0 13px !important;
    width:573px !important;
}
    td.typo3-editPanel-controls
    {
        padding:5px 0 !important;
        
        background: #ebeeef;
    }
    td.typo3-editPanel-label
    {
        padding:5px 0 !important;
        
        background: #fff;
    }


        
/* ==================== */
/* = Sprach-Umschalte = */
/* ==================== */

#language_select 
{
    position: absolute;
    right: 0px;
    top: 0px;
}
    #language_select ul
    {
        padding: 0px;
        margin: 0px;
        width:172px;
        padding: 0 0 0 18px;
        height:22px;
        
        background: url(../images/construct/language_switch_bg.gif) no-repeat;
    }

        div#language_select ul li
        {
            display: inline;
            margin: 0;
            padding: 0;

            list-style: none;
        }
            div#language_select ul li a
            {
                margin: 0 22px 0 0;
                padding: 1px 0 0 24px;

                color:#0060AF;
                text-decoration: none;
            }
                div#language_select ul li.de { background: url(../images/construct/language_switch_flag_de_0.gif) 0 0px no-repeat; margin: 0 22px 0 0; padding: 1px 0 0 24px; color: #0060AF; }
                div#language_select ul li.en { background: url(../images/construct/language_switch_flag_en_0.gif) 0 0px no-repeat; margin: 0 22px 0 0; padding: 1px 0 0 24px; color: #0060AF; }

                div#language_select ul li a.de { background: url(../images/construct/language_switch_flag_de_0.gif) 0 0px no-repeat; }
                div#language_select ul li a.en { background: url(../images/construct/language_switch_flag_en_0.gif) 0 0px no-repeat; }

                div#language_select ul li a:hover, div#language_select ul li.active a
                {
                    color:#0060AF;
                }

                div#language_select ul li a:hover.de, div#language_select ul li.active a.de { background: url(../images/construct/language_switch_flag_de_1.gif) 0 0px no-repeat; }
                div#language_select ul li a:hover.en, div#language_select ul li.active a.en { background: url(../images/construct/language_switch_flag_en_1.gif) 0 0px no-repeat; }
                
                
                
/* ==================== */
/* = Hauptnavigation  = */
/* ==================== */                
                
    div#navigation .navi_sub_li
    {
        margin: 0px;
        padding: 0px;
        
        height: 36px;
        
        float: left;
        display: block;
        
        position: relative;
        
    }    
        
        div#navigation .navi_sub_li a.mainItem
        {
            display: block;
            float: left;
            position: relative;
    
            padding: 0px 10px;
            height: 36px;
            font-size:13px;
            font-weight:bold;
            
            color: #0060ae;
            text-decoration: none;
            
            width: auto !important;
    
            background: url(../images/construct/navigation_dynamic.gif) -9px 0px;
        }
        div#navigation .navi_sub_li_first a.mainItem
        {
            background: url(../images/construct/navigation_dynamic.gif) 0px 0px;
        }
        div#navigation .navi_sub_li_last a.mainItem
        {
            background: url(../images/construct/navigation_dynamic.gif) right 0px;
        }
        
            div#navigation .navi_sub_li a.mainItem span
            {        
                padding: 10px 0 0 0;
                display: block;
            }
            div#navigation .navi_sub_li a.mainItem span.trenner
            {        
                width: 1px;
                height: 32px;
                
                background: #d6d6d6;
                
                overflow: hidden;
                padding: 0px;
                
                position: absolute;
                right: 0px;
                top:4px;
            }
            div#navigation .navi_sub_li_last a.mainItem span.trenner
            {        
                display: none;
            }
            
            
        /* Active-Item */
        div#navigation .navi_sub_li_active a.mainItem
        {
            color: #d50018;
            background: url(../images/construct/navigation_dynamic.gif) -9px -36px;
        }
        div#navigation .navi_sub_li_first_active a.mainItem
        {
            color: #d50018;
            background: url(../images/construct/navigation_dynamic.gif) 0px -36px;
        }
        /* Rollover-Item */
        div#navigation .navi_sub_li a.mainItem:hover
        {
            color: #d50018;
            background: url(../images/construct/navigation_dynamic.gif) -9px -36px;
        }
        div#navigation .navi_sub_li_first a.mainItem:hover
        {
            color: #d50018;
            background: url(../images/construct/navigation_dynamic.gif) 0px -36px;
        }
        div#navigation .navi_sub_li_last a.mainItem:hover
        {
            color: #d50018;
            background: url(../images/construct/navigation_dynamic.gif) right -36px;
        }