html, body {
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 170%;
    text-align: center;
    background: #A8E071 url(../img/illustration-green.jpg) no-repeat bottom left;
}

body#kochen,
body#kontakt {
    background: #79BCE6 url(../img/illustration-blue.jpg) no-repeat bottom left;
}

#footer {
    height: 260px;
    clear: both;
}

#feinheit {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../img/feinheit.gif);
    width: 16px;
    height: 53px;
    text-indent: -4000em;
    display: block;
}

#navigation {
    height: 137px;
    margin: 0 0 20px 0;
    background: url(../img/navi-header-repeat-green.jpg) repeat-x;
}

body#kochen #navigation,
body#kontakt #navigation {
    background: url(../img/navi-header-repeat-blue.jpg) repeat-x;
}

#content {
    margin: 0 auto;
    width: 811px;
    text-align: left;
}

#main {
    float: left;
    width: 596px;
}

#sidebar {
    float: left;
    width: 183px;
    margin-left: 32px;
}

#main div.box {
    background: #ffffff url(../img/blogentry-top-green.jpg) no-repeat;
    margin-bottom: 20px;
}

body#kochen #main div.box,
body#kontakt #main div.box {
    background-image: url(../img/blogentry-top-blue.jpg);
}

#main div.box div.bottom {
    background: url(../img/blogentry-bottom-green.jpg) no-repeat bottom;
    height: 9px;
}

body#kochen #main div.box div.bottom,
body#kontakt #main div.box div.bottom {
    background-image: url(../img/blogentry-bottom-blue.jpg);
}

#sidebar div.box {
    background: #595959 url(../img/subnavi-top-green.jpg) no-repeat;
    margin-bottom: 20px;
}

body#kochen #sidebar div.box,
body#kontakt #sidebar div.box {
    background-image: url(../img/subnavi-top-blue.jpg);
}

#sidebar div.box div.bottom {
    background: url(../img/subnavi-bottom-green.jpg) no-repeat bottom;
    height: 9px;
}

body#kochen #sidebar div.box div.bottom,
body#kontakt #sidebar div.box div.bottom {
    background-image: url(../img/subnavi-bottom-blue.jpg);
}

#entries {
    margin: 0 auto;
    width: 900px;
    text-align: center;
}

#navigation a {
    display: block;
    float: left;
    text-decoration: none;
    margin: 0 13px 0 0;
}

#navigation a span {
    display: block;
    padding: 75px 0 0 0;
    height: 62px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    position: relative;
}

#navigation a:hover,
#navigation a.mark {
    background: url(../img/navi-over-left-green.jpg) top left;
}

#navigation a:hover span,
#navigation a.mark span {
    background: url(../img/navi-over-right-green.jpg) top right no-repeat;
}

body#kochen #navigation a:hover,
body#kochen #navigation a.mark,
body#kontakt #navigation a:hover,
body#kontakt #navigation a.mark {
    background-image: url(../img/navi-over-left-blue.jpg);
}

body#kochen #navigation a:hover span,
body#kochen #navigation a.mark span,
body#kontakt #navigation a:hover span,
body#kontakt #navigation a.mark span {
    background-image: url(../img/navi-over-right-blue.jpg);
}



#nav-news {
    width: 150px; }
#nav-blumengraffiti {
    width: 230px; }
#nav-kochen {
    width: 150px; }
#nav-person {
    width: 150px; }
#nav-kontakt {
    width: 150px; }


div.box div.content {
    padding: 20px 30px 10px 30px;
}

div.box div.bottom {
    clear: both;
}

h1, h2 {
    color: #555555;
    font-size: 22px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

a {
    color: #555555;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    padding: 0;
    margin: 0 0 2px 0;
}

p.meta {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 12px;
}

#sidebar div.box div.content {
    padding: 10px 10px 2px 12px;
}

#sidebar h2 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

#sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#sidebar li {
    padding: 0;
    margin: 0;
}

#sidebar li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding: 0 0 0 10px;
}

#sidebar li a:hover,
#sidebar li.mark a {
    background: #888888;
}

#pagination {
    text-align: center;
}

#pagination a.mark {
    font-weight: bold;
}

a img {
    border: none;
}

p.images {
    line-height: 100%;
}

p.pdf {
    line-height: 70%;
}

p.pdf a:hover {
    text-decoration: none;
}

/*
p.images a {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    width: 120px;
    height: 120px;
}
*/