
html, body {
    height:100%;
    margin:0;
    padding:0;
	font-size:100%;

  }

body {
    background-color: rgb(200,233,230);
    text-align:center;
font-size:62.5%;
    color: #000;
  }
  
.normal_font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : 1.5em;
	line-height:1.5em;
    font-style : normal;
    font-variant : normal;
  }
  
.button-font { font-size : 1.8em; }
 
h1 { font-size:1.8em;}
h2 { font-size:1.7em;}
h3 { font-size:1.6em; }
h4 { font-size:1.5em; }
h1, h2, h3, h4 {
    color:#094729;
  }
h1.villa_h { padding:2em 0 2em 0; text-align:center; font-size:2em;}

dd, dt, dl {margin:0; padding:0;}

noscript p {font-size:larger;
color:red;
}

div.clear_div {
    clear:both;
  }

/* Die Haus-Grafik */

#haus {
    width:400px;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
  }
#index_text {text-align:justify;}

/* Der Hauptblock */

#outer {
    background-color : rgb(200,230,230);
    color : #000;
    margin-bottom : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : auto;
    min-height : 100%;
    text-align : left;
    width : 96em;
  }

/* Header mit dem Logo */


#header {
    width:96em;
    text-align:center;
    background-color:rgb(200,230,230);
	padding-top:1%;
  }


#logo_villa {
    margin: 1em auto;
  }


div.infoheader {
    border-bottom:5px groove rgb(83,166,110);
    margin-bottom:1em;
  }

/* Home Hauptext */
#main {
    background-color: rgb(200,230,230);
    line-height: 1.222em;
    font-size: 0.75em;
    margin:0 auto;
    position:relative;
  }
div.main-content {background-color:rgb(200,230,230);}

div.text_content {
    margin: 20px auto 0 auto;
    width:60%;
    text-align : center;
    overflow:auto;
    color:#094729;
    position:relative;
  }


div.text_content p {
    margin: 5px;
  }

#bildtext {
	
    margin: 2% auto;
    padding:15% 5px 5px 5px;
    text-align: center;
    font-size : 1.5em;
    font-family: "Comic Sans MS" ;
    width:400px;
    height:3%;
  }
#bildtext a {
color:#094729;
}

/* Der Ausgleich */
#clearfooter {
    clear:both;
    height:30px;
    width:100%;
    padding-bottom:1em;
  }
/*is needed to make room for #footer, in case the text gets too long for the window*/

/* Footer */
#footer {
    background-color:rgb(200,230,230);
    height:25px;
    border-top:5px groove #094729;
    width:96em;
    margin:-30px auto 0 auto;
    text-align:center;
   }
/* Standardschrift */


/* Anreise Hauptblock */

#anreise_main {
    position : relative;
	width:100%;
	margin:0.5em 0 0 0;
	padding:0;
  }

/* Anreise Bahn-Auto Block */

#bahn_text {
    width:280px;
    margin:1em 2em 0 auto;
    text-align:center;
	float:right;
	font-size:1em;
  }

#auto_text {
	width:280px;
	text-align:center;
	float:right;
	margin: -0.9em 2em 0 auto;
	font-size:1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height:1.5em;
}
#auto_text p {
	width:280px;
	text-align:justify;
	font-size:1em;
	line-height:1.2em;
}
/* Danke-Block */

#danke_block {
    /*
margin: 5em auto;
*/
    text-align : center;
    width : 50em;
    color:#094729;
	
  }


#danke_block h2 {
    margin-bottom:5em;
  }


#danke_block #unterschrift {
    margin-top:5em;
  }

/* Info-Block auf Info-Seiten */



div.infoblock {
    width:200px;
    height:217px;
    float:left;
  }


div.infoblock p {
    text-align:left;
	margin:0;
  }

/* Impressum */
/* Link darauf */


#impressum {
    text-decoration:none;
    font-weight:bold;
    font-size:1.3em;
    color:#094729;
  }

/* Impressum-Block */


#impres_txt {
    float: right;
    margin: -24em 5em 0 auto;
  }

#impres_txt h3 {
    font-size:13px;
    text-align:center;
    margin-top:2em;
    margin-bottom:0;
  }


.impr_td h3, .impr_td p {
    text-align:center;
    margin:0.3em;
  }

/* Kontakt */


#kontakt_right p {
    text-align: left;
  }

/* Preise und Bedingungen */


#preisblock {
    margin : 0 auto;
    width : 60em;
    text-align:justify;
  }


div#preisblock h3, h4 {
    text-align:center;
  }


#preis_details {
    text-align:justify;
  }


div.zusaetze {
    width:70%;
    margin: 11px auto;
  }

/* Villa-Seite */


#villa h4 {
    padding:0;
    color:#094729;
  }
a#panorama_a {
	text-decoration:none;
	display:block;
	color:#fff;
	background: rgb(83,166,110);
	width:16em;
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
}  
a#panorama_a:link, a#panorama_a:visited {
	background: rgb(83,166,110);
}
a#panorama_a:hover {
	background:rgb(200,230,230);
	color:#094729;
} 

/* Anfrageseite*/


#anfrage_titel {
    text-align:center;
    margin:2% auto;
  }


p#star {
    padding-bottom:2em;
	text-align:center;
  }

/* Extras */
#extras_container {
padding-top:3em;
}
#extras_div {
text-align:left;
width:60%;
margin:0 auto;
float:right;
height : 100%;
padding:0 1em 0 1em;
}

#extras_div h4 {
font-size:1.2em;
}

#extras_div  p, #extras_div ul {
text-align:left;
}
#extras_div ul {
padding-left:15px;
}
#extras_menu {height : 100%; 
width : 35%;
float:left;}


