/*	======================================================
		Grundgerüst Stylesheet
		(1) Body
		(2) Schatten
		(3) Layout Gerüst
		(4) Navigations-Elemente
	====================================================	*/
	
	
	
	
	
	/* =====================================================
		 (1) Body 
	====================================================	*/
	body {
		background: url("../frontend/images/higru.gif");
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		color: #7c7c7c;
		text-align:center;
		padding:0;
		margin:0;
		}


	p {
		margin: 0;
		padding: 0;
	 	}

		


	div {
		margin:0;
		padding:0;
		}

	.clear {
		clear: both;
		margin: 0;
		padding: 0;
		height: 0;
		line-height: 0;
		font-size: 0;
	}




	/* =====================================================
		 (2) Text 
	====================================================	*/
	
	h1 {
		font-weight:bold;
		font-size: 14px;
		margin:6px 10px 6px 0px;
		padding:0;
		}


	.text_big {
		font-weight:bold;
		font-size: 14px;
		line-height: 18px;
		}

	



	table.tabelle {
		border-collapse: collapse;
		margin: 8px 0px;
		}

	table.tabelle td {
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 2px 10px;
		border:1px white solid;
		}

	td.personen {
		background-color: #ffebd3;
		}
	td.eine_woche {
		background-color: #f6f9ed;
		}
	td.zwei_wochen {
		background-color: #ecf5ec;
		}
	td.drei_wochen {
		background-color: #feede5;
		}
	td.einen_monat {
		background-color: #e8e6f4;
		}





		
/* =====================================================
		 (3) Layout-Gerüst 
	====================================================	*/

	/* Container für den gesamten Inhalt */
	#wrapper {
		text-align:left;
		width:940px;
		margin:8px auto;
		}


	#header {
		width:940px;
		height:160px;
		color: #333333;
		text-align: center;
		}
	
	#content {
		position:relative;
		width:940px;
		padding:0;
		min-height: 390px;
		}
	
	#footer {
		clear:both;
		padding:20px 0px 10px 0px;
		font: 12px Arial, Helvetica, sans-serif;
		text-align: center;
		}

	#footer a{
		font: 12px Arial, Helvetica, sans-serif;
		font-weight:normal;
		text-decoration: none;
		color: #7c7c7c;
		}

	#footer a:hover{
		font-weight:bold;
		}



	/* =====================================================
		 (4) Navigations-Elemente 
	====================================================	*/	



	#navigation_left{
		float:left;
		margin: 0;
		padding: 0;
		}
	#navigation_left a{
		display: block;
		float: left;
		color: #7c7c7c;
		margin: 4px 12px;
		padding: 0px 0px 4px 0px;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration: none;
		}



	#navigation_right{
		float:right;
		margin: 0;
		padding: 0;
		}
	#navigation_right a{
		display: block;
		float: left;
		color: #7c7c7c;
		margin: 4px 12px;
		padding: 0px 0px 4px 0px;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration: none;
		}



	#sub_navigation{
		}
	#sub_navigation a{
		display: block;
		color: #7c7c7c;
		padding: 0px 0px 4px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		}



	#navigation_image{
		float:left;
		width:153px;
		margin:4px 0px 4px 74px;
		}
		/* CSS-Hack für IE6 und kleiner */  
		* html #navigation_image{   
	 	margin:4px 0px 4px 36px;   
		}  


	A.residenz:link, A.residenz:visited, A.residenz:active {
		}
	A.residenz:hover {
		border-bottom:4px #bc162c solid;
		}
	.residenz_on{
		border-bottom:4px #bc162c solid;
		}


	
	A.preise:link, A.preise:visited, A.preise:active {
		}
	A.preise:hover {
		border-bottom:4px #fdc785 solid;
		}
	.preise_on{
		border-bottom:4px #fdc785 solid;
		}



	A.service:link, A.service:visited, A.service:active {
		}
	A.service:hover {
		border-bottom:4px #ddb79d solid;
		}
	.service_on{
		border-bottom:4px #ddb79d solid;
		}



	A.gesundheit:link, A.gesundheit:visited, A.gesundheit:active {
		}
	A.gesundheit:hover {
		border-bottom:4px #5e9368 solid;
		}
	.gesundheit_on{
		border-bottom:4px #5e9368 solid;
		}



	A.freizeit:link, A.freizeit:visited, A.freizeit:active {
		}
	A.freizeit:hover {
		border-bottom:4px #00534d solid;
		}
	.freizeit_on{
		border-bottom:4px #00534d solid;
		}



	A.aktuell:link, A.aktuell:visited, A.aktuell:active {
		}
	A.aktuell:hover {
		border-bottom:4px #955d7e solid;
		}
	.aktuell_on{
		border-bottom:4px #955d7e solid;
		}


	A.kontakt:link, A.kontakt:visited, A.kontakt:active {
		}
	A.kontakt:hover {
		border-bottom:4px #487ec9 solid;
		}
	.kontakt_on{
		border-bottom:4px #487ec9 solid;
		}



	/* =====================================================
		 Listen
	====================================================	*/


	.list{
		margin: 10px 20px 20px 20px;
		padding-left: 20px;
		float: left;
		list-style-type: square;
		}


	/* Sitemap */
	#sitemap{
		float:left;
		width:220px;
		margin: 0px 0px 10px 90px;
		padding: 0;
		text-align:left;
		}
	#sitemap ul{
		list-style:none;
		padding: 0;
		margin: 0px 20px;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		}
	#sitemap li a{
		color: #7c7c7c;
		padding: 0px 10px;
		text-decoration: none;
		line-height:14px;
		}

	#sitemap ul li a:hover {
		color: black;
		}



	/* =====================================================
		 Formulare
	====================================================	*/


	form {
		margin:0;
		padding:0;
		}
	
	form br { 			/* Alle Zeilenumbrüche in Formularen auswählen */
	  clear: left; 		/* das floating der labels und inputs aufheben */
	}

	fieldset {
		border: 1px solid #7c7c7c;
		padding: 0;
		margin: 0 auto;
		text-align: left;
		}

	fieldset#checkbox input {
		width:35px;
		}

	legend {
		color: #000000;
		padding: 5px;
		margin: 0px;
		background: none;
		font: 11px Arial, Helvetica, sans-serif;
		}

	label {
		color:#000000;
		margin-bottom:3px;
		padding:0;
		display:block;
		float:left;
		font: 11px Arial, Helvetica, sans-serif;
		}

	input {
		float:left;
		display: block;
		width:194px;
		padding:1px;
		margin-bottom: 8px;
		border:1px solid #8e8f90;
		background:#fff;
		font:11px Arial, Helvetica, sans-serif;
		}

	.input_small{
		width:48px;
	}
		/* Hack für den IE */
		* html .input_small{
			width:52px;
		}

	input:focus {
		border-color:#900;
		}

	select {
		float:left;
		display: block;
		width:198px;
		margin-bottom: 8px;
		border:1px solid #969595;
		background:#fff;
		font: 11px Arial, Helvetica, sans-serif;
	}
		/* Hack für den IE */
		* html select{
			width:194px;
		}

	.radio {
		background:none;
		width:20px;
		border:0px;
		}


	textarea {
		width:224px;
		height:50px; 
		border:1px solid #8e8f90;
		font:11px Arial, Helvetica, sans-serif;
		padding:1px;
	}
		/* nur für den IE */
		* html textarea{
			width:228px;
		}

	.submitbtn {
		width:100px;
		background:#C5C5C5;
		border:1px solid;
		border-color:#999 #969595 #333 #999;
		color:#000000;
		cursor:pointer;
		padding:0;
		margin:0;
		font: 11px Arial, Helvetica, sans-serif;
	}

	.submitbtn:hover {		/* funktioniert nur mit Mozilla */
		background:#969595;
		color:#fff;
		border:1px solid; 
	}
		

/* =====================================================
	ENDE des Stylesheets
	====================================================	*/