/*----- HZML Elmente -----*/

* {
	margin: 0;
	padding: 0; }

html, body {
	background: #797 url("../images/bgBody.jpg") repeat-x;
	color: #567;
	font-size: 88%;
	text-align: center; }

p, a, td, th, ul, li, h1, h2, h3, h4, legend, label, input, textarea, marquee {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

h1, h2, h3 {
  font-weight: bold; }
  
h1, h2  {  
	color: #567;
	font-size: 1.0em; }

h1 {	
  text-transform: uppercase;
	margin: 20px 0 0 0; }

h2 {
	margin: 20px 0 10px 0; 
	border-bottom: solid 1px #567;
	clear: both;}
	
h3 {
	color: #FA1;
	padding-top:5px; 
	margin: 0px 0 5px 10px; 
	border-bottom: solid 1px #FA1;}	
	
img {
	border: 0px; }	
	
acronym {
	text-decoration: underline;}	

table {
	border: none;
	width: 99%; 
	margin-bottom: 20px;}	

th {
  background-color: #567;
  color: #FFE; 
  padding-left: 2px;
  height: 20px;}	
  
td {
	vertical-align:top;}	
  

	
	
/*----- Formulare -----*/
fieldset.formular {
	margin-top: 20px; 
	padding: 10px 0 10px 15px; }	

legend {
	font-weight: bold; 
	margin: 0 0 10px 0; }	

label {
	float: left; 
	width:120px; 
	margin-right: 10px; 
	text-align: right; }		
	

/*----- Gastgeber Suche und Ergebnislisten -----*/
h1.kategorie {
	background-color: #567; 
	color: #FFE;
	padding: 2px; }

h2.ort {
	background-color: #797; 
	color: #FFE;
	padding: 2px; }

fieldset.suche {
	margin-top: 20px; 
	padding: 10px 0 10px 15px; }	

legend {
	font-weight: bold; 
	margin: 0 0 20px 0; }	

/*----- Gastgeber Liste -----*/
table.liste {
	margin-bottom: 60px; }	

tr.freiezimmer {
	background-color: #FA1; }

#content td.preisinfo {
	color: #C00;
	text-align: right; 
	font-size: 0.9em; }	


/*----- Container -----*/
#container {
	width: 900px !important;
	width /**/: 902px;
	background: #FFE url("../images/bgContainer.gif") repeat-y;
	border: 1px solid #FFE;
	margin: 0 auto;
	text-align: left;}

/*----- Banner -----*/	
#banner {
	background: #73BC64 url("../images/bgBanner.jpg") no-repeat;
	border-bottom: solid 1px #FFE;
	width: 900px;
	height: 120px; }

#ortsgemeinden {
	text-align: right; 
   padding: 100px 135px 0 0;}

	
/*----- Top Navigation ----- */
#topNavi {
	background: #73BC64 url("../images/bgTopNavi.jpg") no-repeat;
	width: 900px;
	height: 30px; }	
	
#topIcon {
	float: left; }		
#topLeft {
	float: left; 
	padding: 8px 0 0 10px; }
#topRight {
	float: right; 
	padding: 8px 0 0 0; }

	
	
/*----- Main Navigation ----- */
#mainNavi {
	float: left;
	background-color: #567;
	border-bottom: solid 1px #FFE;
	text-transform: uppercase; 
	width: 200px; }	

/*----- Wetter ----- */
#wetter {
	clear: left;
	width: 160px;
	padding-top: 20px;
	margin-left: 20px;}


/*----- Inhaltsbereich -----*/


#content  {
	float: right;
	width: 600px;
	margin: 10px 50px 10px 20px;
	text-align: justify; }
	
#content p  {
	padding-bottom: 10px; 
	line-height: 15px; }

#content p.msg {
	color: #C00;
	font-weight: bold;}

#content marquee {
	/*color: #FA1;*/
	font-weight: bold;}

#content h2  {
	text-align: left; }

#content li {
	margin-bottom: 5px; 
	margin-left:30px;
  text-align:left;	}
	
#content col.col70 {
  width: 70%; }
#content col.col60 {
  width: 60%; }
#content col.col50 {
  width: 50%; }
#content col.col40 {
  width: 40%; }
#content col.col30 {
  width: 30%; }
#content col.col25 {
  width: 25%; }
#content col.col20 {
  width: 20%; }

#content td {
	text-align: left;
	border-bottom: 1px dotted #567; 
	border-collapse: collapse;
	padding:2px; }	

#content td.top {
	vertical-align: top;}	
	
#content img {
	border: solid 1px #567; }
	
#content p.textzentriert {
	text-align: center; }
#content p.textrechts {
	text-align: right; 
	vertical-align: bottom;
	font-size: small;}	

#content img.bildrechts {
	float: right; 
	margin: 0 0 10px 20px; }	
#content img.bildzentriert {
	display:block;
	margin: 0 auto; }

#content li.pdficon {
	padding-left: 10px; 
	list-style: none;
	list-style-image: url("../images/0_home/pdf.gif");	
	text-align: left;}		
	
#content .small {
	color: #CC0000;
	text-align: right; 
	font-size: 0.9em; 
	font-style: italic; }	

/*----- Intern ----- */
#content table.intern td {
	text-align: left;
	vertical-align:top;
	border-bottom: 0px; 
	padding:2px; }	
	
/*----- Icons ----- */

#icons {
	clear: both;
	text-align: right;
	vertical-align: bottom; 
	margin: 30px 0 30px 0;}

#icons img {
	border: none; 
	padding-left: 5px; }

	
/*----- Fusszeile ----- */
#footerNavi {
	clear: both;
	background: #73BC64;
	margin-top: 10px;
	padding: 5px 0 5px 0;
	border-top: 1px solid #FFE;
	text-align: right;
	text-transform: uppercase; }

 
/*----- Links ----- */
#ortsgemeinden a {
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px; 
	color: #FFE; }

#ortsgemeinden a:hover, #ortsgemeinden a:active {
	color: #567;}
	
	
#topLeft a, #topRight a  {
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 15px; }
#topLeft a:link, #topLeft a:visited, #topRight a:link, #topRight a:visited  {
	color: #FFE; }
#topLeft a:hover, #topLeft a:active, #topRight a:hover, #topRight a:active {
	color: #FA1; }
	
#content a:link, #content a:visited {
	color: #FA1; }
#content a:hover, #content a:active {
	color: #330; }		

#info a:link, #info a:visited {
	color: #FFE; 
	text-decoration: none; }
#info a:hover, #info a:active  {
	color: #FA1; 
	text-decoration: none;}

#topNavi a:link, #topNavi a:visited, #footerNavi a:link, #footerNavi a:visited  {
	font-weight: bold;
	color: #567;
	text-decoration: none; }
#topNavi a:hover, #topNavi a:active, #footerNavi a:hover, #footerNavi a:active {
	font-weight: bold;
	color: #FFE; 
	text-decoration: none; }
	
	
/* ----- Tree Menu ----- */
#menu { 
	width: 200px; 
	list-style: none; }
#menu li { 
	color: #FFE; }
li.main { 
	font-weight: bold; 
	padding: 2px 0px 2px 5px; 
	margin: 5px 5px 5px 5px; 
	border-bottom: solid 1px #FFE; 
	cursor: pointer; }
li.main-last {	
	border-bottom: none; }

#menu a {
	text-decoration: none;
	padding-left: 25px; 
	width: 200px;
	font-weight: normal;	
	font-size: 0.7em; }
	
#menu a:link, #menu a:visited {
	text-decoration: none; 
	color: #FFE; }
	
#menu a:hover, #menu a:active {
	color: #FA1;
	/*padding-left: 25px; */}

li.treeMenu_opened ul { 
	display: block; }
li.treeMenu_closed  ul { 
	display: none; }
ul.sub { 
	list-style: none;	
	padding: 2px 0px 0px 0px; 
	margin-left: -15px; }