/*******************************************************************************
	Navigation CSS OReillys
	by Laut und Schoen
*******************************************************************************/

/*#################################################
  ################### main menu ###################
  #################################################*/

#navigation {
 position:absolute;
 width:580px;
 top:111px;
 left:214px;
}
#wrap.gateway #navigation {
 left:210px;
}

#navigation ul {
 list-style-type:none;
 height:40px;
 padding: 0;
 margin: 0;
}

#navigation ul li {
 float:left;
 display:inline;
 height:40px;
 width:auto;
}

#navigation ul li a {
 display:block;
 background-position:center top;
 background-repeat:no-repeat;
 height:40px;
}

#navigation ul li a:hover,
#navigation ul li#current a {
 background-position:center bottom;
}

#nav_left a span,
#nav_right a span,
#navigation ul li a span {
	position: absolute;
	display: inline;
	top: -8000em;
	left: -8000em;
}

/*################### gateway ###################*/
#navigation .item52 a {
background-image:url(../images/nav_amsterdam.jpg);
width:124px;
}
#navigation .item53 a {
background-image:url(../images/nav_brussels.jpg);
width:100px;
}
#navigation .item55 a {
background-image:url(../images/nav_duesseldorf.jpg);
width:123px;
}
#navigation .item56 a {
background-image:url(../images/nav_frankfurt.jpg);
width:107px;
}
#navigation .item57 a {
background-image:url(../images/nav_heidelberg.jpg);
width:117px;
}


/*################### english ###################*/

#navigation.en-gb .item1 a { /*Atmosphere*/
 background-image:url('../images/nav_atmo_en.jpg');
 width:99px;
} 
#navigation.en-gb .item2 a { /*menu*/
 background-image:url('../images/nav_menu_en.jpg');
 width:49px;
}
.amsterdam #navigation.en-gb .item2 a,
.brussels #navigation.en-gb .item2 a { /*food*/
 background-image:url('../images/nav_food_en.jpg');
 width:49px;
}
#navigation.en-gb .item3 a { /*sports*/
 background-image:url('../images/nav_sports_en.jpg');
 width:57px;
} 
#navigation.en-gb .item4 a { /*events*/
 background-image:url('../images/nav_events_en.jpg');
 width:57px;
}
.amsterdam #navigation .item4 a { /*parties*/
 background-image:url('../images/nav_parties.jpg');
 width:58px;
}
#navigation.en-gb .item5 a { /*location*/
 background-image:url('../images/nav_location_en.jpg');
 width:72px;
} 
#navigation.en-gb .item6 a { /*reservation*/
 background-image:url('../images/nav_reserv_en.jpg');
 width:95px;
} 
#navigation.en-gb .item7 a { /*jobs*/
 background-image:url('../images/nav_jobs_en.jpg');
 width:45px;
} 
#navigation.en-gb .item8 a { /*comments*/
 background-image:url('../images/nav_comment_en.jpg');
 width:90px;
} 

/*################### deutsch ###################*/

#navigation.de-de .item1 a { /*Atmosphere*/
 background-image:url('../images/nav_atmo_de.jpg');
 width:100px;
} 
#navigation.de-de .item2 a { /*food*/
 background-image:url('../images/nav_food_de.jpg');
 width:54px;
} 
#navigation.de-de .item3 a { /*sports*/
 background-image:url('../images/nav_sports_de.jpg');
 width:54px;
} 
#navigation.de-de .item4 a { /*events*/
 background-image:url('../images/nav_events_de.jpg');
 width:57px;
} 
#navigation.de-de .item5 a { /*location*/
 background-image:url('../images/nav_location_de.jpg');
 width:73px;
} 
#navigation.de-de .item6 a { /*reservation*/
 background-image:url('../images/nav_reserv_de.jpg');
 width:107px;
} 
#navigation.de-de .item7 a { /*jobs*/
 background-image:url('../images/nav_jobs_de.jpg');
 width:45px;
} 
#navigation.de-de .item8 a { /*comments*/
 background-image:url('../images/nav_comment_de.jpg');
 width:70px;
} 


/*#################################################
  ################ additional menu ################
  #################################################*/

#nav_left,
#nav_right {
 position:absolute;
 width:202px;
 height:253px;
 top:115px;
 left:0px;
}
#nav_right {
 left:790px;
}

#nav_left ul,
#nav_right ul {  
 list-style-type:none;
 padding: 0;
 margin: 0;
}

#nav_left a,
#nav_right a {
 position:relative;
 display:block;
 width:202px;
 height:253px;
 background: transparent url('../images/light_left.jpg') top right no-repeat;
}

#nav_right a {
 background: transparent url('../images/light_right.jpg') top left no-repeat;
}
.amsterdam #nav_right a {
 background: transparent url('../images/light_right.jpg') top left no-repeat;
}
.brussels #nav_right a {
 background: transparent url('../images/light_right.jpg') top left no-repeat;
}



#nav_left a:hover,
#nav_left ul li#current a {
 background-position: bottom right;
}
#nav_right a:hover,
#nav_right ul li#current a {
 background-position: bottom left;
}


/*#################################################
  ################ article menu ###################
  #################################################*/
#content ul.article_menu {
 list-style-type:none;
 height:75px;
 padding: 0;
 margin: -7px -5% 5px;
}

.article_menu li {
 float:left;
 display:inline;
 height:75px;
 width:auto;
}

.article_menu li a {
 display:block;
 background-image: url(../images/sports_logos.png);
 background-repeat:no-repeat;
 width:60px;
 height:75px;
}
.article_menu li a strong { /* should be a span */
	position: absolute;
	display: inline;
	top: -8000em;
	left: -8000em;
}

.amsterdam .article_menu li a { 
	/*background-image: url(../images/sports_logos_amsterdam.png);*/
}
.brussels .article_menu li a { 
	background-image: url(../images/sports_logos_brussels.png);
}


.page_sports a.sportsitem1 { background-position: 0px 0; }
.page_sports a.sportsitem2 { background-position: -68px 0; }
.page_sports a.sportsitem3 { background-position: -138px 0; }
.page_sports a.sportsitem4 { background-position: -211px 0; }
.page_sports a.sportsitem5 { background-position: -274px 0; }
.page_sports a.sportsitem6 { background-position: -341px 0; }
.page_sports a.sportsitem7 { background-position: -410px 0; width: 90px; }
.page_sports a.sportsitem8 { background-position: -507px 0; }

.article_menu li a.sportsitem1:hover { background-position: 0 -75px; }
.article_menu li a.sportsitem2:hover { background-position: -68px -75px; }
.article_menu li a.sportsitem3:hover { background-position: -138px -75px; }
.article_menu li a.sportsitem4:hover { background-position: -211px -75px; }
.article_menu li a.sportsitem5:hover { background-position: -274px -75px; }
.article_menu li a.sportsitem6:hover { background-position: -341px -75px; }
.article_menu li a.sportsitem7:hover { background-position: -410px -75px; }
.article_menu li a.sportsitem8:hover { background-position: -507px -75px; }

.blog_rooms ul#cat_list { 
 overflow: hidden;
 list-style-type:none;
 padding: 0;
 margin: 0;
}
* html .blog_rooms ul { height: 1%; }
.blog_rooms li {
 float:left;
 display:inline;
 width:auto;
}
.blog_rooms h2 { margin: 0; }
.blog_rooms li a {
 display:block;
 background-image: url(../images/bg_content_rooms_frankfurt.jpg);
 background-repeat:no-repeat;
 width: 256px; text-indent: -8000em;
 height:170px;
}

.blog_rooms a.cat_item18 { background-position: -30px -30px; width: 266px;}
.blog_rooms a.cat_item19 { background-position: -296px -30px; width: 246px;}
.blog_rooms a.cat_item20 { background-position: -30px -200px; width: 266px;}
.blog_rooms a.cat_item21 { background-position: -296px -200px; width: 246px;}

.blog_rooms li a.cat_item18:hover { background-position: -30px -410px; }
.blog_rooms li a.cat_item19:hover { background-position: -296px -410px; }
.blog_rooms li a.cat_item20:hover { background-position: -30px -580px; }
.blog_rooms li a.cat_item21:hover { background-position: -296px -580px; }