@charset UTF-8;

body {
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    padding: 0;
}

body#hermann-restaurant {
    background: url(../images/base_frame.jpg) no-repeat scroll #fff;
}

body#hermann-restaurant-content {
    background: url(../images/content_frame.jpg) no-repeat scroll #fff;
}

#main-frame {
    width: 1024px;
    height: 768px;
}

#language-frame {
    text-decoration: none;
    text-align: right;
    float: right;
    padding: 5px;
}

#language-frame a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

#content-frame {
    position: absolute;
    top: 138px;
    left: 325px;
    padding: 0px;
    width: 400px;
    height: 360px;
}

#hermann-restaurant-content #content-frame {
    height: 540px;
}

#hermann-restaurant-content #content-frame .csc-firstHeader {
    background: url(../images/headline.jpg) no-repeat scroll;
    text-align: center;
    font-size: 16px;
    color: #666;
    width: 454px;
    height: 64px;
    margin-left: -16px;
    margin-top: -19px;
}

#content-frame .bodytext {
    color: #333;
    font-family: Verdana, Sans-Serif;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}

#content-frame #mailform fieldset {
    border: none;
}

#main-navigation-frame {
    position: absolute;
    top: 185px;
    left: 790px;
    padding: 5px;
    width: 185px;
    height: 207px;
    overflow: hidden;
    vertical-align: middle;
}

#main-navigation-frame ul {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style-type: none;
    font-size: 16px;
    color: #666;
    text-align: center;
}

#main-navigation-frame ul li,
#main-navigation-frame ul li.active {
    text-decoration: none;
    text-align: center;
    padding: 8px;
    width: 180px;
}

#main-navigation-frame ul a {
    text-decoration: none;
    color: #666;
    font-weight: bold;
}

#main-navigation-frame ul li.active {
    background: url(../images/navi-symbol.jpg) no-repeat scroll left 6px;
}

#main-navigation-frame ul li.active span span,
#main-navigation-frame ul li span span {
    height: 33px;
    display: list-item;
    width: 180px;
}

#main-navigation-frame ul li.active span span {
    background: url(../images/navi-symbol.jpg) no-repeat scroll right 0;
}

#recent-news-frame {
    position: absolute;
    top: 465px;
    left: 800px;
    padding: 5px;
    width: 165px;
    height: 180px;
    overflow: hidden;
    color: white;
}

#recent-news-frame .csc-header .csc-firstHeader {
    margin: 0; 
    padding: 0;
    text-align: center;
    font-size: 16px;
}

#recent-news-frame p.bodytext {
    padding: 2px 0;
    margin: 0;
}

#random-media-top-frame {
    position: absolute;
    top: 210px;
    left: 50px;
    padding: 5px;
    width: 190px;
    height: 195px;
    overflow: hidden;
}

#random-media-bottom-frame {
    position: absolute;
    top: 467px;
    left: 50px;
    padding: 5px;
    width: 190px;
    height: 195px;
    overflow: hidden;
}

#footer-frame {
    position: absolute;
    top: 710px;
    left: 63px;
    width: 925px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

#footer-frame a {
    text-decoration: none;
    color: black;
    font-size: 12px;
}

.clear-all  {
    clear: both;
}

.hr-image {
    background: url(../images/hr.jpg) no-repeat scroll;
    width: 541px;
    height: 37px;
    margin-left: -16px;
}

.flash-movie {
    text-align: center;
    margin-top: 5px;
}

.sign {
    background: url(../images/sign.jpg) no-repeat scroll;
    width: 190px;
    height: 48px;
    display: block;
    float: right;
}

.sign span {
    display: none;
}