/* hellblau.css, ids, colors, img fuer thebase hostel, september 2007, maria putzhuber */

body {    
    color: #000;
    background: #67c6dd;
}


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


/*startseite mit foto*/

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

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

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

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

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

#start #text p strong {
        /*background-color:#67c6dd;*/
        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:#67c6dd;
        color: #fff;             
}


/*subseite*/

#sub #content {
	background:#c2e8f1 url(../img/content/rundung-hellblau.gif) no-repeat top left ;
	min-height:368px;
}

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

* html #sub #type {
	background: url(../img/content/base_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/base_figur_content.png) no-repeat top;
	height: 339px;
	width: 129px;
} 

#sub #text h1 {
	color: #67c6dd;
	background:inherit;	
	padding:0 12px 0 86px;

}
#sub #text h2 {
	padding:0 12px 10px 86px;
}

#sub #text h3 {
	padding:10px 12px 10px 86px;
}

#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-hellblau.png) repeat;
}

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

td {
	background: #c2e8f1;
	color:#000;	
}

#content a:hover,
#content a:focus,
#content a:active {
	color:#67c6dd;
	background-color:inherit;
}

/* 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_base.gif) no-repeat left;	
}

/*menu left */

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

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

#booking {
	background:#a2dbe9 url(../img/leftnav/booking-hellblauunten.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-hellblau.gif) no-repeat left top;	
}


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

/* right nav */

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

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

.rightbox a:hover,
.rightbox a:focus,
.rightbox a:active {
	color:#67c6dd;
	background-color: #c2e8f1;
}

h2.wombatsyellow {	
	background: #67c6dd url(../img/rightnav/h2wombatsgelb-hellblau.gif) no-repeat;		
}

h2.wombatsorange {	
	background:#67c6dd url(../img/rightnav/h2wombatsorange-hellblau.gif) no-repeat;			
}

h2.wombatsgreen {	
	background:#67c6dd url(../img/rightnav/h2wombatsgruen-hellblau.gif) no-repeat;			
}

h2.wombatsred {	
	background:#67c6dd url(../img/rightnav/h2wombatsrot-hellblau.gif) no-repeat;			
}

h2.wombatsblue {	
	background:#67c6dd url(../img/rightnav/h2wombatsblau-hellblau.gif) no-repeat;			
}

h2.wombatslightblue {	
	background:#67c6dd url(../img/rightnav/h2wombatshellblau-hellblau.gif) no-repeat;			
}

h2.yellow {	
	background:#67c6dd url(../img/rightnav/h2gelb-hellblau.gif) no-repeat;			
}
h2.orange {	
	background: url(../img/rightnav/h2orange-hellblau.gif) no-repeat;		
}

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

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

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

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

/* footer */


#footer ul li a {	
	color:#fff;
	background: #67c6dd;
}

#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:#c2e8f1;
	background: #67c6dd;
}


/* for twocolumns rightlinks */

#rightlinks a {
	color:#000;
	background-color: #c2e8f1;
}

#rightlinks a:hover,
#rightlinks a:focus,
#rightlinks a:active {
	color:#67c6dd;
	background-color: #c2e8f1;
}

/* news */

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


span.colored {
	color:#67c6dd;
	font-weight: bold;
}