@charset "utf-8";
/* CSS Document */



/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
 
h2, h3, p, ul, ol { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   

html { height: 101%; }

body {
	background-color: #FAF3C9;
	color: #FAF3C9;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	/* eingef. 03.05.02011 */
	line-height: 13px;
}

/* =====================
   Klassen und IDs    */

.fett {
	font-weight: bold;
}

.clear_l {
 clear: left;
 height: 1px;
}


/* h1, h2 , h3 */

h1 {
	font-size: small;
	line-height: 20px;
	padding: 0px;
	margin-left: 150px;
	margin-bottom: 5px;
}

h2 {
	color: #FFCC00;
	font-size: 14px;
	line-height: 20px;
	padding: 0px;
	margin-left: 70px;
	margin-bottom: 5px;
}

h3 {
	font-size: small;
	font-weight: bold;
	line-height: 20px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.gelb {
	color: #FFCC00;
	font-weight: bold;
}

.rot {
	color: #AC263D;
	font-weight: bold;
}

.orange {
    color: #edb062;
    font-weight: bold;
}

/* einteilung textblöcke     **/
/*==========================================**/

div.text {
	width: 520px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* freizeit für sportliche */
div.text_260 {
	width: 260px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
}

/* startseite wohnen */
div.text_300 {
	width: 300px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
}

div.text_260_w {
	width: 260px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	text-align: center;
}

div.text_200 {
	width: 180px;
	padding-bottom: 5px;
	padding-left: 30px;
	float: left;
}


div.text_d {
	color: #5E3B16;
	width: 520px;
	padding-bottom: 5px;
	padding-left: 10px;
}

div.text_e {
	width: 420px;
	padding-bottom: 5px;
	padding-left: 70px;
}

div.text_mail, p.text_mail {
    font-size: 12px;
	color: #FAF3C9;
	font-weight: bold;
	width: 420px;
	padding: 40px 0px 5px 70px 
}

/* belegungskalender */

div.text_bel {
	width: 520px;
	padding-bottom: 5px;
	margin-left: 35px;
}

div.text_bel_anz {
	width: 540px;
	padding-bottom: 5px;
	margin-left: 5px;
}


/* textblöcke horizontal */
p.txt {
	float: left;
	width: 175px;
	padding: 0px 3px 10px 5px;
	border: 0px;
	margin: 0px;
}

/* belegungs */
p.txt_bel {
	float: left;
	color: #5E3B16;
	width: 175px;
	padding: 0px 3px 0px 3px;
	border: 0px;
	margin: 0px;
}


/* standardblock, bild links mit text */

div.bild_text {
	overflow: hidden;
	width: 530px;
	padding: 5px;
}

div.bild_text img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* standardblock, bild rechts mit text */

div.bild_text_r_e {
	overflow: hidden;
	padding: 5px;
	margin-right: 10px;
	margin-left: 150px;
}

div.bild_text_r_e img{
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* standardblock, bild links eingerück mit text */

div.bild_text_l_e {
	overflow: hidden;
	padding: 5px;
	margin-right: 10px;
	margin-left: 150px;
}

div.bild_text_l_e img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/* horizontale bildergalerie */
/* ================================*/

ul.gallery {
  clear:left;
  padding: 5px 0px 5px 1px;
  border: 0px;
  margin: 0px;
}

ul.gallery li {
  list-style: none;
  display: inline;
}

ul.gallery img {
  padding: 0px;
  border: 0px;
  margin: 0px 3px 0px 3px;
}

ul.gallery img.vert {
  padding: 0px 41px 0px 4px ;
  border: 0px;
  margin: 0px 3px 0px 3px;
}

/* vertikale bildergalerie */
/* ================================*/

/* bilder neu mai 2011 */

.gallery_wohnung img
{
	padding: 10px;
	border: none;
	}

#gallery_v,
#gallery_v1,
#gallery_v2
 {
	float: left;
	width: 270px;
}

#gallery_v ul, 
#gallery_v1 ul,
#gallery_v2 ul
 {
  padding: 0px 0px 5px 1px;
  border: 0px;
  margin: 0px;
}

#gallery_v ul li,
#gallery_v1 ul li,
#gallery_v2 ul li
{
  list-style: none;
}

#gallery_v ul img.eing1,
#gallery_v1 ul img.eing1,
#gallery_v2 ul img.eing1
 {
  padding: 0px 75px 0px 0px;
  border: 0px;
  margin: 0px 0px 0px 10px;
}

#gallery_v ul img.eing2,
#gallery_v1 ul img.eing2,
#gallery_v2 ul img.eing2
{
  padding: 0px;
  border: 0px;
  margin: -30px 0px 0px 75px;
}

#gallery_v ul img.eing3,
#gallery_v1 ul img.eing3 ,
#gallery_v2 ul img.eing3
{
  padding: 0px;
  border: 0px;
  margin: -30px 0px 0px 10px;
}

#gallery_v ul img.eing4,
#gallery_v1 ul img.eing4,
#gallery_v2 ul img.eing4
{
  padding: 0px;
  border: 0px;
  margin: -30px 0px 0px 75px;
}

/* vertikale textblöcke zur  bildergalerie */
/* ================================*/

/* neu mai 2011 */
.wohnung_beschreibung {
	padding: 10px 180px 10px 10px;}

#gallery_vt,
#gallery_vt1,
#gallery_vt2
 {
	float: left;
	width: 270px;
}

#gallery_vt ul,
#gallery_vt1 ul,
#gallery_vt2 ul
{
  padding: 0px;
  border: 0px;
  margin: 0px;
}

#gallery_vt ul li,
#gallery_vt1 ul li,
#gallery_vt2 ul li
 {
  list-style: none;
}

#gallery_vt ul li.eing1,
#gallery_vt1 ul li.eing1,
#gallery_vt2 ul li.eing1
 {
  height: 130px;
  padding: 5px 75px 0px 0px;
  border: 0px;
  margin: 0px 0px 0px 10px;
}

#gallery_vt ul li.eing2,
#gallery_vt1 ul li.eing2,
#gallery_vt2 ul li.eing2
 {
  height: 150px;
  padding: 0px;
  border: 0px;
  margin: -30px 0px 0px 75px;
}

#gallery_vt ul li.eing3,
#gallery_vt1 ul li.eing3,
#gallery_vt2 ul li.eing3
  {
  height: 130px;	
  padding: 0px;
  border: 0px;
  margin: -30px 0px 0px 10px;
}

#gallery_vt ul li.eing4,
#gallery_vt1 ul li.eing4
#gallery_vt2 ul li.eing4
 {
  padding: 0px;
  border: 0px;
  margin: -30px 0px 0px 75px;
}

/* standardnavi im header */

#n_header {
	padding-left: 420px;
	border: 0;
	margin: 0;
}


/* sprachauswahl header */

#sprache_header {
   padding-top: 30px;
   padding-left: 470px;
  
}


/* links header */
/* ================================*/

a.header {
	font-weight: bold;
	color: #5E3B16;
	text-decoration: none;
	text-align: right;
}

a.header:active {
	color: #7B1829;
	text-decoration: none;
}

a.header:visited{
	color: #7b1829;
	text-decoration: none;
}

a.header:hover {
	color: #7B1829;
	text-decoration: underline;
}


/* links innerhalb text */
/* ================================*/

div.n_oben {
	width: 540px;
	text-align: right;
}


a , a:active, a:visited, a:hover{
    font-weight: 600;
	color: #FAF3C9;
	text-decoration: underline;
}
	
/* zur sicherheit gelassen, da noch alte .class im quellcode */

a.l_text, a.l_text:hover,a.l_text:active, a.l_text:visited
 {
    font-weight: 600;
	color: #FAF3C9;
	text-decoration: underline;
}


/* links text dunkel (impr belegungskalender) */
	
a.l_text_d, a.l_text_d:hover, a.l_text_d:active, a.l_text_d:visited
 {
	font-weight: bold;
	color: #5E3B16;
	text-decoration: underline;
}

	
/* links navigationsbereich inhalt, abstände subnavi */
/* ================================*/
	
a.navi, a.navi:active, a.navi:visited {
	line-height: 45px;
	font-weight: bold;
	color: #FAF3C9;
	text-decoration: none;
	padding-left: 5px;
}

a.navi:hover {text-decoration: underline;}

/* ausnahme preise line-height */
a.navi_fr, a.navi_fr:active, a.navi_fr:visited {
	line-height: 42px;
	font-weight: bold;
	color: #FAF3C9;
	text-decoration: none;
	padding-left: 5px;
}
a.navi_fr:hover {text-decoration: underline;}
	
a.eing, a.eing:active,
a.eing:visited {
	line-height: 17px;
	font-weight: bold;
	color: #FAF3C9;
	text-decoration: none;
	padding-left: 10px;
}
a.eing:hover {
	text-decoration: underline;
}

li.abst_hof {height: 35px;}
li.abst_wohnen {height: 13px;}
li.abst_preise{height: 10px;}
li.abst_freizeit {height: 25px;}


ul.navi {
	list-style-type: none;
	margin-top: 85px;
	margin-left: 5px;
}

/* links footer */
/* =========================================================*/
a.footer {
	line-height: 20px;
	color: #FAF3C9;
	text-decoration: none;
}

a.footer:active {
	color: #FAF3C9;
	text-decoration: none;
}

a.footer:hover {
	color: #FAF3C9;
	text-decoration: underline;
}

a.footer:visited  {
	color: #FAF3C9;
	text-decoration: none;
}

/* farbe dunkler für bg bel.kalender */

a.footer_bel, a.footer_bel:active, a.footer_bel:visited {
	line-height: 20px;
	color: #B47737;
	text-decoration: none;
}

a.footer_bel:hover {
	color: #B47737;
	text-decoration: underline;
}


/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */
 

/* styles für content - abweichende bg für einzelne Seiten */
/* =========================================================*/



#content {
	background-image: url(./grafik_layout/content.gif);
	background-repeat: no-repeat;
	height: 100px;
}

/* bg hof franzl mitte 
#content_hof_01, #content_hof_02, #content_hof_03 {
	background-image: url(./grafik_layout/franzl.gif);
	background-repeat: no-repeat;
	height: 100px;
	padding: 0px 0px 0px 5px;
}*/

/* bg preisliste wohnen start 
#content_wohnen_11_p {
	background-image: url(./grafik_layout/content_wohnen_schmetterling_links.gif);
	background-repeat: no-repeat;
	height: 100px;
	padding: 0px 0px 0px 150px;
}*/

/* spalten preisliste wohnen start */
#content_wohnen_11_p p{
	float: left;
	width: 160px;
	padding: 0px 3px 10px 5px;
	border: 0px;
	margin: 0px;
}

#content_wohnen_11_p p.pr{
	float: left;
	width: 100px;
	padding: 0px 3px 10px 5px;
	border: 0px;
	margin: 0px;
}

/* styles für navibereich */
/* =========================================================*/

#navi {
	background-image: url(./grafik_layout/navi_start.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0px;
}

#navi_hof {
	background-image: url(./grafik_layout/navi_hof.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0px;
}

#navi_wohnen {
	background-image: url(./grafik_layout/navi_wohnen.gif);
	background-repeat: no-repeat;
	float: right;
	height: 595px;
	width: 145px;
	margin: 0px;
}

#navi_preise {
	background-image: url(./grafik_layout/navi_preise.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0px;
}


#navi_freizeit {
	background-image: url(./grafik_layout/navi_freizeit.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0px;
}

#navi_kontakt {
	background-image: url(./grafik_layout/navi_kontakt.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0px;
}

#navi_aktuelles {
	background-image: url(./grafik_layout/navi_aktuelles.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0px;
}

#navi_belegungskalender {
	background-image: url(./grafik_layout/navi_belegungskalender.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0;
	padding: 0; 
}

#navi_impressum {
	background-image: url(./grafik_layout/navi_impressum.gif);
	background-repeat: no-repeat;
	float: right;
	height: 565px;
	width: 145px;
	margin: 0;
	padding: 0; 
}


 /* styles für wrapper */
/* =========================================================*/
  
#wrap {
	position: relative;
	background-image: url(./grafik_layout/content.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	margin: 0 auto;
}

#wrap_hof {
	position: relative;
	background-image: url(./grafik_layout/content_hof.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	margin: 0 auto;
}

#wrap_wohnen {
	position: relative;
	background-image: url(./grafik_layout/content_wohnen.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	margin: 0 auto;
}

#wrap_preise {
	position: relative;
	background-image: url(./grafik_layout/content_preise.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	margin: 0 auto;
}


#wrap_freizeit {
	position: relative;
	background-image: url(./grafik_layout/content_freizeit.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	margin: 0 auto;
}

#wrap_kontakt {
	position: relative;
	background-image: url(./grafik_layout/content_kontakt.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	margin: 0 auto;
}

#wrap_aktuelles {
	position: relative;
	background-image: url(./grafik_layout/content_aktuelles.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 700px;
	margin: 0 auto;
}

#wrap_belegungskalender {
	background-image: url(./grafik_layout/content_belegungskalender.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
}

#wrap_impressum {
	background-image: url(./grafik_layout/content_impressum.gif);
	background-repeat: repeat-y;
	width: 700px;
	margin: 0 auto;
}


/* styles für header ENGLISCH*/
/* =========================================================*/

#header_e {
	background-image: url(./grafik_layout/header.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_hof_e {
	background-image: url(./englisch/grafik_layout/header_hof.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_wohnen_e {
	background-image: url(./englisch/grafik_layout/header_wohnen.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_preise_e {
	background-image: url(./englisch/grafik_layout/header_preise.gif);
	background-repeat: no-repeat;
	height: 100px;
}


#header_freizeit_e {
	background-image: url(./englisch/grafik_layout/header_freizeit.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_kontakt_e {
	background-image: url(./englisch/grafik_layout/header_kontakt.gif);
	background-repeat: no-repeat;
	height: 100px;
}
#header_aktuelles_e {
	background-image: url(./englisch/grafik_layout/header_aktuelles.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_belegungskalender_e {
	background-image: url(./englisch/grafik_layout/header_belegungskalender.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_impressum_e {
	background-image: url(./englisch/grafik_layout/header_impressum.gif);
	background-repeat: no-repeat;
	height: 100px;
}


/* styles für header DEUTSCH*/
/* =========================================================*/

#header {
	background-image: url(./grafik_layout/header.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_hof {
	background-image: url(./grafik_layout/header_hof.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_wohnen {
	background-image: url(./grafik_layout/header_wohnen.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_preise {
	background-image: url(./grafik_layout/header_preise.gif);
	background-repeat: no-repeat;
	height: 100px;
}


#header_freizeit {
	background-image: url(./grafik_layout/header_freizeit.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_kontakt {
	background-image: url(./grafik_layout/header_kontakt.gif);
	background-repeat: no-repeat;
	height: 100px;
}
#header_aktuelles {
	background-image: url(./grafik_layout/header_aktuelles.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_belegungskalender {
	background-image: url(./grafik_layout/header_belegungskalender.gif);
	background-repeat: no-repeat;
	height: 100px;
}

#header_impressum {
	background-image: url(./grafik_layout/header_impressum.gif);
	background-repeat: no-repeat;
	height: 100px;
}

/* styles für footer */
/* =========================================================*/

#footer {
	clear: both;
	background-image: url(./grafik_layout/footer.gif);
	background-repeat: no-repeat;
	color: #FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}

#footer_hof {
	clear: both;
	background-image: url(./grafik_layout/footer_hof.gif);
	background-repeat: no-repeat;
	color: #FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}

#footer_wohnen {
	clear: both;
	background-image: url(./grafik_layout/footer_wohnen.gif);
	background-repeat: no-repeat;
	color: #FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}

#footer_preise {
	clear: both;
	background-image: url(./grafik_layout/footer_preise.gif);
	background-repeat: no-repeat;
	color: #FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}


#footer_freizeit {
	clear: both;
	background-image: url(./grafik_layout/footer_freizeit.gif);
	background-repeat: no-repeat;
	color: #FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}

#footer_kontakt {
	clear: both;
	background-image: url(./grafik_layout/footer_kontakt.gif);
	background-repeat: no-repeat;
	color: #FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}

#footer_aktuelles {
	clear: both;
	background-image: url(./grafik_layout/footer_aktuelles.gif);
	background-repeat: no-repeat;
	color: #FAF3C9;
	height: 35px;
	font-size: xx-small;
	padding-left: 100px;
}

#footer_belegungskalender {
	clear: both;
	background-image: url(./grafik_layout/footer_belegungskalender.gif);
	background-repeat: no-repeat;
	color:#FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}

#footer_impressum {
	clear: both;
	background-image: url(./grafik_layout/footer_impressum.gif);
	background-repeat: no-repeat;
	color:#FAF3C9;
	height: 35px;
	font-size: x-small;
	padding-left: 100px;
}

/* ==================================
   4. Sonstige Styles 
   =============================== */   

.popup {
/*	border: 1px solid #b47737; geändert 3.5.2011*/
	background: #449c35;
	padding: 10px 10px 10px 10px; 
}

img.popup_f {
	margin: 10px;
}

/* ======================
   Das Kontaktformular */

form {
/*  background-color: #B47737; */
  color: black; 
/*  width: 390px; */
/*  padding-left: 35px; */
}

/* kontakt  */
div.text_kontakt {

/*	width: 555px; */
/*	padding-bottom: 5px; */
/*	padding-left: 35px; */
}

div.text_kontakt_best {
	width: 390px;
	color: #DE9312;
	font-weight: bold;
	padding-bottom: 5px;
	margin-left: 155px;
}


form.bel {
	background-color: #D9CB75;
	color: black;
	width: 350px;
} 
      
label {
  display: block; 
  cursor: pointer; 
}


input.anzeige {
	background-color: #FAF3C9;
	border: 1px solid #7B1829;
}

input.senden {
	background-color: #DE9312;
	border: 1px solid #D9CB75;
}

input#name,
input#vorname,
input#strasse,
input#plz,
input#ort,
input#fon,
input#fax,
input#mail,
input#erw,
input#kinder,
input#zimmer,
input#von,
input#bis,
textarea {
  width: 220px;
  border: 1px solid #D9CB75; 
  margin-bottom: 5px;
}
textarea { height: 7em; }

input#name:focus,
input#vorname:focus,
input#strasse:focus,
input#plz:focus,
input#ort:focus,
input#fon:focus,
input#fax:focus,
input#mail:focus,
input#erw:focus,
input#kinder:focus,
input#zimmer:focus,
input#von:focus,
input#bis:focus,
textarea:focus {
  background-color: #d9d9d9; 
  color: black; 
}

/* ===============
   Die Galerie */

/* Nur für IE6 */
* html div.galerie { height: 1%; }
   
div.galerie {
  overflow: hidden; /* zum Umschließen der Floats */ 
  width: 500px;
  padding: 10px;
  padding-top: 25px;
  margin: 0 3px 3px 0; 
}

   

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */      

.Stil1 {
	font-size: 18px;
	font-weight: bold;
}