/* default styles */
* { margin: 0; padding: 0; }
html { height: 100%; color: #333; background: #D5FBD0; margin: 0; padding: 0; text-align: left; }
#custom-doc { 
width: 1200px; min-height: 800px;
border: solid 0px blue;
font: normal 100% arial, helvetica, geneva, sans-serif;
background: #D5FBD0 url(../img/hoimahof-bg.jpg) no-repeat top left;
}
#hd { position: relative; height: 283px; padding: 0; margin: 0; color: white; border: solid 0 red; }

#bd { position: relative; margin: 0; padding: 0; padding-top: 10px; border: solid 0 black; }
#bd #yui-main .yui-b { margin-left: 375px; height: 375px; }
#hnav { background-color: transparent; padding: 0; margin: 0; border: solid 0px white; overflow: visible; }
#hnav ul { padding-left: 210px; }
#hnav ul li { vertical-align: top; line-height: 1.25em; border: solid 0 black; }
/* *+html #hnav ul li { ; } /* ie7 only */
#hnav ul li a { font-size: 100%; display: block; padding: 0 0 10px 0; color: #093; font-weight: bold; text-decoration: none; }
#hnav ul li a.aktiv, #hd #hnav ul li a:hover { color: #003300; }
/* ie6 only */
* html #hnav ul { border: solid 0px white; padding: 0; padding-left: 186px; } 
* html #custom-doc { height: 800px; }

#beiuns, #tiere, #drumherum, #ferienwohnung, #galerie, #yui-main div.yui-b { position: relative; height: 375px; }
#kontakt { position: relative; }
#bd #drumherum p { line-height: 1.33em; padding-bottom: 0.5em; }
#bd #drumherum h1 { padding-bottom: 0.75em; }
#bd h1.bluete1, #bd p.lh44 { line-height: 44px; padding-bottom: 0; }
#bd h1.bluete1 { background: url(../img/bluete1-bg.jpg) no-repeat top left; padding-left: 50px; }
a.bluete2 { margin-left: 1em;  padding-left: 45px; padding-top: 15px; padding-bottom: 15px; background: url(../img/bluete2-bg.jpg) no-repeat top left; }
a.bluete1 { margin-left: 1em;  padding-left: 45px; padding-top: 15px; padding-bottom: 15px; background: url(../img/bluete1-or.jpg) no-repeat top left; }
#bd h1.bluete2-ol { background: url(../img/bluete2-ol.jpg) no-repeat top left; padding-left: 45px; padding-bottom: 0; line-height: 44px; }
p.ml-foto { padding-left: 185px; }
#main-bilder img { padding-left: 7px; }
#ferienwohnung-bilder img { padding-left: 28px; }
/* seitenränder und abstände */
#text { padding-right: 250px; }
#textblock { font-size: 0.93em; *font-size:90%; width: 430px;  margin-bottom: -35px; overflow: visible; 
border: solid 0px white; position: relative; }
#anfahrt-text { width: 170px; }
#anfahrt-skizze { width: 600px; margin-left: -20px; position: relative; }
#ft { margin-right: 30px; }
#ft p { margin: 1em auto; text-align: center; }

/* schriftstile */
img { border: none; }
strong, em { font-weight: bold; }
em { font-style: italic; }
#bd p, #bd td, #bd th, #bd li { font-size: 93%; line-height: 1.5em; }
#bd h1 { font-size: 116%; font-weight: bold; padding-top: 0; padding-bottom: 1.25em; }
#bd h2 { font-size: 100%; font-weight: bold; padding-bottom: 3px; }
#bd h3, #bd h4, #bd h5 { font-weight: bold; padding-bottom: 0.5em; }
#bd h4 { color: #666; }
#bd p, #bd table, #bd ul { padding-bottom: 0.75em; }
#bd li { list-style-type: none; margin-left: 1em; padding-left: 10px; background: transparent url(../img/liste.gif) no-repeat left 0.75em;}
#bd th, #bd td { padding-right: 0.5em; }
#bd th { font-weight: bold; padding-right: 1.5em; }
#ft { font-size: 77%; }

/* schriftfarben */
#bd h1, #bd h2, #bd p span { color: #009933; }
#bd h4 { color: #666; }
#bd h3, #bd p, #bd p span.sup { color: #333; }
#ft, #ft a { color: #889C8F; }

/* links */
a { text-decoration: none; font-weight: normal; color: #009933; }
a:hover { text-decoration: underline; }
a.weiter:before { content: "["; } a.weiter:after { content: "]"; }
a[target=_blank] { padding-right: 12px; background: url(../img/ext.gif) no-repeat right; }

/* klassen */
.zentriert { text-align: center; }
.rechts { text-align: right; }
.blau { color: #003ea4; }
.kursiv { font-style: italic; }
.fett { font-weight: bold; }
.klein { font-size: 93%; color: #666; padding-bottom: 1em; }
.f-links {float: left; }
.f-links-ab {float: left; margin: 0 1em 0.5em 0; }
.f-links-s {float: left; margin: -14px 0.5em 0 -1em; }
.abs-u { position: absolute; bottom: 0; left: -6px; }
.abs-ul { position: absolute; bottom: 0; left: 2px; }
.abs-ur { position: absolute; bottom: 0; right: -8px; z-index: 100; }
.abs-or { position: absolute; top: 0; right: -8px; }
p.aufz img { float: left; padding-right: 10px; }
p.aufz a { display: block; line-height: 43px; float: left; padding-right: 15px; }
span.sup { color: #333; vertical-align: 4px; }
.f-rechts {float: right; }
.f-rechts-ab {float: right; margin: 0 0 0.5em 0; }
.f-rechts-o {float: right; margin: -10px 0 0 0; overflow: hidden; }
.clear-r { clear: right; }
.clear-l { clear: left; }
.clear-both { clear: both; }
.m0 { padding-bottom: 0; margin-bottom: 0; }
.mt3 { margin-top: 35px; }
.oben td { vertical-align: top; }
.schmal td, .schmal th { padding: 0; }
.unten-links { position: relative; bottom: 0; left: 0; }
.vorlaeufig { color: #666; margin: 2em 0 0 0; font-style: italic; font-weight: bold; }
.mail { background: white url(../img/mail.gif) no-repeat left; padding-left: 20px; }
.top, .back, .x { margin-top: 1em; line-height: 1em; padding: 0; border: solid 0 black; padding-left: 20px; }
.x { background: transparent url(../img/schliessen.gif) no-repeat left; }