/*	======================================================
		Layout Stylesheet (zur Gestaltung der Inhalte)
		(1) Allgemeines
		(2) Container-Boxen
		(3) Navigations-Elemente
		(4) Formatierungen Inhaltsseiten
		(5) Formulare
	====================================================	*/
	
	
	
	
	/* =====================================================
		 (1) Allgemeines
	====================================================	*/

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

	*{
		margin:0;
		padding:0;
		}

	
	body{
		background-image:url(../images/higru.gif);
		font:11px Verdana, Arial, Helvetica, sans-serif;
		margin-top:20px;
		text-align:center;
		}

	p{
		font-size: 11px;
		font-weight: normal;
		line-height:16px;
		}

	h1{
		font-weight:bold;
		font-size:14px;
		font-style:normal;
		color: #004f93;
		}


	h2{
		font-weight:normal;
		font-style:italic;
		font-size:12px;
		letter-spacing:1px;
		color:white;
		}


	
	/* =====================================================
		 (2) Container-Boxen
	====================================================	*/


	#wrapper{
		margin: 0 auto;
		text-align: left;
		width: 950px;
		}


	#header{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 140px;
		background-image: url(../images/higru_header.jpg);
		}

	#header_logo{
		float:left; 
		margin:15px 55px 0px 55px; 
		padding:0;
		}

		/* IE 6 Hack */
	* html #header_logo{
		margin:5px 40px 0px 30px; 
		}

	#content{
		width: 100%;
		min-height: 430px;
		height: auto !important;
		height: 430px;
		background-color: #f8f1d8;
		}



	#footer{
		width: 100%;
		height: 25px;
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		font-style: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: white;
		}


	/* 	===== Boxed_Content ======================= */

	#boxed_content{
		position:relative;
		top:0px;
		left:0;
		width:100%;
		height:100%;
		margin:0;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		}
	#boxed_content p{
		margin:16px 0px 16px 0px;
		}
	#boxed_content ul{
		list-style-type: disc;
		margin:20px;
		}
	#boxed_content li{
		margin:6px;
		}



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


	/* === Hauptnavigation ================================== */

	#navcontainer{
		margin: 0;
		padding: 0;
		text-align:left;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		}
	#navcontainer ul{
		padding: 20px 0px 0px 0px;
		margin: 0;
		}
	#navcontainer li {
		padding:0;
		margin:0;
		display: inline;
		}
	#navcontainer ul li a{
		float: left;
		color: #b75e37;
		text-decoration: none;
		padding-left: 10px;
		}
	#navcontainer ul li a:hover {
		color: #004f93;
		}


	/* === Subnavigation ================================== */

	#subnavcontainer{ 	
		margin: 0;
		padding: 0;
		text-align:left;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		}
	#subnavcontainer ul{
		padding: 0;
		margin: 0;
		}
	#subnavcontainer li {
		display: inline;
		}
	#subnavcontainer ul li a{
		float: left;
		color: #b75e37;
		text-decoration: none;
		padding-left: 12px;
		}
	#subnavcontainer ul li a:hover {
		color: #004f93;
		}


	/* === Sub_Subnavigation ================================== */

	#sub_subnavigation{
		width: 230px;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		}
	#sub_subnavigation ul li{
		padding: 0;
		margin: 0;
		}
	#sub_subnavigation li {
		list-style-type: none;
		}
	#sub_subnavigation ul li a{
		color: #b75e37;
		display: block;
		text-decoration: none;
		padding: 4px 6px 4px 30px;
		}
	#sub_subnavigation ul li a:hover {
		color: #004f93;
		background-color: #F9E9BB;
		border-right:1px #ffbb0e solid;
		}
	



	/* =====================================================
		 (4) Formatierungen Inhaltsseiten
	====================================================	*/


	/* === Home ====================================== */

	#newsbox{
		position:relative;
		height:214px;
		padding:5px 20px 16px 20px;
		overflow:auto;
		background-color:#f8e5b9;
		border-top:1px #a0502d solid;
		border-bottom:1px #a0502d solid;
		}
	#newsbox ul{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		}
	#newsbox a{
		display: block;
		padding: 2px;
		color: #b75e37;
		text-decoration: none;
		}
	#newsbox a:hover{
		color: #004f93;
		}


	/* === Aktuelles ================================== */
	
	#navigation_aktuelles {
		float:left;
		position:relative;
		top: 0;
		left: 0;
		width: 200px;
		margin: 0px 0px 0px 20px;
		}
	#navigation_aktuelles ul{
		margin: 0px;
		padding: 10px 0px 0px 0px;
		list-style-type: none;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		}
	#navigation_aktuelles a{
		display: block;
		padding: 3px;
		color: #b75e37;
		text-decoration: none;
		}
	#navigation_aktuelles a:hover{
		color: #004f93;
		}
	#content_aktuelles {
		float:left;
		width:370px;
		padding:15px 30px 10px 20px;
		font:normal 11px verdana;
		}
	#content_aktuelles ul{
		margin: 10px 20px;
		}

	/* === Zimmer_Preise ================================== */

	#table_rooms{
		width: 90%;
		margin: 0px auto;
		font-size: 10px;
		font-weight: bold;
		}
	#table_rooms p{
		width:60px;
		font-size: 10px;
		font-weight: bold;
		padding:0;
		margin:0;
		text-align:center;
		}
	#table_rooms td{
		border-bottom: 1px #004f93 solid;
		padding:0;
		margin:0;
		}
	.zimmerbeschreibung{
		font-weight:normal;
		font-size:11px;
		}


	.list_infos li{
		padding:2px 0;
	}


	/* =====================================================
		 (5) Formulare
	====================================================	*/


	form {
		margin:0;
		padding:0;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		}

	fieldset {
		border: 1px solid #004f93;
		padding: 0;
		margin: 0;
		text-align: left;
		}
	fieldset#checkbox input {
		width:35px;
		}
	legend {
		font-size:11px;
		color:#004f93;
		font-weight:bold;
		padding:5px;
		margin:0px;
		background:none;
		}
	label {
		color:#000000;
		font-size:11px;
		text-align:left;
		margin-bottom:3px;
		padding:0;
		display:block;
		float:left;
		}
	input {
		border:1px solid #8e8f90;
		margin-bottom:0.6em; 
		background:#fff;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
		}
	input:focus {
		border-color:#900;
		}
	select {
		border:1px solid #969595; 
		margin-bottom:0.6em; 
		background:#fff;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
		}
	option {
		}
	textarea {
		width:200px;
		height:150px; 
		border:1px solid #8e8f90;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
		}
	.plz {
		width:50px;
		}
	.ort {
		width:180px;
		}
	.strasse {
		width:200px;
		}
	.strnummer {
		width:30px;
		}
	.submitbtn {
		width:100px;
		background:#C5C5C5;
		border:1px solid;
		border-color:#999 #969595 #333 #999;
		color:#000000;
		cursor:pointer;
		padding:0;
		margin:8px 0px;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		}
	.submitbtn:hover {
		background:#969595;
		color:#fff;
		border:1px solid; 
		}


/* =====================================================
		 ENDE
	====================================================	*/