/******************************************************/
/*
/* 	Hotel Theresia
/*	Stylesheet Document
/* 	Copyright (c) 2007 GFB & Partner Marketing Services
/*	www.gfb.at
/*
/*	Unauthorized copying is not allowed and will be
/*	punished by an appropriate agent. In this case
/*	by an honorable cunt... me
/*
/******************************************************/


/* Normalizing
------------------------------------------------------*/

#drucken_unten, #drucken_oben{
 display:none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}

h2{
	font-size: 120%;
        color: #7b7366;
        margin-bottom: 6px;
	}

ol, ul {
	list-style: none;
	}

table {
	border-spacing: 0;
	}

fieldset, img {
	border: 0;
	}
	
caption, th {
	text-align: left;
	}	
	
a {
	outline: none;
	color: #3c3930;
	}
a:hover {
	color: #000000;
	}

.left {
	float: left;
	}
.right {
	float: right;
	}
	
.clearer {
	clear: both;
	height: 0%;
	_height: auto;
	}
	
	* {
        outline:none;
	}
	
/* Basic stuff
------------------------------------------------------*/

	
body {
	font: 70%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #3c3930;
	height: 100%;
	background: url(/designhotel/master/layout/images/body_bg.gif) 573px 0px repeat-y;
	}
	
	#container {
		position: absolute;
		min-height: 100%;
		_height: 100%;
		left: 0;
		width: 100%;
		}	
		#header {
			width: 100%;
			background: url(/designhotel/master/layout/images/head_bg.png) repeat-x bottom #a9a195;
			min-height: 220px;
			_height: 220px;
			position: relative;
			z-index: 1;
			}
			#branding {
				overflow: hidden;
				}
				#branding img {
					position: absolute;
					left: 0px;
					top: 0px;
					display:none;
					}
					#branding noscript img {
						display: block;
						}
			#nav_main_bg {
				position: absolute; 
				width: 573px;
				bottom: 0;
				height: 45px;
				background-color: #000;
				opacity: 0.0;
				-moz-opacity: 0.0;
				filter:Alpha(opacity=0);
				}
			#the_logo {
				position: absolute;
				left: 605px;
				top:45px;
				}
			#nav_sprachen {
				position: absolute;
				left: 587px;
				top: 5px;
				}
				#nav_sprachen li {
					display: inline;
					}
				#nav_sprachen li.drei a {
					border-right: none;
					}
					#nav_sprachen li a {
						margin-right: 5px;
						padding-right: 5px;
						color: #3e3a35;
						text-decoration: none;
						border-right: 1px solid #3e3a35;
						}
						#nav_sprachen li a:hover {
							text-decoration: underline;
							}
							
				
			/* Based on Suckertree navigation by www.dynamicdrive.com
			
			/* Äusseres DIV */
			.suckertreemenu {
				position: absolute;
				bottom: 0;
				left: 5px;
				font-size: 120%;			
				}
				
				
				/* Hauptnavigation */
				.suckertreemenu ul li {
					position: relative;
					display: inline;
					float: left;
					font-weight: bold;
					font-family: Tahoma, Arial, Helvetica, sans-serif;
					}
				.suckertreemenu ul li a {
					display: block;
					width: 60px; 
					padding: 14px 5px 14px 15px;
					border-left-width: 0;
					text-decoration: none;
					color: #fff;					
					}


				.suckertreemenu ul li a:hover{
					background: #fff;
					color: #756c58;				
					}
					
					
					/* Subnavigation */
					.suckertreemenu ul li ul {
						left: 0;
						position: absolute;
						top: 1em; 
						display: block;
						visibility: hidden;
						background: url(/designhotel/master/layout/images/mainnavi_ul_bg.png) repeat-y #e1deda;		
						font-size: 80% !IMPORTANT;
						
						}
						
						.suckertreemenu ul li ul li {
							display: list-item;
							float: none;
							font-weight: normal;
							}
						.suckertreemenu ul li ul li a {
							display: block;
							width: 130px; 
							color: #3c3930;
							text-decoration: none;
							padding: 5px 15px 5px 17px;
							text-align: left !IMPORTANT;
							background: url(/designhotel/master/layout/images/mainnavi_ul_pfeil.gif) no-repeat center right;
							}

						

						.suckertreemenu ul li ul li a:hover, .keinpfeil a:hover{
							background: url(/designhotel/master/layout/images/mainnavi_ul_pfeil_hover.gif) no-repeat center right #90877a;
							color: #fff;
							}

                                                       .keinpfeil a {
							background: none !IMPORTANT;
							}
							.keinpfeil a:hover {
							background: #90877a !IMPORTANT;
							}
							
							
							/* Subsubnavigation */
							.suckertreemenu ul li ul li ul {
								font-size: 100% !IMPORTANT;		
								left: 159px;
								top: 0;
								}
							.suckertreemenu ul li ul li ul li a {
								background: none;
								}
							.suckertreemenu ul li ul li ul li a:hover{
								background: #90877a;
								}
						
							/* hack */
							* html .suckertreemenu ul li { float: left; height: 1%; }
							* html .suckertreemenu ul li a { height: 1%; }
			
			
			
		
		.container {
			width: 990px;
			}	
			
			
			/* .Container_left
			------------------------------------------------------*/	
			.container_left {
				width: 533px;
				padding: 10px 20px 80px 20px;
				float: left;
				min-height: 100px;
				}
				#nav_breadcrumb {
					font-family: Tahoma, Arial, Helvetica, sans-serif;
					margin-bottom: 30px;
					}
					#nav_breadcrumb li {
						display: inline;
						background: url(/designhotel/master/layout/images/nav_breadcrumb_pfeil.gif) no-repeat center right;
						padding-right: 10px;
						margin-right: 10px;
						}
					#nav_breadcrumb li.pfeiloff {
						background: none;

						}

				
				h1 {
					font-size: 140%;
					font-family: Tahoma, Arial, Helvetica, sans-serif;
					line-height: 1.5em;
					color: #7b7366;
					margin-bottom: 30px;
					}	
					
					
				/* #Content
				------------------------------------------------------*/		
				#content {
					
					}
					#content .left {
						width: 47%;
						}
						#content .left .teaser {
							position: relative;
							left: -10px;
							padding: 10px;
							background: #efeeec;
							width: 100%;
							margin-top: 10px;
							margin-bottom: 10px;
                                                        float: left;
							}
							#content .left .teaser img {
								float: right;
								margin-left: 10px;
								margin-bottom: 10px;
								}
							#content .left .teaser a {
								display: block;
								background: url(/designhotel/master/layout/images/symbol_link_pfeil.gif) no-repeat center left;
								padding-left: 20px;
								margin-top: 5px;
								}
								
					#content .left ul, #content .right ul {
						list-style-image: url(/designhotel/master/layout/images/symbol_link_pfeil.gif);
						margin: 5px 0;
						}
						#content .left ul li, #content .right ul {
							margin-left: 20px;
							padding-left: 5px;
							}	
								
					#content .right {
						width: 47%;
						}	
					#content hr {
						height: 1px;
						border: none;
						border-bottom: 1px solid #afa899;
						margin: 10px 0px 10px 0px;
						*margin: 5px 0px 5px 0px;
						}
							
					
					
				
			/* .Container_right
			------------------------------------------------------*/	
			.container_right {
				width: 417px;
				padding-bottom: 60px;
				float: right;
				}	
				.farbteaser {
					background: #fff;
					padding: 10px 0px 20px 0px;
					}
				.farbteaser ul {
					
					}
					.farbteaser ul li {
						float: left;
						height: 102px;
						}
						li#panoramen { background: url(/designhotel/master/layout/images/farbteaser_balken_blau.gif) bottom no-repeat; margin-right: 10px;}
						li#livecams { background: url(/designhotel/master/layout/images/farbteaser_balken_braun.gif) bottom no-repeat; margin-right: 10px;}
						li#hotelfilm { background: url(/designhotel/master/layout/images/farbteaser_balken_gruen.gif) bottom no-repeat; }
						.farbteaser ul li strong {
							background: url(/designhotel/master/layout/images/farbteaser_pfeil_weiss.gif) no-repeat 8px 8px;
							display: block;
							padding-left: 20px;
							padding-top: 3px;
							}
						.farbteaser ul li a {
							color: #fff;
							text-decoration: none;
							display: block;
							}
							.farbteaser ul li a:hover {
								text-decoration: underline;
								color: #fff;
								}
								
				.bildteaser {
					font-family: Tahoma, Arial, Helvetica, sans-serif;
					}
					.bildteaser ul {
						padding: 10px;
						}
					
						.bildteaser ul li {
							background: url(/designhotel/master/layout/images/bildteaser_pfeil.gif) no-repeat right bottom #fff;
							border-top: 1px solid #d4d0ca;
							border-right: 1px solid #d4d0ca;
							position: relative;
							_height: 79px;
							margin-bottom: 10px;
							}
							.bildteaser ul li img {
								float: left;
								position: relative;
								top: -7px;
								margin-bottom: -20px;
								left: -10px;
								}
							.bildteaser ul li a {
								text-decoration: none;
								display: block;
								min-height: 79px;
								_height: 79px;
								padding: 7px 10px 10px 10px;
								color: #6b665f;
								}
								.bildteaser ul li a:hover {
									color: #3c3930;
									}
							li.unverb_anfrage {
								padding: 7px 10px 10px 10px;
								min-height: 79px;
								_height: 79px;
								position: relative;
								background: #fff !IMPORTANT;
								}
							li.unverb_anfrage .pfeil {
								position: absolute;
								bottom: 0px;
								right: 0px;
								background: url(/designhotel/master/layout/images/bildteaser_pfeil.gif);
								width: 22px;
								height: 22px;
								cursor: pointer;
								}
							li.unverb_anfrage label {
								display: block;
								}
							li.unverb_anfrage input {
								border: none;
								background: #eeecea;
								padding: 3px;
								font-size: 100%;
								border: 1px solid #fff;
								}
								li.unverb_anfrage input:focus {
									border: 1px solid #3c3930;
									}
								.anreisedatum {
									position: absolute;
									left: 132px;
									top: 40px;
                                                                        width: 110px;
									}
									.anreisedatum input {
										width: 70px;
										margin-top: 7px;
										float: left;
										}
									.anreisedatum img {
										top: 7px !IMPORTANT;
										left: 5px !IMPORTANT;
										cursor: pointer;
										}
										
								.uebernachtungen {
									position: absolute;
									left: 248px;
									top: 40px;
									}
								.erwachsene {
									position: absolute;
									left: 248px;
									top: 65px;
									}							
									.uebernachtungen input, .erwachsene input {
										width: 30px;
										float: left;
										margin-right: 10px;
										}
									.uebernachtungen label, .erwachsene label {
										float: left;
										}
							
	
						
						
						
		/* #footer
		------------------------------------------------------*/	
		#footer {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 60px;
			background: url(/designhotel/master/layout/images/head_bg.png) repeat-x bottom #a9a195;
			border-top: 10px solid #fff;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			}
			#footer .left {
				width: 573px;
				height: 60px;
				background: #fff;
				position: relative;
				}
				#footer .logo {
					position: absolute;
					top: -4px;
					left:  20px;
					}
				.nav_footer {
					position: absolute;
					right: 20px;
					bottom: 16px;
					width: 350px;
					}
					.nav_footer li {
						float: right;
						margin-left: 8px;
						}
						.nav_footer li a {
							text-decoration: none;
							border-right: 1px solid #48433c;
							padding-right: 8px;
							}
						.nav_footer li.keinborder a {					
							border:  none;
							}
							.nav_footer li a:hover {
								text-decoration: underline;
								}
				
			#footer .right {
				float: left;
				color: #fff;
				padding: 10px;
				}
				#footer .right ul {
					float: left !IMPORTANT;
					margin-right: 30px;
					}
				#footer .right a {
					color: #fff;
					}
	


/*---------------------------------| Sitemap |--*/	
		

					
		.sitemap {
			background-image: url(/designhotel/master/layout/images/linie_bg.gif)!IMPORTANT;
			line-height: 21px!IMPORTANT;*/
			list-style-type: none!IMPORTANT;
			}
			.sitemap a {
				text-decoration: none!IMPORTANT;
				display: block!IMPORTANT;
				height: 21px; color: #6b665f!IMPORTANT;
				}
				.sitemap a:hover {
					text-decoration: underline!IMPORTANT;
					background: url(/designhotel/master/layout/images/list-pfeil3.gif) center right no-repeat!IMPORTANT;
					}
			
			.sitemap li {
				font-weight: bold!IMPORTANT;
				margin-bottom: 21px!IMPORTANT;
				}.sitemap ul {
						list-style-image: url(/designhotel/master/layout/images/list-pfeil.gif)!IMPORTANT;
                                                margin: 0px!IMPORTANT;
						}
				.sitemap ul li{
					margin: 0px 0px 0px 30px!IMPORTANT;
					}
					.sitemap ul li ul {
						list-style-image: url(/designhotel/master/layout/images/list-pfeil2.gif)!IMPORTANT;
						}
						.sitemap ul li ul li {
							font-weight: normal!IMPORTANT;
							}
						 	.sitemap .extrasub {margin-left: 60px!IMPORTANT;}
							
		.sitemap p {
			margin: 0px!IMPORTANT;
			padding: 0px!IMPORTANT;
			background-color: #A9A195!IMPORTANT;
			color: #FFFFFF!IMPORTANT;
			padding: 0px 0px 0px 5px!IMPORTANT;
			}
			.sitemap p a {
				color: #FFFFFF !IMPORTANT;
				}
	

/*---------------------------------| Suche |--*/	


               #suchfeld input {
                                width: 250px; 
                                height: 16px; 
				border: none;
				background: #eeecea;
				padding: 3px;
				font-size: 100%;
				border: 1px solid #fff;
				}
				

               #suchfeld img {
                                margin: 0px 0px  -8px  10px; 
                                *margin: 0px 0px  -2px  10px;
				}

				.suchfeld input:focus {
					border: 1px solid #3c3930;
					}   

              #mehrergebnisse {
                               text-align: right;
				}             


/*---------------------------------| Preistabelle |--*/	


#preistabelle a,#preistabelle a:link,#preistabelle a:visited,
#tab a,#tab a:link,#tab a:visited {
	border:none;
	}
    							
#preistabelle,
#tab {
	width:100%;
	border-top:1px solid #d4d0ca;
	border-right:1px solid #d4d0ca;
	margin:.5em auto;
	border-collapse:collapse;
	}

#preistabelle td, #preistabelle th,
#tab td, #tab th{
	color:#6b665f;
	border-bottom:1px solid #d4d0ca;
	border-left:1px solid #d4d0ca;
	padding:.2em 1em;
	}
	
#preistabelle td,
#tab td {
	text-align:center;
	}

#preistabelle td{
	width: 110px!IMPORTANT;
	}



#preistabelle th,	
#tab th {
	text-align:left;
	}

#preistabelle thead th,
#tab thead th {
	background:#a9a195;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	}
    
#preistabelle thead th.info,   
#tab thead th.info {
    text-align:left!IMPORTANT;
	color:#FFFFFF;
	}	
    
   
#tab thead th.info {
    width: 200px!IMPORTANT;
    }    
   
#preistabelle thead th.info {
    width: 250px!IMPORTANT;
    }    
          
	
#preistabelle th.info,    
#tab th.info {
    text-align:left!IMPORTANT;
    color: #8e8b85;
	}
    
       
#tab th.info {
	width: 200px!IMPORTANT;
	}    

#preistabelle th.info {
	width: 250px!IMPORTANT;
	}    
      
    
#preistabelle th.info a,   
#tab th.info a{
	display: block;
        text-decoration: underline;
        color: #8e8b85;
	}





.zeile1{
        background-color: #f7f6f5;
}
.zeile2{
        background-color: #eeecea;
}
.zeileweiss{
        background-color: #ffffff;
}

.zeileA{
        background-color: #ecebe9;    
}
.zeileB{
        background-color: #e1deda;
}


#tab tfoot th {
	background:#FFFFFF
	color:#44423d;
        font-weight: normal;
	}

.datumspalte{
        font-size:11px;
        line-height:15px;
        }


/*---------------------------------| Tabnavigation |--*/	

.tabNavigationContainer {
	border:1px solid #ccc;
        padding:15px;
        background:#d4d0ca;
        width: 810px!IMPORTANT;
}


.tabNavigation {
	list-style:none;
        margin:0px;
        padding:0px;
}

.tabNavigation li{
	display:inline;
        margin:0px;
}

.tabNavigation a{
	display:block;
	float:left;
	margin:0px;
	padding:3px 5px;
	color:#333;
	border:1px solid #ccc;
	text-decoration:none;
}

.tabNavigation a.selected{
	color:#000;
	background:#d4d0ca;
	border:1px solid #d4d0ca;
        font-weight:bold;
}

.tabContent{
	clear:both;
	padding:0px ;
}





/*---------------------------------| Tooltipp |--*/	


.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid #a9a195;
line-height: 18px;
z-index: 100;
background-color: #ffffff;
width: 230px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}



/*---------------------------------| Tooltipp |--*/

#socialIconContainer{
padding:10px;
height: 30px;
width:397px;
background:#e0deda;
border-bottom:10px solid #ffffff;
}

#socialIconContainer a{
float:right;
margin-left:10px;
}

/*---------------------------------| Team |--*/	

.photogallery table{ 
text-align: left;
}

.photogallery img{ /*CSS for images within an album*/
border: 1px solid #A9A195;
margin-right: 30px;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 3px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid #A9A195;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #A9A195;
}

#photogallerypaginate-1{
margin-top: 10px;
}





/*---------------------------------| Klappbox |--*/	

a.Klappbox{visibility:hidden;}
.accordion .klappinhalt{border-left:1px solid #D4D0CA;border-bottom:1px solid #D4D0CA;border-right:1px solid #D4D0CA;padding: 8px 8px 8px 8px;margin-bottom:20px!IMPORTANT;display:inline-block;}
.accordion h3 {background-image: url(/designhotel/master/layout/images/klapp-plus.gif);  background-repeat: no-repeat;background-position:top left; padding:0px 0px 0px 18px;}
.accordion h3.ui-state-active{margin: 10px 0px 0px 0px;}
.accordion h3.ui-state-active{padding: 0px 8px 0px 27px;background-color: #a9a195;background-image: url(/designhotel/master/layout/images/klapp-minus.gif); background-repeat: no-repeat; background-position:top left;line-height:30px;}
.accordion h3.ui-state-active a{text-decoration:none;color:#ffffff}