@charset "UTF-8";
@media screen, projection
{
    body {
        /* background: #DDD repeat-x top left fixed; padding: 0 0; */
        color: #333;
        font-size: 12px;
        text-align: center;
    }

    .page_margins {
        background:#FFFFFF none repeat scroll 0 0;
        border:13px solid #FFFFFF;
        clear:both;
        display:block;
        margin: 0 auto;
        position:relative;
        width:977px;
        text-align:left;
    }

    .page{
    }

    #topnav { color: #aaa; background: transparent; }

    #header {
        color: #000;
        background:transparent url('/images/logo.gif') no-repeat scroll 0 0;
        height:7.5em;
    }

    #header a.logo {
        float:left;
        height:90px;
        margin:0;
        padding:0;
        width:132px;
    }

    #nav ul {margin:0; }

    #main { background: #fff;padding:0 0; min-height:400px;}

    .detail #main {
        margin:0;
        padding-top:20px;        
    }

    div.center-content {
        width: 482px;
        margin: 0 13px;
    }

    .detail #col3_content div.center-content {
        width: auto;
        margin-right:0;
    }

    div.right-column div.center-content {
        margin-left: 0;
    }
    
    #footer {
        padding:10px 0;
        background-color: #F5F5F5;
    }

    #col1 {width:152px;}
    #col1_content { padding: 0; }

    #col2 { width:317px; }
    #col2_content { padding: 0; }

    #col3 { margin: 0 317px 0 152px; }
    #col3_content { padding: 0; }
    #col3_content .center-content {
        margin:0 13px 0 25px;
        width:482px;
    }

    .page.gourmei-restaurants #main {
        margin-top: 20px;
    }
    .page.gourmei-restaurants #col2 {
        margin-top: 50px;
    }
    /*------------------------------------------------------------------------------------------------------*/
    #header h1 {
      font-weight:bold;
      font-size:2.5em;
      letter-spacing:-2px;
      line-height:65%;
      color:#000;
    }

    #header span { color:#999; }

    #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
    #topnav a:focus,
    #topnav a:hover,
    #topnav a:active { text-decoration:underline; background-color: transparent; }

    #footer a { color: #999; background:transparent; font-weight: bold; }
    #footer a:focus,
    #footer a:hover,
    #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline; }
}

@media screen, projection
{
    /**
    * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
    * @see     http://www.yaml.de/en/documentation/practice/basic-variations.html
    *
    * .hidecol1 -> 2-column-layout (using #col2 and #col3)
    * .hidecol2 -> 2-column-layout (using #col1 and #col3)
    * .hideboth -> single-column-layout (using #col3)
    */

    .hideboth #col3 { margin-left: 0; margin-right: 0; }
    .hideboth #col3_content{ padding-left: 0; padding-right: 0; }

    .hidecol1 #col3 { margin-left: 0; margin-right: 25%; }
    .hidecol1 #col3_content{ padding-left: 20px; }

    .hidecol2 #col3 { margin-right: 0;}
    .hidecol2 #col3_content{ padding-right: 0; }
    .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }
}