@import "http://bookassist.com/scripts/calendar/calendar.css";

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, sub,  var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
sup
{
vertical-align: top;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-spacing: 0;
}

       



body {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size:62.5%;
	line-height:160%;   
	text-align:center;       
	background:#928681;    
	color:#574A43;
}     
body {background:#928681 url(/images/stylesheet/bgNew_mix.jpg) top center no-repeat;} 
body.salzburg {background:#928681 url(/images/stylesheet/bgNew_sbg.jpg) top center no-repeat;} 
body.mozart {background:#928681 url(/images/stylesheet/bgNew_moz.jpg) top center no-repeat;} 
body.tsom {background:#928681 url(/images/stylesheet/bgNew_som.jpg) top center no-repeat;} 


#content_surround a, #content_surround a:hover{color:#574A43;}
body.mozart #content_surround a, body.mozart #content_surround a:hover{color:#752082;}
body.tsom #content_surround a, body.tsom #content_surround a:hover{color:#E62686;}
body.salzburg #content_surround a, body.salzburg #content_surround a:hover{color:#61931F;}
  
#content_surround h1, #content_surround h2, #content_surround h3, #content_surround h4 {color:#574A43;}
body.mozart #content_surround h1,body.mozart  #content_surround h2, body.mozart #content_surround h3, body.mozart #content_surround h4 {color:#752082;}
body.tsom #content_surround h1, body.tsom #content_surround h2, body.tsom  #content_surround h3, body.tsom #content_surround h4{color:#E62686;}
body.salzburg #content_surround h1, body.salzburg #content_surround h2, body.salzburg #content_surround h3, body.salzburg #content_surround h4{color:#61931F;}

	
#container{
	width:1010px;  
	margin:40px auto 0; 
	text-align:left; 
	height:556px;
	background:transparent; url(/images/stylesheet/cont_bg.png) 0 20px repeat-y; 	        
	
	clear: both;

}  

#topnav{
	height:21px;
	color:#58504D;
}             
#topnav ul li a{
	color:#58504D;
	display:block;
	text-decoration:none;  
	padding:0 10px;
	background:transparent url(/images/stylesheet/topnav_sep.gif) top right no-repeat;
} 
#topnav ul li a:hover{color:#fff;} 
#topnav ul li.last a{background:transparent;} 

#topnav ul li.last a.en{background:url(/images/stylesheet/en.png) 8px 3px no-repeat; padding-left:30px;} 
#topnav ul li.last a.de{background:url(/images/stylesheet/de.png) 8px 3px no-repeat; padding-left:30px;} 

#topnav ul{
	float:right;
	display:inline; 
	margin-right:5px;
}                 
#topnav ul li{
	float:left;
	display:inline;
}

#header_surround{
	background:transparent url(/images/stylesheet/header_bg.png) 0 0 no-repeat;    
	width:1010px;   
}   


#header{    
	height:127px;                    
	
	width:990px;
	margin:0 10px;
	float:left;
	display:inline;   
	background:transparent url(/images/stylesheet/header_shadow.gif) 0 0 repeat-x;   
	overflow:visible;         
	     
	
}             
#header h2{z-index:300;}      
#header h2 a{
	width:339px;
	height:100px;
	background:transparent url(/images/stylesheet/logo.gif) top left no-repeat;     
	display:block;
	text-indent:-9999px;
	overflow:hidden;    
	float:left;
	display:inline;         
	z-index:400;
position:relative;
}             
     



#container #header #mainnav{
	height:97px;
	float:left; 
	display:inline;
	overflow:visible;  
	width:990px;
	position:relative;   
	                            
	margin-top:-70px;         
	background:transparent url(/images/stylesheet/mainnav_outer_bg.gif) 528px 17px no-repeat;     
z-index:50;

}

#container #header #mainnav.de{
	background:transparent url(/images/stylesheet/mainnav_outer_bg_de.gif) 528px 17px no-repeat;     
}
#container #header #mainnav ul{list-style-type:none;}      
#container #header #mainnav ul li{
 	float:left;  
	display:inline;                
}
#container #header #mainnav ul li a{
	text-indent:-999px;
	overflow:hidden;    
	display:block;   

	
}  
#container #header #mainnav ul li a:hover{
	background:#fff;  
	color:#7F001B;         
}     


#container #header #mainnav ul li.on a{
	background:#fff;  
	color:#7F001B; 
}
    
#container #header #mainnav ul li.hof{
	margin:21px 0 0 344px;
}
#container #header #mainnav ul li.hof a{
	width:181px;
	height:49px;            
	display:block;
	background:transparent url(/images/stylesheet/mainnav_hof.gif) top left no-repeat;
}   
#container #header #mainnav ul li.hof a:hover, #container #header #mainnav ul li.hof.on a{
	background:transparent url(/images/stylesheet/mainnav_hof_on.gif) top left no-repeat;
}               
#container #header #mainnav ul li.hof ul a:hover, #container #header #mainnav ul li.hof.on ul a{background:transparent;}
         
#container #header #mainnav ul li.mozart{ 
	margin:27px 0 0 6px;
}
#container #header #mainnav ul li.mozart a{
	width:121px;
	height:43px;            
	display:block;
	background:transparent url(/images/stylesheet/mainnav_mozart.gif) top left no-repeat;
}      
#container #header #mainnav ul li.mozart a:hover, #container #header #mainnav ul li.mozart.on a{
	background:transparent url(/images/stylesheet/mainnav_mozart_on.gif) top left no-repeat;
}             
#container #header #mainnav ul li.mozart ul a:hover, #container #header #mainnav ul li.mozart.on ul a{background:transparent;}
            

#container #header #mainnav ul li.tsom{
		margin:27px 0 0 6px;
}
#container #header #mainnav ul li.tsom a{
	width:121px;
	height:43px;            
	display:block;
	background:transparent url(/images/stylesheet/mainnav_tsom.gif) top left no-repeat;
}      
#container #header #mainnav ul li.tsom a:hover, #container #header #mainnav ul li.tsom.on a{
	background:transparent url(/images/stylesheet/mainnav_tsom_on.gif) top left no-repeat;
}        
#container #header #mainnav ul li.tsom ul a:hover, #container #header #mainnav ul li.tsom.on ul a{background:transparent;}
    

#container #header #mainnav ul li.salzburg{
	margin:27px 0 0 12px;
}
#container #header #mainnav ul li.salzburg a{
	width:121px;
	height:43px;            
	display:block;
	background:transparent url(/images/stylesheet/mainnav_salzburg.gif) top left no-repeat;
}      
#container #header #mainnav ul li.salzburg a:hover, #container #header #mainnav ul li.salzburg.on a{
	background:transparent url(/images/stylesheet/mainnav_salzburg_on.gif) top left no-repeat;
}    
#container #header #mainnav ul li.salzburg ul a:hover, #container #header #mainnav ul li.salzburg.on ul a{background:transparent;}






                 
        
/*Sub-Navigation */

#container #header #mainnav ul li ul {
	display: none;        
	
	 
}

#container #header #mainnav ul li.off ul, #container #header #mainnav ul li.on ul  { 
	position: absolute;
	top: 70px;
	left: 0;
	width:990px;     
	overflow:visible;   
	height:27px;   
	background:transparent;        
	padding:0 0;         
}               

#container #header #mainnav ul li.hof ul{background:#574A43;} 
#container #header #mainnav ul li.hof ul li a:hover, #container #header #mainnav ul li.hof ul li a.active{background:#463B36;}      
#container #header #mainnav ul li.mozart ul{background:#752082;}    
#container #header #mainnav ul li.mozart ul li a:hover, #container #header #mainnav ul li.mozart ul li a.active{background:#5E1A68;}      
#container #header #mainnav ul li.tsom ul{background:#E62686;}
#container #header #mainnav ul li.tsom ul li a:hover, #container #header #mainnav ul li.tsom ul li a.active{background:#B81E6B;}      
#container #header #mainnav ul li.salzburg ul{background:#79B827;}
#container #header #mainnav ul li.salzburg ul li a:hover, #container #header #mainnav ul li.salzburg ul li a.active{background:#61931F;}      



#container #header #mainnav ul li.on ul {
	
}

#container #header #mainnav ul li.on:hover ul, #container #header #mainnav ul li.over ul { /*for ie*/     

	
}

#container #header #mainnav ul li:hover a, #container #header #mainnav ul li.over a {         
}    

#container #header #mainnav ul li ul li{   
	float:left;
	margin:0;   
	height:29px;    
}



#container #header #mainnav ul li.on ul a, #container #header #mainnav ul li.off ul a {
	float: left; /*ie doesn't inherit the float*/
	color: #fff;
	width: auto;
	padding:7px 10px 6px;
	display:block;  
	height:14px;         
	border:0;
	font-size:12px; 
	line-height:12px;  
	text-transform:none;
	background:transparent;      
	text-indent:0;
	text-decoration:none;       
	margin:0;
	background:transparent;
}                       



#container #header #mainnav ul li.on ul a:hover, #container #header #mainnav ul li.off ul a:hover, #container #header #mainnav ul li.on ul li.on a {     
	height:14px;  
    border:0;
}  



#container #header #mainnav ul li.on:hover ul a, #container #header #mainnav ul li.over ul li a { /*for ie - the specificity is necessary*/ 

}

#container #header #mainnav ul li.on ul {
	display: block;
}

#container #header #mainnav ul li.off:hover ul, #container #header #mainnav ul li.over ul {
	display: block;
	z-index: 6000;   
}



            

/*everything after here for the sub-sub nav. Complicated! */    

#container #header #mainnav ul li.on ul li ul, #container  #header #mainnav ul li.off ul li ul {
	margin:0;	
	padding:0;
	position: absolute;
	left: -999em;
	font-weight:300;        
	display:visible;         
	z-index:800;   
	margin:auto;    
	top:27px;    
	height:auto;
	width:200px;    
}
#container #header #mainnav ul li.hof ul li ul{background:#574A43;}            
#container #header #mainnav ul li.mozart ul li ul{background:#752082;}
#container #header #mainnav ul li.tsom ul li ul{background:#E62686;}
#container #header #mainnav ul li.salzburg ul li ul{background:#79B827;}          




#container #header #mainnav ul li.on ul li ul li, #container #header #mainnav ul li.off ul li ul li{
float:none;
clear:left;
background:transparent;
padding:0;
	margin:0;    
}



#container #header #mainnav ul li.on ul li:hover ul, #container #header #mainnav ul li.on ul li.sfhover ul, #container #header #mainnav ul li.off ul li:hover ul, #container #header #mainnav ul li.off ul li.sfhover ul{
	left: auto;
}

#container #header #mainnav ul li.on ul li ul li a, #container #header #mainnav ul li.off ul li ul li a  {
	display:block;
	width:180px;    
	margin:0;      
	padding:7px 10px;
	

}
#container #header #mainnav ul li.on ul li ul li a:hover, #container #header #mainnav ul li.off ul li ul li a:hover {
}

         


#container #header #mainnav ul li.on:hover, #container #header #mainnav ul li.on.hover, #container #header #mainnav ul li.off:hover, #container #header #mainnav ul li.off.hover {position:static;}




/* Support for the "iehover-fix.js" */

* html #container #header #mainnav ul iframe{
	position: absolute;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);

}
* html #container #header #mainnav ul li { z-index: 201; }

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */









#content_surround{
	float:right;
	display:inline;        
	width:490px;    
	color:#666;     
	font-size:11px;              
	position:relative;      
	height:380px;  
	margin:0 10px 0 0;
background:#f7f7f7;
	
}	
  

#content{
	float:left;
	display:inline;        
	width:280px;    
	color:#666;     
	font-size:11px;              
	position:relative;      
	height:360px;   
	margin:0 0 0 10px;     
	
}         
#content_surround.wide #content{width:480px;}

#content h1, #content h2{
	font-size:14px;
	line-height:18px;
	clear:left;

	font-weight:700;          
	margin:0 20px 10px;
	
}           
#content h3{
	font-size:12px;
	font-weight:700;          
	margin:20px 20px 10px;
	clear:left;

}      
#content h3 a{text-decoration:none;}   
#content h4{
	font-size:12px;
	font-weight:700;          
	margin:20px 20px 10px;
	clear:left;
}   
#content p, #content ul{
	margin:10px 20px;
}
#content ul{list-style-type:disc;}

#content p img{
	float:left;
	display:inline;
	margin:0 10px 20px 0;
	clear:left;
}
#content p img.left{float:left;}
#content p img.right{float:right;}


      





#footer{  
	float:left;
	clear:left;
	width:1010px;
	height:28px;
	background:transparent url(/images/stylesheet/footer.png) top left no-repeat;
}      

            


.media_gallery_container, #social{
	width:500px;
	height:380px;          
	float:left;      
	display:inline;  
	margin:0 0 0 10px;
	position:relative;     
	overflow:hidden;
	background:#fff;
}                    
.media_gallery_container .media_gallery .thumb{
	background:0;
	border:1px solid #fff;
	display:inline;
	float:right;
	height:50px;
	width:65px;
	margin:10px 0 0 5px;
	padding:0;
	

}
.video_thumbs{
	display:inline;
	float:left;
	margin:0px;
	padding:0;
width:485px;

position:absolute;
right:10px;
bottom:10px;
}


.media_gallery_container div{

}
.media_gallery_container #gallery_display{

}



        

#slideshow{
	width:500px;
	height:380px;          
	float:left;      
	display:inline;  
	margin:0 0 0 10px;
	position:relative;     
}                    

          
#slideshow img
{

	left:0;
	top:0;
	position:absolute;

	width:500px;

	z-index:8;
	opacity:0.0;
}


#slideshow IMG.active
{

	width:500px;
	z-index:10;
	opacity:1.0;
}

#slideshow IMG.last-active
{z-index:9;}
    



#bookassist_form{
	font-size:11px;
	overflow:hidden;
	margin:0;
	float:right;       
	display:inline; 
	width:646px;
	height:39px;    
	/*background:#fff url(/images/stylesheet/form_corner.gif) bottom left no-repeat;*/
	background:#fff url(/images/stylesheet/form_background.gif) top left no-repeat;
	overflow:visible;      
	position:relative;   
	
	
	
}
#bookassist_form #DatesForm{
	overflow:hidden;
	border:none;      
	width:450px;        
	height:39px;    
	padding-left:196px;   
	 
}
#bookassist_form .search_title{
	height:31px;     
	width:186px;
	text-align:right;
	text-transform:uppercase;
	color:#FFF;     
	float:left;      
	display:inline;
	padding:13px 13px 0 0;
	font-size:11px;
	line-height:12px;
	margin:0;
	position:relative;    
	overflow:hidden;	
	position:absolute;
	left:0; 
	top:0;             
	font-weight:700;
	
}
#bookassist_form label{
	color:#b6b1ad;     
	margin:15px 0 0 10px;   
	font-size:10px;    
	float:left;   
	line-height:10px; 

	    
}                        
#bookassist_form label.nnlable{

}
#bookassist_form .nninput{
	margin:9px 0 2px 5px;
	width:35px;
	padding:2px 3px;     
	float:left;        
	border:1px solid #b6b1ad;          
	font-size:10px;  
	background:#574a44;   
	color:#b6b1ad;     
	
}      

#bookassist_form .date_select{
	margin:9px 0 2px 5px;
	width:60px;
	padding:2px 3px;     
	border:1px solid #b6b1ad;          
	font-size:10px;  
	background:#574a44;   
	color:#b6b1ad;     

}
#bookassist_form #DatesForm #inday{
	width:44px;    
	float:left;

}

#bookassist_form #inmonthyear{
	width:75px;    
	float:left;        
	
}  

#bookassist_form #outmonthyear {width:80px;}
#bookassist_form .date_input{
	background: #79b927;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	border:none;
	width:58px;
	height:39px;
	position:absolute;
	top:0;
	right:0;
font-size:14px;
}   

#bookassist_form img{ 
		margin:9px 0 0 3px;         
		float:left;
}
#ba_javascript p{
	margin:0 0 0 5px;
	padding:0;
	text-align:center;
	color: #fff;
}
#ba_javascript a{
	color: #CC3399;
	text-decoration:underline;
}
#bookassist_form #ba_adults{
	width:44px;    
	float:left;
}
#bookassist_form #ba_children{display:none;}

#bookassist_form a img {
    border: none !important;
}   
                                                     
#calendar{z-index:3000;}

      
#text_content{
	float:left;       
	display:inline;      
	height:334px;          
	overflow:auto;
	width:290px;    
	                      
	width:273px;
} 
#content_surround.wide #content #text_content{width:473px;}


a.pageedit{
	text-indent:-9999px;
	display:block;
	float:right;
	display:inline;
	background:transparent url(/images/stylesheet/page_edit.png) top left no-repeat;
	width:16px;
	height:16px;
	margin:10px 10px 0 0;
}


.demo
{
	margin:0;
	width:980px;
	overflow:auto;
}

#container .gallery_demo_unstyled{display:none;}

#container .gallery_demo
{
	display:inline;
	float:right;
	margin:0;
	width:390px;
	padding:0;
	height:435px;
	overflow:auto;
padding-top:5px
}

#container .gallery_demo li
{
	background:0;
	border:6px solid #fff;
	display:inline;
	float:left;
	height:80px;
	width:80px;
	margin:0 0 5px 0;
	padding:0;

}

#container .gallery_demo li img
{

}

#container .gallery_demo li.active
{
	border:6px solid #fff;
}

#main_image
{
	display:inline;
	float:left;
	margin:10px 20px 0 10px;
	width:560px;
	padding:0;
}

#main_image img
{
	height:auto;
	width:560px;
}

.galleria_wrapper{width:560px;}

.caption
{
	float:right;
	font-size:1.2em;
	margin:5px 10px 0 0;
}




body.var_height{height:auto;}
body.var_height #container{
	height:auto;
	top:0;
	overflow:auto;
	margin-top:30px;
}
body.var_height #content{
	width:980px; height:auto;
}


body.wide_scroll #content{width:980px;}

body.wide_scroll #content #text_content{width:980px;}

body.narrow_slideshow #slideshow, body.narrow_slideshow #interactive{width:327px;}
body.narrow_slideshow #content, body.narrow_slideshow #text_content{width:500px;}

#content .room_information{
	clear:left;
	display:inline;
	overflow:auto;
	margin:10px 0;
	float:left;
}

#content .room_information_text{
	float:right;
	width:320px;
	width:600px;
	display:inline;
	float:left;
	clear:none;

}

#content  .room_information h2, #content  .room_information h3{
	clear:none;
	margin:5px 0 20px 0;
}

#content .room_information img{
	margin:0 20px 0 30px;
	float:left;
	display:inline;
}

#content .room_information p{margin-left:0;}

#content a.pdf, #panel a.pdf{
	background:transparent url(/images/stylesheet/page_white_acrobat.png) top left no-repeat;
	padding-left:20px;

	display:block;
	height:20px;
}
#content_surround.wide #content .entry{clear:left; width:443px;}  
#content .entry{clear:left; width:263px;}      
#content .entry h3{
	margin:0;
	margin:0 20px 10px;
}      

#content .entry img{
	float:left;
	display:inline;
	clear:left;
	margin-bottom:20px;
}

#content .posted{clear:left;}

#content .bloggallery{
overflow:auto;
margin:0 30px;
}
#content .bloggallery p{
float:left;
display:inline;
margin:0;
width:100%;
}
#content .bloggallery img{
float:left;
display:inline;
margin:5px 5px 5px 0;
clear:none;
}


#content .category_link{
float:left;
display:inline;
width:290px;
margin:20px 0 20px 30px;

padding:0;

}
#content .category_link img{
float:left;
display:inline;
}
#content .category_link a.read_more{
	background:#B2C64B;
	color:#fff;
	font-weight:700;
	margin:10px 0px 10px 10px;
	padding:2px 5px;
	text-decoration:none;      
	float:left;

}
#content .category_link h3{
float:left;
clear:none;
margin:10px;
width:160px;



}
#content .category_link h3 a{text-decoration:none;}

.videocont{
	margin:30px 30px 20px;
	clear:left;

}





.promo{
	width:200px;
	height:189px;
	float:left;
	display:inline;
	margin:0;
	overflow:hidden;
	position:relative;   
	color:#fff;
}
.promo_text{
	position:absolute;
	width:200px;
	bottom:0;
	left:0;
	overflow:hidden;
	background:transparent url(/images/stylesheet/black_58.png) top left repeat;
}
.promo img.bg_image{
	position:absolute;
	min-width:200px;
	min-height:219px;
	top:-30px;
	left:-10%;

}        
.promo .promo_text h5{
	text-transform:uppercase;
	font-size:11px;    
	margin:10px 10px 0 10px;
	font-weight:300;
	
}
#content_surround .promo .promo_text h4{
	padding:0 10px;
}
#content_surround .promo .promo_text h4 a{
	font-size:14px;
	font-weight:700;
	line-height:16px;
	margin:0 0 10px;
	padding:0;
	color:#fff;  
	text-decoration:none;
}    
.promo .promo_text p{
	text-align:right;  
	margin:10px;
}

#content_surround  .promo .promo_text a.book_now{
	text-align:right;  
	color:#fff;          
	font-size:11px;
	text-transform:uppercase;
	margin:10px;
	text-decoration:none;
}



#content_surround.wide #content .overview{
	clear:left;
	margin-left:10px;
}
#content_surround.wide #content .overview h2{
	border-bottom:1px solid #C3C0AF;
	padding-bottom:5px;
	margin:20px 10px 10px;
}
#content_surround #content .overview h2.newsblog{

	padding:5px 0 13px 40px;
	background:transparent url(/images/stylesheet/rss.png) top left  no-repeat;

}

#content_surround.wide #content .overview .overview_node{

	width:210px;
	float:left;
	display:inline;
	margin:0 0 20px 10px;
}
#content_surround.wide #content .overview .overview_node .overview_image{
	float:left;
	display:inline;
	width:70px;
	height:70px;
	overflow:hidden;
	margin:0 10px 10px 0;
}
#content_surround.wide #content .overview .overview_node .overview_image p a img{border:0;}
#content_surround.wide #content .overview .overview_node .overview_image p{
	margin:0;
	padding:0;
}
#content_surround.wide #content .overview .overview_node h3{
	padding-left:80px;
	margin:0 0 5px;
	clear:none;
}
#content_surround.wide #content .overview .overview_node h3 a{text-decoration:none;}
#content_surround.wide #content .overview .overview_node p{
	margin:0 10px 10px 80px;
}

#content ul#share{
	float:right;
	display:inline;
	height:20px;
	margin:3px 5px 3px 0;
	list-style-type:none;

}
#content ul#share li{float:left;}
#content ul#share li a{
	width:14px;
	height:15px;
	display:block;
	margin:2px 0 0 0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}

#content ul#share li a.twitter{background:transparent url(/images/stylesheet/links_twitter.gif) top left repeat;}
#content ul#share li a.facebook{background:transparent url(/images/stylesheet/links_facebook.gif) top left repeat; margin-right:2px;}
#content ul#share li a.email{background:transparent url(/images/stylesheet/links_email.gif) top left repeat; margin-right:6px;}
#content ul#share li a.print{background:transparent url(/images/stylesheet/links_print.gif) top left repeat;}


#content_surround #subdisplay{
	background:#574A43 url(/images/stylesheet/subdisplay.gif) top left no-repeat;
	float:left;
	display:inline;
	width:200px;
	height:188px;
	border-top:3px solid #fff;
}
body.mozart #content_surround  #subdisplay{background:#752082 url(/images/stylesheet/subdisplay_mozart.gif) top left no-repeat;}
body.tsom #content_surround #subdisplay{background:#E62686 url(/images/stylesheet/subdisplay_tsom.gif) top left no-repeat;}
body.salzburg #content_surround #subdisplay{background:#79B827 url(/images/stylesheet/subdisplay_salzburg.gif) top left no-repeat;}


#content_surround #subdisplay h3{
	margin:20px 20px 0;
	font-size:12px;
	line-height:14px;
	line-height:12px;
	text-transform:uppercase;
	font-weight:300;
	color:#fff;
}

#content_surround #subdisplay ul{
	margin:5px 10px 20px;
	font-size:12px;
}
#content_surround #subdisplay ul a{
	padding:2px 10px;
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:700;
}
#content_surround #subdisplay ul a:hover, #content_surround #subdisplay ul li.on a{
	text-decoration:underline;
	color:#fff;
}




body#var_height{height:auto;}

body#var_height #content_surround{
	width:990px; 
	height:auto;
}
body#var_height #container{
	height:auto;
	top: 0;
	margin:30px auto;

}





#footnav{
	width:1010px;  
	margin:5px auto; 
	text-align:left; 
	clear: both;
	color:#58504D;
	font-size:11px;
}
#footnav a{
	color:#58504D;
	text-decoration:none;
}
#footnav a:hover{color:#fff;}

#footnav h3 a{
	width:318px;
	height:28px;
	background:transparent url(/images/stylesheet/restaurant_footer.gif) top left no-repeat;     
	display:block;
	text-indent:-9999px;
	overflow:hidden;    
	float:left;
	display:inline;         
	position:relative;
	border-right:1px solid #807671;
	margin:0 0 30px 0;
}             
#footnav span.bio{
	width:630px;
	height:28px;

	float:left;
	display:inline;         
	border-left:1px solid #A09691;
	overflow:hidden;
	display:inline;
	padding-left:30px;
	font-size:12px;
	line-height:14px;
}        
#footnav .about, #footnav .social, #footnav .bottomnav{
	float:left;
	display:inline;
	width:990px;
	margin:0 10px;
	border-bottom:1px solid #807671;


}     
#footnav .social{
	background-color: transparent;
	background-image: url(/images/stylesheet/social_de.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height:55px;
	border-top:1px solid #A09691;
}
#footnav .bottomnav{
	border-top:1px solid #A09691;
	margin:0 10px 30px;
	border-bottom:0;
}
#footnav .bottomnav .lines{
	background:transparent url(/images/stylesheet/bottomnav_bg.gif) top left repeat-y;
	width:990px;
	overflow:auto;
	margin:13px 0 5px 0;
	
}

 #footnav .social a{
	float:left;
	display:block;   
	height:55px;
	overflow:hidden;   
	text-indent:-9999px;
	
	
	
}    
#footnav .social a.facebook{
	background-color: transparent;
	background-image: url(/images/stylesheet/social_de.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width:113px;}         
#footnav .social a.facebook:hover{background-position:0 -55px;}
#footnav .social a.twitter{
	background-color: transparent;
	background-image: url(/images/stylesheet/social_de.gif);
	background-position: -116px 0;
	background-repeat: no-repeat;
	width:161px; margin-left:2px;}         
#footnav .social a.twitter:hover{background-position:-116px -55px;}
#footnav .social a.tripadvisor{
	background-color: transparent;
	background-image: url(/images/stylesheet/social_de.gif);
	background-position: -278px 0;
	background-repeat: no-repeat;
	width:185px; margin-left:2px;}         
#footnav .social a.tripadvisor:hover{background-position:-278px -55px;}
#footnav .social a.blog{
	background-color: transparent;
	background-image: url(/images/stylesheet/social_de.gif);
	background-position: -465px 0;
	background-repeat: no-repeat;
	width:139px; margin-left:2px;}         
#footnav .social a.blog:hover{background-position:-465px -55px;}
#footnav .social a.club{
	background-color: transparent;
	background-image: url(/images/stylesheet/social_de.gif);
	background-position:-606px 0;
	background-repeat: no-repeat;
	width:181px; margin-left:2px;}         
#footnav .social a.club:hover{background-position:-606px -55px;}
#footnav .social a.youtube{
	background-color: transparent;
	background-image: url(/images/stylesheet/social_de.gif);
	background-position: -606px 0;
	background-repeat: no-repeat;
	width:181px; margin-left:2px;}         
#footnav .social a.youtube:hover{background-position:-606px -55px;}


#footnav #mainnav ul li{
	float:left;
	display:inline;

}
#footnav #mainnav ul li a{
float:left;
display:inline;
}


#footnav #mainnav ul li ul {
	float:left;
	display:inline;
	clear:left;
	margin-left:15px;
}
#footnav #mainnav ul li ul li{clear:left;}
#footnav #mainnav ul li ul li a{float:none;}

#footnav #mainnav ul li ul li ul {display:none;}



#footnav ul li.hof a, #footnav ul li.salzburg a, #footnav ul li.mozart a, #footnav ul li.tsom a{
	width:171px;
	height:20px;            
	display:block;
	background:transparent url(/images/stylesheet/footnav_hof.gif) 4px 1px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}   
#footnav ul li.salzburg a{background:transparent url(/images/stylesheet/footnav_salzburg.gif) 4px 0px no-repeat; width:116px; margin-left:15px;}
#footnav ul li.mozart a{background:transparent url(/images/stylesheet/footnav_mozart.gif) 4px 0px no-repeat; width:135px; margin-left:15px;}
#footnav ul li.tsom a{background:transparent url(/images/stylesheet/footnav_tsom.gif) 4px 0px no-repeat; width:194px; margin-left:15px;}

#footnav #mainnav ul li.hof ul{
	width:170px;
	margin-left:0;
}

body #footnav #mainnav ul li ul li a{
	width:auto;
	height:auto;
	text-indent:0;
	background:transparent;
	text-decoration:none;
	margin:0 4px 1px;
	clear:left;
}

#footnav img.privatecityhotels{
	float:left;
	margin-top:10px;
}

#tabs{position:relative;}
.ui-tabs { } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {position:absolute; top:140px; left:510px;  width:15px; height:158px; }

.ui-tabs .ui-tabs-nav li a{
	width:15px;
	float:left;
	clear:left;
	margin-bottom:2px;
	text-indent:-9999px;
	overflow:hidden
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.fotos a{height:55px; background:transparent url(/images/stylesheet/media_tabs.gif) 0 0 no-repeat;}
.ui-tabs .ui-tabs-nav li.videos a{height:55px; background:transparent url(/images/stylesheet/media_tabs.gif) 0 -57px no-repeat;}
.ui-tabs .ui-tabs-nav li.map a{height:42px; background:transparent url(/images/stylesheet/media_tabs.gif) 0 -114px no-repeat;}

.ui-tabs .ui-tabs-nav li.fotos.ui-state-active a{height:55px; background:transparent url(/images/stylesheet/media_tabs.gif) -15px 0 no-repeat;}
.ui-tabs .ui-tabs-nav li.videos.ui-state-active a{height:55px; background:transparent url(/images/stylesheet/media_tabs.gif) -15px -57px no-repeat;}
.ui-tabs .ui-tabs-nav li.map.ui-state-active a{height:42px; background:transparent url(/images/stylesheet/media_tabs.gif) -15px -114px no-repeat;}

.ui-tabs .ui-tabs-nav li.fotos a:hover{height:55px; background:transparent url(/images/stylesheet/media_tabs.gif) -15px 0 no-repeat;}
.ui-tabs .ui-tabs-nav li.videos a:hover{height:55px; background:transparent url(/images/stylesheet/media_tabs.gif) -15px -57px no-repeat;}
.ui-tabs .ui-tabs-nav li.map a:hover{height:42px; background:transparent url(/images/stylesheet/media_tabs.gif) -15px -114px no-repeat;}

.ui-tabs .ui-tabs-panel { display: inline;  background:#fff;}
.ui-tabs .ui-tabs-hide { display: none !important; }



#pluslink{
	float:left; 
	display:inline; 
	width:75px; 
	height:25px; 
	margin:-7px 0 0 15px; 
	overflow:hidden;
}
#fblink{
	float:left; 
	display:inline; 
	width:500px; 
	height:25px; 
	margin:-7px 0 0 15px; 
	overflow:hidden;
}


form#contactform, #content form#freeform{
	margin:20px 0 30px 0;
	overflow:auto;
}
form#contactform label, #content form#freeform label{
	font-size:12px;
	line-height:18px;
	text-align:right;
	width:110px;
	float:left;
	clear:left;
	display:inline;
	padding-top:3px;
	margin:4px 15px 3px 0;
}
form#contactform label.error, #content form#freeform label.error{
	margin-left:125px;
	margin-top:0px;
	color:#c00;
	text-align:left;
	padding-left:23px;
	background:transparent url(/images/stylesheet/warning-16.png) 0 3px no-repeat;        
	width:280px;

}
form#contactform label.buttonlabel, #content form#freeform label.buttonlabel{
	width:auto; 
	clear:none;
margin-left:10px;
}
form#contactform input, form#contactform select, #content form#freeform input, #content form#freeform select{

	width:300px;
	padding:7px 5px;
	background:#D9D4D2;
	float:left;
	display:area;
	margin:3px 0;
	border:0;
}
form#contactform input#salutation_w, form#contactform input#salutation_m, #content form#freeform input.radio{
	width:auto;
	margin-top:10px;
} 
form#contactform input.half, form#contactform select.half, #content form#freeform input.half, #content form#freeform select.half{width:50px;}

form#contactform select, #content form#freeform select{width:308px;}

form#contactform textarea, #content form#freeform textarea{

	width:300px;
	height:180px;
	background:#D9D4D2;
	float:left;
	display:inline;
	padding:7px 5px;
	margin:3px 0;
	border:0;
}


form#contactform input#submit, form#contactform input#submit1, #content form#freeform #submit{
	background:#574A43;
	width:150px;
	clear:left;
	color:#fff;
	border:0;
	padding:4px 0;
	margin:10px 0 0 284px;
	font-size:11px;
}
form#contactform .hiddenFields, #content form#freeform .hiddenFields{display:none;}



.social form#freeform{
float:left;
display:inline;
margin:20px 0 0 20px;
	width:180px;


}
.social form#freeform input.language{display:none;}
.social form#freeform input{
	border:1px solid #7D736F;
	width:120px;
	float:left;
	display:inline;
	background:transparent;
	color:#58504D;
	padding:5px;

	font-size:9px;
}

.social form#freeform input.newsletter-send{
	background:#837874;
	width:auto;
	padding:4px;
	margin-left:3px;
	text-transform:uppercase;
}










#content_surround table.pricelist{
	width:950px;
	font-size:12px;
	margin:0 20px 10px;
}



#content #calendar table{
width:auto;
margin:0;
}


#content_surround table.pricelist td{
	padding:5px;
	border:1px solid #eee;
	text-align:center;
}
#content_surround table.pricelist td.unavailable{
	background:transparent url(/images/stylesheet/unavailable.png) center center no-repeat;        
text-indent:-9999px;
overflow:hidden;

}
#content table td:first-child{

}

form#year_month{
	width:910px;
	font-size:12px;
	margin:20px 20px 10px;
	padding:10px 20px;
	background:#E9E7E6;
	overflow:auto;
}
form#year_month h1{
float:left;
display:inline;
	font-size:14px;
	line-height:18px;
	clear:left;
	font-weight:700;          
	margin:3px 20px 0 0;
}

form#year_month select, form#enquiry_type_form select{
	width:200px;
	background:#fff;   
	padding:1px;     
	margin:0;   
	float:left;  
	display:inline;   
	font-size:11px;  
	border:1px solid #C8C2C0;     
}
form#year_month a.switch{
float:left;
display:inline;
text-decoration:none;
margin:0 20px;
background:#574A43;
color:#fff;
padding:3px 10px;
}




#tabs div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 500px; 
}

#tabs div.slideshow-container {
	position: relative;
	clear: both;
	height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
}

#tabs div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#tabs div.slideshow a.advance-link {

	display: block;
	width: 504px; 
	height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */

	line-height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;



}
#tabs div.slideshow a.advance-link:hover, #tabs div.slideshow a.advance-link:active, #tabs div.slideshow a.advance-link:visited {
	text-decoration: none;
}
#tabs div.slideshow img {
/*	vertical-align: middle;*/
float:left;

}



#tabs div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}


#tabs ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
position:absolute;
right:10px;
bottom:10px;
display:none;
}
#tabs ul.thumbs li {
	float: right;
	padding: 0;
	margin: 10px 0 0 5px;
	list-style: none;
}
#tabs a.thumb {
	display: block;
	border: 1px solid #fff;
}
#tabs ul.thumbs li.selected a.thumb {
}
#tabs a.thumb:focus {
	outline: none;
}
#tabs ul.thumbs img {
	border: none;
	display: block;
	width:65px;
	height:50px;

}

#tabs div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
#tabs div.navigation div.bottom {
	margin-top: 12px;
}

#tabs div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
#tabs div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
#tabs div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}



#container #content_surround h1.offer{
	float:left;
	width:210px;
margin:20px 0 5px 0;
font-size:14px;
line-height:18px;

}


#container #content_surround ul.offer_list{
	float:left;
	display:inline;

	list-style-type:none;
	margin:0;

	width:210px;
	position:relative;
}
#container #content_surround ul.offer_list li{
	float:left;
	display:inline;
}
#container #content_surround ul.offer_list li a{
	background:#574A43;
	display:block;
	padding:10px;
	margin-bottom:1px;
	width:190px;
	text-decoration:none;
	font-size:12px;
	line-height:16px;
	font-weight:300;
	color:#fff;
	overflow:auto;
}
#container #content_surround ul.offer_list li a.active, #container #content_surround ul.offer_list li a:hover{background:#463B36; color:#fff;}


#container #content_surround ul.offer_list li a p{
margin:0;
padding:0;
}
#container #content_surround ul.offer_list li a img{
	width:50px;
	height:50px;
	float:left;
	display:inline;
	margin-right:10px;
}



/*----------NEW YOUTUBE MODULE ---------*/
	

#videos-tab #ytvideo,
#videos-tab #ytvideo2 {
    float: left;
}


#videos-tab .yt_holder {
    background: #f3f3f3;
    float: left;


}


#videos-tab ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 485px;
    position:absolute;
    bottom:10px;
    right:10px;
}

#videos-tab ul li {
    list-style-type: none;
    display:block;
    background: #f1f1f1;
    float: right;
    margin: 10px 0 0 5px;
    width: 65px;
    height: 50px;
text-indent:-9999px;
overflow:hidden;
    border: 1px solid #FFFFFF;
}

#videos-tab ul li a img {
    background: none repeat scroll 0 50% transparent;
    display: inline;
    float: left;
    height: 50px;

    padding: 0;
    width: 65px;
}

#videos-tab ul li a {
    width: 67px;
    height: 52px;
}

#videos-tab .currentvideo {
	background: #e6e6e6;
}