@charset "UTF-8";

@import "rte.css";

@media all {
    .latest > .article > a { display:block; text-align:center; }

    .columns { margin-bottom:10px; }
    .columns:after {
        clear:both;
        content:".";
        display:block;
        height:0;
        visibility:hidden;
    }
    
    #main > .columns { margin-bottom:0; }
    
    .column-50 { float:left; width:50%; }
    

    /**
     * teaser specific html layout
     */
    
    .teaser .box {
        background-image:url('./images/teaser-middle.png');
        background-repeat:repeat-y;
        margin:0 0 1px 0;
    }
    
    .teaser .box .box-bottom {
        background-image:url('./images/teaser-bottom.png');
        background-repeat:repeat-no-repeat;
        height:10px;
        line-height:10px;
        max-height:10px;
    }
    
    .teaser .box h1 {
        background-image:url('./images/teaser-top.png');
        background-position:top;
        background-repeat:no-repeat;
        font-size:0.85em;
        font-weight:normal;
        padding:15px 15px 10px;
        text-transform:uppercase;
    }
    
    .teaser .box h1 a {
        color:#000000;
        display:block;
        float:left;
    }
    
    .teaser .box h1 a:hover { color:#dcc897; }
    
    .teaser .box h1 span {
        display:block;
        padding:7px 0 0 70px;
    }
    
    .teaser .box h2,
    .teaser .box h3,
    .teaser .box h4,
    .teaser .box h5,
    .teaser .box h6 {
        margin-left:15px;
        margin-right:15px;
    }
    
    .teaser .box ol,
    .teaser .box ul {
        margin-left:35px;
        margin-right:15px;
        padding-bottom:10px;
    }
    
    .teaser .box .rss ul { padding-bottom:0; }
    .teaser .box .rss { padding-bottom:10px; }
    
    .teaser .box p,
    .teaser .box .content { padding:0 15px 10px; }
    .teaser .box .content p { padding:0 0 10px; }
    
    .teaser .box .header-list { padding:0 15px 10px; }
    .article .headline {
        font-size: 1em;
        margin-bottom: 0;
        padding: 0;
        text-transform: uppercase;
    }
    
    /**
     * columns specific html layout
     */
    
    .columns .content {}
    
    /* formatting of default- and teaser columns */
    .columns .default {}
    
    .columns.two-feature-left {
        background-image:url('./images/bg-main.png');
        background-repeat:repeat-y;
        height:100%;
    }
    
    .columns.two {
        background-image:url('./images/bg-main-subnavigation.png');
        background-repeat:repeat-y;
        height:100%;
    }
    
    
    /* main column definitions */
    .columns #column-01 { min-height:400px; }
    
    .columns #column-01 .content {}
    .columns #column-02 {}
    .columns #column-02 .content {}
    .columns #column-03 {}
    .columns #column-03 .content {}
    
    /* default alignment if two columns are present */
    .columns.two #column-01 { width:660px; }
    
    .columns.two #column-02 {
        margin-top:-12px;
        width:330px;
    }
    
    .columns.two-feature-left #column-01 { width:660px; }
    .columns.two-feature-left #column-02 { margin-top:-12px; width:330px; }
    
    .columns.two-feature-right #column-01 { width:33.3%; }
    .columns.two-feature-right #column-02 { width:66.6%; }
    
    /* content spacing for two columns */
    .columns.two #column-01 > .content,
    .columns.two-feature-left #column-01 > .content,
    .columns.two-feature-right #column-01 > .content { margin:0 15px 10px 15px; }
    
    .columns.two #column-02 > .content,
    .columns.two-feature-left #column-02 > .content,
    .columns.two-feature-right #column-02 > .content { margin:0 0 0 2px; }
    

    /**
     * columns
     * *************************************************************************
     */
    
    .columns {
        clear:both;
        width:auto;
    }
    
    .c5l, .c10l, .c15l, .c20l,.c25l, .c30l, .c33l, .c40l, .c50l,
    .c60l, .c65l, .c66l, .c70l, .c75l, .c80l, .c85l, .c90l { float:left; }
    
    .c5r, .c10r, .c15r, .c20r, .c25r, .c30r, .c33r, .c40r, .c50r,
    .c60r, .c65r, .c66r, .c70r, .c75r, .c80r, .c85r, .c90r { float:right; }
    
    .c5l,  .c5r  { width:5%; }
    .c10l, .c10r { width:10%; }
    .c15l, .c15r { width:15%; }
    .c20l, .c20r { width:20%; }
    .c25l, .c25r { width:25%; }
    .c30l, .c30r { width:30%; }
    .c33l, .c33r { width:33%; }
    .c40l, .c40r { width:40%; }
    .c50l, .c50r { width:50%; }
    .c60l, .c60r { width:60%; }
    .c65l, .c65r { width:65%; }
    .c66l, .c66r { width:66%; }
    .c70l, .c70r { width:70%; }
    .c75l, .c75r { width:75%; }
    .c80l, .c80r { width:80%; }
    .c85l, .c85r { width:85%; }
    .c90l, .c90r { width:90%; }
    
    /**
     * Blockquote
     */
    blockquote {
        background-image:url('/fileadmin/cms.azmedien.ch/images/blockquote.png');
        background-position:10px 15px;
        background-repeat:no-repeat;
        background-color:#f8f8f8;
        border:1px solid #d0d0d0;
        color:#606060;
        font-family:Georgia,'Times New Roman',Times,serif;
        font-style:italic;
        margin:0 0 15px 0;
        padding:10px 10px 10px 40px;
    }

    blockquote p:last-child { margin-bottom:0; }
    
    /**
     * Box (used for RTE)
     * *************************************************************************
     */

    div.infobox_rahmen, p.infobox_rahmen,
    div.infobox_blau, p.infobox_blau,
    div.infobox_gruen, p.infobox_gruen,
    div.infobox_grau, p.infobox_grau,
    div.infobox_sand, p.infobox_sand {
        clear:both;
        color:#000000;
        padding:1em;
    }

    div.infobox_rahmen, p.infobox_rahmen { border:1px solid #999; }
    div.infobox_blau, p.infobox_blau { background-color:#bdd1df }
    div.infobox_gruen, p.infobox_gruen { background-color:#aad9af }
    div.infobox_grau, p.infobox_grau { background-color:#d9dadc }
    div.infobox_sand, p.infobox_sand { background-color:#d4bd9d }
}

@media all {
    /**
     * general html layout
     */
    
    #comments {
        margin-top:20px;
    }
        
    #wrapper {
        background-color:#f3f3f3;
        background-image:url('./images/bg-header.png');
        background-repeat:repeat-x;
    }
    
    #container {
        padding:0 0 0 5px;
        width:995px;
    }
    
    #header {}
    #header > .content { margin:0 0 0 5px; }
    
    #header #logo {
        float:left;
        display:block;
        height:70px;
        margin:10px 0;
        width:220px;
    }
    
    #header #magazines {
        float:left;
        margin-right:5px;
        padding:15px 0 0 0;
        text-align:right;
        width:530px;
    }
    
    #header #magazines a { margin:0 0 0 10px; }
    
    #header #user {
        float:right;
        margin:20px 7px 0 0;
        text-align:right;
        width:220px;
    }
    
    #header #user a {
        height:20px;
        line-height:20px;
        vertical-align:baseline;
    }
    
    #header #user form#logout { display:inline; }
    
    #header #user .subcolumns .content.right { margin:0; }
    
    #header #user > div { margin-top:20px; }
    
    #header #user input {
        background-color:transparent;
        background-image:url('images/field.png');
        background-repeat:no-repeat;
        border:0;
        height:20px;
        line-height:20px;
        margin:0;
        padding:0 4px;
        vertical-align:middle;
        width:150px;
    }
    
    #header #user #logout input.submit { vertical-align:baseline; }
    
    #header #user input.submit {
        background-color:transparent;
        background-image:none;
        padding:0;
        width:auto;
    }
        
    #share {
        float:right;
        text-align:right;
        padding-right:8px;
    }
    
    #share a { padding-left:3px; }
    
    #info { height:35px; }
    
    #page {}
    #page .content {}
    
    #rootline {
        background-color:#ffffff;
        color:#404040;
        font-weight:bold;
        font-size:0.9em;
        padding:3px 0 10px;
    }
    
    #rootline a {
        color:#404040;
        font-weight:bold;
    }
    
    #column-01-content {
        float:right;
        width:460px;
    }
    
    #feature {}
    #feature .content {}
    
    #feature > h5,
    #feature .box > h5,
    #feature .article.latest > h5 { margin:3px 0 5px; }

    .pagebrowser { text-align:right; }
    .pagebrowser span { float:left; }
    
    #footer {
        background-image:url('./images/bg-footer.png');
        background-repeat:no-repeat;
        padding:20px 0 0;
        line-height:17px;
    }
    
    #footer h5 {
        background-color:transparent;
        color:#4F8095;
        font-size:12px;
        padding:0;
        text-transform:none;
    }
    
    #footer .aaw-footer { margin-top:10px; }
    
    #footer > .content { padding:10px; }
    
    #footer > .content .subcolumns { padding-bottom:8px; }
}

@media all {
    /**
     * main navigation
     */
    
    #navigation {
        background-image:url('./images/bg-navigation.png');
        background-repeat:no-repeat;
        float:left;
        height:35px;
        margin:0;
        padding:0 0 0 3px;
        width:660px;
    }
    
    #navigation li {
        background-image:url('./images/sprite-navigation.png');
        background-repeat:no-repeat;
        cursor:pointer;
        display:block;
        float:left;
        list-style-type: none;
        list-style-image: none;
    }
    
    #navigation li a {
        background:inherit;
        background-position:right -105px;
        color:#87888A;
        cursor:pointer;
        display:inherit;
        font-weight:bold;
        height:30px;
        line-height:30px;
        padding:0 8px;
    }
    
    #navigation li:hover,
    #navigation li.current {
        background-position:0 -70px;
    }
    
    #navigation li:hover a,
    #navigation li.current a {
        background-position:right -175px;
        color:#4f8095;
        text-decoration:none;
    }
    
    #navigation li#page-340,
    #navigation li#page-341 {
        background-position:0 -35px;
    }
    
    #navigation li#page-340 a,
    #navigation li#page-341 a {
        background-position:right -140px;
        color:#ffffff;
    }
    
    #navigation li#page-340:hover,
    #navigation li#page-340.current,
    #navigation li#page-341:hover,
    #navigation li#page-341.current {
        background-position:0 -70px;
    }
    
    #navigation li#page-340 a:hover,
    #navigation li#page-340.current a,
    #navigation li#page-341 a:hover,
    #navigation li#page-341.current a {
        background-position:right -175px;
        color:#ff0000;
    }
    
    
    /**
     * subnavigation
     */
    
    #subnavigation {
        float:left;
        width:160px;
    }
    
    #subnavigation ul { margin:0; }
    
    #subnavigation li {
        display:block;
        list-style-type: none;
        list-style-image: none;
    }
    
    #subnavigation a {
        border-color:#ffffff;
        border-style:solid;
        border-width:0 0 1px 0;
        color:#989a9b;
        display:block;
        font-size:12px;
        font-weight:bold;
        line-height:18px;
        padding:0 5px;
    }
}

@media all {
    /**
     * user_marktspiegel
     */
    
    .category a,
    .category span,
    #company span,
    .company a {
        border-color:#548599;
        border-style:solid;
        border-width:0 0 1px;
        display:block;
        margin-left:15px;
        padding:0 0 8px;
    }
    
    img.toggler,
    .toggler img {
        border-color:#ffffff;
        border-style:solid;
        border-width:0 0 1px;
        cursor:pointer;
        float:left;
        margin-left:0;
        padding:0 5px 8px 0;
    }
    
    .toggler span { cursor:pointer; }
    
    .subcategories,
    .companies { margin:0 0 10px 15px; }
    
    .subcategories a,
    .subcategories span,
    .companies a {
        border:0;
        color:#000000;
        display:inline;
        line-height:1.5;
        margin:0;
        padding:0;
    }
    
    .subcategories a:hover,
    .companies a:hover { color:#dcc897; }
    
    .related-categories { margin:20px 0 0 0; }
    .related-articles .element,
    .related-categories .element,
    .related-videos .element { margin:0 0 0 15px; }
    
    .company-alphabetical .companies { margin:0 0 0.75em 20px; }
    .company-alphabetical .companies a { color:#548599; }
    .company-alphabetical .companies a:hover { color:#dcc897; }
    .company-alphabetical .companies a.premium { padding-right:20px; }
    
    #statistics .company { color:#000000; }
    #statistics a:hover { color:#ff0000; }
    #statistics h4 { margin:10px 0 10px; }
    #statistics ul { margin:0; }
    
    #statistics li {
        line-height:1.5em;
        list-style-type: none;
        list-style-image: none;
    }
    
    #statistics p {
        line-height:1.5em;
        padding:0;
    }
    
    a.premium {
        background-image:url('./images/pp.gif');
        background-position:top right;
        background-repeat:no-repeat;
        display:inline;
        font-weight:bold;
        padding-right:20px !important;
    }
    
    .filter,
    .paginator {
        margin:0 0 20px 0;
        padding:0 0 10px 0;
    }
    
    .filter li,
    .paginator li {
        display:block;
        float:left;
        list-style-image:none;
        list-style-type:none;
    }
    
    .paginator li.active a,
    .filter li.active a {
        color:#000000;
        font-weight:bold;
    }
    
    .filter li a,
    .paginator li a {
        background-color:#f6f6f6;
        border:1px solid #dddddd;
        font-size:10px;
        margin:0 2px 0 0;
        padding:1px 2px;
    }
}

@media all {
    .amenu-year {
        color:#548599;
        font-size:15px;
        font-weight:bold;
        list-style-type: none;
        list-style-image: none;
        margin-left:-20px;
    }
    
    .news-single-imgcaption { font-size:90%; }
    
    #logout .submit {
        height:12px;
    }

    body {
        background-color:#f3f3f3;
        color:#404040;
        font-family:Arial,Helvetica,Sans-Serif;
    }
    
    hr {
        border-bottom:2px solid #548599;
        margin:10px 0;
    }
    
    label { line-height:22px; }
    
    input, textarea {
        background-color:#f3f3f3;
        border:1px solid #4F8095;
        padding:3px;
        width:304px;
    }
    
    input.button { border:0; margin:0; padding:0; }
    input.submit.text {
        color:#4f8095;
        font-family:Arial,Helvetica,Sans-Serif;
        font-size:12px;
        text-align:start;
    }
    
    input.submit.text:hover { color:#dcc897; }
    
    input:focus,
    textarea:focus { border-color:#dcc897; }
    
    textarea {
        font-family:Arial,Helvetica,Sans-Serif;
        font-size:0.95em;
        height:100px;
    }
    
    .subcolumns .content.radio { margin-bottom:0.75em; }
    
    .validation-advice {
        background-color:#fbb19b;
        background-image:url('/fileadmin/marktspiegel.ch/images/error.png');
        background-position:0.5em 0.5em;
        background-repeat:no-repeat;
        border:1px solid;
        border-color:#dc4c42;
        color:#000000;
        padding:0.6em 0.6em 0.6em 2.6em;
        margin:0 0 0.75em 0;        
    }
    
    .social { margin:10px 0; }
    
    .caption {
        font-weight:80%;
        padding:0.75em 0;
    }
    
    .article .subcolumns { margin-bottom:0.75em; }
    
    .article .subcolumns .left,
    .article .subcolumns .center,
    .article .subcolumns .right { line-height:1.4em; }
    
        .author,
        .date { margin-bottom:0.7em; }
        .lead { font-weight:bold; }
        .text {}
        
        .image img {
            float:left;
            padding:2px 10px 10px 0;
        }
        
        .image-r img {
            float:right;
            padding:2px 0 10px 10px;
        }
        
        .meta {
            color:#c3c3c3;
            font-size:0.9em;
        }

    .article .categories {
        margin-bottom:0.5em;
    }
        
    .latest .article .author {
        margin-top:0.7em;
        margin-bottom:0;
    }
    
    .latest .article .lead {
        font-weight:normal;
        padding-bottom:1.5em;
        
        /* CSS3 columns for latest lead */
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
    }
    
    .latest .article .meta { padding-bottom:1.5em; }
    
    .latest .article h1 { padding:0.75em 0 0.25em; }
    .latest .article h5 { margin:3px 0 0.25em; }
    
    .list .article {
        border-bottom:1px dotted #C2C3C3;
        margin-bottom:0.75em;
    }
    
    .list .article .lead { font-weight:normal; }
    
    .header-list .article {
        border-bottom:1px dotted #c2c3c3;
        margin-bottom:0.75em;
    }
    
    .header-list .article .lead { font-weight:normal; }
    .header-list .article h2 { padding:0.5em 0; }
    
    .single .article h1,
    .single .article h2,
    .single .article h3,
    .single .article h4,
    .single .article h5 { padding:0 0 0.5em; }
    
    .single .button { margin-top:20px; }
    
    
    /**
     * agenda specific html layout
     */
    
    .header-list .agenda {
        border-bottom:1px dotted #C2C3C3;
        margin:0 0 5px;
        padding:0 0 5px;
    }
    
    .header-list .agenda .date {
        color:#4F8095;
        font-weight:bold;
        line-height:1.5;
        margin-bottom:0;
    }
    
    .header-list .agenda .link a {
        color:#000000;
        display:block;
        line-height:1.5;
    }
    
    .header-list .agenda .link a:hover { color:#dcc897; }
    
    .single .agenda .date {
        padding-bottom:0.75em;
    }
    
    
    /**
     * box specific html layout
     */
     
    .teaser .box .rss {
        padding-bottom:10px;
    }
    
    .teaser .box .rss ul {
        margin-left:15px;
        margin-bottom:0;
        padding-bottom:0px;
    }
    
    .teaser .box .rss ul li {
        display:block;
        list-style-type: none;
        list-style-image: none;
        margin:0 0 3px 0;
    }
    
    .teaser .box .rss ul a {
        background-color:#f3f3f3;
        color:#000000;
        display:block;
        padding:0 3px;
    }
    
    .teaser .box .rss ul a:hover {
        background-color:#ff0000;
        color:#ffffff;
        text-decoration:none;
    }
    
    /*
     * indexed search
     **************************************************/
    .tx-indexedsearch-browsebox ul {
        list-style-type:none;
        margin-left:0px;
    }
    
    .tx-indexedsearch-browsebox ul li {
        display:inline;
        margin:0 1.05em 0 0;
    }
    
    .tx-indexedsearch-browsebox p {
        margin-left:0px;
    }
}

@media print {
    #magazines,
    #user,
    #info,
    #rootline,
    #subnavigation,
    #column-02.teaser,
    #footer {
        display:none;
    }
    
    #column-01-content,
    .columns.two #column-01.default,
    .columns.two-feature-left #column-01.default {
        width:100%;
    }
    
    body { font-size:120%; }
    h1, h2 { font-size:150% !important; }
    #logo { margin:0 0 20px 10px; }
}
