/* CSS Document */

/*Holiday-Playa*/

/*Allgemein Body*/

	* {
		margin: 0;
		padding: 0;
		}

	html, body, form {
		height: 100%;
		width: 100%;
		font-size: 0.625em;
		text-align: center;
		}
		
	body {
		background: #fab552;
		background: url(image/bg_spalte.jpg);
		background-repeat: repeat-x;
		font: 13px Arial, Helvetica, sans-serif;
		}

/*-------------------------------------------------------------------------------------*/
/*--Layout Allgemein--*/
/* CSS Document */

	div#container_rahmen {
		width: 100%;
		height: 100%;
		}
		
	div#container1 {
		width: 860px;
		height: 100%;
		margin: auto;
		text-align: left;
		}
		
	div#container2_1 {
		background: url(image/streifen_quer.jpg);
		background-repeat: repeat-y;
		}
		
	div#container2 {
		width: 850px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		background: url(image/bg_background.jpg);
		background-repeat: no-repeat;
		text-align: left;
		}
		
	div.head_1 {
		background: url(image/header_de.jpg);
		width: 100%;
		height: 350px;
		}

	div.head_2 {
		background: url(image/header_en.jpg);
		width: 100%;
		height: 350px;
		}

/*-------------------------------------------------------------------------------------*/
/*Navigation*/
		
	div.navi_head {
		width: 804px;
		height: 77px;
		background: url(image/bg_navi.jpg);
		display: inline;
		clear: both;
		float: left;
		margin: 0 0 10px 24px;
		font: 12px Arial, Helvetica, sans-serif;
		}
		
	ul.ul_navi_1 {
		float: left;
		display: inline;
		list-style: none;
		margin: 18px 0 0 20px;
		}
		
	ul.ul_navi_1 li {
		float: left;
		padding: 0 15px 0 15px;
		}
		
	ul.ul_navi_1 li a {
		color: #674818;
		text-decoration: none;
		}
		
	ul.ul_navi_1 li a:hover {
		color: #3D2B0E;
		text-decoration: underline;
		}
		
	div.navi_unternavi {
		width: 804px;
		height: 50px;
		background: url(image/bg_navi_2.jpg);
		display: inline;
		clear: both;
		float: left;
		margin: 20px 0 10px 24px;
		font: 12px Arial, Helvetica, sans-serif;
		}
		
	ul.unternavi_1 {
		width: 200px;
		clear: both;
		float: left;
		display: inline;
		list-style: none;
		margin: 20px 0 0 580px;
		}
		
	ul.unternavi_1 li {
		float: left;
		padding: 0 15px 0 15px;
		}
	
	ul.unternavi_1 li a {
		color: #674818;
		text-decoration: none;
		}
		
	ul.unternavi_1 a:hover {
		text-decoration: underline;
		color: #3D2B0E;
		}

	div.footer {
		width: 804px;
		height: 50px;
		display: inline;
		clear: both;
		margin: 0 0 10px 20px;
		font: 11px Arial, Helvetica, sans-serif;
		}
		
	ul.ul_footer {
		float: left;
		display: inline;
		list-style: none;
		margin: 0 0 0 170px;
		}
		
	ul.ul_footer li {
		float: left;
		padding: 0 15px 0 15px;
		}
		
	ul.ul_footer li a {
		color: #674818;
		text-decoration: none;
		}
		
	ul.ul_footer li a:hover {
		color: #3D2B0E;
		text-decoration: underline;
		}
		
/*-------------------------------------------------------------------------------------*/
/*--Absätze Allgemein*/

	.hidden {
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
		
	h2 {
		font: 22px Helvetica, Arial, sans-serif;
		padding: 0 15px;
		}
	
	h3 {
		font: 14px Helvetica, Arial, sans-serif;
		padding: 0 15px;
		}
		
	.h3_index {
		font: 20px Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color: #674818;
		padding: 5px 0 5px 30px;
		}	
	
	.p1 {
		padding: 10px 15px 0 15px;
		}
		
	.p1_block {
		padding: 5px 30px 20px 30px;
		text-align: justify;
		line-height: 1.2;
		}

	.p2 {
		padding: 10px 15px 0 30px;
		}
		
	a.link_allg {
		color: #A9680A;
		}
		
	a.link_allg:hover {
		color: black;
		}
		
/*-------------------------------------------------------------------------------------*/
/*Index Vorschau Fenster*/

	.voransicht {
		clear: both;
		width: 800px;
		height: 248px;
		margin: 10px 0 0 25px;
		background: url(image/bg_vorschau.jpg);
		}
		
	a.h3_vorschau {
		display: block;
		font: 20px Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color: #674818;
		padding: 15px 0 10px 30px;
		}
		
	a.h3_vorschau:hover {
		color: black;
		}
		
	img.vorschau {
		margin: 5px 10px 5px 30px;
		float: left;
		border: 1px solid white;
		}
		
	.p1_vorschau {
		margin: 5px 0 0 0;
		}
		
	.bild_index_1 {
		border: 1px solid white;
		display: inline;
		float: left;
		margin: 8px 17px 6px 2px;
		}
		
	.bild_index_2 {
		border: 1px solid white;
		display: inline;
		float: right;
		margin: 8px 2px 6px 17px;
		}
		
	.beschr_rahmen {
		width: 800px;
		margin: 0 0 0 25px;
		}
	
	.beschr_o {
		background: url(image/bg_index_2_o.jpg);
		background-repeat: no-repeat;
		width: 800px;
		height: 32px; 
		}
		
	.beschr_m {
		width: 800px;
		background: url(image/bg_index_2_m.jpg);
		background-repeat: repeat-y;
		}
		
	.beschr_u {
		height: 32px;
		width: 800px;
		background: url(image/bg_index_2_u.jpg);
		background-repeat: no-repeat;
		}
		
	.beschreibung_en {
		width: 800px;
		height: 313px;
		margin: 0 0 0 25px;
		background: url(image/bg_index_1.jpg);
		background-repeat: no-repeat;
		}

	.p1_head_1 {
		margin: 5px 0 0 75px;
		font-size: 12px;
		}
				
/*-------------------------------------------------------------------------------------*/
/*Einzelseiten Head*/

	.einzelseiten_head {
		width: 800px;
		margin: 0 0 0 35px;
		}
		
	.h2_head {
		margin: 0 0 0 35px;
		text-decoration: underline;
		}
		
	.p1_head {
		margin: 0 0 0 25px;
		}
		
/*-------------------------------------------------------------------------------------*/
/*Fotos und Beschreibung*/

	#fotos_div {
		width: 800px;
		margin: 0 0 0 25px;
		}
		
	div.bild_rahmen {
		width: 370px;
		height: 305px;
		border: 1px solid #D0BB7B;
		display: inline;
		float: left;
		margin: 20px 5px 0 15px;
		}
				
	.bild_inhalt {
		margin: 7px 10px 0 10px;
		border: 2px solid #EEEADE;
		width: 350px;
		height: 265px;
		}	
		
	.bild_beschr {
		text-align: center;
		margin: 5px 0 0 0;
		}
		
/*-------------------------------------------------------------------------------------*/
/*Kalender*/

	div#kalender_div {
		clear: both;
		width: 800px;
		margin: 0 0 0 25px;
		}		
	
	div#kalender_innen {
		width: 740px;
		margin-left: 30px;
		font: 12px Arial, Helvetica, sans-serif;
		height: 550px;
		}
		
	div#jahrauswahl {
		clear: both;
		height: 20px;
		text-align: center;
		font: bold 20px Arial, Helvetica, sans-serif;
		margin: 7px 0 10px 0;
		background: #FAF2D5;
		padding: 4px 0 9px 0;
		}
		
	div#jahrauswahl a, .p1_head_1 a, #impressum_div a {
		color: #674818;
		}
		
	div#jahrauswahl a:hover, .p1_head_1 a:hover, #impressum_div a:hover {
		color: #B27D29;
		}
		
	div#jahrauswahl a.aktiv, div#jahrauswahl a.aktiv:hover {
		color: #E88F0F;
		text-decoration: none;
		}
				
	.tab_rahmen {
		padding: 4px;
		border: 1px solid #D0BB7B;
		display: inline;
		float: left;
		margin: 10px;
		text-align: center;
		}
		
	.tab_kalender {
		border-collapse: collapse;
		background: #FAF2D5;
		}
		
	.tab_kalender td {
		width: 22px;
		height: 18px;
		text-align: center;
		}
		
	.tab_head, .tab_monat {
		background-color: #FFCC33;
		}
		
	.tab_monat {
		padding: 2px 0 2px 0;
		font-weight: bold;
		}
		
	.tab_belegt {
		background-color: #CCCCCC;
		text-decoration: line-through;
		}
		
	.tab_anfang {
		background: url(image/belegt_anfang.jpg);
		}
		
	.tab_ende {
		background: url(image/belegt_ende.jpg);
		}
		
	.belegt {
		position: relative;
		top: 2px;
		border: 1px solid #666666;
		}
		
/*-------------------------------------------------------------------------------------*/
/*Lage*/

	#lage_div {
		width: 800px;
		margin: 0 0 0 25px;
		}
	
	#karte_div {
		float: right;
		width: 272px;
		border: 1px solid #D0BB7B;
		margin: 10px 15px 0 15px;
		}
		
	#karte_hinweis {
		font: 11px Arial, Helvetica, sans-serif;
		color: #5C431E;
		text-align: center;
		}
		
	#karte_hinweis a {
		color: #5C431E;
		}
		
	#karte_hinweis a:hover {
		color: black;
		}
		
	#bild_karte {
		border: 1px solid #D0BB7B;
		}
		
/*-------------------------------------------------------------------------------------*/
/*Mietpreise*/

	#mietpreise_div {
		width: 800px;
		margin: 0 0 0 25px;
		}
		
	#tab_preise {
		width: 760px;
		margin: 10px 0 10px 15px;
		border-collapse: collapse;
		font: 12px Arial, Helvetica, sans-serif;
		empty-cells: hide;
		}
		
	#tab_preise td {
		border: 1px solid #D0BB7B;
		padding: 2px 3px 2px 3px;
		width: 108px;
		text-align: center;
		background: #FAF2D5;
		}
	
	#tab_preise thead td {
		font-weight: bold;
		background: #FFCC33;
		}
		
	#tab_preise td.leer {
		border: none;
		background: none;
		}

  .ul_preise {
    list-style: none;
    margin: 5px 0 0 25px;
    width: 660px;
  }

  .ul_preise li {
    list-style-type: none;
    background: url(image/li_punkt.jpg) left top no-repeat;
    padding: 0 0 0 15px;
    margin: 10px 0 0 0;
  }


/*-------------------------------------------------------------------------------------*/	
/*Austattung*/

	#ausstattung_div {
		width: 800px;
		margin: 0 0 0 25px;
		}
		
	#tab_ausstattung {
		width: 760px;
		border: 1px solid #D0BB7B;
		border-collapse: collapse;
		margin: 10px 0 10px 15px;
		}
		
	#tab_ausstattung td {
		border: 1px solid #D0BB7B;
		padding: 5px;
		background: #FAF2D5;
		}
		
	#tab_ausstattung td.tab_ausst_sp1 {
		width: 190px;
		background: #FFCC33;
		font-weight: bold;
		vertical-align: text-top;
		}
		
	.tab_ausst_ul {
		margin: 0 0 0 20px;
		display: inline;
		float: left;
		}
		
	.tab_ausst_ul li {
		width: 240px;
		}
		
/*-------------------------------------------------------------------------------------*/	
/*Kontakt*/

	#kontakt_div {
		width: 800px;
		margin: 0 0 0 25px;
		}
		
	#tab_kontakt {
		width: 760px;
		border-collapse: collapse;
		border: 1px solid #D0BB7B;
		margin: 10px 0 10px 15px;
		text-align: left;
		font: 13px Arial, Helvetica, sans-serif;
		}
		
	#tab_kontakt td {
		border: 1px solid #D0BB7B;
		vertical-align: text-top;
		padding: 5px;
		}
		
	#tab_kontakt td.tab_kont_sp1 {
		width: 170px;
		background: #FFCC33;
		font-weight: bold;
		}
		
	#tab_kontakt td.tab_kont_sp2 {
		width: 400px;	
		background: #FAF2D5;
		}
		
/*Kontaktformular*/
	.eingabe_1 {
		width: 9px;
		background-color: transparent;
		color: red;
		font-weight: bold;
		border: none;
		}
		
	.eingabe_2 {
		font: 12px Arial, Helvetica, sans-serif;
		margin: 4px 0 5px 0;
		background: #FFFBEE;
		padding: 2px;
		border: 1px solid #CCCCCC;
		}
		
	input.eingabe_2 {
		width: 220px;
		}
		
	.pruefer {
		display: none;
		}	
	
	div#kon_hinweistext {
		clear: both;
		padding: 8px 0 0 20px;
		}
		
	.kon_hinweis {
		background-color: transparent;
		border: none;
		width: 300px;
		color: red;
		}
		
	div#kon_absenden {
		float: right;
		margin: 5px 20px 0 0;
		}
		
/*Kontaktformular gesendet*/
	div.inhalt_03 {
		width: 420px;
		border: 1px solid #808689;
		background: #FAF2D5;
		margin: 12px 0 0 26px;
		}
		
	p.inhalt {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		margin: 6px 10px 6px 10px;
		line-height: 1.6;
		}

	#mail_gesendet {
		width: 800px;
		margin: 0 0 0 25px;
		}

	.loeschen {
		clear: both;
		}
	
	#gesendet {
		color: #009900;
		}
		
	#nichtgesendet {
		color: #eb151a;
		}
			
/*-------------------------------------------------------------------------------------*/	
/*Impressum*/

	#impressum_div {
		width: 800px;
		margin: 0 0 0 25px;
		text-align: center;
		}
		
/*-------------------------------------------------------------------------------------*/	
/*Haftungsausschuss*/
	#haftung_div {
		width: 800px;
		margin: 0 0 0 20px;
		}

	#haftung_div p {
		padding: 10px 15px 0 15px;
		}
		
	p.block1 {
		margin-left: 2px;
		}
		
	p.block2 {
		font: 12px Arial, Helvetica, sans-serif;
		}