HTML, BODY { margin:0px; padding:0px;}
BODY{font-family: Tahoma, Geneva, sans-serif; background: url(../images/bg.png);}

#site {border:0px solid #f0f; width: 1171px; margin: 0 auto; color: #6c5047; font-family: 'Gudea', Arial, sans-serif; font-size: 14px; font-weight:400; line-height: 1.2; }
.fett {font-family: 'Gudea', Arial, sans-serif; font-weight:700;}
.italic{font-family: 'Gudea', Arial, sans-serif; font-weight:400; font-style:italic;}

#wrapper {float:left;}
.center{margin: 0 auto;}
.layout {width: 900px; }

.ARTICLE{ float: left; border:0px solid #0f0; }
.SECTION {float: left; border:0px solid #0f0;}
IMG {border: none;}

a {text-decoration: none;}
a:hover {}

#header{ margin: 85px 0 0 0; border: 0px solid #00f;}
#logo { margin: -60px 0 0 0;}
.bg_header {background:url(../images/header.png) top center no-repeat; float: left; width: 894px; height: 232px; text-align: center;}
h1 {font-family: 'Sail', cursive, Arial, serif; font-weight: 400; color: #345416; font-size: 22px; margin: 100px 0 0 0;}

#contact-box{background: url(../images/contact.png) center no-repeat; width:266px; height:157px; margin: 660px -19px 0 0px; float:left; font-size: 14px;}
#contact-box p{text-align: right; padding-right:20px ;margin: 0; width: 240px;}
#contact-box p.name {margin: 21px 0 0 0;}
#contact-box p.adress {}
#contact-box p.fon{margin: 8px 0 0 0;}
#contact-box p.fon2{margin: 0 0 5px 0;}
#contact-box a{color: #16777e; font-size: 14px;}
#contact-box a:hover{text-decoration:underline;}

#content{background: url(../images/bg_1px.png) top center repeat-y; width: 894px; }
#content a {color: #b3988f;}
#content a:hover {text-decoration: underline;}
.house{margin: 20px 25px 0 -31px; float: left;}
#art-1{width: 435px; margin: 15px 0 0 0; line-height: 1;}
.umgebung {line-height: 1.2;}
h3{font-weight: 400; color: #275862; font-size: 14px; margin: 20px 0 0 0; clear: both;}
#map{float: right; margin: -30px -18px 0 0; }
#map:hover {}

.die-grosse{background: url(../images/die-grosse.png) center no-repeat; width: 429px; height: 243px; float: left; margin: 4px 0 0 43px; position:relative; z-index:1;}
#art-2{margin: 46px 0 0 -110px; background: url(../images/rect-green.png) center no-repeat; width: 462px; height: 130px;}
#art-2 p, #art-4 p{padding:0 0 0 28px;}
#art-2 p.text {padding-top: 13px;}

#art-3{margin: 20px 0 0 -110px; width: 462px; height: 90px; } 
#art-3 p.preise {margin-top: -6px;}

.die-kleine{background: url(../images/die-kleine.png) center no-repeat; width: 429px; height: 242px; float: left; margin: -30px 0 10px 43px; position:relative; z-index:1;}
#art-4{margin: 45px 0 0 -110px; background: url(../images/rect-blue.png) center no-repeat; width: 462px; height: 117px;}
#art-4 p.text {padding-top: 17px;}

#paket {background: url(../images/footer.png) center no-repeat; width: 894px; height: 232px; margin: -17px 0 0 6px; }
#art-5 {margin: 68px 0 0 105px; width: 680px; }

#FOOTER{width:894px; height: 20px; color: #334a5e; font-size: 13px; text-align:center; }
#FOOTER span {margin-right: 8px; }
#FOOTER a {font-size: 14px; color: #334a5e;}
#FOOTER a:hover {color: #00ff88;}
#FOOTER p.impressum a{ font-size: 12px;}
.impressum {margin: -8px 0 0 0; padding-bottom:15px;}


#imgPreviewWithStyles {
    background: #8caf75;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 15px;
    z-index: 999;
    border: none;
}