@charset "utf-8";
/* CSS Document */


body{
    background:#fff top center url(../img/webkoch-body-background2.png) repeat-x;
}


/* Startseite */
#page{
    position: relative;
    width: 980px;
    margin: 0 auto;
}


#header{
    position:relative;
    width:961px;
    height:202px;
    margin: 0 auto;
    overflow:visible;
    background: url(../img/webkoch-header-background.png) no-repeat;
}

.webkoch-logo-print{
    display:none;}


/*Navigation*/

#menu-top{
}
#menu-top ul {
    height: 40px;
    overflow: visible;
}
#menu-top ul li{
    position:relative;
    float:left;
    display: inline;
    list-style:none;
}

#menu-top ul li a{
    /*position: relative;*/
    display:block;
    float:left;
    font-weight:700;
    font-size:18px;
    font-family:Ubuntu, Arial;
    line-height:48px;
    color:#fff;
    text-shadow: 0 1px 0 #5e0c11;
    margin:0 5px 0 0;
}

#menu-top ul li a:hover{
    text-decoration:none;
}

#menu-top ul li span{
    display:block;
    float:left;
    height:34px;
    width:13px;
    padding: 0 11px 0 0;
    margin: 7px 10px 0 0;
    background:url(../img/webkoch-menu-top-seperator.png) no-repeat;
}

#menu-top ul li:first-child span{
    width:0;
    background: none;
}

#menu-top ul li a .home-icon{
    display:block;
    height:48px;
    width: 50px;
    text-indent: -999px;
    overflow: hidden;
    background: center url(../img/webkoch-home-icon.png) no-repeat;
}

/*Navigation 2. Ebene*/

#menu-top ul li ul{
    display:none;
    position: absolute;
    z-index: 100;
    top:38px;
    left:13px;
    padding:10px 0;
    background:#d7071c;
    border-radius:0 0 10px 10px;
    min-width:130px;
    /*min-height: 200px;*/
}

#menu-top ul li:hover ul {
    display: block;
    height: auto ;
}

#menu-top ul li ul li{
    display: block;
    float:none;
}

#menu-top ul li ul li h3{
    color:#fff;
    text-shadow: 0 1px 0 #5e0c11;
    padding: 0px 11px 5px;
}

#menu-top ul li ul li a h3{
    padding:0;
}

#menu-top ul li ul li a{
    float:none;
    margin:0;
    padding: 0px 11px 5px;
    font-size:14px;
    font-weight:normal;
    line-height:17px;
}

/*#menu-top ul li:hover ul li a:hover{
    text-decoration:underline;
    }*/

/*Navigation 2. Ebene zwei Spalten*/

#menu-top ul li ul li ul{
    float:left;
    position:relative;
    padding:0;
    margin:0;
    max-width:200px;
}

#menu-top ul li ul li ul:first-child{
    border-right:1px solid #fff;
    border-radius:0 0 0 10px;
}

#menu-top ul li ul li a:hover {
    background:#b30517;
}

/*Navi Ende*/

#logo-webkoch{
    position:absolute;
    z-index:2;
    height:63px;
    width:400px;
    margin:20px 0 0 20px;
    text-indent: -999px;
    overflow: hidden;
    left: 0px;
}


#submit-recipe{
    float:right;
    height:45px;
	width:216px;
    margin:15px 52px 0 0;
	background:url(../img/webkoch-submit-recipe-button-bg.png) no-repeat;
}

.submit-recipe-link{
    display:block;
    float:left;
    width:180px;
    height:33px;
    margin:12px 0 0 32px;
	line-height:35px;
	font-weight:normal;
    font-family:'Wendy One', Arial;
    color:#658c1c !important;
    text-align:center;
    font-size:20px;
    text-shadow:-1px -1px 0px #fff;
}

#header-content{
    clear:both;
    height:70px;
    padding:16px 0 0 20px;
}

#header-content h2{
    float:left;
    width:550px;
    font-family:Rochester;
    font-size:44px;
    font-weight:normal;
    color:#e31321;
    text-shadow: 0 0 3px #fff;
    margin:0;

}

.search-webkoch{
    float:right;
    margin:10px 10px 0 0;
}
.input-field{
    height:20px;
    /*line-height:30px;*/
    padding:5px 0 5px 5px;
    background:#f7f8f5;
    background: -webkit-linear-gradient(#ffffff 0%, #f2f2f2 100%);
    background: -moz-linear-gradient(#ffffff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(#ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(#ffffff 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    border-radius:8px;
    border:1px solid #dae3c9;
    color:#4c4c4c;
    font-size:14px;
}

.search-term{
    float:left;
    width:200px;
    margin: 0 5px 0 0;
}

.member-area {
    width:212px;
    height:20px;
}

.send-button{
    width:122px;
    height:30px;
    background:#ecf2ec;
    background: -webkit-linear-gradient(#ffffff 0%, #fcfcfc 50%, #ecf2ec 50%, #dbe6d8 100%);
    background: -moz-linear-gradient(#ffffff 0%, #fcfcfc 50%, #ecf2ec 50%, #dbe6d8 100%);
    background: -o-linear-gradient(#ffffff 0%, #fcfcfc 50%, #ecf2ec 50%, #dbe6d8 100%);
    background: linear-gradient(#ffffff 0%, #fcfcfc 50%, #ecf2ec 50%, #dbe6d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbe6d8');
    border:1px solid #d5e2ce;
    *border:none;
    border-radius:5px;
    cursor:pointer;
    box-shadow:0px 1px 1px rgba(173, 190, 144, 1);
    color:#739d25;
    font-weight:700;
    font-size:14px;
    text-align:center;
    line-height:28px;
}

.login-button{
    float:right;
    margin-right:4px;
}


#keywords-webkoch{
    width:350px;
    float:right;
    height:20px;
    margin:4px 10px 0 0;
    text-align:right;
    font-size:10px;
    color:#aa190a;
}


.footer{
    width:921px;
    height:46px;
    margin:10px auto 0;
    padding: 5px 20px 10px;
    color:#fff;
    background:url(../img/webkoch-footer.png) no-repeat;
}

.footer a, .footer a:visited, .footer a:active, .footer a:link{
    color:#fff;
}

div.autoscroll {
    height: 150px;
    overflow: auto;
    font-size: 12px;
}