@charset "UTF-8";

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

@media screen, projection {
/* REZEPT DES TAGES */
    body {
        background-color:#efebd7;
    }

    #recipePage {
        width:568px;
        margin:40px auto;
    }

    #recipePageTop {
        height:24px;
        padding:0px 4px 0px 4px;
        background-image:url('fileadmin/wildeisen.ch/images/recipe_of_the_day/recipePageTopBackground.png');
    }

    #recipePageContentContainer {
        padding:0px 24px 0px 24px;
        background-image:url('fileadmin/wildeisen.ch/images/recipe_of_the_day/recipePageContentBackground.png');
    }

    #recipePageBottom {
        height:39px;
        padding:0px 24px 0px 24px;
        background-image:url('fileadmin/wildeisen.ch/images/recipe_of_the_day/recipePageBottomBackground.png');
    }

    #recipePageHeader {
        border-bottom:3px solid #715b31;
    }
    /* END OF REZEPT DES TAGES */


    div#printmenu * {
        color:#695328;
        font-size:10px;
        vertical-align:middle;
    }    

    /* hauptbild auf der rezept-detailseite oder im basistemplate */
    .content-image {
        margin:0 0 10px;
    }

    /* rezept-thumbnail von leserrezepten */
    div.image_border {
        background-color:#9cb133;
        color:#ffffff;
        font-weight:bold;
        text-align:center;
        text-transform:uppercase;
        line-height:18px;
        width:130px;
    }

    /* rezept auflistung (ein element) */
    div.recipes-list {
        margin:0 0 1.25em;
    }

    div.recipes-list a.video,
    div.user_wildeisen_recipe_infos a.video {
        display:block;
        position:relative;
    }

    div.recipes-list img.video-play,
    div.user_wildeisen_recipe_infos img.video-play {
        position:absolute;
        top:0;
        left:0;
        z-index:1;
    }

    #ie_clearing {
        display:block;
        clear:both;
    }


    /**
     * boxes
     * *************************************************************************
     */
    .box {
        margin:0 0 1px 0;
    }

    .box .title {
        background-color:#66a2bf;
        color:#ffffff;
        cursor:pointer;
        font-family:Verdana,Serif,Sans-Serif;
        font-size:12px;
        font-weight:bold;
        line-height:30px;
        margin:0;
        padding:0 5px;
    }

    .box.magazin {
        text-align:center;
    }

    .box.magazin .title {
        background-color:#efebd7;
        color:#000000;
        font-size:18px;
        font-weight:normal;
        text-decoration:underline;
    }

    .box .title a {
        color:#ffffff;
        display:block;
    }
    
    .box .content {
        background-color:#efebd7;
        color:inherit;
        padding:5px;
    }

    .box .content h1 {
        font-size:18px;
    }

    .box-marketing {
        font-size: 11px;
    }
    
    .box-marketing div.title {
        background-image:url('/fileadmin/wildeisen.ch/images/bg-marketing.png');
        background-position:top left;
        background-repeat:no-repeat;
        border-color:#BCB09A;
        border-style:solid;
        border-width:3px 0 0 0;
        color:#ffffff;
        font-family:Verdana,Arial,Helvetica,Sans-Serif;
        font-size:14px;
        font-weight:bold;
        height:26px;
        line-height:23px;
        padding:0 5px 5px 5px;
    }

    .box-marketing div.title span {
        padding:0 5px;
        height:27px;
        line-height:27px;
    }

    
    /**
     * content for 'home' (overrides the cols)
     * *************************************************************************
     */

    .columns h3 {
        font-family:Verdana,Serif,Sans-Serif;
        font-weight:normal;
    }
    
    .columns .seccond h4 {
        font-size:18px;
        line-height:18px;
    }
    
    .columns h3 a {
        background-image:url('/fileadmin/wildeisen.ch/images/icons/play_pfeil.gif');
        background-repeat:no-repeat;
        background-position:0 2px;
        color:#695328;
        padding:0 0 0 15px;
        vertical-align:middle;
    }

    .columns h3 a span {
        line-height:21px;
        background-image:url('/fileadmin/wildeisen.ch/images/icons/tv_icon.gif');
        background-repeat:no-repeat;
        background-position:right top;
        padding:3px 20px 2px 0;
        margin:0;
    }

    .columns h3 img {
        margin:0;
    }


    /**
     * boxes
     * *************************************************************************
     */

    .content-box {
        background-image:url('../images/box/content-box.png');
        background-position:bottom;
        margin:0 0 1em 0;
    }

    .content-box .content {
        background-image:url('../images/box/content-box-top.png');
        background-repeat:no-repeat;
        padding:10px;
    }

    .content-box p {
        margin:0;
    }

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

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

    .box-search h3 {
        background-image:url('../images/box/box-search-title.png');
        background-repeat:no-repeat;
        color:#ffffff;
        line-height:25px;
        margin:0 0 0.25em;
        padding:0 5px;
        text-transform:none;
    }

    .box-search input#user_wildeisen_search-term,
    .box-search input#searchbox-term {
        border-color:#80b1c9;
        border-style:solid;
        border-width:1px;
        border-left-color:#888888;
        border-top-color:#888888;
        font-size:80%;
        margin:0 0 0.25em;
        padding:2px;
        width:154px;
    }

    .box-search input#user_wildeisen_search-submit {
        
    }


    /**
     * stars
     * *************************************************************************
     */

    .stars {
        float:right;
        width:25%;
    }

    .stars ul {
        list-style-image:none;
        list-style-type:none;
        margin:0;
    }

    .stars li {
        float:left;
        margin:0;
    }


    /**
     * toolbar and shoppinglist
     * *************************************************************************
     */

    ul.icons {
        list-style-type:none;
        list-style-image:none;
        margin:0
    }

    ul.icons li {
        display:inline;
        margin:0 5px 0 0;
    }

    ul.icons li a { text-decoration:none; }
    ul.icons li img,
    ul.icons li span { vertical-align:middle; }


    /* TOOLBAR */
    #toolbar {
        border-bottom:1px solid #695328;
        margin:0 0 10px 0;
    }

    #toolbar ul.icons { margin:0 0 5px 0; }
    #toolbar ul.icons li a { color:#006699; }

    #toolbar ul.icons li span {
        color:#695328;
        font-size:10px;
    }

    /* SHOPPINGLIST */
    #shoppinglist { background-color:#d8d3c0; }
    #shoppinglist ul.icons { padding:0 5px; }
    #shoppinglist ul.icons li { line-height:28px; }
    #shoppinglist ul.icons li img,
    #shoppinglist ul.icons li span { vertical-align:middle; }
    #shoppinglist table.list tr { border-bottom:1px solid #ffffff; }
    .printview table.list tr { border-bottom:1px dashed #000000; }


    /**
     * user_wildeisen
     * *************************************************************************
     */

    table.wildeisen tr {
        border-bottom:1px dashed #000000;
        line-height:20px;
    }

    table.wildeisen td.last {
        text-align:right;
        width:20px;
    }

    table.wildeisen td.last a { display:block; }
    form#user_wildeisen_recipe { margin:0; }


    form#ingredient_form { padding-bottom:150px; }
    
    #user_wildeisen_recipe-submit {
        background-color:transparent;
        width:15px;
    }
    
    /* tips listing */
    ul#user_wildeisen_tips_browser {
        list-style-type:none;
    }
    
    ul#user_wildeisen_tips_browser li {
        float:left;
        padding:0 4px 0 0;
    }
    
    #searchcount {
        padding:10px 0;
    }
    
    #user_wildeisen_tips_browser {
        padding:0 0 18px 0;
    }
    
    #user_wildeisen_tips_search {
        padding:0 0 5px 0;
    }
    
    #user_wildeisen_tips_search h3 {
        padding:0 0 18px 0;
    }
    
    #user_wildeisen_tips_list {
        padding:0 0 20px 0;
    }
    
    .user_wildeisen_tips ul {
        list-style-type:none;
    }
    
    #user_wildeisen_search-submit {
        float:right;
    }
    
    table.wildeisen {
        margin:0 0 20px 0;
    }

    table.wildeisen tr {
        border-bottom:1px dashed #000000;
        line-height:20px;
    }

    table.wildeisen td img { float:right; }

    #user_wildeisen_tagcloud h3 {
      background-color:#CCE0EA;
      color:#000000;
      font-weight:bold;
      line-height:25px;
      margin:0 0 0.25em;
      padding:0 5px;
      text-transform:none;
      cursor:pointer;
    }
    
    #user_wildeisen_tagcloud h3.open {
      background-color:#80B1C9 !important;
      color:#FFFFFF !important;
    }
    
    #user_wildeisen_tagcloud li:first-child {
    background-image:none;
      padding:0px;
    }
    
    #user_wildeisen_tagcloud li {
      padding:0px;
      display:inline;
      font-size:11px;
      line-height:16px;
      color:#1D75B6;
    }
    
    .tagcloudElement.open {
        margin:0 0 10px 0;
    }
    
    #searchcount {
        font-size:10px;
    }
    
    /* ingredient list */
    ul#ingredientslist {
        background-color:#EFEBD7;
        border-bottom:1px dashed #000000;
        list-style-type:none;
    }
    
    ul#ingredientslist li {
        padding:1px 0px;
        margin:0px;
        border-top:1px dashed #000000;
    }
    
    .withOldPostfix {
        color:red;
    }
    
    .ingredient_subtitle {
        font-weight:bold;
    }

    .shoppinglist-bg {
        display:none;
        border:0;
    }
    
    .printview .shoppinglist-bg {
        display:block;
        line-height:30px;
        border:0;
    }

    /**
     * mailform
     * *************************************************************************
     */

    h2.mailform {
        color:#DD3C3C;
        font-family:Verdana,Serif,Sans-Serif;
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
    }


    /**
     * pagination
     * *************************************************************************
     */

    .paginationControl {

        font-size:85%;
        margin:20px 0 0 0;
    }

    .paginationControl { font-size:90%; }
    
    #paginationControl {
        list-style-type:none;
    }
    
    #paginationControl li {
        float:left;
    }
    
    #paginationControl li a,
    #paginationControl li span.active,
    #paginationControl li span.disabled {
        display:block;
        padding:1px 5px;
        margin:0px 5px 0px 0px;
    }
    
    #paginationControl li a,
    #paginationControl li a:link,
    #paginationControl li a:hover,
    #paginationControl li a:active,
    #paginationControl li a:visited {
        border:1px solid #b2d1df;
        color:#006699;
        background-color:inherit;
    }
    
    #paginationControl li span.disabled {
        border:1px solid #b2d1df;
        color:#b2d1df;
        background-color:inherit;
    }
    
    #paginationControl li span.active {
        border:1px solid #ffffff;
        color:#dd3c3c;
        background-color:inherit;
    }
}

@media screen, projection {
    hr {
        border-bottom:3px solid #BCB09A;
        margin:10px 0;
        padding:0;
    }
    
    hr.small {
        border-bottom:1px dashed #000000;
        margin:6px 0;
        padding:0;
    }

    hr.first { margin:0 0 10px 0; }


    /**
     * links
     * *************************************************************************
     */

    a { cursor:pointer; }


    /**
     * titles
     * *************************************************************************
     */


    h1, h2, h3, h4, h5, h6 {
        margin:0 0 0.25em 0;
        padding:0;
    }

    h3.toggler {
        cursor:pointer;
    }

    h4 { margin:0 0 0.5em; }


    /**
     * text
     * *************************************************************************
     */

    pre { border:1px dashed grey; }


    /**
     * lists
     * *************************************************************************
     */

    ul {
        margin:0 0 1em;
        padding:0;
    }

    li {
        margin:0;
        padding:0;
    }


    /**
     * forms
     * *************************************************************************
     */

    form {}

    form fieldset {
        margin:0 0 0.5em;
    }

    form label,
    form input {
        vertical-align:middle;
    }
    
    form fieldset label {
        cursor:pointer;
        font-size:11px;
        line-height:21px;
    }

    form fieldset .field input,
    form fieldset .field select,
    .field-inactive {
        background-color:#efebd7;
        border:0;
        overflow:hidden;
        padding:4px;
        width:100%;
    }
    
    .field-inactive {
        background-color:#efebd7;
    }

    form fieldset .field input.csc-mailform-submit {
        padding:0;
        width:100px;
    }
    
    form fieldset .field input.tx-srfeuserregister-pi1-delete-icon {
        width:11px;
    }
    
    form fieldset input.tx-srfeuserregister-pi1-uploader {
        width:50px;
    }
    
    form fieldset p.field {
        color:
    }

    form fieldset .field select {
        padding-left:0;
    }

    .box form fieldset .field input {
        background-color:#ffffff;
    }

    * html form fieldset .field input,
    * html form fieldset .field select {
        line-height:21px;
    }

    from .inactive {
        background-color:#bcb180;
    }
    
    form textarea,
    form fieldset textarea {
        background-color:#efebd7;
        border:0;
        font-family:Verdana,Serif,Sans-Serif;
        padding:4px;
        width:98%;
    }

    form .subcolumns {
        margin-bottom:5px;
    }
    
    /* inaktiv - effekt für input felder */
    form fieldset .field input.inactive {
        background-color:#bfb78f;
        color:aaaaaa;
        font-style:italic;
    }

    form .radio input {
        display:block;
        float:left;
        margin:3px 5px 0 0;
    }
    
    form .radio label {
        display:block;
    }

    /**
     * tables
     * *************************************************************************
     */

    table {
        margin-top:1px;
        width:100%;
    }
    
    .htmlarea table {
        margin-top:0;
        width:auto;
    }
    
    th, td {
        padding:0;
        vertical-align:top;
    }

    td.small { width:20px; }


    /**
     * additional classes
     * *************************************************************************
     */

    .clear {
        clear:both;
        height:0px;
        line-height:0px;
        max-height:0px;
        overflow:hidden;
    }
	
    .hidden    { display:none; }
    .lead      { font-weight:bold; }
    .normal    { font-weight:normal; }
    .spacer-h  { margin-right:40px; }

    .center {
        text-align:center;
    }
    
    .right {
        text-align:right;
    }
    
    .printview .right input {
        display:none;
    }
    
    p.infotext {
        color:#695328;
        font-size:11px;
    }

    p.errortext {
        color:#dd3c3c;
        font-size:11px;
    }
    
    .smalltext {
        font-size:11px;
        vertical-align:middle;
    }
    
    div.content p > img {
         vertical-align:middle;
    }
    
    .author {
        /* float:left; */
        margin:0;
        /* width:70%; */
    }
}


@media screen, projection {


    /*#col1,
    #col1 p,
    #first-home,
    .ce-boc-3cols,
    .ce-box-3cols-col1,
    .ce-box-3cols-col3 {
        font-size:12px !important;
        line-height:19px !important;
    }*/
    
    /*#col1 .ingredients p {
        font-size:11px !important;
        line-height:13px !important;
        margin:0;
    }*/
    
    /*.ce-box-3cols-col2 {
        font-size:11px !important;
        line-height:18px !important;
    }*/

    #col1 #col1_content .subcolumns .col1r .recipes-list p,
    #paginationControl,
    #searchsettings {
        font-size:11px;
        line-height:19px;
    }


    /**
     * font and color declarations
     * *************************************************************************
     */

    body {
        background-color:#ffffff;
        color:#000000;
        font-family:Verdana,Arial,Helvetica,Sans-Serif;
        font-size:12px;
        line-height:19px;
    }

    iframe body {
        background-color:#ffffff;
    }

    /* smaller default font-size */
    body #nav_top,
    body .third,
    body #col3,
    body #seccond {
        font-size:11px;
    }

    h1, h2 {
        color:#695328;
        font-family:Georgia,Serif;
        font-weight:normal;
    }

    h3, h4, h5, h6 {
        font-size:12px;
        font-weight:bold;
        line-height:20px;
    }

    h1 {
        font-size:30px;
        line-height:30px;
    }

    h2 {
        font-size:18px;
        line-height:18px;
    }

    h3 {
        color:#dd3c3c;
        font-weight:bold;
        text-transform:uppercase;
    }

    h4 {
        color:#000000;
        font-weight:bold;
    }

    a { color:#006699; }

    a:active,
    a:focus,
    a:hover { text-decoration:underline; }

    table th,
    table thead th { color:#000000; }

    table th, td { text-align:left; }

    pre { font-size:10px; }

    #col1 {
        font-size:12px !important;
        line-height:19px !important;
    }
    
    #col1 .user_wildeisen_recipe_infos a { font-size:11px !important; }

    #nav_left a {
        font-weight:bold;
        line-height:20px;
    }

    .list tr { line-height:20px; }
    .list a  { text-align:right; }

    .author  { line-height:1em; }
    
    .box .headline,
    .box-teaser .headline,
    .box-marketing .headline {
        color:#695328;
        font-family:Verdana,Arial,Helvetica,Sans-Serif;
        font-size:13px !important;
        text-align:center;
        text-transform:uppercase;
    }

    .box-marketing .headline {
        font-size:11px !important;
        text-align:right;
    }

    .box-teaser h1 {
        font-size:18px;
        line-height:18px;
        margin:10px 0;
    }

    .box-teaser p {
        font-size:11px;
    }

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

    .box-teaser.hellblau   { background-color:#bde4f7; }
    .box-teaser.jasmingrün { background-color:#c0c9b6; }
    .box-teaser.pfirsich   { background-color:#ffe9bf; }
    .box-teaser.rosa       { background-color:#fadce9; }
    .box-teaser.grau       { background-color:#cccccc; }
    .box-teaser.lime       { background-color:#c4db99; }
    .box-teaser.orange     { background-color:#f29a79; }
    .box-teaser.stahlblau  { background-color:#8cb9c3; }
    .box-teaser.redaktion  { background-color:#efebd7; }
    
    .box-teaser .type8 .mandatory { display:none; }

    #sitemap-nav {
        text-align:right;
        text-transform:uppercase;
    }

    #footer * {
        background-color:transparent;
        color:#999999;
        font-family:Verdana,Arial,Helvetica,Sans-Serif;
        font-size:10px;
        line-height:16px;
    }

    #footer a,
    #footer a:focus,
    #footer a:hover,
    #footer a:active {
        color:#999999;
        font-weight:normal;
    }

    #footer table th { font-weight:normal; }

    #footer h3 a, #footer h3 a:focus, #footer h3 a:hover, #footer h3 a:active,
    #footer p a, #footer p a:focus, #footer p a:hover, #footer p a:active {
      font-weight:bold;
    }
}


@media screen, projection
{
    /**
     * recipe pages
     * *************************************************************************
     */

    body.recipe .ingredients {
        font-size:11px;
        line-height:17px;
    }

    body.recipe .ingredients li {
        font-weight:bold;
        margin-bottom:0.5em;
        line-height:16px;
        list-style:none !important;
    }

    #col1 #col1_content .subcolumns:first-child {
        margin-bottom:5px;
    }
    
    body.recipe .ingredients li.subcolumns,
    body.recipe #col1 #col1_content .ingredients li.subcolumns:first-child {
        font-weight:normal;
        margin-bottom:0;
    }
    
    body.recipe .ingredients h4 { margin:2em 0 0.5em 0; }
}


@media screen, projection
{

    
    fieldset h3 {
        border-top:3px solid #bcb09a;
        padding:10px 0 0 0;
    }

    fieldset h3.toggler {
        background-position:0 15px;
    }
    
    div.userProfileImage {
      background-image:url('/fileadmin/wildeisen.ch/images/kockenUserProfileImage.png');
      width:120px;
      height:131px;
    }
    
    div.userProfileImage img {
      margin:10px 14px;
    }
    
    ul.tx-srfeuserregister-multiple-checkboxes {
      list-style:none;
    }
    
    ul.tx-srfeuserregister-multiple-checkboxes li input {
      margin:0px 5px 0px 0px;
    }
    
    #searchresultstyle ul {
      float:right;
    }
    
    p.author {
      color:#999999;
      margin:0px 0px 5px 0px;
    }

    .meta {
      color:#999999;
    }

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

    a.toggle-sitemap-close {
      padding:0px 0px 0px 15px;
      background-image:url('/fileadmin/wildeisen.ch/images/icons/play_pfeil.gif');
      background-repeat:no-repeat;
      background-position:0px 2px;
      color:#695328;
      font-weight:100;
    }

    a.toggle-sitemap-open {
      padding:0px 0px 0px 15px;
      background-image:url('/fileadmin/wildeisen.ch/images/icons/sitemap_open.gif');
      background-repeat:no-repeat;
      background-position:0px 2px;
      color:#695328;
      font-weight:100;
    }


    /**
     * poll
     * *************************************************************************
     */
    
    ul.vote {
      list-style:none;
    }
    
    div.tx-jkpoll-pi1 {
      font-family:Verdana,Serif,Sans-Serif;
    }

    div.tx-jkpoll-pi1 img {
      margin:0px 0px 0px 0px;
    }
    
    input.pollsubmit {
      height:20px;
      width:100px;
      font-size:1px;

      maring:0px 0px 0px 0px;
      background-color:#FFFFFF;
      background-image:url('/fileadmin/wildeisen.ch/images/buttons/abstimmen.png');
      border:0px;
      color:transparent;
      cursor:pointer;
    }

    div.box input.pollsubmit {
      height:20px;
      width:100px;
      font-size:1px;
      maring:0px 0px 0px 0px;
      background-color:#efebd7;
      background-image:url('/fileadmin/wildeisen.ch/images/buttons/abstimmen.png');
      border:0px;
      color:transparent;
      cursor:pointer;
    }
    
    div.pollanswer {
      line-height:1;
    }
    
    div.pollbalken {
      background-color:#FFFFFF;
      margin:5px 0px 5px 0px;
      padding:3px 3px 3px 3px;
      border:1px solid #d7d7d7;
      width:296px;
    }

    
    /**
     * magazin
     * *************************************************************************
     */

    * {
      padding: 0; 
      margin: 0;
    }
    
    .anriss:first-child {
      padding-top: 0;
    }
    
    .anriss, .blaettern, .comments h4, .comments li, #sectionNav {
      border-color: #009912; /* bereichsabhängige linienfarbe */
    }
    
    .anriss {
      border-bottom:3px solid #BCB09A;
      padding-bottom: 1.5em;
      margin-bottom: 0.5em;
      padding-top: .3em;
    }
    
    .anriss h2 { /* Titel */
    /*        color:#695328; */
    font-family:Georgia,Serif,Sans-Serif;
            font-size:18px;
            line-height:24px;
    
      /*font-size: 1.5em;
      font-weight: normal;
      line-height: 1em; */
      margin: 0;
    }
    
    .anriss h2 a:visited { /* Visited Link blau */
      color:#66a7d7;
    }
    
    
    .bild {
      float: left;
      margin: 4px 10px 0 0;
    }
    
    div.bild a {
        display:block;
    }
    
    a {
      text-decoration: none;
      color: #006699;
    }
    
    table, img {
      border: 0;
    }
    
    /* artikel .meta {
      padding: 0 0 0.5em 40px;
    } */
    
    .meta {  /* Autor, Datum etc. */
      font-size: 12px;
      line-height:18px;
    /*  color: #1D75B6; */
      padding-bottom: 3px;
    }
    
    div.meta p {
      padding: 0;
    }
    
    span.autor p {
      margin-left: 0;
    }
    .content {  /* Magazin Artikel Lauftext */
    /*  color: #1D75B6; */
      padding-bottom: 3px;
    }
    
    
    magazin .extra {
      padding-top: 1em;
    }
    
    .extra {
      padding-top: .33em;
      font-size: .75em;
      color: #666;
    }
    
    .cl {
      clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
    }
    
    .bild_r {
      float: right;
      margin: 4px 0 0 10px;
    }
    
    p {
        margin:0;
        padding:0 0 1em 0;
    }
}

#maxiboard { text-align:center; }
form .radio input.required_one { display:none; }

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

    #c307 .subcolumns:first-child { margin-top:7px !important; }
    #c307 .subcolumns:last-child { margin-bottom:5px !important; }

    .align-left { text-align:left; }
    .align-center { text-align:center; }
    .align-right { text-align:right; }

    .validation-advice {
        background-color:#fbb19b;
        background-image:url('/fileadmin/library/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:5px 0 0.75em 0;        
    }

    .social { padding:10px 0; }
    .recipe .social { padding:10px 0 200px 0; }
    
    /* AZ BOXEN (TYP1 BIS TYP7) */
    .new-box {
        border-bottom:3px solid #BCB09A;
        padding:10px;
    }
    
    .new-box.adition { padding:10px 0; }
    div.rectangle.new-box { padding:10px 0; }
    
    .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 .teaser:first-child .new-box { 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 div > embed,
    .new-advertisement object {
        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-kombi a,
    .new-kombi object { border-bottom:0 !important; }
    
    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;
    }
    
    .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');
    }
    

    /**
     * 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:10px 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;
        width:auto;
    }

    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; }
}

    /**
     * slideshow
     * *************************************************************************
     */

    .slideshow {
        display:block;
        position:relative;
        z-index:0;
    }

    .slideshow-images {
        display:block;
        overflow:hidden;
        position:relative;
    }
		
    .slideshow-images img {
        display:block;
        position:absolute;
        z-index:1;
    }

    .slideshow-images {
        height:300px;
        width:640px;
    }
    
    #teaserSlideshow .slideshow-images {
        height:378px;
        width:280px;
    }

    .slideshow-images-visible { 
        opacity:1;
    }

    .slideshow-images-prev { 
        opacity:0;
    }

    .slideshow-images-next {
        opacity:0; 
    }

    .slideshow-images img {
        float:left;
        left:0;
        top:0;
    }

    .slideshow {
        height:300px;
        margin:0 auto;
        width:640px;
    }
    
    #teaserSlideshow {
        margin:0 auto;
        width:280px;
    }
    
    .slideshow a img {
        border:0;
    }

    .slideshow-captions {
        background-color:#000000;
        bottom:0;
        color:#ffffff;
        font-family:Georgia,Serif;
        font-weight:normal;
        font-size:22px;
        left:0;
        overflow:hidden;
        line-height:42px;
        position:absolute;
        text-align:center;
        width:100%;
        z-index:10000;
    }

    .slideshow-captions-hidden {
        height:0;
        opacity:0;
    }

    .slideshow-captions-visible {
        height:42px;
        opacity:.7;
    }

    .slideshow-controller {
        background:transparent;
        height:42px;
        left:0;
        overflow:hidden;
        position:absolute;
        bottom:0;
        width:640px;
        z-index:10000;
    }
    
    #teaserSlideshow .slideshow-controller {
        background:#ffffff;
        width:280px;
    }

    .slideshow-controller * {
        margin:0;
        padding:0;
    }

    .slideshow-controller-hidden {
        opacity:1;
    }

    .slideshow-controller-visible {
        opacity:1;
    }

    .slideshow-controller a {
        cursor:pointer;
        display:block;
        height:18px;
        overflow:hidden;
        position:absolute;
        top:12px;
    }

    .slideshow-controller a.active {
        background-position:0 18px;
    }

    .slideshow-controller li {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
    }

    .slideshow-controller li.first,
    .slideshow-controller li.last,
    .slideshow-controller li.pause,
    .slideshow-controller li.play {
        display:none;
    }

    .slideshow-controller li.next a {
        background-image:url('../images/controller-next.gif');
        right:10px;
        width:28px;
    }

    .slideshow-controller li.prev a {
        background-image:url('../images/controller-prev.gif');
        left:10px;
        width:28px;
    }
    
    #teaserSlideshowController { height:31px; }
    
    #teaserSlideshowController .teaserSlideshowPrev {
        float:left;
        display:block;
        width:20%;
    }
    
    #teaserSlideshowController .teaserSlideshowButton {
        float:left;
        display:block;
        text-align:center;
        width:60%;
    }
    
    #teaserSlideshowController .teaserSlideshowNext {
        float:left;
        display:block;
        text-align: right;
        width:20%;
    }
    
    .teaserSlideshowTeaser {
        margin-top:10px;
    }