body {
    margin-left:   0;
    margin-right:  0;
    margin-top:    0;
    margin-bottom: 0;
    font-family: Tahoma, Verdana, 'Times New Roman';
    font-size: 12px;
    color: #333;
    background-color: #000;
    background-image: url(../images/bg_pattern.jpg);
    background-repeat: repeat-x;
}

a       { outline: none; color: #01512f; text-decoration: underline; }
a:hover { outline: none; color: #000000; text-decoration: underline; }
img     { border:  none;     }
.bold   { font-weight: bold; }
.green  { color: #01512f;    }

#header {
    width:  770px;
    height: 309px;
    background-image: url("../images/bg_header.jpg");
    margin: 0 auto;
    position: relative;
}

#header_b {
    width:  770px;
    height:  57px;
    background-image: url("../images/bg_header_b.jpg");
    margin: 0 auto;
    position: relative;
}

#content {
    width: 770px;
    height:auto !important;
    min-height: 880px;
    height: 880px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    background-image: url(../images/bg_content.jpg);
    background-repeat: repeat-x;
}

#footer {
    width:  770px;
    height:  29px;
    background-image: url("../images/footer.jpg");
    margin: 0 auto;
    position: relative;
}

#logo {
    width:  328px;
    height:  85px;
    background-image: url("../images/logo.jpg");
    position: absolute;
    top:  5px;
    left: 15px;
}


#menu {
    width:  225px;
    height: 250px;
    background-image: url("../images/bg_menu_b.jpg");
    position: absolute;
    top:  0px;
    left: 8px;
    color: #fff;
}

#halzona {
    width:  222px;
    height: 216px;
    background-image: url("../images/bg_galeria.jpg");
    position: absolute;
    top:  250px;
    left:   8px;
}

#galeria {
    width:  222px;
    height: 216px;
    background-image: url("../images/bg_galeria.jpg");
    position: absolute;
    top:  460px;
    left:   8px;
}

#contact {
    width:  221px;
    height: 160px;
    background-image: url("../images/bg_contact.jpg");
    position: absolute;
    top:  677px;
    left:   9px;
}

#menu_top {
    position: absolute;
    top:  8px;
    left: 50px;
    color: #fff;
}

#menu_top a {
    color: #fff;
    display: block;
    text-decoration: none;
    line-height: 26px;
    width: 165px;
}

#menu_top a:hover {
    color: #fff;
    text-decoration: underline;
    line-height: 26px;
}

#menu_bottom {
    position: absolute;
    top: 3px;
    left: 42px;
    color: #fff;
}

#menu_bottom a {
    color: #fff;
    display: block;
    text-decoration: none;
    line-height: 26px;
    width: 165px;
}

#menu_bottom a:hover {
    color: #fff;
    text-decoration: underline;
    line-height: 26px;
}

#galeria_title {
    width: 200px;
    position: absolute;
    top:  19px;
    left: 40px;
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}

#picture {
    width: 191px;
    height: 156px;
    position: absolute;
    top:  45px;
    left: 16px;
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}


#contact_title {
    width: 200px;
    position: absolute;
    top:  20px;
    left: 40px;
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
}

#contact_content {
    width: 200px;
    position: absolute;
    top:  50px;
    left: 27px;
    color: #fff;
    line-height: 18px;
    font-size: 11px;
}

#contact_content a {
    color: #fff;
    text-decoration: none;
}

#contact_content a:hover {
    color: #fff;
    text-decoration: underline;
}

#footer_content {
    width: 300px;
    position: absolute;
    top:    7px;
    right: 20px;
    color: #fff;
    font-size: 11px;
    text-align: right;
}

#date {
    width: 350px;
    position: absolute;
    top:   39px;
    right: 20px;
    color: #fff;
    font-size: 11px;
    text-align: right;
}

#title_text {
    width: 250px;
    position: absolute;
    top:  30px;
    left: 240px;
}

#text {
    width: 510px;
    text-align: justify;
    line-height: 17px;
    position: relative;
    left: 240px;
    font-size: 12px;
}


#header_bar {
    position:absolute;
    width: 300px;
    height: 40px;
    top: 20px;
    right: 0px;
}

#icon_de { position:absolute; bottom:1px; right:295px; }
#icon_home { position:absolute; bottom:1px; right:200px; }
#icon_mail { position:absolute; bottom:1px; right:128px; }
#icon_site { position:absolute; bottom:1px; right:70px; }

#link_de { position:absolute; bottom:1px; right:230px; color: #fff; font-size: 11px; }
#link_home { position:absolute; bottom:1px; right:163px; color: #fff; font-size: 11px; }
#link_mail { position:absolute; bottom:1px; right:100px; color: #fff; font-size: 11px; }
#link_site { position:absolute; bottom:1px; right: 25px; color: #fff; font-size: 11px; }

#link_de a       { color: #fff; text-decoration: none;      }
#link_de a:hover { color: #fff; text-decoration: underline; }

#link_home a       { color: #fff; text-decoration: none;      }
#link_home a:hover { color: #fff; text-decoration: underline; }

#link_mail a       { color: #fff; text-decoration: none;      }
#link_mail a:hover { color: #fff; text-decoration: underline; }

#link_site a       { color: #fff; text-decoration: none;      }
#link_site a:hover { color: #fff; text-decoration: underline; }

#links         { line-height: 25px; }
#links a       { line-height: 25px; color: #01512f; text-decoration: none; }
#links a:hover { line-height: 25px; text-decoration: underline; }

#thumbnails {
    width:  825px;
    height: 180px;
    overflow: auto;
}

#thumbnails img {
    border: 4px solid #333; height: 135px; margin: 3px;
}

#thumbnails img:hover {
    border: 4px solid #fff; height: 135px; margin: 3px;
}

.recept {
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}

.recept_title {
	margin: 0 0 5px 0;
	font-family: "Trebuchet Ms", Arial, Tahoma;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.btn_details {
	margin: 15px 0 0 0;
}

.list {
	margin: 20px 0 0 20px;
	padding: 0 0 0 0;
	list-style-type: circle;
}