@charset "UTF-8";
/* CSS Document */

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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1,5em;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}





body {
	background-image: url(/images/woodbg.jpg);
	font-family: Helvetica,Arial, sans-serif;
	font-size:13px;
	

}
#site {
	background-image: url(/images/topgradient.png);
		background-repeat: repeat-x;
		z-index:1;

	}
#container{
	width:987px;
	min-height:400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-repeat: repeat-x;
	padding-left:100px;
	clear:both;
	z-index:2;
	
}
#contentholder {
	position:relative;
	/*margin-top:528px;*/
	margin-top:48px;
	width: 760px;
	background-image: url(/images/contentbg.png);
	padding:0px 20px 0px 20px;
	z-index:2;
	background-repeat: repeat-y;
}

#contentheader {
position:relative;
background-image: url(/images/contentheader.png);
background-repeat: no-repeat;
height: 33px;
width: 800px;
top:-33px;
left:-20px;
z-index:1;
	/*margin-top:50px;*/
	margin-bottom:-30px;
}
#content{
clear:both;
display:block;
}

.content-left{
float:left;
width:450px;
margin-bottom:20px;
}

.content-right{
float:left;
width:200px;
margin-bottom:20px;
}



#footer{
position:relative;
height:145px;
z-index:12;
width: 800px;
left:-20px;
margin-top:50px;
background-image: url(/images/footer.png);
background-position: bottom;
clear:both;
}

.footer{
margin:10px;
margin-top:10px;
width:180px;
float:left;
}

.footer:last-child  
{  
    background-color: ;
	clear:right;  
} 
#footer02{
width:220px;
margin-left:0px;

} 
#footer03{
width:120px;

} 
#footer04{
width:200px;

} 

#header{
position:relative;
width:800px;
height:117px;
left:-100px;
padding-top: 10px;
clear:both;



}
#imageholder{
position:relative;
background: url(/images/imageholderbg.jpg);
background-color:#FFFFFF;
padding:10px;
margin:0px;
width:780px;
height:428px;
/*overflow:hidden;*/
}
#imageholder img{
position:relative;
/*position:absolute;*/
top:0px;
left:0px;
}

.front-item img {
	background: url(/images/shadow-1000x1000.png) no-repeat right bottom;
	padding: 5px 15px 15px 7px;
}

#the-hotel .content-right a.normal img {
	background: url(/images/hotel_img_bg1.jpg) no-repeat right bottom;
	width:270px;
	height:179px;
	padding: 17px 15px 21px 17px;
	/* top 17 bottom 21*/
}
#the-hotel .content-right a.extra img {
	background: url(/images/hotel_img_bg.jpg) no-repeat right bottom;
	width:270px;
	height:179px;
	padding: 17px 15px 21px 17px;
	/* top 17 bottom 21*/
}
#the-hotel .content-right {
margin-left:15px;	}


/*
###############################################	Logo
*/



#logo h1 {
position: relative;
	width: 228px;
	height: 14px;
	left:0px;
	top:0px;
	font-size:14px;
	text-indent:-9999px;
	margin-bottom:18px;
	
}
#logo h1 span {
	background: url(/images/hotellesherpa.png);
	background-repeat:no-repeat;
	background-position:-0 -0;
	position: absolute;
	width: 228px;
	height: 134px;
	left:1px;
	top:0px;
}
/*
###############################################	Typo
*/
#content p{
line-height:1.5em;
  margin-bottom: 1.5em;

}




/*###############################################	langchanger
*/

#langchanger{
margin-top:0px;
position:absolute;
top:6px;
left:768px;
width:115px;
height:40px;
background-color: #000000;
background: rgba(0, 0, 0, 0.6);
padding:2px 0px 0px 10px;
font-size:px;
color:#FFFFFF;}

#langchanger h3{
font-size:12px;
margin-bottom:7px;
}






/* nieuw met classes */

 ul.l10n_lang_list li {
 display:block;
  float:left;
  margin-right:7px;
  list-style-type:none;
  }
   ul.l10n_lang_list li a, ul.l10n_lang_list li {
   display:block;
       height:14px; width:21px;
       background: url(/images/countries.gif) no-repeat 0 0;
       text-indent:-9009px;
       }

ul.l10n_lang_list li.nl-nl a, ul.l10n_lang_list li.nl-nl{
width:21px;
background-position: -0px 0;
 }

ul.l10n_lang_list li.fr-fr a, ul.l10n_lang_list li.fr-fr  {
width:21px;
background-position: -27px 0;
 }
 ul.l10n_lang_list li.en-gb a, ul.l10n_lang_list li.en-gb{
width:21px;
background-position: -57px 0;
 }
  ul.l10n_lang_list li.it-it a, ul.l10n_lang_list li.it-it  {
width:21px;
background-position: -83px 0;
 }


ul.l10n_lang_list li.l10n_current{
}
/*###############################################	menu
*/
ul#menu{
position:relative;
left:289px;
top:18px;
background-image:url(/images/menubg.png);
background-repeat:no-repeat;
width:794px;
height:68px;
padding-left:15px;

}


#menu li {
margin-top:26px; 
min-width:100px;
float: left; 
margin-right:20px;
font-size:26px;
}
#menu a  { display: block;
color:#000099;
text-decoration:none;
  }
#menu a:hover{
color:#000000;
}

h1{
font-size:30px;
}

h2{
font-size:20px;
margin-bottom:10px;
}

h3{
font-size:16px;
margin-bottom:10px;
}
#contentholder h1 {
margin-top:10px;
margin-bottom:20px;

}

#bottomgradient{
position:relative;
height:56px;
margin-top:-55px;
z-index:1;
background-image: url(/images/bottomgradient.png);
background-position: bottom;
	
}

/*######################################## front_sidepanel
*/

#sidepanel  {
width:315px;
	color:#584c42;
	text-decoration:none;
	}

#sidepanel a {
	color:#584c42;
	text-decoration:none;
	}
	
#sidepanel a:hover , #sidepanel_background a:hover {
	text-decoration:underline;
	}
	

	
 #sidepanel_content {
 	background-image:url(/images/front_sidepanel_bg_top.jpg);
	background-repeat:no-repeat;
	background-color:#e6c695;
	padding-top:10px;
	width:308px;
	/*padding-left:10px;*/
	
	}
#sidepanel_bottom {
	background-image:url(/images/front_sidepanel_bg_bottom.jpg);
	background-repeat:no-repeat;
	background-color:#e6c695;
	width:288px;
	background-position: bottom;
	padding:0 10px 1px 10px;	
	}

.sidepanel_item{
background-image:url(http://new.le-sherpa.com/images/front_sidepanel_header.jpg);
background-repeat:no-repeat;
margin-top:-30px;
padding-top:40px;
padding-left:10px;
}
.sidepanel_item:first-child{
background-image:none;
background-repeat:no-repeat;
margin-top:0px;
padding-top:0px;
padding-left:10px;
}

#contentholder .sidepanel_item h1{
margin-top:10px;
margin-bottom:0px;
}

#contentholder .sidepanel_item:first-child h1{
margin-top:10px;
margin-bottom:20px;
}

	

	


/*######################################## sidebar_inside
*/
#sidebar {
	background-image:url(/images/sidebar-01.gif);
	background-repeat:no-repeat;
	width:165px;
	height:55px;
	left:620px;
	top:0px;
	font-size:13px;
	}
	
#sidebar h1 {
display:block;
text-align:center;
	margin:0px;
	width:165px;
	line-height:39px;
	padding-left:5px;
	padding-top:28px;
	color:#584c42;
	font-size:22px;
	}
	
#sidebar a {
	color:#584c42;
	text-decoration:none;
	}
	
#sidebar a:hover , #sidebar_background a:hover {
	text-decoration:underline;
	}
	
#sidebar_background {
	background-color:#e5e3db;
	background-image:url(/images/sidebar-02.gif);
	background-repeat:repeat-y;
	width:165px;
	/*position:absolute;*/
	padding-top:0px;
	left:620px;
	top:63px;
	}
	
 #sidebar_content {
 	/*padding-left:10px;*/
	padding-top:0px;
	width:145px;
	
	}
	
#sidebar_background a {
	color:#584c42;
	text-decoration:none;
	}
	
	
#sidebar_background p {
	margin:0px;
	width:205px;
	line-height:19px;
	padding-top:5px;
	padding-bottom:15px;
	font-size:13px;
	color:#584c42;
	}
	

	#sidemenu li{
	padding-top:5px;
	padding-bottom:5px;
	width:145px;
	height:15px;
margin-bottom:0px;
/*border-bottom:solid 1px #ddd4c1;*/

	}
	

	
#sidemenu li a{
padding:5px;
	padding-left:10px;
display:block;
width:145px;
height:15px;
margin-bottom:15px;
border:none;
border-bottom:solid 1px #d3cbb8;

	}
	
	#sidemenu li a:hover{
	background-color:#daceb0;
	border:none;
	text-decoration:none;

	}
	#sidemenu li:last-child a{
margin-bottom:15px;
border:none;

	}
	
	
	

/* ############################################### social media links
*/

#social li{
border:none;
height:20px;
background-color:#00FF66;
margin-bottom:1px;
}
#social li a{
border:none;
text-decoration:none;
height:20px;
margin-bottom:1px;
}

#social li a:hover{

color:#0000FF;
}

#social li.twitter ,
#social li.facebook,
#social li.rss,
#social li.flickr,
#social li.hyves {
background:url(/images/icons_sprites.gif) no-repeat; 
padding:0 0 0 20px; 
height:20px;

}


#social li.facebook{background-position: -0px -40px;}
#social li.rss{background-position: 0px -80px;}
#social li.flickr{background-position: 0px -120px;}
#social li.hyves{background-position: 0px -200px;}

a {
color:#000000;
}

/*###############################################	footer zemContactForm
*/

.zemContactForm legend {
display:none;
}
.zemContactForm label {
display:none;
}


#footer input[type="text"], #footer textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    margin-bottom: 2px;
    display: block;
    padding: 1px;
    border: solid 0px #85b1de;
    width: 200px;
	background-color:#ded2bc;
	background-image: url(/images/contentbg.png);
    background-repeat: repeat-x;
    background-position: top;
	margin-top:0px;
	margin-bottom:5px;
}


/* page specific layouts */
#winter .content-left, #summer .content-left {
width:570px;
margin-right:20px;
}
#winter .content-right, #summer .content-right {
width:145px;
}

#summer #imageholder, #winter #imageholder{
position:relative;
background: url(/images/imageholderbg.jpg);
background-color:#FFFFFF;
padding:10px;
margin:0px;
width:780px;
height:428px;
}
#summer #imageholder, #winter #imageholder img{
position:relative;
/*position:absolute;*/
top:0px;
left:0px;

}


ul #twitter_ul {
	list-style-type: none;
	width: 90%;
	overflow: hidden;
	padding: 0;
}

.tweet {
	width: 95%;
	padding-bottom: .75em;
	margin-bottom: .75em;
	border-bottom: 1px solid #584c42;
	overflow: hidden;
}

li a.tweet_time {
	font-style: italic;
}

/*ul .blogmenu {
	list-style-type: none;
	width: 90%;
	overflow: hidden;
	padding: 0;
}

.blogmenu li {
	width: 95%;
	padding-left:5px;
	padding-bottom: .75em;
	padding-top: .75em;
	border-bottom: 1px solid #584c42;
	overflow: hidden;
}
.blogmenu li a{
width: 95%;
height:20px;
text-decoration:none;
}
.blogmenu li:hover	,.blogmenu li a:hover{
background-color:#d4b789;
text-decoration:none;
} */



	.blogmenu li{
	padding-top:5px;
	padding-bottom:15px;
	width:95%;
	height:15px;
margin-bottom:0px;
/*border-bottom:solid 1px #ddd4c1;*/
	border-bottom: 1px solid #584c42;


	}
	

	
.blogmenu li a{
padding:5px;
	padding-left:10px;
display:block;
width:95%;
height:15px;
margin-bottom:15px;
border:none;
border-bottom:solid 1px #d3cbb8;
	text-decoration:none;


	}
	
	.blogmenu li a:hover{
	background-color:#eecd9a;
	border:none;

	}
	.blogmenu li:last-child a{
margin-bottom:15px;
border:none;

	}
	.blogmenu li:last-child{

	border-bottom: none;


	}