body, table {
    font-size:1em;
}
p {
    font-size:0.9em;
}
body {
    margin:0px;
    width:100%;
    color:#444;
    background:#FFF;
}
body, p {
    font-family:"Century Schoolbook","Times New Roman",Times,serif;
}
img {
    border:0;
}
a {
    color:#988388;
    text-decoration:none;
}
a:hover {
    color:#ffdaf0;  /*ff80c5*/
}

div.box {
    background:transparent url(/images/box_bg.png) no-repeat;
    width:255px;
    height:210px;
    padding:15px 0 0 18px;
    margin:20px;
    float:left;
}
div.over {
    padding:15px 0 0 18px;
    border:"1px solid #ccc",
    background:white;
}
#boxpopup {
    background:white;
    padding:15px 0 0 18px;
    border:2px solid #ddd;
    position:absolute;
    display:none;
}
div.image .box_teaser_image {
    width:224px;
    height:140px;
}
div.box p {
    margin:3px 30px 0 0;
}

/* navi */
div#navi {
    float:left;
    height:100%;
    width:14em;
    background:#ffeef7;
}
div#navi img.teaserpic {
    width:250px;
    height:250px;
    margin-bottom:20px;
}
div#navi ul {
    list-style:none;
    padding:0;
    margin:0 0 0 0;
}
div#navi li {
    margin:6px 0 0 0;
}
div#navi p {
    margin:20px 10px 5px 20px;
    font-size:0.8em;
}
div#navi li a {
    display:block;
    font-size:0.9em;
    color:#898084;
    padding:0 0 0 20px;
    font-weight:bold;
    height:60px;
    text-decoration:none;
}
#navi li#design a, #navi li#design.over a:hover {
    background:url(/images/button_design.png) no-repeat left center;
}
#navi li#design.over a, #navi li#design.over a:hover {
    background-color:#FFF;
}
#navi li#design a:hover {
    background-position:-238px center;
}
 
#navi li#home a, #navi li#home.over a:hover {
    background:url(/images/button_home.png) no-repeat left center;
}
#navi li#home.over a, #navi li#home.over a:hover {
    background-color:#FFF;
}
#navi li#home a:hover {
    background-position:-238px center;
}
 
#navi li#book a, #navi li#book.over a:hover {
    background:url(/images/button_book.png) no-repeat left center;
}
#navi li#book.over a, #navi li#book.over a:hover {
    background-color:#FFF;
}
#navi li#book a:hover {
    background-position:-238px center;
}
 
 
/* content */
div#content {
    margin:0 auto;
    padding:2em 0 2em 2em;
}
 
/* design */
.design div#navi {
    background:transparent url(/images/bg_design.png);
}
.design .teaser img {
    width:130px; 
    height:130px;
}
 
.design p.title {
    border-left:1px dotted #ddd; 
    border-top:1px dotted #ddd; 
    border-right:1px dotted #ddd; 
    padding:10px 10px;
    margin-bottom:0;
    font-size:1.3em;
}
 
.design p.descr {
    border-left:1px dotted #ddd; 
    border-top:1px dotted #ddd; 
    border-right:1px dotted #ddd; 
    padding:4px 10px;
    margin:0;
}
 
.design p.link {
    border-left:1px dotted #ddd; 
    border-top:1px dotted #ccc; 
    border-right:1px dotted #ddd; 
    border-bottom:1px dotted #ddd;
    padding:4px 10px;
    margin-top:0;
}
 
.design p a {
    color:#F5A9D0;
}
 
#footer {
    background:url(/images/gif_line.gif) repeat-x;
    padding-top:6px;
    clear:both;
}
body, p, h2 {
    margin:0 0 0.5em 0;
    padding:0;
    font-size:1em;
    color:#444;
}