/*******************************************************************************
	Filename		: kodi.css

	Created			: 10 February 2009 (12:19:46)
	Created by		: Daniel Lowinski

	Last Updated	: 20 February 2009 (11:51:01)
	Updated by		: dal

	Comments		:
*******************************************************************************/


/* ================= */
/* = STANDARD TAGS = */
/* ================= */
*
{
    outline: none;
}

html
{
    overflow: -moz-scrollbars-vertical;
}

body
{
    margin: 0;
    padding: 0;

    color: #024696;
    font: 12px Arial,Helvetica,Garuda,sans-serif;

    background: #f8f6ce url(../images/construct/bg_body.jpg) center 0 no-repeat;
}

a, a:hover
{
    color: #e2007a;
    outline: none;
    text-decoration: none;
}
a:hover { text-decoration: underline }

form
{
    margin: 0;
    padding: 0;
}

h1
{
    margin: 15px 0 15px 0;
    padding: 0;

    color: #024697;
    line-height: 1.2em;
    font-size: 20px;
}

h2, h3
{
    margin: 0 0 14px 0;
    padding: 0;

    color: #024697;
    line-height: 1.2em;
    font-size: 16px;
    font-weight: bold;
}
h3
{
    margin: 0 0 4px 0;

    color: #4783CC;
    font-size: 12px;

    text-decoration: none;
}

h3 a
{
    color: #4783CC;
}

h6
{
    display: inline;
    margin: 0 0 0 18px;
    padding: 0;
    
    font-size: 14px;
    color: #024697;
}
    h6 a
    {
        color: #024697;
        text-decoration: underline;
    }
    h6 a:hover
    {
        color: #024697;
        text-decoration: none;
    }

hr
{
    position: relative;
    clear: both;

    margin: 4px 0 10px 0;
    padding: 0;
    height: 1px;

    color: #E0E7ED;

    border: 0;
    background: #E0E7ED;
}

img
{
    border: 0;
}

input, select, textarea
{
    font: 14px Arial,Helvetica,Garuda,sans-serif;
    color: #024594;
}
textarea, input.text, select.text
{
    width: 250px;
    margin: 2px 0 0 0;
    padding: 2px 0 0 6px;

    border-top: 1px solid #cae6fd;
    border-left: 1px solid #cae6fd;
    border-right: 1px solid #9fc4e3;
    border-bottom: 1px solid #9fc4e3;
}
    select.text
    {
        width: 182px; 
    }
    input.text
    {
        height: 19px;
        margin: 3px 0;
        width: 260px;
    }
    input.newsletterMail
    {
        width: 174px;
        margin: 2px 0 0 0;
    }
    input.newsletterBtn
    {
        margin: 2px 0 0 0;
        vertical-align: top;
    }
    input.nlCheckbox
    {
        margin: 0 4px 0 0;
        vertical-align: middle;
    }

input.nlSubmit
{
    overflow: visible;
    height: 30px;
    padding: 0 12px 0 12px;

    color: #024697;
    font-size: 14px;
    font-weight: bold;
    
    cursor: pointer;
    
    border-top: 2px solid #E9F3FF;
    border-left: 2px solid #E9F3FF;
    border-right: 2px solid #DBE7F7;
    border-bottom: 2px solid #DBE7F7;
    background: #FFFFFF;
}
    input:hover.nlSubmit
    {
        color: #E2007A;
    }

form.formulare
{
    margin: 8px 0 0 0;
    padding: 20px 20px 20px 0;
}
body#body22 form.formulare
{
    width: 359px;
    padding: 10px 20px 20px 0;
}

br.clearAll,
div.clearAll
{
    clear:both;
}

map
{
    display: none;
}

p
{
    margin: 0 0 16px 0;
    padding: 0;
    color:#024696;
    text-align:justify;

    line-height: 18px;
}

ul
{
    margin: 2px 0 12px 0;
    padding: 0 0 0 30px;

    line-height: 19px;
}
    ul li
    {
        margin: 0 0 4px 0;
        padding: 0;
    }
ol
{
    margin: 2px 0 12px 0;
    padding: 0 0 0 30px;

    line-height: 19px;
}
    ol li
    {
        margin: 0 0 4px 0;
        padding: 0;
    }

/* =============== */
/* = FILIALSUCHE = */
/* =============== */
div.filiale
{
    margin: 0 0 12px 0;
    padding: 6px 10px 20px 35px;

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

    border-bottom: 1px solid #fcf0f7;
}
    span.filiale_strasse_nr
    {
        display: block;
    }
    span.filiale_plz_ort
    {
        display: block;
    }
    div.filiale-oeffnungszeiten
    {
        float: right;

        margin:0 200px 0 0;
        width: 180px;
    }
        div.filiale-oeffnungszeiten h3
        {
            margin: 3px 0 1px 0;
        }
    div.filiale-anfahrt
    {
        float: right;

        width: 200px;
    }

body#body15 div.tiplink
{
    margin-left:13px;   
}


/* ====================== */
/* = MUSIC PLAYER SMALL = */
/* ====================== */
a#musicPlayerLink, a#musicPlayerLink:hover
{
    display: block;
    overflow: hidden;
    
    padding: 19px 0 0 0;
    width: 109px;
    height: 0;
    
    background: url(../music_player/start_button.gif) -19px 0 no-repeat;
}
div#music_player_mini_container
{
    position: absolute;
    top: 90px;
    left: 320px;
    
    width: 110px;
}
/*
    div#music_player_mini
    {
        position: relative;
        
        margin: 0;
        padding: 0;
    }

div#overlay_musicplayer
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40000;
    
    background: #fff;
    -moz-opacity: 0.22;
    -khtml-opacity: 0.22;
    filter:Alpha(opacity = 22);
    opacity: 0.22;
}
div#overlay_musicplayer_container
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40000;
    
    width: 377px;
    height: 278px;
    
    background: url(../images/construct/overlay_musicplayer.png) 0 0 no-repeat;
}
    a#overlay_musicplayer_yes, a#overlay_musicplayer_yes:hover,
    a#overlay_musicplayer_no, a#overlay_musicplayer_no:hover
    {
        position: absolute;
        top: 190px;
        
        width: 172px;
        height: 74px;
        
        cursor: pointer;
    }
    a#overlay_musicplayer_yes, a#overlay_musicplayer_yes:hover
    {
        left: 16px;
    }
    a#overlay_musicplayer_no, a#overlay_musicplayer_no:hover
    {
        left: 190px;
    }
*/

/* ================= */
/* = CONTENT       = */
/* ================= */
div.tx-realmrt-pi1
{
    position: relative;
    width: 968px;
    height: 309px;
    margin: 0 0 10px 0;
    padding: 0;
}
div.rightButtons
{
    position: absolute;
    z-index: 14000;
    top: 17px;
    right: 0;
    width: 284px; /*284px*/
    margin: 0 37px 0 0;
}

div#startseiteAngebote
{
    width: 968px;
    position:relative;
    background: #FFF url(../images/construct/bg_content.gif) repeat-x;
}
    div.statusHeader
    {
        height: 24px; /*28px*/
        padding: 4px 0 0 0;

        font-size: 14px;
        text-align: right;
    }
    div.statusHeader span.aktuell
    {
        display: block;
        padding: 4px 0 0 0;

        color: #024697;
        font-weight: bold;
    }

        div.statusHeader a.vorschau, div.statusHeader a.vorschau:hover,
        div.statusHeader a.aktuell, div.statusHeader a.aktuell:hover
        {
            display: block;
            float: right;
            height: 19px; /*23px*/
            margin: 0 41px 0 55px;
            padding: 4px 27px 0 0;

            color: #6093C8;
            font-weight: bold;
            text-decoration: none;

            background: url(../images/content/startseite/angebote_btn_vorschau_hi.gif) right 0 no-repeat;
        }
            div.statusHeader a:hover.vorschau,
            div.statusHeader a.aktuell:hover
            {
                color: #024697;
            }

    div#startseiteAngebote div.angebote
    {
        height: 319px;
        padding: 0 6px 40px 6px;
    }
        div#startseiteAngebote div.angebote a, div#startseiteAngebote div.angebote a:hover
        {
            cursor: pointer;
            text-decoration: none;
        }
    
    div.angebot
    {
        position: relative;
        float: left;
        height: 297px;
        padding: 0 0 0 5px;

        background: url(../images/content/startseite/angebote_box_bg_left.gif) no-repeat;
    }
        div#startseiteAngebote div.angebot { height: 319px; }
        
        div.angebot h2 a
        {
            color: #024697;
        }
        div.angebot h2 a:hover
        {
            color: #E2007A;
        }

        div.angebot div.angebotInhalt
        {
            float: left;
        }
            div.angebot div.angebotInhalt div.angebotTitel
            {
                height: 43px;
                margin: 18px 0 0 15px;

                color: #6093C8;
            }
                div.angebot div.angebotInhalt h2
                {
                    margin:0 10px 0 0;
                    font-size: 14px;
                }

        div.angebotRight
        {
            position: absolute;
            top: 0;
            right: 0px;
            width: 10px;
            height: 297px;
            background: url(../images/content/startseite/angebote_box_bg_right.gif) 0 0 no-repeat;
        }
        div#startseiteAngebote div.angebotRight { height: 319px; }

        div.angebot div.preisbox
        {
            position: absolute;
            right:2px;
            bottom: 0;
            height: 92px;
            color: #FFF;
            font-weight: bold;
            /* background: url(../images/content/startseite/angebote_preisbox_bg.gif) right 0 repeat-x; */
        }
            div.angebot div.preisbox div.grammatur
            {
                display: block;
                
                position:absolute;
                right:7px;
                bottom:87px;
            }
                div.angebot div.preisbox div.grammatur span.grammatur_bg
                {
                    display: block;
                    color:#014595;
                    font-weight:normal;
                    font-size:10px;
                    background: url(../images/construct/preis_grammatur_bg.gif) left 0 repeat-x;
                    float:left;
                    padding:2px 0 4px 3px;
                }
                div.angebot div.preisbox div.grammatur span.grammatur_bg_rechts
                {
                    display: block;
                    color:#014595;
                    font-weight:normal;
                    font-size:10px;
                    background: url(../images/construct/preis_grammatur_bg.gif) right 0 repeat-x;
                    float:left;
                    width:3px;
                    padding:2px 0 4px 0px;
                }
            div.angebot div.preisbox div.preis
            {
                display: block;
                position:relative;
                z-index:99;
            }
                div.angebot div.preisbox div.preis a
                {
                    background: url(../images/construct/preis_blau_bg.png) left 0 repeat-x;
                    display: block;
                    padding:10px 0 0 8px;
                    height:66px; /* 76px */
                    float:left;
                    
                    position:relative;
                    z-index:8;
                }
                div.angebot div.preisbox_preisstreicher div.preis_einstellig a
                {
                    padding:10px 8px 0 17px;
                }
                div.angebot div.preisbox div.preis span
                {
                    background: url(../images/construct/preis_blau_bg.png) right 0 repeat-x;
                    display: block;
                    width:13px;
                    height:76px;
                    float:left;
                    
                    position:relative;
                    z-index:8;
                }
                /* Padding für einstelligen Preis */
                div.angebot div.preis_einstellig div.preisbox div.preis a
                {
                    padding:10px 0 0 12px;
                }
                div.angebot div.preis_einstellig div.preisbox div.preis span
                {
                    width:16px;
                }
            div.angebot div.preisbox_preisstreicher div.preis
            {
                
            }
            div.angebot div.preisbox_preisstreicher div.preis_ext
            {
                width:75px;
            }
                div.angebot div.preisbox div.preis img,
                div.angebot div.preisbox img
                {
                    vertical-align: top;
                }
        div.angebot div.preisstreicher
        {
            position:absolute;
            left:-47px;
            top:-24px;
            
            padding:0 5px 0 0; 
        }
            div.angebot div.preisstreicher div.preisstreicher-preis
            {
                height:31px; /* 36px */
                float:left;
                padding:5px 0px 0 4px;
                
                color:#000;
                background:url(../images/construct/streichpreis_bg.gif) no-repeat left 0;
                z-index:5;

                float:left;
                overflow:hidden;
            }
            /* Abstand wenn einstellig */
            div.angebot div.preis div.preisstreicher-preis_einstellig
            {
                left:-23px;
            }
            /* Abstand wenn zweistellig */
            div.angebot div.preis div.preisstreicher-preis_zweistellig
            {
                left:-36px;
            }
            /* Abstand wenn dreistellig */
            div.angebot div.preis div.preisstreicher-preis_dreistellig
            {
                left:-47px;
            }
            div.angebot div.preisbox div.preis div.preisstreicher span
            {
                height:36px;
                width:5px;
                display:inline-block;
                background:url(../images/construct/streichpreis_bg.gif) no-repeat right 0;
            }
            
            /* Linie */
            div.angebot div.preisbox div.preis div.preisstreicher div.preisstreicher-preis span
            {
                width:42px;
                height:15px;
                background:url(../images/construct/streichpreis_line.gif) repeat-x right 0;
                position:absolute;
                top:6px;
                left:3px;
            }
            div.angebot div.preisbox div.preis div.preisstreicher-preis_dreistellig div.preisstreicher-preis span
            {
                width:55px;
            }
            div.angebot div.preisbox div.preis div.preisstreicher-preis_zweistellig div.preisstreicher-preis span
            {
                width:42px;
            }
            div.angebot div.preisbox div.preis div.preisstreicher-preis_einstellig div.preisstreicher-preis span
            {
                width:29px;
            }
                
                
            /* UVP Badge */
            div.angebot div.preisstreicher img.uvp_img
            {
                margin:0 1px 0 4px;
            }
            div.angebot div.preisstreicher-gueltigkeit
            {
                display:inline;
                white-space:nowrap;
                padding:3px 4px 0 0px;
                font-size: 9px;
                line-height:0.9em;
                color:#024696;
                
                position:absolute;
                right:5px;
                bottom:8px;
            }
        div.angebot div.gespart
        {
            position:absolute;
            z-index:200;
            left:-54px;
            bottom:5px;
            z-index:150;
            width:66px;
            height:66px;
        }
            div.angebot div.gespart img
            {
                width:66px;
                height:66px;
                display:block;
            }

div#rubrikAngebote
{
    margin-left: -10px;
}
    div#rubrikAngebote div.statusHeader
    {
        padding: 0 0 0 12px;
        text-align: left;
    }

    div#rubrikAngebote div.angebote
    {
        padding: 0 7px 40px 7px;
    }
        div#rubrikAngebote div.angebote a, div#rubrikAngebote div.angebote a:hover
        {
            cursor: pointer;
            text-decoration: none;
        }

    div#rubrikAngebote div.angebot
    {
        margin: 0 0 21px 0;

        background: url(../images/content/angebote/angebote_box_bg_left.gif) no-repeat;
    }
        div#rubrikAngebote div.angebotRight
        {
            background: url(../images/content/angebote/angebote_box_bg_right.gif) no-repeat;
        }

div#detailAngebot
{
}
    div#detailAngebot div.statusHeader
    {
        padding: 0 0 0 12px;
        text-align: left;
    }

    div#detailAngebot div.angebot
    {
        margin: 0 15px 10px 0;
        padding: 0 7px 65px 7px;
        height: auto;

        background: url(../images/content/angebote/angeboteDetail_box_bg_left.gif) 2px bottom no-repeat;
    }
        div#detailAngebot div.angebotTitel
        {
            padding: 10px 0 0 0;
        }
        div#detailAngebot div.angebotRight
        {
            background: url(../images/content/angebote/angeboteDetail_box_bg_right.gif) repeat-y;
        }
        div#detailAngebot div.angebotRightTop,
        div#detailAngebot div.angebotLeftTop
        {
            position: absolute;
            top: 0;
            left: 0;
            
            width: 10px;
            height: 10px;
            
            background: url(../images/content/angebote/angeboteDetail_box_bg_rightTop.gif) no-repeat;
        }
        div#detailAngebot div.angebotLeftTop
        {
            left: 2px;
            
            background: url(../images/content/angebote/angeboteDetail_box_bg_leftTop.gif) no-repeat;
        }
        div#detailAngebot div.angebotRightBottom
        {
            position: absolute;
            bottom: 0;
            
            width: 19px;
            height: 64px;
            
            background: url(../images/content/angebote/angeboteDetail_box_bg_rightBottom.gif) no-repeat;
        }
        div#detailAngebot div.angebotTop
        {
            position: absolute;
            left: 0;
            top: 0;
            
            height: 10px;
            
            background: url(../images/content/angebote/angeboteDetail_box_bg_top.gif) repeat-x;
        }
        div#detailAngebot div.preisbox
        {
            right:11px;
        }
        
        
p#angebote-subtext
{
    clear: both;
    
    font-size: 11px;
    line-height: 1.2em;
}


div#contentLeft div.csc-textpic-imagewrap img
{
    border: 3px solid #E0E7ED;
}
body#body5 div#contentLeft div.csc-textpic-imagewrap img,
body#body70 div#contentLeft div.csc-textpic-imagewrap img,
body#body71 div#contentLeft div.csc-textpic-imagewrap img,
body#body72 div#contentLeft div.csc-textpic-imagewrap img,
body#body73 div#contentLeft div.csc-textpic-imagewrap img
{
    border: none;
}
div#contentLeft div.inhaltshaelfte_left
{
    float: left;
    width: 250px;
    margin: 0 30px 30px 0;
    border-bottom: 1px solid #FCF0F7;
}

div.pagebreak
{
    display: none;
    page-break-after: always;
}


/* ================= */
/* = TIP A FRIEND  = */
/* ================= */
div.tiplink
{
    margin: 40px 0 0 0;
    padding: 0;
}
    div.tiplink a
    {
        padding: 0 0 0 22px;

        background: url(../images/construct/icon_weitermpfehlen.gif) 0 2px no-repeat;
    }

/* ================= */
/* = PDF           = */
/* ================= */
div.pdflink
{
    float: left;
    width: 210px;
    margin: 0;
    padding: 14px 0 14px 28px;
}
    a#pdf_link
    {
        padding: 0 0 0 22px;

        background: url(../images/construct/icon_pdf.gif) 0 0 no-repeat;
    }



/* ================= */
/* = CONSTRUCT     = */
/* ================= */

div#root,
div#mainHeader,
div#mainNavigation,
div#mainContent,
div#mainFooter
{
    position: relative;
    width: 976px;
    margin: 0;
    padding: 0;

    z-index: 1;
}

div#root
{
    margin: 44px auto;
}
    div#mainHeader
    {
        width: 968px; /*976px*/
        height: 130px; /*134px*/
        padding: 4px 4px 0 4px;

        background: url(../images/construct/bg_mainheader.png) no-repeat;
    }
        img#kodilogo
        {
            position: absolute;
            top: 13px;
            left: 28px;
            /*margin: 9px 0 0 25px;*/
        }
        div#mainHeaderRightBox
        {
            position: absolute;
            top: 16px;
            right: 36px;
            width: 300px;

            font-size: 12px;
        }
            div#mainHeaderRightBox img
            {
                float: left;
                margin: 2px 8px 0 0;
            }
            div#mainHeaderRightBox h2,
            div#mainHeaderRightBox a h2
            {
                margin-bottom: 10px;
            }
            div#mainHeaderRightBox h2:hover,
            div#mainHeaderRightBox a h2:hover
            {
                color: #E2007A;
                text-decoration:none;
            }
            div#header_top_newsletter
            {
                float: left;
                
                width: 170px;
            }
            div#header_top_music
            {
                float: right;
                
                width: 130px;
            }

    div#mainNavigation
    {
        position: absolute;
        top: 134px;
        width:964px;
        height: 70px;
        left:0px;
        overflow: visible;
        
        padding: 0 4px 0 4px;

        background: url(../images/construct/bg_mainnavigation.png) 4px 0 no-repeat;
        z-index: 14000;
    }
    body#body2 div#mainNavigation
    {
        width:960px;
        left:4px;
    }
                a.naviPunkt_startseite, a.naviPunkt_startseite:hover,
                a.naviPunkt_aktuelleangebote, a.naviPunkt_aktuelleangebote:hover,
                a.naviPunkt_sortiment, a.naviPunkt_sortiment:hover,
                a.naviPunkt_unternehmen, a.naviPunkt_unternehmen:hover,
                a.naviPunkt_jobskarriere, a.naviPunkt_jobskarriere:hover,
                a.naviPunkt_service, a.naviPunkt_service:hover
                {
                    display: block;
                    /*float: left;*/
                    overflow: hidden;
                    white-space: nowrap;

                    padding: 59px 0 0 0;
                    height: 0;

                    background-image: url(../images/construct/a_bg_mainnavigation.png);
                    background-position: 0 0;
                    background-repeat: no-repeat;
                }

                a.naviPunkt_startseite
                {
                    width: 153px;
                    background-position: 0 0;
                }
                a.naviPunkt_startseite:hover { background-position: 0 -59px; }
                a.naviPunkt_startseiteAktiv, a.naviPunkt_startseiteAktiv:hover { background-position: 0 -118px; }

                a.naviPunkt_aktuelleangebote
                {
                    width: 209px;
                    background-position: -153px 0px;
                }
                a.naviPunkt_aktuelleangebote:hover { background-position: -153px -59px; }
                a.naviPunkt_aktuelleangeboteAktiv, a.naviPunkt_aktuelleangeboteAktiv:hover { background-position: -153px -118px; }

                a.naviPunkt_sortiment
                {
                    width: 138px;
                    background-position: -362px 0px;
                }
                a:hover.naviPunkt_sortiment { background-position: -362px -59px; }
                a.naviPunkt_sortimentAktiv, a:hover.naviPunkt_sortimentAktiv { background-position: -362px -118px; }

                a.naviPunkt_unternehmen
                {
                    width: 164px;
                    background-position: -500px 0px;
                }
                a:hover.naviPunkt_unternehmen { background-position: -500px -59px; }
                a.naviPunkt_unternehmenAktiv, a:hover.naviPunkt_unternehmenAktiv { background-position: -500px -118px; }

                a.naviPunkt_jobskarriere
                {
                    width: 185px;
                    background-position: -663px 0px;
                }
                a:hover.naviPunkt_jobskarriere { background-position: -663px -59px; }
                a.naviPunkt_jobskarriereAktiv, a:hover.naviPunkt_jobskarriereAktiv { background-position: -663px -118px; }

                a.naviPunkt_service
                {
                    width: 113px;
                    background-position: -852px 0px;
                }
                a:hover.naviPunkt_service { background-position: -852px -59px; }
                a.mn_serviceAktiv, a:hover.mn_serviceAktiv { background-position: -852px -118px; }
                    /* SUBNAVIGATION (LAYER): */
                    #navi_sub, #navi_sub ul {
                        margin: 0;
                        padding: 0;
                        /*float:right;*/
                        list-style: none;
                        float:left;
                        display:inline;
                    }
                    ul#navi_sub {
                        position:absolute;
                        left:0px;
                        top:11px;
                        width: 964px;
                    }
                    #navi_sub li.navi_sub_li,
                    #navi_sub li.navi_sub_parent,
                    #navi_sub li.navi_sub_parent_last
                    {
                        position: relative;
                        float: left;
                        background:none;
                        margin: 0;
                        padding: 0;
                        overflow:visible;
                        display:block;
                        height:28px;
                    }
                    #navi_sub li div.navi_sub_container {
                        position: absolute;
                        z-index: 99999;
                        top: 50px;
                        display: none;
                        overflow:visible;
                        
                        margin:0 0 0 16px;
                        padding: 0px 0 0px;
                    
                        border-width: 1px 2px 2px;
                        -moz-opacity:0.95;
                        -khtml-opacity:0.95;
                        filter:Alpha(opacity=95);
                        opacity:0.95; 
                    }
                    #navi_sub li.navi_sub_parent_last div.navi_sub_container {
                        right: 0;
                    }
                    #navi_sub li.navi_sub_parent_last div.navi_sub_container ul {

                    }
                        #navi_sub li div.navi_sub_container table {
                            margin: 0;
                            padding: 0;
                            display:block;
                        }
                        ul#navi_sub div.navi_sub_container ul {
                            padding:10px 0px 15px 0;
    
                            display:block;
                            margin:0px;
                            background: #f5f4d9 0 0 repeat-x;
                        }
                        div.navi_sub_container ul li {
                            margin-left:15px;
                            list-style-image:none;
                            background:none;
                            font-weight:regular;
                        }
                            #navi_sub li table td {
                                vertical-align: top;
                                white-space: nowrap;
                            }
                            #navi_sub li table td a, #navi_sub li table td a:hover
                            {
                                position: relative;
                                display: block;
                    
                                padding: 3px 20px 3px 26px;
                                height: auto;
                                float: none !important;
                    
                                font-size: 16px;
                                font-weight: bold;
                                color: #e2007a;
                                text-decoration: none;
                                background:none;
                                background: url(../images/content/startseite/angebote_btn_hi.gif) 0 0 no-repeat !important;
                            }
                            #navi_sub li table td a:hover
                            {
                                background-position: 15px -139px;
                            }
                            #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: 0;
                        display: block;
                    }
                    #navi_sub li.navi_sub_parent_last:hover div.navi_sub_container,
                    #navi_sub li li.navi_sub_parent_last:hover div.navi_sub_container,
                    #navi_sub li li li.navi_sub_parent_last:hover div.navi_sub_container,
                    #navi_sub li.navi_sub_parent_last.sfhover div.navi_sub_container
                    {
                        left: auto;
                        right: 0;
                    }
                    
                    #navi_sub li:hover, #navi_sub li.sfhover {
                        color: white;
                    }
                    
                    li.navi_sub_parent_last div.navi_sub_container
                    {
                        width:180px;
                    }
                    
    ul#subnav
    {
        margin: 22px 0 20px 0;
        padding: 0;
        list-style: none;

        font-size: 16px;
    }
        ul#subnav li.subnav_li, ul#subnav li.subnav_li_active
        {
            margin: 0 0 8px 0;
        }
            ul#subnav li.subnav_li a, ul#subnav li.subnav_li a:hover,
            ul#subnav li.subnav_li_active a, ul#subnav li.subnav_li_active a:hover
            {
                display: block;
                padding: 2px 0 0 10px;

                color: #6093C8;
                font-weight: bold;
                text-decoration: none;

                /* background: url(../images/content/startseite/angebote_btn_vorschau_hi.gif) 0 0 no-repeat; */
            }
                ul#subnav li.subnav_li a:hover
                {
                    color: #024697;
                }
                ul#subnav li.subnav_li_active a, ul#subnav li.subnav_li_active a:hover
                {
                    color: #E2007A;
                    cursor: default;
                }

    ul#subnav2
    {
        margin: 8px 0 10px 0;
        padding: 0;
        list-style: none;

        font-size: 13px;
    }
        ul#subnav2 li.subnav2_li, ul#subnav2 li.subnav2_li_active
        {
            margin: 0 0 3px 0;
        }
            ul#subnav2 li.subnav2_li a, ul#subnav2 li.subnav2_li a:hover,
            ul#subnav2 li.subnav2_li_active a, ul#subnav2 li.subnav2_li_active a:hover
            {
                display: block;
                padding: 2px 0 0 27px;

                color: #6093C8;
                cursor: pointer;
                font-weight: bold;
                text-decoration: none;
                background:none;
                /* background: url(../images/construct/btn_arrow_blue.gif) 15px 8px no-repeat; */
            }
                ul#subnav2 li.subnav2_li a:hover
                {
                    color: #024697;
                }
                ul#subnav2 li.subnav2_li_active a, ul#subnav2 li.subnav2_li_active a:hover
                {
                    color: #E2007A;
                    cursor: default;
                }

    div#mainContent
    {
        width: 968px; /*976px*/
        padding: 61px 4px 0 4px;

        background: url(../images/construct/bg_maincontent.png) repeat-y;
    }
        div#breadcrump
        {
            position: absolute;
            top: 80px;
            left: 33px;
            
            color: #4783CC;
        }
            div#breadcrump a, div#breadcrump a:hover
            {
                color: #4783CC;
            }
            span#breadcrump-active
            {
                color: #E2007A;
            }
        div#contentFull
        {
            position: relative;
            margin: 0;
            padding: 0;
        }
        div#contentLeft
        {
            position: relative;
            float: left;
            width: 560px; /*719px*/
            padding: 0px 28px 40px 28px;
            margin:32px 0 0 0;
        }
            body#body10 div#contentLeft, 
            body#body11 div#contentLeft, 
            body#body12 div#contentLeft, 
            body#body82 div#contentLeft, 
            body#body13 div#contentLeft, 
            body#body15 div#contentLeft
            {
                width: 687px;
                padding-left: 28px;
                padding-right: 4px;
            }
        div#contentRight
        {
            position: relative;
            float: right;
            width: 225px; /*225px*/
            min-height: 380px;
            padding: 12px;

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

    div#mainFooter
    {
        width: 958px; /*976px*/
        height: 85px; /*99px*/
        padding: 10px 4px 4px 14px;

        background: url(../images/construct/bg_mainfooter.png) no-repeat;
    }
        div#mainFooter img
        {
            margin-top: 16px;
        }


/* =========================== */
/* = Ansprechpartner - Karte = */
/* =========================== */

body#body46 div#contentLeft
{
    width:700px;
    padding:0 0px 40px 0px;
}
body#body46 div#contentLeft h1
{
    margin-left:28px;
}
body#body46 div.csc-textpic-imagewrap
{
    text-align:left;
    float:left;
}
    body#body46 div.csc-textpic-imagewrap img
    {
        border:none;
        margin:0 25px 0 5px;
    }
body#body46 div.csc-textpic-clear
{
    clear:none;
}    

div.ansprechpartner_matthias,
div.ansprechpartner_bastian,
div.ansprechpartner_klaus,
div.ansprechpartner_britta
{
    background: url(../images/content/ansprechpartner/matthias_koops.jpg) no-repeat;
    width:183px;
    height:104px;
    padding:30px 0 0 120px;
    float:right;
    margin:0 10px 15px 0;
    font-size:11px;
}
div.ansprechpartner_bastian
{
    background: url(../images/content/ansprechpartner/bastian_woennmann.jpg) no-repeat;
} 
div.ansprechpartner_klaus
{
    background: url(../images/content/ansprechpartner/klaus_schmitz.jpg) no-repeat;
}
div.ansprechpartner_britta
{
    background: url(../images/content/ansprechpartner/britta_hagemeister.jpg) no-repeat;
}  
/* ===================== */
/* = Aktuelle Angebote = */
/* ===================== */

body#body12 div.tiplink,
body#body82 div.tiplink,
body#body11 div.tiplink,
body#body10 div.tiplink
{
    position:absolute;
    right:32px;
    margin-top:25px;
}
body#body12 h1.sIFR-replaced,
body#body82 h1.sIFR-replaced,
body#body11 h1.sIFR-replaced,
body#body10 h1.sIFR-replaced
{
    margin-bottom:5px;
}

/* =========================== */
/* = Stellenangebote tt_news = */
/* =========================== */

body#body20 div.tiplink,
body#body75 div.tiplink,
body#body76 div.tiplink,
body#body77 div.tiplink
{
    position:absolute;
    right:25px;
    margin-top:25px;
}
body#body20 h1.sIFR-replaced,
body#body75 h1.sIFR-replaced,
body#body76 h1.sIFR-replaced,
body#body77 h1.sIFR-replaced
{
    margin-bottom:5px;
}
div.news-single-item
{
    position:relative;
}
    div.news-single-item h1.sIFR-replaced
    {
        margin:26px 0 35px 0;
    }
    div.news-single-item a.zum_bewerbungsformular
    {
    }
    
ul#news-catmenu
{
    margin: 0;
    padding: 0;
}
    ul#news-catmenu li
    {
        float: left;
        list-style: none;
        
        margin: 0 20px 16px 0;
    }
    
div#mainContent div#contentLeft div.tiplink { display:block; }  
div#mainContent div.tiplink { display:none; }

div.news-list-item h2 a
{
    color:#024697;
}
/* =============================== */
/* = Neues Ladenmodell - Galerie = */
/* =============================== */

div.tx-wtgallery-pi1 h2.wtgallery_list
{
    margin:0px 0 10px 0;
    font-size:14px;
}
div.tx-wtgallery-pi1 div.wtgallery_single
{
    float:left;
    margin:0 15px 0 0;

}
div.tx-wtgallery-pi1 div.wtgallery_list_area
{
    float:left;
}
    div.tx-wtgallery-pi1 div.wtgallery_list_area div.list_row
    {
        margin:0 10px 10px 0;
    }
    
    
    
div.tx-bahagphotogallery-pi1 div.thumb-border-color
{
    border:none;
}
div.tx-bahagphotogallery-pi1 td
{
    padding:0px;
}
div.tx-bahagphotogallery-pi1 a,
div.tx-bahagphotogallery-pi1 a:visited,
div.tx-bahagphotogallery-pi1 a:link
{
    color:#E2007A;
}
p.gallery_caption
{
    font-weight:bold;
}
    
/* ==================== */
/* = FEEDBACKFORMULAR = */
/* ==================== */

form#kodi_formular input#plz
{
    width:80px;
}
form#kodi_formular input#ort
{
    width:162px;
}
form#kodi_formular label.anrede
{
    margin:20px 0 8px;
}
form#kodi_formular label.nachricht
{
    margin:10px 0 0 0;
}
form#kodi_formular input.checkbox
{
    margin:12px 12px 5px 0 !important;
}
form#kodi_formular label.newsletter
{
    margin:10px 0 10px 0;
}
form#kodi_formular label.vorname
{
    margin:10px 0 0 0;
}
/*** Fehler Nachricht ***/
div.formular-fehlerNachricht
{
    float: right;    
    
    margin: 8px 0 0 0;
    padding: 2px 4px;
    
    color: #fff;
    
    background: #e2001a;    
}



/*** Formulare ***/

form#kodi_formular
{
    margin-top: 10px;
}

form#kodi_formular label
{
    display: block;
    
    padding: 0 3px 0 0;
}

form#kodi_formular input.von,
form#kodi_formular input.bis,
form#kodi_formular input.schnitt
{
    width:80px;
}
form#kodi_formular td input.radio
{
    margin:0 5px 0 5px;
}
form#kodi_formular textarea.text
{
    margin: 8px 0;
    padding: 8px;
    width: 400px;
    height: 190px;
}

form#kodi_formular select.text
{
    margin: 8px 0;
    width: 278px;
    height: 25px;    
    
    color: #ccc;

    background: #303030;
    border: 0;
}

form#kodi_formular input.radio
{
	position: relative;
	display: block;
	float: left;
	
	margin: 0 6px 0 0;
	padding: 0;
}
form#kodi_formular input.checkbox
{
	float: left;
	
	margin: 0 5px 10px 0;
	padding: 0;
	
	vertical-align: middle;
}


form#kodi_formular label.checkbox
{
	clear: left;
	margin: 3px 0 5px 0;
	padding: 1px 0 0 5px;
}

form#kodi_formular label.radio
{
	position: relative;
	display: block;
	float: left;
	
	margin: -1px 0 8px 0;
	padding: 0;
	width: 80px;
}
#header_top_searchform
{
font-size:12px;
margin-bottom: 16px;
}
#search_top_button
{
 margin-top:0px !important;
font-size:12px;
height:20px;
}
#input_search_form 
{
  font-size:16px;
  color:#024697;
  font-weight:bold;
}

/* ====================== */
/* = BEWERBUNGSFORMULAR = */
/* ====================== */


body#body61 div#contentLeft
{
    width:660px;
}
    body#body61 div#contentLeft h3
    {
        margin-top:30px;
        margin-bottom:15px;
    }
    body#body61 div#contentLeft hr
    {
        margin:15px 0 15px;
    }
form.bewerbungs_formular
{
    
}
    form.bewerbungs_formular h3
    {
        margin:20px 0 15px 0;
    }
    form.bewerbungs_formular th
    {
        text-align:left;
        padding:15px 5px 0px 0;
        font-weight:normal;
    }
    form.bewerbungs_formular table.sprachkenntnisse th
    {
        text-align:left;
        padding:15px 5px 0px 0;
        font-weight:normal;
        font-size:11px;
    }
    form.bewerbungs_formular input#sprachkenntnisse_1,
    form.bewerbungs_formular input#sprachkenntnisse_2,
    form.bewerbungs_formular input#sprachkenntnisse_3
    {
        float:none !important;
    }
    
    form.bewerbungs_formular select.text
    {
        background:#fff !important;
        border-top: 1px solid #cae6fd !important;
        border-left: 1px solid #cae6fd !important;
        border-right: 1px solid #9fc4e3 !important;
        border-bottom: 1px solid #9fc4e3 !important;
        padding-top:0px;
        color:#4783CC !important;
        width:270px !important;
    }
    form.bewerbungs_formular input.bis,
    form.bewerbungs_formular input.von
    {
        margin:5px 8px 5px 0 !important;
    }
    form.bewerbungs_formular select.sprachkenntnisse
    {
        width:140px !important;
    }
    
    form.bewerbungs_formular label.berufserfahrung
    {
        margin:20px 0 0 0;
    }
    
    
    form.bewerbungs_formular hr
    {
        background:#E0E7ED none repeat scroll 0 0;
        border:0 none;
        clear:both;
        color:#E0E7ED;
        height:1px;
        margin:4px 0 10px;
        padding:0;
        position:relative;
    }
    div.aufmerksam_item
    {
        float:left;
        margin:0 20px 10px 0px;
        width:150px;
    }
    
    body#body61 div.formular-fehlerNachricht
    {
        float: none;    
        
        margin: 8px 0 10px 0;
        padding: 2px 4px;
        
        color: #fff;
        
        background: #e2001a;    
    }
    body#body61 input#strasse
    {
        width:192px;
        margin:0 6px 0 0;
    }
    body#body61 input#hausnummer
    {
        width:50px;
        display:inline;
    }

div.datei_upload_error
{
    margin:15px 0 0;
}
/* ========================== */
/* = Gewinnspiel-Newsletter = */
/* ========================== */
img.gewinnspiel_headline
{
    margin: 15px 0 0 0;
}
a.gewinnspiel_batch
{
    background: url(../images/construct/gewinnspiel_newsletter_batch.png) no-repeat;
    width:240px;
    height:97px;
    
    position:absolute;
    top:280px;
    left:6px;
    
    cursor: pointer;
    text-decoration:none;
}



/* ========================= */
/* = KODI Ausbildung-Batch = */
/* ========================= */


div.kodi_ausbildung_batch a
{
    background: url(../images/construct/ausbildung_batch.png) no-repeat;
    width:165px;
    height:76px;
    display:block;
    
    position:absolute;
    top:235px;
    left:-15px;
}
    div.kodi_ausbildung_batch a:hover
    {
        text-decoration:none;
    }

body#body15 div.tx-kodifilialen-pi1
{
    height:585px;
}