@charset "ISO-8859-1";


* { margin: 0; padding: 0; }

body, html { height:100%; }

body { background: #DED5CA url(../images/layout/hintergrund.png) top left repeat-x; color: #503e1d; color: #713E1D;}
body, td {  font: 12px Trebuchet MS, Arial, sans-serif; }

#vertzentr { height: 50%; margin-bottom: -250px; position: relative; width: 100%; }

#wrapper { width: 850px; height: 492px;  margin: auto; position: relative; background: #4F402E; }

#footer { width: 850px; height: 50px; margin: 0 auto; background: url(../images/layout/footer.gif) center top no-repeat; }
#footer a { width: 78px; height: 47px; display: block; margin-left: 20px; background: url(../images/layout/footer-edb.gif) top left no-repeat; }
#footer a span { display: none; }

#inner-wrapper { height: 485px; background: url(../images/layout/inner-wrapper.png) 6px 7px no-repeat; }

#sidebar { float: left; width: 265px; margin: 0 0 0 15px; }

#header { padding: 50px 0 0 15px; }

#header h1 { text-indent: -10000%; background: url(../images/layout/h1-ferienwohnung-fuhrmann.gif) center top no-repeat; width: 231px; height: 79px; }

#header h2 { margin-top: 20px; text-indent: -10000%; background: url(../images/layout/h2-steffen-fuhrmann-service.gif) center top no-repeat; width: 231px; height: 48px; }

#navigation { list-style-type: none; margin: 50px 20px 0 0; }

#nav-startseite a { background: url(../images/layout/nav-startseite.gif) right bottom no-repeat; height: 32px; }
#nav-ferienwohnung a { background: url(../images/layout/nav-ferienwohnung.gif) right bottom no-repeat; height: 32px; }
#nav-kontakt a { background: url(../images/layout/nav-kontakt.gif) right bottom no-repeat; height: 32px; }
#nav-impressum a { background: url(../images/layout/nav-impressum.gif) right bottom no-repeat; height: 28px; }
#nav-bauservice a { background: url(../images/layout/nav-bauservice.gif) right bottom no-repeat; height: 35px; margin-top: 40px; }

#nav-startseite a:hover { background-image: url(../images/layout/nav-startseite-hi.gif); }
#nav-ferienwohnung a:hover { background-image: url(../images/layout/nav-ferienwohnung-hi.gif); }
#nav-kontakt a:hover { background-image: url(../images/layout/nav-kontakt-hi.gif); }
#nav-impressum a:hover { background-image: url(../images/layout/nav-impressum-hi.gif); }
#nav-bauservice a:hover { background-image: url(../images/layout/nav-bauservice-hi.gif); }

#nav-startseite.aktiv a { background-image: url(../images/layout/nav-startseite-active.gif); }
#nav-ferienwohnung.aktiv a { background-image: url(../images/layout/nav-ferienwohnung-active.gif); }
#nav-kontakt.aktiv a { background-image: url(../images/layout/nav-kontakt-active.gif); }
#nav-impressum.aktiv a { background-image: url(../images/layout/nav-impressum-active.gif); }
#nav-bauservice.aktiv a { background-image: url(../images/layout/nav-bauservice-active.gif); }

#navigation a { display: block; text-indent: -10000%; }


#inhalt { width: 550px; height: 460px; margin: 15px 15px 0 0; float: right; }


#inhalt a { color: #a2785d; text-decoration: none; }
#inhalt:hover a { border-bottom: 1px dotted #a2785d;}
#inhalt a:hover { color: #331806; }

#inhalt h2 { margin: 2em 0 1em 2em; } 
#inhalt h3 { margin: 1em 0 1em 3.1em; font-weight: normal; color: #a2785d; font-size: 15px; } 
#inhalt table h3 { margin-left: 0; } 

#inhalt p { margin: 1em 3em 1em 4em; text-align: justify; line-height: 1.7em; }
#inhalt p strong { font-size: 13px; }
#inhalt p strong small{ font-size: 11px; }

#inhalt ul { margin-left: 5em; }

#inhalt table { margin-left: 4em; }
#inhalt td { vertical-align: top; xwidth: 50%; }

#h2-herzlich-willkommen { text-indent: -10000%; background: url(../images/layout/h2-index.gif) top left no-repeat; height: 52px; }
#h2-ferienwohnung { text-indent: -10000%; background: url(../images/layout/h2-ferienwohnung.gif) top left no-repeat; height: 52px;  }
#h2-impressum { text-indent: -10000%; background: url(../images/layout/h2-impressum.gif) top left no-repeat; height: 52px;  }
#h2-kontakt { text-indent: -10000%; background: url(../images/layout/h2-kontakt.gif) top left no-repeat; height: 52px;  }
#h2-bauservice { text-indent: -10000%; background: url(../images/layout/h2-bauservice.gif) 10px top no-repeat; height: 32px;  }

.galerie { text-align: center; }


#inhalt table.formular { margin-left: 0; margin-right: 30px; }

#formular-hinweis { background: url(../images/layout/formular-hinweis.png) left 5px no-repeat; color: #3c2414; padding-left: 23px; margin-bottom: 15px; padding-right: 5px; }
.field-required { background: url(../images/layout/field-required.png) right 50% no-repeat;  }
.field-required-highlight  { background: url(../images/layout/field-required-highlight.png) right 50% no-repeat; color: #3c2414; }
label { padding-right: 15px; }
.formular td { vertical-align: top; }
.label { padding: 7px 15px 0 0; text-align: right; font-size: 10px; font-weight: bold; color: #b28d75; }

.eingabe { padding-bottom: 5px; }
.eingabe input, .eingabe textarea { border: 1px solid #d4c4b0; width: 198px; padding: 5px; font: 14px Trebuchet MS, Arial, Helvetica, sans-serif;  color: #3c2414; }
.eingabe input:focus, .eingabe textarea:focus { border-color: #a79073; }
.eingabe input { background: url(../images/layout/input-hg.png) top left no-repeat; height: 19px; }
.eingabe input:focus { background-image: url(../images/layout/input-focus-hg.png); }
.eingabe textarea { background: url(../images/layout/textarea-hg.png) top left no-repeat; height: 63px; }
.eingabe textarea:focus { background-image: url(../images/layout/textarea-focus-hg.png); }

.eingabe input.entry-required-highlight, .eingabe textarea.entry-required-highlight { border: 1px solid #685439; }

.button { text-align: center; }



.preistabelle td { border-bottom: 1px dotted #D0C2B0; padding: 5px 5px; }
.preis { text-align: right; font-style: italic; color: #331806; }


#counter { color: #D3C6B7; font-size: 10px; text-align: right; }



#index #inhalt { background: url(../images/fotos/index.jpg) center bottom no-repeat; }
#ferienwohnung #inhalt { background: url(../images/fotos/ferienwohnung.jpg) right bottom no-repeat; }
#impressum #inhalt { background: url(../images/fotos/impressum.jpg) right bottom no-repeat; }
#bauservice #inhalt { background: url(../images/fotos/bauservice.jpg) right bottom no-repeat; }

.ferienwohnung { display: block; text-align: center; margin-top: 0.7em; }