/*
DEFAULT: normaly used with style portal_bremen
*/

/*
#################################################################
# is24_elements.css - generated by kunden.php for portal_bremen
#################################################################
# ERFORDERLICHE AENDERUNGEN AN DIESER DATEI MUESSEN IN DER
# KUNDENVERWALTUNG EINGETRAGEN WERDEN!
# SONST BESTEHT DIE GEFAHR DES UEBERSCHRIEBEN WERDENS!!!
#################################################################

*/
/*
  Legende:
    FONTSIZE               (11) default: 11
    FONTUNIT               () default: px
    FONTCOLOR              (#336699) default: #006
    FONTCOLORBLACK         (#336699) default: #000
    FONTCOLORWINERED       (#fe0000) default: #5a1d2e
    FONTCOLORERROR         (#FF0000) default: #f00
    FONTCOLORHIGHLIGHT     (36) default: #f60
    FONTCOLORLINK          (#336699) default: #006
    FONTCOLORLINKVISITED   (#996666) default: #5f6eaa
    FONTCOLORLINKHOVER     (#336699) default: #f60
    BACKGROUND             (#ffffff) default: #fff
    BACKGROUNDFONT         (50) default: #006
    BACKGROUNDHIGHLIGHT    (51) default: #f60
    BACKGROUNDHIGHLIGHTLOW (52) default: #fc9
    BACKGROUNDBOX          (#ebeced) default: #eee
    BACKGROUNDBOX2         (#ebeced) default: #ccc
    BACKGROUNDBOX3         (#ebeced) default: #d9e1f0;
    BACKGROUNDBOX4         (#ebeced) default: #b9c8e1;
    BACKGROUNDBOX5         (#ebeced) default: #eae3d9 light brown
    BACKGROUNDBOX6         (#ebeced) default: #fc0;   full yellow
    BACKGROUNDBOX7         (#ebeced) default: #ffc;   bright yellow
    BACKGROUNDBOX8         (#ebeced) default: #e3cbb5;  sand brown
    BACKGROUNDBOX9         (#ebeced) default: #e59366;  red brownish
    BACKGROUNDBOX10        (#ebeced) default: #cc5213;  dark brown
    BACKGROUNDCOLOR        (#ebeced) default: #d9e1f0;
    BACKGROUNDCOLOR2       (#ebeced) default: #eae3d9;
    HIGHLIGHTCOLOR         () default: #f60

    unchanged:
    bgteaservertical     : backgroundpicture
    span.downloadPdf     : backgroundpicture
    span.downloadDoc     : backgroundpicture
    div#coloredintro     : backgroundpicture
    ul.hooks li          : backgroundpicture
    linklistinline a     : backgroundpicture
    linklistsquare       : backgroundpicture
    linklistcheckedbox li: backgroundpicture
    linklistforward      : backgroundpicture
    linklistback         : backgroundpicture
    linklistup           : backgroundpicture
    linklistpin          : backgroundpicture
    linkliststar         : backgroundpicture
    linklistraquo        : backgroundpicture
    coloredbox12         : special color for weber-bank
    headcolor05          : special color for weber-bank


*/
body {
    color: #336699;
}

html {
    height: 100%;
}

h1,
.is24-headline1,
.is24-headline2,
.is24-headline2-centered {
    margin-bottom: 12px;
    font-weight: bold;
}
        .is24-headline2-centered {
            font-size: 14px;
            text-align: center !important;
            padding: 10px;
        }
        #popupwrap h1.popuphead {
            padding: 5px 0 5px 3px;
            margin: 0;
            border-bottom: 4px solid ;
        }

        h2 {
            font-weight: bold;
        }
        #popupwrap h2 {
            margin-bottom: 12px;
        }

a {
    color: #336699;
}
a:visited {
    color: #996666;
}
a:hover {
    color: #336699;
}

/* Links that shall NOT change their appearance */
.jumplabel,
.jumplabel a,
.jumplabel a:visited,
a .jumplabel,
a:visited .jumplabel {
    color: #336699 !important;
    text-decoration: underline;
}

.highlighted {
    font-weight: normal !important;
    color: 36 !important;
}

        * td.lastitem {
            border: 0 none !important;
        }


/*
    ---------------------
    Logo and bannerbox
    ---------------------
*/
#bannerbox {
    background: 50;
}


/*
    ---------------------
    Content Elements
    ---------------------
*/
#is24-content div.copytext,
#is24-content p.copytext,
#is24-content span.copytext {
    padding-bottom: 18px;
    margin-bottom: 6px;
    border-bottom: 1px solid ;
    font-weight: bold;
}
        .standardborder-bottom {
            margin-bottom: 2px;
            border-bottom: 1px solid ;
        }
                .structboxleft .standardborder-bottom,
                .structboxright .standardborder-bottom {
                    border-bottom: 0 none;
                }
        #is24-content span.copytext {
            /*display: block*/
            font-weight: normal;
        }

/* ### start 2 column box layouts */
.is24-contentinner {
    border-bottom: 7px solid #ebeced;
}
.is24-contentinner .leftcolumn,
.is24-contentinner .rightcolumn {
    float: left;
}
.is24-contentinner .leftcolumn,
.is24-contentinner .leftcolumn div {
    /*width: 10.72em;*/
    width: 120px;
}
        .is24-contentinner .leftcolumn {
            margin-right: 5px;
            background: #ebeced;
            overflow: hidden;
        }
                .is24-contentinner .leftcolumn div div {
                    width: auto !important;
                    padding-bottom: 7px;
                    margin-bottom: 5px;
                    border-bottom: 2px dotted ;
                }
        .is24-contentinner .leftcolumn div .lastitem,
        .is24-contentinner .rightcolumn .lastitem {
            margin-bottom: 0;
            padding-bottom: 7px;
            border: 0 solid !important;
        }
        .is24-contentinner .leftcolumn img {
            border-top: 1px solid #ebeced;
            border-bottom: 1px solid #ebeced;
        }
                .is24-contentinner .leftcolumn .is24-teaser img {
                    border: 0 none !important;
                }
        .is24-contentinner .leftcolumn img.icon {
            float: left;
            padding: 0 3px 0 0;
        }

        /*.is24-contentinner .rightcolumn span,*/
        .is24-contentinner .leftcolumn span,
        .is24-contentinner .leftcolumn h5{
            color: 36;
        }

        /* START WORKAROUND */
        .is24-contentinner .leftcolumn div ul {
            font-size: 0.9em;
            border: 0 none;
            margin-bottom: 7px;
        }
                .is24-contentinner .leftcolumn div div ul,
                .is24-contentinner .leftcolumn div div div ul {
                    font-size: 1em;
                    margin-bottom: 0;
                }
        #is24-content .is24-contentinner .leftcolumn div.is24-teaser {
            border-bottom: 2px dotted ;
        }
        /* END START WORKAROUND */

.is24-contentinner .rightcolumn {
    /*width: 29.03em;*/
    width: 325px;
}
        .large .is24-contentinner .rightcolumn {
            /*width: 41.03em;*/
            width: 325px;
        }
        .is24-contentinner .rightcolumn img.right {
            float: right;
            padding: 0 0 0 3px;
        }
        .is24-contentinner .rightcolumn p {
            padding-bottom: 5px;
            margin-bottom: 5px;
            /*border-bottom: 1px solid #f60;*/
        }

/*
    --- 2 equally sized content boxes
*/
.equalsize {
    width: auto !important;     /* MAC magic */
    width: 100%;                /* MAC magic */
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 7px solid #ffffff !important;
}
.equalsize div {
    width: auto !important;
}

.equalsize .equalcolumn {
    float: left;
    width: 49.99% !important;   /* IE 'lost-in-space' workaround */
    height: 80px;
}
        .equalsize .equalcolumn .equalcolumn {

        }

.equalsize .leftcolumn,
.equalsize .rightcolumn {
    width: 50% !important;
    margin: 0 !important;
    float: left;
}
        .equalsize .rightcolumn {
            width: 49.9% !important;
        }
        .equalsize .leftcolumn {
            background: none;
        }
        .equalsize .leftcolumn .clear {
            border: 0 none !important;
        }
        .equalsize .leftcolumn div {
            width: auto !important;
            border-right: 1px solid #ffffff;
        }
        .equalsize .leftcolumn p,
        .equalsize .rightcolumn p {
            font-size: 1em !important;
        }
        .equalsize .leftcolumn strong {
            color: #336699;
        }

.equalsize .leftcolumn div,
.equalsize .rightcolumn div {
    padding: 2px;
}
.equalsize h4 {
    background: #ebeced;
}
        .equalsize .leftcolumn h4 {
            /*border-right: 1px solid #fff;*/
            padding-left: 1px;
        }
        .equalsize h4.listitem {
            border-right: 0 none;
            background: #ebeced;
            font-weight: normal;
        }

.equalsize ul.standard li.firstelement a {
    font-weight: bold !important;
    color: 36 !important;
}

.equalcolumns .leftcolumn,
.equalcolumns .rightcolumn {
    /*width: 25.415em !important;*/
    width: 284px !important;
}
        .equalcolumns .leftcolumn div,
        .equalcolumns .rightcolumn div {
            width: auto !important;
        }
        .equalcolumns .leftcolumn {
            margin-right: 15px;
        }
        .equalcolumns .leftcolumn .clear {
            border: 0 none !important;
        }

.equalsize .leftcolumn .wrap ul.standard li a {
    font-size: 1.1em;
}


/* BIGBOX */
.equalsize .small .right,
.equalsize .small .left {
    /*width: 19.65em !important;*/
    width: 220px !important;
    background: #ebeced;
    min-height: 100px;
}
        .is24-startpage .equalsize .small .right,
        .is24-startpage .equalsize .small .left {
            min-height: 50px !important;
        }

.equalsize .small .wrap {
    padding: 3px 5px 5px;
}
.bgteaservertical {
    background: url(/local/cms/is24/img/bgteaservertical.gif) repeat-y;
    border-bottom: 1px solid #ffffff;
}
.bigboxhead {
    padding: 3px;
    background: 760 !important;
    color: #ffffff;
}
        .bigboxhead a {
            color: #ffffff;
            font-weight: bold;
        }

.equalsize .bigbox .imagebox {
    height: 100px;
}
.equalsize .bigbox .imagebox,
.equalsize .bigbox .imagebox img {
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* END BIGBOX */


/* 185*326 Column Layout */
.partnerlayout .leftcolumn div.is24-teaser,
.partnerlayout .rightcolumn div.is24-teaser {
    width: auto;
}
        .partnerlayout .leftcolumn {
            /*width: 16.5em !important;*/
            width: 185px;
            margin-right: 15px;
        }
        .partnerlayout .rightcolumn {
            /*width: 34.35em !important;*/
            width: 385px !important;
        }
        .partnerlayout .leftcolumn .clear {
            border: 0 none !important;
        }
/* END 185*326 Column Layout */


/*
    --- end 2 equally sized content boxes
*/
/* ### end 2 column layouts */


/* ### start 3 column layout */
.large {
    /*background: red;*/              /* debug */
}
.large .wrap .column {
    float: left;
    /*width: 16.503em;*/
    width: 185px;
    /*margin: 0 1.34em 1.34em 0;*/
    margin: 0 15px 15px 0;
}
        .large .wrap .lastitem {
            margin-right: 0;
        }


/*      start different 3 column designs */
/*      ---- sart Umzugsfirmen */
.large .wrap .removalbox .companyimage {
    padding: 5px;
    text-align: center !important;
    background: #ebeced;
}
.large .wrap .removalbox span {
    color: 36;
}
.removalnote {
    position: relative;
    background: #ebeced;
    padding: 2px 2px 0;
    height: 30px;
}
        .removalnote .text,
        .removalnote .link {
            float: left;
        }
        .removalnote .text {
            width: 70%;
        }
        .removalnote .link {
            width: 30%;
            background: 50;
            text-align: center !important;
            padding: 3px 0;
            border-top: 4px solid #ebeced;
        }
        .removalnote .link a {
            color: #ffffff;
            text-decoration: none;
        }
/*      ---- end Umzugsfirmen */
/*      end different 3 column designs */

/* ### end 3 column layout */


/*
    ---------------------
    START DOWNLOADS
    ---------------------
*/
div.downloadPdf,
div.downloadDoc,
span.downloadPdf,
span.downloadDoc {
    border-bottom: 3px solid #ffffff !important;
}
div.downloadPdf a,
div.downloadDoc a,
span.downloadPdf a,
span.downloadDoc a {
    height: 15px;           /* needed for Icon to be displayed properly */
    padding: 1px 1px 1px 23px;
}
        div.downloadPdf a,
        span.downloadPdf a {
            background: url(/local/cms/is24/icn/icon_pdf.gif) 4px 0 no-repeat;
        }
        div.downloadDoc a,
        span.downloadDoc a {
            background: url(/local/cms/is24/icn/icon_word.gif) 4px 1px no-repeat;
        }

.is24-download .icon {
    width: 20px;
    float: left;
    width: 6%;
}
.is24-download .linkdesc {
    float: left;
    width: 92%;
    padding-top: 1px;
}
/* END DOWNLOADS */



/*
    ---------------------
    START Image Gallery
    ---------------------
*/
table.gallery {
    border-top: 12px solid #ffffff;
    width: 100%;
}
        .gallery hr {
/*            display: block;*/
            border: 0 none;                 /* Firefox gap */
            border-top: 1px solid ;
            height: 1px;
            margin: 7px 0 6px 0;
        }
        .gallery p {
            margin: 2px 0 5px 0;
        }
        table.gallery td {
            width: 33%;
            padding: 0;
            margin: 0;
            padding-bottom: 7px;
            border-right: 15px solid #ffffff;
        }
        table.gallery tr.imagerow td {
            vertical-align: bottom;
        }

table.aboutus {
    width: 100%;
}
        table.aboutus td {
            width: 50%;
            border-bottom: 1px solid ;
            padding: 0 0 20px 0;
        }
        table.aboutus tr.lastrow td,
        table.aboutus tr.data td {
            border-bottom: 0 none;
        }
            table.aboutus tr.data td {
                padding: 5px 0 !important;
            }

.clients .gallerynav a {
    margin-right: 6px;
}
/* END Image Gallery */



/*
    ---------------------
    Press Releases
    ---------------------
*/
.pressreleases h2 {
    margin-bottom: 10px;
}
.pressreleases div.date,
.pressreleases div.title,
.pressreleases div.downloadPdf,
.pressreleases div.downloadDoc {
    float: left;
    border-right: 5px solid #ffffff;
    border-bottom: 10px solid #ffffff;
}
        .pressreleases div.date {
            width: 15%;
        }
        .pressreleases div.title {
            width: 58.7%;
        }
        .pressreleases div.downloadPdf,
        .pressreleases div.downloadDoc {
            width: 11%;
            border: 0 none;
        }


#is24-content .topicentry {
    margin-bottom: 10px;
    border: 0 none;
}
#is24-content .topicentry strong {
    font-size: 1.3em;
}
#is24-content .imagesubhead {
    margin: 20px 0 10px 0 !important;   /* Images as Subheadlines */
    padding: 0 !important;
    background: 51;
    height: 11px;
}
        #is24-content .imagesubhead img {
            float: none;
            padding: 0;
        }
#is24-content .partner strong {
    font-size: 1em;
}

#is24-content .pagenote {
    padding: 2px;
    font-size: 90%;
    background: 52;
    /*border-top: 27px solid #fff;*/
}
#is24-content .is24-teaser {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid ;
}
        /*#is24-content .is24-teaser span {
            color: 36;
        }*/
        #is24-content .is24-teaser img {
            float: left;
            padding-right: 5px;
        }
        #is24-content .is24-teaser img.right {
            padding: 0 0 0 5px;     /* reset left padding from img */
        }

.equalcolumns .leftcolumn .is24-teaser {
    border-bottom: 1px solid  !important;
}
.equalcolumns .leftcolumn .lastitem {
    border-bottom: 0 none !important;
}



/*
    Teasers with a checkbox
*/
.teaserlist-multichoice {
    margin-bottom: 10px;
}
        .teaserlist-multichoice .is24-teaser {
            border-bottom: 0 none !important;
            margin-bottom: 0 !important;
            padding: 1px !important;
        }
                .teaserlist-multichoice .teasertext {
                    margin-bottom: 0 !important;
                }
                .teaserlist-multichoice .left img {
                    padding-bottom: 0 !important;
                }
                .teaserlist-multichoice .colored {
                    background-color: #ebeced;
                }
        .teaserlist-multichoice .list-titles {
            border: 1px solid #336699;
            background: 50;
        }
        .teaserlist-multichoice h6 {
            color: #ffffff;
            float: left;
            padding: 0 1px 1px 1px;
        }
                .teaserlist-multichoice .title1 {
                    width: 80%;
                }
                .teaserlist-multichoice .title2 {
                    width: 19%;
                }
        .teaserlist-multichoice .padded {
            border: 4px solid #ffffff;
            border-top-width: 2px;
        }
                .teaserlist-multichoice .colored .padded {
                    border: 4px solid #ebeced;
                    border-top-width: 2px;
                }
        .teaserlist-multichoice ul {
            margin-top: 20px !important;
        }
                .teaserlist-multichoice ul span {
                    display: none;
                }
        .teaserlist-multichoice .teasercontent .teasertext {
            padding-right: 10px;
        }
                .teaserlist-multichoice .teasercontent h4 {
                    margin-top: 10px;
                }




/*
    ---------------------
    Common Styles
    ---------------------
*/
.alert {
    /*display: block*/
    border: 1px solid ;
    padding: 4px;
    margin-bottom: 14px;
}

.imagehead {
    margin-bottom: 10px;            /* Headlines as image */
    background: 51;
}

.is24-head,
span.is24-head,
.headline {
    /*display: block*/
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
}
        .is24-head {
            margin-bottom: 2px;
        }
        span.is24-head {
            margin-bottom: 2px;
            font-size: 1em;
            color: #336699 !important;
        }

.documenthead {
    margin-bottom: 14px;
}

.bigheadline {
    /*display: block*/
    font-size: 1.3em;
    font-weight: bold;
}

.is24-pageteaser {
    background: 51;
    margin-bottom: 20px;
    height: 120px;
}
        .is24-pageteaser td {
            height: 120px;
            vertical-align: middle !important;
        }
        .is24-pageteaser img {
            float: left;
            width: 185px;
            padding-right: 10px;
        }
        .is24-pageteaser h2 {
            padding-right: 5px;
            font-size: 1.3em;
            color: #ffffff;
        }

span.coloredlisthead,
p.coloredlisthead,
.darkhead {
    /*display: block*/
    font-weight: bold;
    color: #ffffff;
    background: 50;
    padding: 1px 1px 2px 2px;
    border-bottom: 1px solid #ffffff;
}
        span.coloredhead a,
        p.coloredhead a {
            color: #ffffff;
        }
        span.coloredhead a:hover,
        p.coloredhead a:hover {
            color: 36;
        }
        span.coloredlisthead {
            background: #ebeced;
        }
        .coloredlist {
            background: #ebeced;
        }
                .coloredlisthead {
                    color: #336699 !important;
                }
                .coloredlist {
                    margin: 0 !important;
                    padding: 2px 3px 3px;
                }
                span.coloredhead,
                .is24-teaser span.coloredhead {
                    color: #ffffff !important;
                }



span.coloredhead,
h4.coloredhead,
span.coloredhead-unpadded,
h4.coloredhead-unpadded {
    #/*display: block*/
    background: 51;
    font-weight: normal;
    font-size: 0.8em;
    color: #ffffff;
    padding: 0 0 1px 1px;
    margin: 10px 0 10px 0;
}
        span.coloredhead-unpadded,
        h4.coloredhead-unpadded {
            margin: 0 !important;
        }
        form span.coloredhead,
        p.coloredhead,
        p.coloredhead-bordered {
            background: 50 !important;
            margin: 5px 0 0;
        }
                p.coloredhead,
                p.coloredhead-bordered {
                    font-size: 1em;
                    color: #ffffff;
                    padding: 0 0 1px 1px;
                }
                p.coloredhead-bordered {
                    border-bottom: 2px solid #ffffff;
                    font-weight: bold;
                    padding: 2px;
                }

h4.darklisthead,
span.darklisthead {
    /*display: block*/
    background: 50 !important;
    color: #ffffff !important;
    padding: 1px;
    font-weight: bold;
}

div#coloredintro {
    background: #ebeced url(/local/cms/is24/img/bg_introtext_kaufplaner.gif) 5px 5px no-repeat;
    padding: 8px 8px 8px 50px;
    font-weight: normal;
    margin: 15px 0;
    min-height: 30px;               /* Set 45px as default height in screen_ie.css, it will remain expanding in case moroe text shows up */
}

.condensed {
    /*display: block*/
    width: 80%;
    margin-bottom: 10px;
}

.textsub,
.textsup {
    display: inline;                /* WebeditPro Safety */
    vertical-align: sub;
    font-size: 0.7em;
}
        .textsup {
            vertical-align: super;
        }

.textorange,
.textorange * {
    display: inline;                /* WebeditPro Safety */
    color: 36;
}

.teasertext {
    margin-bottom: 7px;
    border: 0 none !important;
}
        .lastitem .teasertext {
            /*margin-bottom: 0 !important;*/
            padding-bottom: 0 !important;
            border: 0 none !important;
        }
        /*
            Fix strange background image behaviour for .linklistinline, reset in Opera and Mac IE
            (this line is for Mac Safari only, rest written in .linklistinline)
        */
        .teasertext p {
            margin: 0 !important;
            padding: 0 !important;
            display: inline-table !important;
        }

/*
    Javascript field to copy and paste in 3rd party sites
*/
.jscopyfield {
    background: #ebeced;
    color: #ffffff;
    font-weight: bold;
    padding: 2px;
}
        .jscopyfield div {
            background-color: #ebeced;
            padding: 2px;
            line-height: 16px;
        }



/*
    ---------------------
    POWERED BY
    ---------------------
*/
.poweredbytop,
.poweredbybottom {
    border-top: 10px solid #ffffff;
    border-bottom: 20px solid #ffffff;
}
        .poweredbytop {
            border-bottom: 25px solid #ffffff;
            margin-bottom: 1px;
        }
        .poweredbybottom {
            border-top: 15px solid #ffffff;
        }
                .poweredbybottom img {
                    margin-top: 15px;
                }


/*
    ---------------------
    LISTS
    ---------------------
*/
/* SET MARGINS FOR WANTED LIST MARGINS */

.leftcolumn ul,
.leftcolumn ol,
.rightcolumn ul,
.rightcolumn ol,
ul.standard,
ol.standard {
    margin: 0;
}

.is24-document ul,
.is24-document ol,
.teasertext ul,
.teasertext ol {
    margin: 5px 0 5px 29px;
}
        .teasertext ul {
            list-style: disc;
        }
        .teasertext ol {
            list-style: decimal;
        }
.is24-document .leftcolumn ul,
.is24-document .leftcolumn ol,
.equalsize .rightcolumn ul.standard,
.equalsize .rightcolumn ol.standard,
.is24-document ul.standard,
.is24-document ol.standard,
.is24-document .coloredlist {
    margin: 0;
}

ul.standard li,
ul.coloredlist li,
li.highlighted {
    list-style: none;
}

ol.loweralpha li,
ul.loweralpha li {
    list-style-type: lower-alpha;
}

ol.upperalpha li,
ul.upperalpha li {
    list-style-type: upper-alpha;
}

ol.ordered,
ul.bullet,
ul.pins,
ul.hooks {
    margin: 10px 0 10px 20px;
}
        ol.ordered li,
        ul.bullet li {
            margin: 3px 20px;
            list-style: decimal;
        }
                ul.bullet li {
                    list-style: disc;
                }
        ul.pins,
        ul.hooks {
            margin-left: 0;
        }
                ul.pins li,
                ul.hooks li {
                    min-height: 17px;   /* Set to normal height: 17px; in IE.css */
                    padding: 1px 0 0 18px;
                    background: url(/local/cms/is24/icn/icon_pin.gif) no-repeat;
                    list-style: none;
                }
                ul.hooks li {
                    padding: 0 0 3px 18px;
                    background: url(/local/cms/is24/icn/icon_hook.gif) 0 1px no-repeat;
                    list-style: none;
                }

/*
    Linklists and Buttonstyles that had to be done with span Tags
*/
.linklistinline {
    /*display: block;*/
    display: table-row;
    width: 100%;
    margin: 2px 0 0;
    /*padding-left: 8px;*/
    /*background: url(/local/cms/is24/icn/icon_doublearrow.gif) 0 5px no-repeat;*/
}
        .linklistinline a {         /* Needed to be bugfixed since background image appeared behing image if those are floated left */
            padding-left: 7px;
            background: url(/local/cms/is24/icn/icon_doublearrow.gif) 0 5px no-repeat !important;
        }

.linklistsquare {
    /*display: block*/
    margin: 2px 0 0;
    padding-left: 8px;
    background: url(/local/cms/is24/icn/icon_square.gif) 0 5px no-repeat;
}
.linklistdarksquare,
.linklistcheckedbox {
    list-style: none;
    margin: 0 !important;
}
        .linklistdarksquare li,
        .linklistcheckedbox li {
            /*display: block*/
            margin: 2px 0 5px 0;
            padding-left: 8px;
            background: url(/local/cms/is24/icn/icon_squaredark.gif) 0 5px no-repeat;
            list-style: none;
        }
                .linklistcheckedbox li {
                    background: url(/local/cms/is24/icn/icon_checkedbox.gif) no-repeat;
                    padding: 0 0 0 22px;
                }
                        .linklistcheckedbox p {
                            padding-top: 3px;
                        }

.linklistforward,
.linklistback,
.linklistup {
    /*display: block*/
    margin: 2px 0 0;
    padding-left: 14px;
}
        .linklistforward {
            background: url(/local/cms/is24/icn/icon_arrow_forward.gif) 0 3px no-repeat;
        }
        .linklistback {
            background: url(/local/cms/is24/icn/icon_arrow_back.gif) 0 3px no-repeat;
        }
        .linklistup {
            background: url(/local/cms/is24/icn/icon_arrow_up.gif) 0 2px no-repeat;
        }

.linklisthook,
.linklistpin {
    /*display: block*/
    min-height: 16px;
    padding: 1px 0 0 18px;
    background: url(/local/cms/is24/icn/icon_hook.gif) 0 3px no-repeat;
}
        .linklistpin {
            background: url(/local/cms/is24/icn/icon_pin.gif) no-repeat;
        }

.linkliststar {
    /*display: block*/
    margin: 2px 0 0;
    padding-left: 14px;
    background: url(/local/cms/is24/icn/icon_star.gif) 0 2px no-repeat;
}

.linklistraquo {
    margin: 0 !important;
}
.linklistraquo li {
    list-style: none;
    margin: 2px 0 0;
    padding-left: 12px;
    background: url(/local/cms/is24/icn/icon_doublearrow.gif) 4px 4px no-repeat;
}

/* box with 2 columns, each one containing a linklist */
.listwrap {
    border-bottom: 15px solid #ffffff;
}
        .listwrap ul {
            float: left;
            width: 50%;
        }

/* End Linklists with spans */


.noliststyle,
.noliststyle li {
    margin: 0 !important;
    padding: 0 !important;
}
        .noliststyle li,
        .nolisticon,
        .nolisticon li,
        li .nolisticon {
            list-style: none !important;
        }

.staticwrap div {
    border: 0 none !important;
}
.staticwrap {
    /*border: 1px solid red !important;*/
}

.triplecolumn .is24-teaser {
    border-bottom: 0 none !important;
}
.triplecolumn .firstcol,
.triplecolumn .secondcol,
.triplecolumn .thirdcol {
    float: left;
    width: 33.3% !important;
    border: 0 none !important;
}
/* End Common Styles */

/*
    Predefinitions for print version
*/
.copypolicy {
    display: none;
}




/*
    --------------------------------------
    Independent Box- and Headline-Styles
    (most likely used in WebEditpro)
    --------------------------------------
*/
.dashedbox {
    /*display: block*/
    border: 1px dashed #336699;
    padding: 4px;
}

.coloredbox01,
.coloredbox02,
.coloredbox03,
.coloredbox04,
.coloredbox05,
.coloredbox06,
.coloredbox07,
.coloredbox08,
.coloredbox09,
.coloredbox10,
.coloredbox11,
.coloredbox12 {
    padding: 3px;
}
        .coloredbox01 {
            background: #ebeced !important;     /* lighter blue */
        }
        .coloredbox02 {
            background: #ebeced;                /* very light blue */
        }
        .coloredbox03 {
            background: #ebeced;                /* light brown */
        }
                .headcolor02 a,
                .headcolor02 a:hover {
                    color: #ffffff !important;
                }
        .coloredbox04 {
            background: #ebeced;                   /* full yellow */
        }
        .coloredbox05 {
            background: #ebeced;                   /* bright yellow */
        }
        .coloredbox06 {
            background: #ebeced;                   /* bright grey */
        }
        .coloredbox07 {
            background: #ffffff;                   /* white */
        }
                .coloredbox07 .element2textbottom {
                    white-space: nowrap !important;
                }
                .coloredbox07 .element2textbottom img {
                    margin-right: 2px;
                }
        .coloredbox08 {
            background: 50;                   /* dark blue */
        }
        .coloredbox09 {
            background: #ebeced;                /* sand brown */
        }
        .coloredbox10 {
            background: 51;                   /* IS24 orange */
        }
                .coloredbox10,
                .coloredbox10 a,
                .coloredbox10 a:hover,
                .coloredbox10 a.visited {
                    color: #ffffff !important;
                }
        .coloredbox11 {
            background: #ebeced;               /* red brownish */
        }
        .coloredbox12 {
            background: #e2d9dc;               /* lighter wine red (Weberbank) */
            color: #336699;
        }
                .coloredbox12 strong {
                    /*display: block*/
                    padding-bottom: 3px;
                    color: #fe0000;
                }

.headcolor01,
.headcolor02,
.headcolor03,
.headcolor04,
.headcolor05 {
    /*display: block*/
    padding: 1px;
    font-weight: bold;
}
        td.headcolor01,
        td.headcolor02,
        td.headcolor03,
        td.headcolor04,
        td.headcolor05 {
            display: table-cell;
            padding: 3px;
        }
        .headcolor01 {                      /* dark is24 blue */
            background: 50 !important;
            color: #ffffff;
        }
                td.headcolor01 {
                    padding: 2px 0 2px 4px !important;
                }
        .headcolor02 {                        /* dark brown */
            background: #ebeced;
            color: #ffffff;
        }
        .headcolor03 {                        /* full yellow */
            background: #ebeced;
        }
        .headcolor04 {                        /* full orange and bold */
            background: 51;
            color: #ffffff;
        }
        .headcolor05 {                        /* Wine Red (Weberbank) */
            background: #5a1d2e;
            color: #ffffff;
        }

table.borderedtable01 td,
table.borderedtable01a td,
table.borderedtable01b td,
table.borderedtable02 td,
table.borderedtable03 td,
table.borderedtable03a td,
table.borderedtable04 td {
    padding: 2px;
}
        table.borderedtable01,
        table.borderedtable01 td,
        table.borderedtable01b td {
            border: 1px solid #ffffff;
        }
                table.borderedtable01a,
                table.borderedtable01a td {
                    border: 2px solid #ffffff;
                }
                table.borderedtable01b table td {
                    border: 0 none;
                }

        table.borderedtable02,
        table.borderedtable02 td {
            border: 1px solid #ebeced;
        }
        table.borderedtable03,
        table.borderedtable03a {
            margin-left: 1px;
            border: 1px solid #336699;
        }
                table.borderedtable03a td {
                    border: 1px solid #336699;
                }

        table.borderedtable04 td {
            border: 1px solid #FF0000;
        }


table.borderedcells01 td {
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
        table.borderedcells01 tr table tr,
        table.borderedcells01 td table td {
            border: 0 none;
        }

table.borderedrows01 td {
    border-bottom: 1px solid #ffffff;
    padding: 4px 0;
}
        table.borderedrows01 .firstrow td {
            border-bottom: 0 none;
            padding: 0;
            height: 1px !important;
        }
        table.borderedrows01 tr table tr,
        table.borderedrows01 td table td {
            border: 0 none;
        }

.buttonstyle01 a,
.buttonstyle02 a,
.buttonstyle03 a {
    /*display: block*/
    text-align: center !important;
    border: 1px solid #ffffff;
    background: 51;
    padding: 2px 3px;
    color: #ffffff;
    text-decoration: underline;
    margin: -1px;
}
        .buttonstyle01 a,
        .buttonstyle02 a {
            text-decoration: underline;
        }
        .buttonstyle01 a:visited,
        .buttonstyle01 a:hover,
        .buttonstyle02 a:visited,
        .buttonstyle02 a:hover {
            color: #ffffff;
            text-decoration: underline;
        }
        .buttonstyle02 a {
            background: 50;
        }
        .buttonstyle03 a,
        .buttonstyle03 a:visited,
        .buttonstyle03 a:hover {
            background: #ffffff;
            border: 1px solid ;
            color: #336699;
        }

/* Button in Windows GUI look */
.is24-inlinebutton {
    background: #d4d0c8;
    border: 1px solid #ffffff;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    vertical-align: text-middle;
    padding: 3px 8px;
    white-space: nowrap;
}
        .is24-inlinebutton a,
        .is24-inlinebutton a:visited,
        .is24-inlinebutton a:hover {
            color: #336699;
            text-decoration: none !important;
        }




/*
    ------------------------------------------------
    Styles for homepage and teaser in nav container
    ------------------------------------------------
*/
#is24-secnav .is24-linkbox .is24-teaser {
    border-bottom: 2px dotted ;
    margin-bottom: 4px;
}
#is24-secnav .is24-linkbox .is24-teaser .teasertext {
    margin-bottom: 5px;
}
        #is24-secnav .is24-linkbox .is24-teaser.lastitem,
        #is24-secnav .is24-linkbox .is24-teaser.lastitem .teasertext,
        #is24-secnav .is24-linkbox .is24-teaser.lastitem ul li {
            margin-bottom: 0 !important;
        }
#is24-secnav .is24-linkbox .is24-teaser h3,
#is24-secnav .is24-linkbox .is24-teaser h4,
#is24-secnav .is24-linkbox .is24-teaser ul.noliststyle li a {
    padding: 0;
}
#is24-secnav .is24-linkbox .is24-teaser li {
    background: none;
}
#is24-secnav .is24-linkbox .is24-teaser ul.noliststyle li a {
    text-decoration: underline;
}

.announcer {
    /*display: block*/
    background: #ebeced;
    padding: 2px;
    margin-bottom: 15px;
}





/*  -------------------------------
    Special Terms structure styles
    -------------------------------
*/
.termsbox {
    border: 1px solid #336699;
    padding: 3px;
}
.structboxleft {
    float: left;
    /*width: 35.3em;*/
    width: 395px;
    overflow: hidden;
    /*border-right: 0.4em solid #fff;*/
    border-right: 5px solid #ffffff;
}
.structboxright {
    float: left;
    /*width: 16.5em;*/
    width: 185px;
    overflow: hidden;
}
        .structboxright div {
            margin: auto;
        }

.scoutmanager-teaserlist01 {
    border: 1px solid #336699;
}
        .scoutmanager-teaserlist01 .darklisthead {
            border-bottom: 1px solid #336699;
        }
        .scoutmanager-teaserlist01 .leftside,
        .scoutmanager-teaserlist01 .rightside {
            float: left;
            width: 50%;
        }
                .scoutmanager-teaserlist01 .leftside div,
                .scoutmanager-teaserlist01 .rightside div {
                    padding: 4px;
                }

.is24-contentinner .structboxright .lastitem {
    margin-bottom: 15px !important;
}
.is24-contentinner .structboxright .teasertiny {
    margin-bottom: 4px;
    width: 185px;
    background-color: #ebeced !important;
    border-bottom: 1px solid #ebeced;
    padding: 2px 2px 1px 2px;
}
.is24-contentinner .structboxright .img,
.is24-contentinner .structboxright .teasertext {
    float: left;
    width: 76px;
}
        .is24-contentinner .structboxright .teasertext {
            width: 103px;
            margin-bottom: 0 !important;
        }
                .is24-contentinner .structboxright .teasertiny .teasertext {
                    font-size: 90%;
                }
                .is24-contentinner .structboxright .teasertext .clear {
                    height: 1px;
                    overflow: hidden !important;
                }
                .is24-contentinner .structboxright .teasertext h5 {
                    font-size: 110%;
                    margin-bottom: 2px;
                }

.is24-contentinner .structboxright .teasertiny .noliststyle {
    margin-bottom: 3px !important;
}


/*  -------------------------------
    Special eWebEditPro Styles
    -------------------------------
*/
a.makeBookmarkVisible {                 /* Reset Editpro Style */
    /*display: block*/
    width: 0.1em;
    height: 0.1em;
    overflow: hidden;
}

.linebottomblack,
.linebottomorange,
.linebottomorange5px,
.linebottomorange-dotted,
.linebottomwinered {
    /*display: block*/
    border-bottom: 1px solid #336699;
    margin: 2px 0;
    line-height: 0.01em;
    font-size: 0.01em;
}
        .linebottomorange {
            border-bottom: 1px solid ;
        }
        .linebottomorange5px {
            border-bottom: 5px solid ;
        }
        .linebottomorange-dotted {
            border-bottom: 2px dotted ;
        }
        .linebottomwinered {
            border-bottom: 1px solid #fe0000;
        }

.nospacing,
.nospacing *,
table.nospacing td {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
}
table.nospacing td td {
    padding: 2px !important;
}

.fontsmaller {
    font-size: 85%;
}

.textright {
    /*display: block*/
    text-align: right !important;
}
        .textright-inline {
            text-align: right !important;
        }

.invisible,
.is24-invisible {
    display: none !important;
}

.element2textbottom,
.element2textbottom img {
    vertical-align: text-bottom !important;
}

.textpadding-standard,
.termslegacy .textpadding-standard,
.termslegacy .allunpadded .textpadding-standard {
    /*display: block*/
    padding: 3px !important;
}



/*
    ------------------------------
    Homepage elements
    ------------------------------
*/
.transparentbox,
.transparentbox h4,
.transparentbox .left,
.transparentbox .right,
.transparentbox .is24-teaser {
    background: none !important;
    border: 0 none !important;
}
        .transparentbox,
        .transparentbox .is24-teaser,
        .transparentbox .left,
        .transparentbox .right,
        .transparentbox .teasertext {
            padding: 0 !important;
            margin: 0 !important;
        }
        .transparentbox .left img,
        .transparentbox .right img {
            float: none !important;
            display: inline !important;
            width: 60px;
        }
        .transparentbox h4,
        .transparentbox .teaser-image,
        .transparentbox .teasertext {
            float: left !important;
        }
                .transparentbox .teaser-image {
                    width: 4em;
                }
                .transparentbox h4,
                .transparentbox .teasertext {
                    /*width: 156px !important;*/
                    width: 13.7em !important;
                }
                        .transparentbox h4 {
                            font-weight: normal;
                        }
                .transparentbox .left .is24-teaser .teaser-image,
                .transparentbox .right .is24-teaser .teaser-image {
                    width: 64px !important;
                }


/*
    Tab switch box
*/
#tabswitch {
    border-bottom: 2px solid ;
}
#tabswitch .tabbutton1,
#tabswitch .tabbutton2 {
    float: left;
    width: 135px;
    padding: 2px 2px 3px;
    text-align: center;
    background: 51;
    margin-right: 4px;
}
        #tabswitch .tabbutton2 {
            background: 52;
        }
#tabswitch .tabbutton1 a,
#tabswitch .tabbutton1 a:visited,
#tabswitch .tabbutton1 a:hover,
#tabswitch .tabbutton2 a,
#tabswitch .tabbutton2 a:visited,
#tabswitch .tabbutton2 a:hover {
    text-decoration: none !important;
    color: #ffffff;
}
        #tabswitch .tabbutton2 a,
        #tabswitch .tabbutton2 a:visited,
        #tabswitch .tabbutton2 a:hover {
            color: #336699;
        }

#tab1,
#tab2 {
    border: 1px solid ;
    padding: 8px;
    margin-bottom: 10px;
}
        #tab2 {
            display: none;
        }
        #tab1 input {
            font-size: 1em;
        }
#tab1 .row,
#tab2 .row {
    width: 98%;
}
        #tab2 .row {
            border-bottom: 20px solid #ffffff;
        }
#tab1 .tabwrapleft,
#tab1 .tabwrapright {
    float: left;
    width: 52%;
}
        #tab1 .tabwrapright {
            width: 48%;
        }
        #tab1 .firstelement,
        #tab2 .firstelement {
            font-size: 1.25em;
            font-weight: bold;
        }
        #tab1 .tabwrapright .searchboxleft,
        #tab1 .tabwrapright .searchboxright {
            width: 90px;
            float: left;
        }
                #tab1 .tabwrapright .searchboxleft {
                    padding-top: 2px;
                    margin-right: 2px;
                }
        #tab1 .tabwrapright .searchboxleft input,
        #tab1 .tabwrapright .searchboxright input {
            width: 85px;
            padding: 1px;
        }
                #tab1 .tabwrapright input {
                    width: 80px;
                }
#tab2 .row .left,
#tab2 .row .right {
    float: left;
    width: 80%;
}
        #tab2 .row .right {
            width: 18%;
        }

#tab1 h4.paddedbottom {
    width: 100%;
}




/*
    ---------------------
    Kaufplaner elements
    ---------------------
*/
.planerleft,
.planerright {
    float: left;
}
        .planerleft {
            /*width: 34.35em;*/
            width: 385px;
            margin-right: 15px;
        }
        .planerright {
            /*width: 16.5em;*/
            width: 185px;
        }




/*
    ----------------------
    Ferien
    ----------------------
*/
.termslegacy .is24-ferien  table td {
    padding: 3px 1px !important;
    vertical-align: top !important;
}




/*
    ---------------------
    Helpers
    ---------------------
*/
.clear,
br.clear,
hr.clear {
    clear: both !important;
    border: 0 none !important;
}
        br.clear,
        hr.clear {
            line-height: 0 !important;
            font-size: 0 !important;
        }

.block {
    /*display: block*/
}
.inline {
    display: inline;
    border-right: 3px solid #ffffff;
}
        .is24-inline {
            display: inline !important;
        }

.padded1 {
    padding: 1px;
}
.padded10,
table.padded10 td {
    padding: 10px !important;
}
.paddedtop {
    padding-top: 10px;
}
        .paddedtop5 {
            padding-top: 5px;
        }
td.paddedtop {
    padding-top: 2px;
}
.paddedright {
    padding-right: 10px;
}
        .paddedright20 {
            padding-right: 20px;
        }
        .paddedright30 {
            padding-right: 30px;
        }
.paddedbottom {
    padding-bottom: 10px;
}
        #tab2 .paddedbottom {       /* Tabs on homepage */
            padding-bottom: 15px;
        }
.paddedleft {
    padding-left: 10px;
}

.marginbottom2,
.marginbottom5 {
    /*display: block*/
    margin-bottom: 2px;
}
        .marginbottom5 {
            margin-bottom: 5px;
        }
.margin5 {
    margin: 5px;
}
.pad2 {
    padding: 2px !important;
}
.msiedebug {
    display: none !important;       /* Needed in IE 6 */
}
.relative {
    position: relative;
}
.right,
.is24-right {                       /* TODO: Rename to .is24-..... */
    float: right !important;
}
.left,
.is24-left {                        /* TODO: Rename to .is24-..... */
    float: left !important;
}
        img.right,
        .right img {
            float: right !important;
            padding: 0 0 5px 5px !important;
        }
                .right img {
                    padding: 0 0 5px 5px !important;
                }
                span.right img {
                    float: none !important;
                }
        img.left {
            float: left !important;
            padding: 0 5px 5px 0 !important;
        }
                .left img {
                    padding: 0 5px 5px 0 !important;;
                }
                        .teasertext img {
                            float: none !important;                 /*  avoid using parent selector .left in this case */
                            padding: 0 !important;
                        }
                                .teasertext span.left img {
                                    float: left !important;         /*  avoid using parent selector .left in this case */
                                    padding: 0 5px 5px 0 !important;
                                }
        .rightsmall,
        .leftsmall {
            width: 60px;
        }
                .rightsmall {
                    float: right !important;
                }
                .leftsmall {
                    float: left !important;
                }
        .rightbig,
        .leftbig {
            width: 120px;
        }
                .rightbig {
                    float: right !important;
                }
                .leftbig {
                    float: left !important;
                }

.unpadded {
    padding: 0 !important;
    margin: 0 !important;
}
        .allunpadded,
        .allunpadded *,
        .termslegacy .allunpadded,
        .termslegacy .allunpadded * {
            padding: 0 !important;
            margin: 0 !important;
        }
        .unpaddedtop {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
        .unpaddedbottom {
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
        }
.unbordered,
.allunbordered,
.allunbordered * {
    border: 0 none !important;
}

.spacetopbottom {
    /*display: block*/
    margin: 3px 0;
}

.is24-centeredtext {
    text-align: center;
}

.error {
    color: #FF0000;
}

* .lastitem {
    border: 0 none !important;
}

.textwhite {
    color: #ffffff;
}
.textblack {
    color: #336699;
}
.textwinered {
    color: #fe0000;
}

.underlined {
    text-decoration: underline;
}

.nowrap {
    white-space: nowrap !important;
}

.nobreak * {
    display: inline !important;
}

.is24-aligntop,
td.is24-aligntop,
.termslegacy td.is24-aligntop,
table.is24-aligntop td,
.is24-aligntopwrap td,
.termslegacy .is24-aligntopwrap td {
    vertical-align: top !important;
}

td.is24-alignmiddle,
td.is24-alignmiddle *,
table.is24-alignmiddle td {
    vertical-align: middle !important;
}
        td.is24-alignmiddle {
            height: 100%;
        }

.is24-verticalmiddle {
    vertical-align: middle !important;
    height: 100%;
    border-right: 10px solid #ffffff;
}

#is24-content .wepbody1 table[align=left] td,
#is24-content .wepbody2 table[align=left] td,
#is24-content .wepbody3 table[align=left] td {              /* MOZILLA Peek'A'Boo Bugfix */
    height: 100%;
}

.is24-borderright1 {
    border-right: 1px solid #ffffff !important;
}
.is24-borderleft1 {
    border-left: 1px solid #ffffff !important;
}

.rowseperator01 {
     border-bottom: 4px solid #ffffff !important;
}

.is24-forcevisible,
img.is24-forcevisible {
    /*display: block !important;
    border: 1px solid red;*/
}

.is24-overflowhidden {
    overflow: hidden !important;
}
/*
#################################################################
# is24_elements.css - generated by kunden.php for portal_bremen
#################################################################
# ERFORDERLICHE AENDERUNGEN AN DIESER DATEI MUESSEN IN DER
# KUNDENVERWALTUNG EINGETRAGEN WERDEN!
# SONST BESTEHT DIE GEFAHR DES UEBERSCHRIEBEN WERDENS!!!
#################################################################

*/