@charset "UTF-8";

/* import core styles */
@import url('../../library/tools/yaml/core/base.css');
@import url('../../library/tools/yaml/screen/content_default.css');

/* import screen layout */
@import url('screen/basemod.css');
@import url('screen/content.css');

@media screen, projection {
    div.recipes-list div.werbung { display:none; }
}

@media screen, projection {
    /* AZ USERCONTENT */
    #usercontent {
        border-bottom:3px solid #BCB09A;
    }

    /* AZ BOXEN (TYP1 BIS TYP7) */
    .new-box {
        border-bottom:3px solid #BCB09A;
        padding:10px;
    }
    
    .new-box .headline,
    .new-google .headline {
        color:#695328;
        font-family:Verdana,Arial,Helvetica,Sans-Serif;
        font-size:13px;
        text-align:center;
        text-transform:uppercase;
    }
    
    .new-box h1 {
        font-size:18px;
        line-height:18px;
        margin:10px 0;
    }

    .new-box p { font-size:11px; }
    
    .new-box img { margin:0 0 1em; }

    .new-box.hellblau h1,
    .new-box.jasmingrün h1,
    .new-box.pfirsich h1,
    .new-box.rosa h1,
    .new-box.grau h1,
    .new-box.lime h1,
    .new-box.orange h1,
    .new-box.stahlblau h1,
    .new-box.redaktion h1 {
        color:#000000;
    }

    .new-box.hellblau   { background-color:#bde4f7; }
    .new-box.jasmingrün { background-color:#c0c9b6; }
    .new-box.pfirsich   { background-color:#ffe9bf; }
    .new-box.rosa       { background-color:#fadce9; }
    .new-box.grau       { background-color:#cccccc; }
    .new-box.lime       { background-color:#c4db99; }
    .new-box.orange     { background-color:#f29a79; }
    .new-box.stahlblau  { background-color:#8cb9c3; }
    .new-box.redaktion  { background-color:#efebd7; }
    
    .new-box .type8 .mandatory { display:none; }
    
    
    /* CHANGE BOX LAYOUT ON COLUMNS ONE AND TWO */
    .main-box .new-box {
        padding:10px 0;
    }
    
    .main-box .new-box img { margin:0; }
    
    .main-box .new-box:first-child { padding:0 0 10px 0; }
    
    .main-box .first .new-box h1 {
        color:#695328;
        font-family:Georgia,Serif;
        font-size:30px;
        font-weight:normal;
        line-height:30px;
        margin:0 0 0.25em;
        padding:0;
    }
    
    
    /* AZ BOXEN (MAGAZIN) */
    .new-box.new-magazine {
        background-color:#efebd7;
        text-align:center;
    }

    .new-box.new-magazine .title {
        background-color:#efebd7;
        color:#000000;
        font-family:Verdana,Serif,Sans-Serif;
        font-size:18px;
        font-weight:normal;
        text-decoration:underline;
    }
    
    .new-box.new-magazine img { margin:0; }
    
    
    /* AZ BOXEN (SLIDESHOW) */
    .new-box.new-slideshow { padding:10px 0; }
    
    .new-box.new-slideshow object {
        display:block;
        padding:10px 0;
    }
    
    
    /* ADVERTISEMENT BOXEN */
    .new-advertisement a,
    .new-advertisement embed,
    .new-advertisement iframe {
        background-image:url('../images/advertisement.png');
        background-position:top center;
        background-repeat:no-repeat;
        border-bottom:3px solid #BCB09A !important;
        display:block !important;
        margin:0 auto !important;
        padding:35px 0 10px 0 !important;
    }
    
    .new-rectangle a,
    .new-rectangle embed,
    .new-rectangle iframe,
    .new-rectangle object {}
    
    .new-skyscraper a,
    .new-skyscraper embed,
    .new-skyscraper iframe,
    .new-skyscraper object {}
    
    .new-kombi a,
    .new-kombi embed,
    .new-kombi iframe,
    .new-kombi object {}
    
    .new-google {
        border-bottom:3px solid #BCB09A;
        padding:10px 0;
    }
    
    .new-google .headline { padding:0 0 10px 0; }
    
    
    /* AZ HTML TAGS */
    p.nospace {
        padding:0;
    }





    sup {
        font-size:65%;
        line-height:0.9em;
    }

    /**
     * background images
     * *************************************************************************
     */

    div#background-left {
        background-position:left 150px;
        background-repeat:no-repeat;
    }

    div#background-right {
        background-position:right 150px;
        background-repeat:no-repeat;
    }


    /**
     * layout wrappers
     * *************************************************************************
     */

    div.lightbox {
        margin:20px;
    }

    #page-wrapper {}

    #page {
        width:1000px;
        margin:0 auto;
        padding:0;
    }

    #main {}

    #first {
        background-image:url('../images/borders/content-middle.png');
        margin:0;
        padding:0 10px;
    }

    #seccond {
        background-image:url('../images/borders/content-middle.png');
    }

    /**
     * advertisment
     * *************************************************************************
     */

    div.adition {
        margin:0 0 20px 0;
        text-align:center;
    }

    #leaderboard {
        margin:10px 0;
        text-align:center;
    }

    #leaderboard.center {
        text-align:center;
    }

    #leaderboard.right {
        text-align:right;
    }

    div#skyscraper {
        display:none;
        height:1000px;
        position:absolute;
        top:11px;
    }
    

    /**
     * header
     * *************************************************************************
     */

    #header {
        height:80px;
    }

    #header #logo {
        float:left;
        height:70px;
        width:208px;
        margin:6px 0px 10px 7px;
    }

    #header #logo img {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        border:0px;
    }
    
    /**
     * messages (hint, warning, error)
     * *************************************************************************
     */
    
    #messages {
        background-color:#EFEBD7;
        border:1px solid #BCB09A;
        margin:0 10px 20px 10px;
        padding:10px;
    }

    /**
     * login slide
     * *************************************************************************
     */

    
    div#slide {
        display:none;
    }
    
    /*
    div#slide {
        padding:0 10px;
    }

    div#slide > div {
        clear:both;
    }

    div#login {
        background-color:#EFEBD7;
        border:1px solid #BCB09A;
        display:none;
        padding:10px;
    }

    div#login form fieldset .field input {
        background-color:#ffffff;
        border:1px solid #BCB09A;
        width:90%;
    }
    */


    /**
     * top navigation
     * *************************************************************************
     */

    #nav_top {
        margin:0 0 0 299px;
        padding:50px 10px 0 0;
        text-align:right;
    }

    #nav_top a {
        color:#006699;
        font-weight:bold;
    }


    /**
     * main navigation
     * *************************************************************************
     */

    #nav {
        background-image:url('../images/borders/page-top.png');
        background-repeat:no-repeat;
        height:35px;
        line-height:35px;
        margin-top:20px;
    }

    #nav_main {
        margin:0 8px;
    }

    #nav_main li {
        background-image:url('../images/nav/main-left.png');
        background-repeat:no-repeat;
        float:left;
        list-style-image:none;
        list-style-type:none;
        height:35px;
        line-height:35px;
        margin:0;
        padding:0;
    }

    #nav_main li a {
        background-color:transparent;
        background-image:url('../images/nav/main-right.png');
        background-position:right;
        background-repeat:no-repeat;
        color:#ffffff;
        display:block;
        font-size:12pt;
        padding:0 10px;
        text-decoration:none;
        text-transform:lowercase;
    }

    #nav_main .current,
    #nav_main li:hover {
        background-image:url('../images/nav/main-left-active.png');
    }

    #nav_main .current a,
    #nav_main li a:hover {
        background-image:url('../images/nav/main-right-active.png');
        color:#000000;
    }

    #nav_main .current a { font-weight:bold; }


    /**
     * left naviagtion
     * *************************************************************************
     */

    #nav_left {
        list-style:none;
        margin:0 0 10px 0;
    }

    #nav_left li {
        margin:0 0 3px 0;
    }

    #nav_left a {
        background-image:url('../images/nav/left-blue.png');
        background-repeat:no-repeat;
        display:block;
        font-size:12px;
        padding:0 5px;
    }

    #nav_left li.current a {
        background-color:inherit;
        background-image:url('../images/nav/left-brown-active.png');
        color:#695328;
    }

    #nav_left a:hover {
        background-image:url('../images/nav/left-brown-active.png');
        background-color:transparent;
        color:#695328;
        text-decoration:none;
    }


    /**
     * admin navigation
     * *************************************************************************
     */

    .nav_admin {
        border-top:1px solid #ded8cd;
        border-bottom:1px solid #ded8cd;
        padding:5px 0;
        margin:0 0 10px 0;
        text-align:right;
    }


    /**
     * columns & subcolumns
     * *************************************************************************
     */

    .columns {
        border-bottom:3px solid #BCB09A;
        clear:both;
        padding:20px 0;
    }

    .columns:last-child {
        border:0;
    }

    .columns .background {
        background-image:url('../images/background/content.png');
    }

    .columns .first {
        float:left;
        width:430px;
    }

    .columns .first .content {
        padding:0 10px 0 20px;
    }

    .columns .seccond {
        float:left;
        width:220px;
    }

    .columns .seccond .content {
        padding:0 10px;
    }

    .columns .third {
        float:left;
        width:330px;
    }

    .columns .third .content {
        border-top:3px solid #BCB09A;
        margin:0 0 0 10px;
    }

    .subcolumns {
        width:auto;
    }

    .c5l, .c10l, .c20l, .c25l, .c30l, .c33l, .c35l, .c40l, .c60l, .c65l, .c66l, .c70l, .c80l, .c90l, .col1l { float:left; }
    .c5r, .c10r, .c20r, .c25r, .c30r, .c33r, .c35r, .c40r, .c60r, .c65r, .c66r, .c70r, .c80r, .c90r, .col1r { float:right; margin-left:-5px; }

    .c5l,  .c5r  { width:5%; }
    .c10l, .c10r { width:10%; }
    .c20l, .c20r { width:20%; }
    .c25l, .c25r { width:25%; }
    .c30l, .c30r { width:28.125%; }
    .c33l, .c33r { width:33%; }
    .c35l, .c35r { width:35%; }
    .c40l, .c40r { width:40%; }
    .c60l, .c60r { width:60%; }
    .c65l, .c65r { width:65%; }
    .c66l, .c66r { width:66%; }
    .c70l, .c70r { width:71.875%; }
    .c80l, .c80r { width:80%; }
    .c90l, .c90r { width:90%; }

    .col1l {
        padding:0 20px 0 0;
        width:160px;
    }

    .col1r { width:460px; }

    .subcl { padding:0 10px 0 0; }
    .subcr { padding:0 0 0 10px; }
    
    * html .subcl,
    * html .subcr {
        padding:0;
    }
    
    /**
     * content
     * *************************************************************************
     */

    #col1 {
        float:left;
        margin:0;
        min-height:400px;
        padding:0 20px 0 10px; 
        width:640px;
    }

    #col3 {
        font-size:11px !important;
        line-height:18px !important;
        margin:0 0 0 670px;
        min-height:400px;
        width:300px;
    }
    
    #col3_content {
        border-top:3px solid #BCB09A;
    }

    #info {
        padding:5px 20px;
    }

    #path,
    #icons {
        font-size:9pt;
        line-height:30px;
    }

    #icons            { text-align:right; }
    #icons a.rss img  { vertical-align:-15%; }


    /**
     * teaser box
     * *************************************************************************
     */

    .werbung {
        border-top:3px solid #BCB09A;
        padding:10px 0;
    }
    
    .werbung .headline {
        padding:0 0 10px 0;
    }


    /**
     * sitemap
     * *************************************************************************
     */

    #sitemap {
        padding:20px 30px;
    }

    #toggle-sitemap {
        cursor:pointer;
        float:left;
    }

    #sitemap-content {
        padding:10px 0 0 0;
    }

    #sitemap-content a {
        display:block;
    }

    #sitemap-content strong a {
        margin:10px 0 0 0;
    }
    
    #sitemap-content table {
        width:940px;
    }


    /**
     * shadow
     * *************************************************************************
     */
    div.content-top {
        background-image:url(../images/borders/shadow-top.png);
        height:10px;
    }

    div.content-bottom {
        background-image:url(../images/borders/shadow-bottom.png);
        margin:0 0 10px 0;
        height:10px;
    }


    /**
     * footer
     * *************************************************************************
     */

    #footer {
        padding:30px 17px;
    }

    #footer table th {
        width:135px;
    }
    
    #footer .columns {
        border:0;
        padding:0;
    }
    
    #footer .aaw-footer {
        padding:20px 0 0 0;
    }


    /**
     * tagcloud
     * *************************************************************************
     */

    div.tags {
        padding:10px 0;
    }

    div.tags a {
        font-family:Georgia,Serif;
        line-height:110%;
    }

    div.tags a.tagcloud-size-1 {}
    div.tags a.tagcloud-size-2 { font-size:150%; }
    div.tags a.tagcloud-size-3 { font-size:200%; }
    div.tags a.tagcloud-size-4 { font-size:250%; }
    div.tags a.tagcloud-size-5 { font-size:300%; }
    div.tags a.tagcloud-size-6 { font-size:350%; }


    /**
     * advertisement
     * *************************************************************************
     */

    div.rectangle,
    div.google {
        margin:0 auto 20px auto;
        width:300px;
    }

    div.skyscraper {
        margin:0 auto;
        width:160px;
    }

    div.kombi {
        margin:0 auto;
        width:auto;
    }

    div.kombi embed,
    div.kombi iframe,
    div.kombi object {
        display:block;
        margin:0 auto;
    }
    
    * html div.kombi * {
        margin:0 auto;
        text-align:center;
    }
    

    div.shopping-list-ad {
        font-size:120%;
        margin:30px 0 0 0;
    }

    div.shopping-list-ad .headline {
        padding:0 0 5px 0;
        text-align:left;
    }

    div.shopping-list-ad img {
        margin:0 10px 0 0;
    }

    div.shopping-list-ad * {
        vertical-align:middle;
    }
    
    a h1.rss-title {
        color:#006699;
    }
    
    * html select { width:98% !important; }
}