/* blau.css, ids, colors, img fuer wien hostels, august 2007, maria putzhuber */

/* nur wien spezifische startseite */


/*#wienstart #content {
	background: url(../img/content/wien-start.jpg);
	width:500px;
	height:368px;
}

#wienstart h1#thebase {
	position:absolute;
	left:40px;
	bottom:0px;
	font-size:1.4em;	
}

#wienstart h1#thelounge {
	position:absolute;
	right:30px;
	bottom:0px;
	font-size:1.4em;
}

#wienstart h1#thebase a {
	background: url(../img/content/base_figur_vienna_weiss.png) no-repeat bottom right;
	display:block;
	width:200px;
	height:178px;
	color:#fff;
	text-decoration:none;
	padding-top:160px;	
}

#wienstart h1#thelounge a {
	background: url(../img/content/lounge_figur_vienna_weiss.png) no-repeat bottom left;
	display:block;
	width:230px;
	height:200px;
	color:#fff;
	text-decoration:none;
	padding-top: 130px;
	text-align:right;
}

#wienstart h1#thebase a:hover,
#wienstart h1#thebase a:focus,
#wienstart h1#thebase a:active  {
	background: url(../img/content/base_figur_vienna_hellblau.png) no-repeat bottom right;
	color:#00ABD4;
	display:block;
}

#wienstart h1#thelounge a:hover,
#wienstart h1#thelounge a:focus,
#wienstart h1#thelounge a:active  {
	background: url(../img/content/lounge_figur_vienna_blau.png) no-repeat bottom left;
	color:#00ABD4;
	display:block;
}*/


/* wien startseite neu 18.12.09 */

#wienstart #content {
	height:400px;
	width:500px;
}
#wienstart #vienna-nav-wrap h1 {
	font-size:18px;
	margin:0;
	line-height:1.3em;
}
#wienstart #vienna-nav-wrap a {
	color:#000;
	text-decoration:none;
	display:block;
	width:304px;
	height:32px;
	padding:90px 0 11px 196px;
}

#wienstart h1#nav-thelounge a {
	background:#9de url(../img/content/Nav_thelounge.gif) top left no-repeat;
}

#wienstart h1#nav-thebase a {
	background:#c2e8f1 url(../img/content/Nav_thebase.gif) top left no-repeat;
/*  height:52px;
	padding-top:70px; */
}

#wienstart h1#nav-thebase a span {
	color:#e8292a;
	font-size:12px;
}

#wienstart h1#nav-thenaschmarkt a {
	background:#e1f4f8 url(../img/content/Nav_thenaschmarkt.gif) top left no-repeat;
	height:52px;
	padding-top:70px;
}

#wienstart h1#nav-thenaschmarkt a span {
	color:#e8292a;
	font-size:14px;
}

#wienstart #vienna-nav-wrap a:hover, #wienstart #vienna-nav-wrap a:focus {
	background-color:#FFF;
}



/* ab hier fuer alle bereiche anpassen, z.b. #start #content */


#wienstart #city {background: url(../img/header/vienna.gif) no-repeat;height:32px;width:174px;}

#city {background: url(../img/header/viennathelounge.gif) no-repeat 3px 0;height:32px;width:174px;}


/*startseite mit foto*/

#start #content {
	background: url(../img/content/thelounge-start.jpg);
}

#start #text {
	position:absolute;
	bottom:40px;
	left: 236px;
}

#start #type {
	position:absolute;
	bottom:-2px;
	left: 50px;
	background: url(../img/content/lounge_figur_content.png) no-repeat top;
	height: 339px;
	width: 141px;
} 

#start #text h1 {
	color: #00abd4;
	background:inherit;	
	padding-bottom:10px;
}

#start #text p {
	color: #fff;
	background:inherit;
	font-weight:bold;
	background: url(../img/content/transparent_blau.png) repeat;
	margin-right:0;
	padding: 10px;
	float:right;			
}

#start #text p strong {
        /*background-color:#00abd4;*/
        color:#fff;
        line-height:170%;
        font-size:0.9em;
        font-weight:bold;        
}

* html #start #text p {
	color: #fff;
	background:none;	       	
}

* html #start #text p strong {
        background-color:#00abd4;
        color: #fff;             
}


/*subseite*/

#sub #content {
	background:#99ddee url(../img/content/rundung-blau.gif) no-repeat top left ;	
}

/* iehacks */

* html #start #type {
	background: url(../img/content/lounge_figur_content.gif) no-repeat top;
}

* html #sub #type {
	background: url(../img/content/lounge_figur_content.gif) no-repeat top;
}



/* .twocolumns  = subseite ohne rechtes menue*/


#sub #text {
	position:static;
	padding:12px 0 20px 140px;
}

#sub #type {
	position:absolute;
	bottom:-3px;
	left: 0;
	background: url(../img/content/lounge_figur_content.png) no-repeat top;
	height: 339px;
	width: 141px;
} 

#sub #text h1 {
	color: #00abd4;
	background:inherit;	
	padding:0 12px 0 86px;

}
#sub #text h2 {
	color: #fff;
	background:inherit;	
	padding:0 12px 10px 86px;
}

#sub #text h3 {
	color: #000;
	background:inherit;
	font-size: 0.9em;
	padding:10px 12px 0 86px;
}

#sub #text p {
	color: #000;
	background:inherit;
}

#sub.twocolumns #text {
	padding-left:96px;
}

#sub.twocolumns #text h1,
sub.twocolumns #text h2 {
	padding-left:130px;
}

#sub.twocolumns #text h3,
#sub.twocolumns #text p,
#sub.twocolumns #text ul,
#sub.twocolumns #text ol {
	padding-left:60px;
}

/* rates amenities */

.rates-amenities {
	margin-top: 15px;
	padding-left: 10px;
	background: url(../img/content/verlauf-blau.png) repeat;
}

table {
   background: url(../img/content/verlauf-blau.gif) repeat left top;	
}

td {
	background: #99DDEE;
	color:#000;	
}


/* Navigation */

/*citynav */


li#ueberuns a, li#ueberuns.level1active span {
	background: url(../img/header/navi-ueber.png) no-repeat top left ;
	}

li#berlin a, li#berlin.level1active span {
	background: url(../img/header/navi-berlin.png) no-repeat top left ;
}

li#budapest a, li#budapest.level1active span {
	background: url(../img/header/navi-budapest.png) no-repeat top left ;
	padding:45px 0 0 35px;
	height:24px;
}

li#muenchen a, li#muenchen.level1active span {
	background:  url(../img/header/navi-muenchen.png) no-repeat top left ;
}

li#wien a, li#wien.level1active span {
	background:  url(../img/header/navi-wien.png) no-repeat top left;
}

li#ueberuns a:hover, 
li#ueberuns a:focus, 
li#ueberuns a:active,
li#ueberuns a.level1highlight,
li#ueberuns.level1active span {
	background: url(../img/header/navi-ueber.png) no-repeat 0 -69px ;
} 

li#berlin a:hover, 
li#berlin a:focus, 
li#berlin a:active,
li#berlin a.level1highlight, 
li#berlin.level1active span {
	background: url(../img/header/navi-berlin.png) no-repeat 0 -69px ;
}

li#budapest a:hover, 
li#budapest a:focus, 
li#budapest a:active,
li#budapest a.level1highlight, 
li#budapest.level1active span {
	background: url(../img/header/navi-budapest.png) no-repeat 0 -69px ;
} 

li#muenchen a:hover, 
li#muenchen a:focus, 
li#muenchen a:active,
li#muenchen a.level1highlight, 
li#muenchen.level1active span {
	background: url(../img/header/navi-muenchen.png) no-repeat 0 -69px ;
} 

li#wien a:hover, 
li#wien a:focus, 
li#wien a:active,
li#wien a.level1highlight, 
li#wien.level1active span {
	background: url(../img/header/navi-wien.png) no-repeat 0 -69px ;
}


/*leftnav */

#citysubnav ul li a:hover,
#citysubnav ul li a:focus,
#citysubnav ul li a:active,
#citysubnav ul li a.level1highlight,
#citysubnav ul li.level1active span {
	color:#fff;
	background: url(../img/leftnav/menubalken_lounge.gif) no-repeat left;	
}

#citysubnav ul li ul li a:hover,
#citysubnav ul li ul li a:focus,
#citysubnav ul li ul li a:active,
#citysubnav ul li ul li a.level2highlight,
#citysubnav ul li ul li.level2active span {
	color:#fff;
	background: url(../img/leftnav/quadrat.gif) no-repeat left;
}


/*menu left */

#theloungesub #specials {
	background: url(../img/leftnav/blubbergruen-blau.gif) no-repeat left top;
}

#specials {
	background: url(../img/leftnav/blubberorange-blau.gif) no-repeat left top;	
}

#booking {
	background:#66cde5 url(../img/leftnav/booking-blauunten.gif) no-repeat left bottom;
}

#booking #booknow {
	background: url(../img/leftnav/blubberbooking.png) no-repeat left top;	
}

* html #booking #booknow {
	background: url(../img/leftnav/blubberbooking-blau.gif) no-repeat left top;	
}


#booking h1 {
	background:  url(../img/leftnav/boxbooking-blau.gif) no-repeat left top;
	color:#fff;	
}

/* right nav */

.rightbox {
	background:#99ddee url(../img/rightnav/box-blauunten.gif) no-repeat bottom;	
}

.rightbox a {
	color:#000;
	background-color: #99DDEE;
}

.rightbox a:hover,
.rightbox a:focus,
.rightbox a:active {
	color:#00ABD4;
	background-color: #99DDEE;
}

h2.wombatsyellow {	
	background: #00ABD4 url(../img/rightnav/h2wombatsgelb-blau.gif) no-repeat;		
}

h2.wombatsorange {	
	background:#00ABD4 url(../img/rightnav/h2wombatsorange-blau.gif) no-repeat;			
}

h2.wombatsgreen {	
	background:#00ABD4 url(../img/rightnav/h2wombatsgruen-blau.gif) no-repeat;			
}

h2.wombatsred {	
	background:#00ABD4 url(../img/rightnav/h2wombatsrot-blau.gif) no-repeat;			
}

h2.wombatsblue {	
	background:#00ABD4 url(../img/rightnav/h2wombatshellblau-blau.gif) no-repeat;			
}

h2.wombatslightblue {	
	background:#00ABD4 url(../img/rightnav/h2wombatshellblau-blau.gif) no-repeat;			
}

h2.yellow {	
	background:#00ABD4 url(../img/rightnav/h2gelb-blau.gif) no-repeat;			
}
h2.orange {	
	background: url(../img/rightnav/h2orange-blau.gif) no-repeat;		
}

h2.green {	
	background: url(../img/rightnav/h2gruen-blau.gif) no-repeat;		
}

h2.red {	
	background: url(../img/rightnav/h2rot-blau.gif) no-repeat;		
}

h2.blue {	
	background: url(../img/rightnav/h2blau-blau.gif) no-repeat;		
}

h2.lightblue {	
	background: url(../img/rightnav/h2hellblau-blau.gif) no-repeat;	
}

/* footer */


#footer ul li a {	
	color:#fff;
	background: #00ABD4;
}

#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active,
#footer ul li a.level1highlight,
#footer ul li.level1active span  {
	color:#99DDEE;
	background: #00ABD4;
}


/* for twocolumns rightlinks */

#rightlinks a {
	color:#000;
	background-color: #99DDEE;
}

#rightlinks a:hover,
#rightlinks a:focus,
#rightlinks a:active {
	color:#00ABD4;
	background-color: #99DDEE;
}

/* news */

.news-single-item h3, .news-latest-content h3 {
	background: url(../img/content/verlauf-blau.png) repeat !important;	
}

span.colored {
	color: #00abd4;
	font-weight: bold;
}