@charset "utf-8";
/* CSS Document */
/* General layout */
body  {
	color: #000000;
	background-color: #C6C6C6;
	background-image: url(/images/background/headerBack5.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.thrColFixHdr .breadcrumb {
	color: #666;
}
.thrColFixHdr .breadcrumb a {
	color: #666;
	text-decoration: none;
}
.thrColFixHdr .breadcrumb a:hover {
	color: #333;
}
/* the header*/

/* the wrap around the booking and flash */
.thrColFixHdr #container #bmwrap {
/*	border: 1px solid #FFE0A3;*/
}
/*the sidebar*/
.thrColFixHdr #sidebar {
}
.thrColFixHdr #mainContent {
	color: #000;
} 
/* the middle background */
.thrColFixHdr .wrapcontent {
	background-image: url(/images/boxes/content/content-middle.gif);
}
.wrapcontent h1 {
	background-image: url(/images/boxes/content/content-top.gif);
	text-transform: capitalize;
}
.blog {
	color: #000;
}
.blog img {
	color: #000;
	background-color: #FFF;
}
/* the footer */
.thrColFixHdr #footer {
	background-color: #333;
	border-top-color: #666;
	color: #FFF;
} 

#footer .addHostel {
/*	border: 2px solid #FFEFCF;
	background-color: #FFD27B; */
}
#footer .addHostel h2 {
	color: #666;
}
#footer .addHostel ul li a:link, #footer .addHostel ul li a:visited {
	color: #666;
}
#footer .addHostel ul li a:hover {
	color: #999;
}

#footer .addHostel1 {
/*	border: 1px solid #CCC;
	background-color: #FFD27B; */
}
#footer .addHostel1 h2 {
	color: #666;
}
#footer .addHostel1 ul li a:link, #footer .addHostel1 ul li a:visited {
	color: #666;
}
#footer .addHostel1 ul li a:hover {
	color: #999;
}
.clearbot1 {
	background-image: url(/images/boxes/content/content-bottom.gif);
}
.spreadsimple {
	color: #333333;
}

/* menu general styles and colours*/
.p7EPM54 .p7epm_trigs a {
	color: #FFF;
	background-image: url(/images/menu/buttonOnxx.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.p7EPM54 .p7epm_trigs a:hover {
	color: #ED3237;
	background-image: url(/images/menu/buttonOverx.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.p7EPM54 .p7epm_content {
	background-color: #FFF;
	border-right-width: 3px;
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.p7EPM54 .p7epm_trigs .p7epm_open {
	background-image: url(/images/menu/buttonOverx.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #ED3237;
}

/*The basic boxes*/

/* The Basic Box - the layout of the text in the top box*/
.nameTop, .nameTopBigger {
	color: #666666;
}
/* basic box for all */
.basicbox-tr {
	background-image: url(/images/boxes/bookingspanel/general/roundbox_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* top-left corner and left side */
.basicbox-tl {
	background:   url(/images/boxes/bookingspanel/general/roundbox_tl.gif) no-repeat left top;
}
/* bottom-right corner and bottom side */
.basicbox-br {
	background:   url(/images/boxes/bookingspanel/general/roundbox_br.gif) no-repeat right bottom;
}
/* bottom-left corner */
.basicbox-bl {
	background:   url(/images/boxes/bookingspanel/general/roundbox_bl.gif) no-repeat left bottom;
}
.basicbox-content  {
	color: #333333;
}
.basicbox-content  a:link, .basicbox-content  a:visited, .basicbox-content  a:active{
	color: #000000;
	background-image:    url(/images/boxes/bookingspanel/general/boxNavOutSmallx.gif) !important;
}
.basicbox-content  a:hover, .basicbox-content  a.current:link, .basicbox-content  a.current:visited {
	background-image:    url(/images/boxes/bookingspanel/general/boxNavOverSmallx.gif) !important;
	color: #000033;
}

.specialsPromo {
	background-color: #FF6634;
}
/* basicbox CSS ends here  */
.haagwegmenu {
	color: #FFF;
}
/* menu backgrounds  
.boxBasicUptown {
	padding-bottom: 4px;
	width: 225px;
}
.boxBasicDowntown {
	padding-bottom: 4px;
	width: 225px;
}
.boxBasicBeach {
	padding-bottom: 4px;
	width: 225px;
}

.menuUptown {

	background-color: #6C0;

}
.menuDowntown {
	background-color: #09F;
}
.menuBeach {
	background-color: #F90;
}
.menuMedia {
	background-color: #FFE0A3;
}
.menuAboutUs {
	background-color: #FFE0A3;
}*/

/* the panelmenus for the ajax menus */
.panelMenu {
	background-color: #FFE0A3;
	padding-bottom: 17px;
}
.menuDT a:link, .menuDT a:visited {
	font-size: 1em; !important;
	font-weight: bold;
	color: #FFF;
	line-height:1.5em;
}
/* de linken in de box */
.boxlinks ul li a:link, .boxlinks ul li a:visited  {
	color: #000;
}
.boxlinks ul li a:hover  {
	color: #ED2F59;
}
.boxlinks ul li a:active  {
	color: #ED2F59;
}
.column3 {
}
.column3a {
}
/* menu background*/
.p7EPM54 .p7epm_content.pan1 {
	background-image: url(/images/background/menu/general/bedrijfsruimte.jpg);
}

/* de specials in de menu*/
.thrColFixHdr #container #bmwrap .flash .flashbox .haagwegmenu #p7EPM_1 #p7EPMdw_1 #p7EPMw1_2 #p7EPMc1_2 .specialsLinks ul li {
	list-style-image: url(/images/menu/general/buttonster.gif);
}
.mslink {
}
.thrColFixHdr #container #bmwrap .flash .flashbox .haagwegmenu #p7EPM_1 #p7EPMdw_1 #p7EPMw1_3 #p7EPMc1_3 .blogFeed ul {
	list-style-image: url(/images/menu/general/bullet.gif);
}
.thrColFixHdr #container #bmwrap .flash .flashbox .haagwegmenu #p7EPM_1 #p7EPMdw_1 #p7EPMw1_2 #p7EPMc1_2 .specialsLinks ul li {
	list-style-image: url(/images/menu/general/buttonster.gif);
}
.feedlink {
}
.feedlink a:link, .feedlink a:visited{
	color: #333;	
}
.feedlink a:hover {
	color: #FFEFCF;	
}
.menulist ul li {
	list-style-image: url(/images/menu/general/bullet.gif);
}
.ezinelink ul li {
	list-style-image: url(/images/menu/general/bulletred.gif);
}
.hlink {
}
.hlink a {
	
}
.ezinelink {
	margin-bottom: 8px;
	padding-top: 6px;
}
.divCenterNav .ruler {
	background-image: url(/images/menu/general/hr.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
	clear: both;
	margin-top: 12px;
}
/*********************************************************************************************/
/*                                 menu links inline deze is goed                            */
/*********************************************************************************************/

.p7EPM54 a.iLink {
	display:inline-block;
	padding:0 0 0 10px;
	line-height:40px;
	height:41px;
	background:url(/images/menu/general/iLinkx.jpg);
	text-decoration:none;
	color:#000;
	text-align:center;
	margin:1px 0 0 0;
}
.p7EPM54 a.iLink b {
	display:inline-block;
	height:41px;
	padding:0 15px 0 5px;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	background-image: url(/images/menu/general/iLinkx.jpg);
	background-position: right top;
}
.p7EPM54 a.iLink:hover {
	color:red;
	background-position:left bottom;
}
.p7EPM54 a.iLink:hover b {
	color:red;
	background-position:right bottom;
}

/*********************************************************************************************/
/* //////////////       menu links inline deze is goed     /////////////////////////         */
/*********************************************************************************************/


/*********************************************************************************************/
/*                                 iLinks met achtergrond                                    */
/*********************************************************************************************/

a.iLink {
	background:url(/images/menu/general/iLink.jpg);
	color:#000;
}
a.iLink b {
	background-image: url(/images/menu/general/iLink.jpg);
}
a.iLink:hover {
	color:#fff;
}
a.iLink:hover b {
	color:#fff;
}
/*********************************************************************************************/
/*   END                              iLinks met achtergrond                                 */
/*********************************************************************************************/
.boxlinks ul li a:active  {
	color: #ED2F59;
}
.thrColFixHdr #container #bmwrap .flash .flashbox .haagwegmenu .menuspace {
	background-color: #000;
	height: 28px;
	width: 730px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top:12px;
}
.bron {
	font-size: 9px;
	color: #999;
	text-align: right;
}
.divCenterNav  a {
	color: #C60808;
}
.divCenterNav  a:hover {
	color: #999;
}
.expo {
	color: #666;
}
.alert {
	font-weight: bold;
	color: #C60808;
	padding-top: 10px;
	padding-bottom: 10px;
}

.exerptAboutUs  a:link, .miniSpecial a:link, .exerptAboutUs  a:visited, .miniSpecial a:visited  {
	color: #333;
	font-weight: bold;
	background-image: url(../../images/bullet4.gif);
	padding-right: 14px;
	background-repeat: no-repeat;
	background-position: right;
}
.exerptAboutUs  a:hover, .miniSpecial a:hover {
	color: #C60808;
	font-weight: bold;
}