/***********************************************/
/* Page
/***********************************************/

*	{
	margin: 0;
	padding: 0;
}

html	{
	height: 100%;
}

body	{ 
	height:100%;
	background-color: #466900;
	background-image:url(../pix/sommer/verlauf.gif);
	background-repeat:repeat-x;
	text-align: center;
	
	font-size: 13px;
 	line-height: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
 	font-weight : normal;
 	font-style : normal;
 	text-decoration: none;
	color: #505456;
}

#page	{
	width: 990px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background-image:url(../pix/sommer/hg.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

* html #page	{
	height: 100%;
}

p, ul, li	{	
	margin: 0;
	padding: 0;
}

h1	{
	font-size: 22px;
 	font-weight : normal;
 	font-style : normal;
 	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 6px;
	color:#5a8200;
}

h2	{
	font-size: 13px;
	font-weight : bold;
 	font-style : normal;
 	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 6px;
	text-transform:uppercase;
	color:#5a8200;
	letter-spacing:0.1em;
}

h3	{
	font-size: 13px;
	font-weight : bold;
 	font-style : normal;
 	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

.clearer	{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden	{
	position: absolute;
	left: -10000px;
}

#nonFooter	{
	position: relative;
	min-height: 100%;
}

* html #nonFooter	{
	height: 100%;
}

#footer	{
	position: relative;
	width: 990px;
	height:80px;
	margin: -80px auto 0 auto;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer	{
	margin-top: -80px;
}




/***********************************************/
/* Layout                                    
/***********************************************/

#content	{
	padding-bottom: 100px;
}

#sidebar { 	
	z-index:2;
	position:relative;
	float:left;
	width:242px;
	height:auto; 
	margin:0 auto;
	padding:0px;
}

 #wappen	{
	z-index:1;
	position:absolute;
	left:-45px;
	top:34px;
	width:250px;
	height:285px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-image:url(../pix/sommer/wappen.gif);
	background-repeat:no-repeat;
} 

#spacer	{
	height:125px;
}

#logo	{
	z-index:99;
	position:relative;
	width:190px;
	height:130px;
	margin-left:18px;
	padding:0px;
	text-align:left;
}

#navigation	{
	z-index:3;
	position:relative;
	width:210px;
	height:auto;
	margin-left:20px;
	margin-top:37px;	
	padding:0px;
	text-align:left;
}

#mainnav	{
	color: #ffffff;  
	font-size: 13px; 
	line-height: 22px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight:normal; 
	text-decoration:none;
	text-transform:uppercase;
}

#mainnav ul	{
	list-style:none;
	text-transform:uppercase;
}

#subnav	{
	position:relative;
	margin-left:-10px;
	margin-right:-14px;
	padding-top:5px;
	padding-bottom:8px;
	width:236px;
	height:auto;
	text-align:left;
	
	color: #ffffff;  
	font-size: 13px; 
	line-height: 18px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight:normal; 
	text-decoration:none;

}

#sub-inhalt	{
	width:234px;
	height:auto;
	text-align:left;
	padding-left:12px;
	background-color:#466400;
}

#subnav ul	{
	list-style:none;
}

#inhalt { 	
	z-index:2;
	position:relative;
	float:left;
	left:14px;
	width:720px;
	height:auto; 
	margin:0px;
	padding:0px;
	text-align:left;
}

#header { 	
	z-index:3;
	position:relative;
	width:720px;
	height:240px; 
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#ffffff;
}

#infos { 	
	z-index:3;
	position:relative;
	width:650px;
	height:auto; 
	margin:0px;
	padding:0px;
	padding-top:50px;
	padding-left:35px;
	padding-right:35px;
	text-align:left;
	background-color:#ffffff;
}

#linie	{
	z-index:4;
	width:100%;
	height:1px;
	margin:0px;
	padding:0px;
	padding-top:6px;
	padding-bottom:6px;
	background-image:url(../pix/sommer/linie-hg.gif);
	background-repeat:repeat-x;
}

#linie-liste	{
	z-index:4;
	width:100%;
	height:1px;
	margin:0px;
	padding:0px;
	padding-top:0px;
	padding-bottom:3px;
	background-image:url(../pix/sommer/linie-hg.gif);
	background-repeat:repeat-x;
}

#news-box	{
	z-index:4;
	position:relative;
	width:650px;
	height:auto;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	text-align:left;
	background-color:#f0f2f4;
}

#news-bild	{
	z-index:5;
	position:relative;
	float:left;
	left:0px;
	width:150px;
	height:100px;;
	margin:0px;
	padding:4px;
	text-align:left;
	border:1px solid #c8cacc;
	background-color:#ffffff;
}

#news-text	{
	z-index:5;
	position:relative;
	float:left;
	left:15px;
	width:460px;
	height:auto;
	margin:0px;
	margin-top:10px;
	padding:0px;
	text-align:left;
}

#text-links	{
	z-index:4;
	position:relative;
	float:left;
	left:0px;
	width:380px;
	height:auto;;
	margin:0px;
	padding:0px;
	text-align:left;
}

#text-rechts	{
	z-index:4;
	position:relative;
	float:right;
	right:0px;
	width:250px;
	height:auto;;
	margin:0px;
	margin-top:-3px;
	padding:0px;
	text-align:left;
}

#impressionen	{
	z-index:5;
	position:relative;
	width:241px;
	height:auto;
	margin:0px;
	padding:4px;
	text-align:left;
	border:1px solid #c8cacc;
	background-color:#ffffff;
}

#impressionen-galerie	{
	z-index:5;
	position:relative;
	width:605px;
	height:auto;
	margin:0px;
	padding:4px;
	text-align:left;
	border:1px solid #c8cacc;
	background-color:#ffffff;
}

#infonav	{
	z-index:3;
	position:relative;
	float:left;
	left:10px;
	width:224px;
	height:55px;
	margin:0px;
	padding:10px;
	padding-left:12px;
	padding-top:15px;
	text-align:left;
	background-color:#3f5e00;
	background-image:url(../pix/sommer/infonav-eck.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#infonav ul	{
	list-style:none;
}

#adress { 	
	z-index:3;
	position:relative;
	float:left;
	left:10px;
	width:684px;
	height:46px; 
	margin:0 auto;
	padding:0px;
	padding-top:34px;
	padding-left:36px;
	text-align:left;
	background-color:#ffffff;
	
	font-size: 12px;
 	line-height: 16px;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-weight : normal;
 	font-style : normal;
 	text-decoration: none;
	color: #a0a2a4;
}

.img	{
	padding:4px;
	border:1px solid #c8cacc;
	margin-right:20px;
} 


input#Vorname, input#Nachname, input#Land, input#Fax, input#Strasse, input#PLZ, input#Ort, input#Telefon, input#Email, input#_FROMEMAIL, input#Ankunft, input#Abreise, input#Erwachsene, input#Kinder, textarea#Mitteilung {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #505456;
	
	width:250px; 
	padding:3px;  
	background-color: #f0f2f4; 
	border: 1px dotted #505456;
}

input#PLZ {
	width:62px;
}

input#Ort {
	width:170px;
}

textarea#Mitteilung {
	width:250px;
}


/***********************************************/
/* Navigation - Links
/***********************************************/

a:link		{ color: #5a8200;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}
a:visited	{ color: #5a8200;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}
a:active	{ color: #5a8200;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}
a:hover		{ color: #a0a2a4;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}

#mainnav a:link		{ color: #ffffff;  font-size: 13px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#mainnav a:visited	{ color: #ffffff;  font-size: 13px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#mainnav a:active	{ color: #ffffff;  font-size: 13px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#mainnav a:hover	{ color: #ffffff;  font-size: 13px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:underline;}

#subnav a:link		{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#subnav a:visited	{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#subnav a:active	{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#subnav a:hover	{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:underline;}

#infonav a:link		{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#infonav a:visited	{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#infonav a:active	{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}
#infonav a:hover	{ color: #ffffff;  font-size: 13px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; text-decoration:underline;}

#adress a:link		{ color: #a0a2a4;  font-size: 12px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}
#adress a:visited	{ color: #a0a2a4;  font-size: 12px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}
#adress a:active	{ color: #a0a2a4;  font-size: 12px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}
#adress a:hover		{ color: #5a8200;  font-size: 12px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight : normal; text-decoration : underline;}




/***********************************************/
/* Fonts
/***********************************************/

.grau {color: #646668; font-weight:normal;}
.hellgrau {color: #96989a; font-weight:normal;}
.weiss {color: #ffffff; font-weight:normal;}
.rot {color: #5a8200; font-weight:normal;}
.hell	{color: #9e736b;}
.klein {font-size: 12px; line-height: 16px; font-weight:normal;}




/***********************************************/
/* wo bin ich - navigation highlight
/***********************************************/


#hotel-montjola #mainnav .nav1 a	{color: #90a266; font-weight:normal;}
#hotel-montjola #subnav .sub1 a	{color: #90a266; font-weight:normal;}

#zimmer-hotel #mainnav .nav1 a	{color: #90a266; font-weight:normal;}
#zimmer-hotel #subnav .sub2 a	{color: #90a266; font-weight:normal;}

#zimmer-chalet #mainnav .nav1 a	{color: #90a266; font-weight:normal;}
#zimmer-chalet #subnav .sub3 a	{color: #90a266; font-weight:normal;}


#gastronomie #mainnav .nav2 a	{color: #90a266; font-weight:normal;}

#fruehstueck #mainnav .nav2 a	{color: #90a266; font-weight:normal;}
#fruehstueck #subnav .sub1 a	{color: #90a266; font-weight:normal;}

#gaumenfreuden #mainnav .nav2 a	{color: #90a266; font-weight:normal;}
#gaumenfreuden #subnav .sub2 a	{color: #90a266; font-weight:normal;}

#hotelbar #mainnav .nav2 a	{color: #90a266; font-weight:normal;}
#hotelbar #subnav .sub3 a	{color: #90a266; font-weight:normal;}

#fondue #mainnav .nav2 a	{color: #90a266; font-weight:normal;}
#fondue #subnav .sub4 a	{color: #90a266; font-weight:normal;}

#kuchensortiment #mainnav .nav2 a	{color: #90a266; font-weight:normal;}
#kuchensortiment #subnav .sub5 a	{color: #90a266; font-weight:normal;}


#wanderhotel #mainnav .nav3 a	{color: #90a266; font-weight:normal;}
#wanderhotel #subnav .sub1 a	{color: #90a266; font-weight:normal;}

#wandervorschlaege #mainnav .nav3 a	{color: #90a266; font-weight:normal;}
#wandervorschlaege #subnav .sub2 a	{color: #90a266; font-weight:normal;}




#sommersport #mainnav .nav3 a	{color: #90a266; font-weight:normal;}
#sommersport #subnav .sub4 a	{color: #90a266; font-weight:normal;}

#wellness #mainnav .nav3 a	{color: #90a266; font-weight:normal;}
#wellness #subnav .sub5 a	{color: #90a266; font-weight:normal;}

#st-anton #mainnav .nav3 a	{color: #90a266; font-weight:normal;}
#st-anton #subnav .sub6 a	{color: #90a266; font-weight:normal;}


#preisliste #mainnav .nav4 a	{color: #90a266; font-weight:normal;}
#preisliste #subnav .sub1 a	{color: #90a266; font-weight:normal;}

#pauschalen #mainnav .nav4 a	{color: #90a266; font-weight:normal;}
#pauschalen #subnav .sub2 a	{color: #90a266; font-weight:normal;}

#buchungsinfos #mainnav .nav4 a	{color: #90a266; font-weight:normal;}
#buchungsinfos #subnav .sub3 a	{color: #90a266; font-weight:normal;}


#anfrage #mainnav .nav5 a	{color: #90a266; font-weight:normal;}


#news #mainnav .nav6 a	{color: #90a266; font-weight:normal;}
#news #subnav .sub1 a	{color: #90a266; font-weight:normal;}

#gallery #mainnav .nav6 a	{color: #90a266; font-weight:normal;}
#gallery #subnav .sub2 a	{color: #90a266; font-weight:normal;}

#newsletter #mainnav .nav6 a	{color: #90a266; font-weight:normal;}
#newsletter #subnav .sub3 a	{color: #90a266; font-weight:normal;}


#partnerlinks #mainnav .nav7 a	{color: #90a266; font-weight:normal;}


#anreise #mainnav .nav8 a	{color: #90a266; font-weight:normal;}
#anreise #subnav .sub1 a	{color: #90a266; font-weight:normal;}

#kontakt #mainnav .nav8 a	{color: #90a266; font-weight:normal;}
#kontakt #subnav .sub2 a	{color: #90a266; font-weight:normal;}