html { height: 100%; margin-bottom: 0.1em; margin: 0px; }
body { margin: 0px; padding: 1px 0px 10px; background: url(images/ns_bg.gif) #8f816f repeat-x; }
body, td, input, textarea, select {	color: #888; font: normal 11px Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif; }

form { display: inline; }
img { border: 0px; }
hr { border: none; color: #eee; background: #eee; height: 1px; margin: 4px 0px 4px; margin: 0px 0px 0px; }

.fl { float: left; }
.fr { float: right; }
.fml { float: left; }
.fmr { float: right; }

.clear { clear: both; margin: -1px 0px 0px; height: 1px; margin: 0px; height: 0px; }

input, textarea { padding: 1px 3px; }
select { padding: 1px 0px 1px 3px }

/*/////// AS //////////////////////////////  color: #555; text-decoration: none;				//////////*/

a {	text-decoration:underline;
	color:#82a35c; }
a:hover { color: #111; text-decoration: none; }
#top a { color: #d3dfc6; }
#top a:hover { color: #fff; }
#bottom a { padding: 0px 5px 0px 0px; margin: 0px 3px 0px 0px; background: url(images/s_888888.gif) 100% 70% no-repeat; color: #888; font-weight: bold; }
#bottom a.last { background: none; }
#bottom a:hover { color: #fc8321; text-decoration: underline; }

/*/////// COLORS ////////////////////////////////////////*/

.fc8321 { color: #fc8321; }
.8dab6b { color: #8dab6b; }
.orange
{
	background: #F8A23A;
	color: white;
}

.green
{
	background: #8DC54C;
	color: white;
}

.gray
{
	background: #CAC6BA;
	color: white;

}

/*/////// HEADERS //////////////////////////////////////*/

h1 { margin: 0px 0px 7px; padding: 0px; font-weight: bold; font-size: 14px; color: #000; }
h4 { margin: 0px 0px 7px; padding: 0px; font-weight: bold; font-size: 14px; color: #fc8321; }
h3 { margin: 0px 0px 7px; padding: 0px; font-weight: bold; font-size: 12px; color: #888; }
h5 { margin: 0px 0px 7px; padding: 0px; font-weight: bold; font-size: 14px; color: #82a35c; }
h6 { margin: 0px 0px 7px; padding: 0px; font-weight: bold; font-size: 11px; color: #fc8321; }

h1.o { color: #fc8f37 !important; }
div.subsep h1.g { color: #8dab6b !important; margin: 0px 0px 2px; }
#photo div h1 { margin: 0px; padding: 0px; font-weight: bold; font-size: 20px; color: #fff;  }
#subcontent h1 { color: #82a35c; }
#subcontent2 h1 { color: #82a35c; }

/*/////// SITE /////////////////////////////////////////*/

#sgrLogo{ position:absolute; top:0px; right:0px; } 

#root { width: 750px; margin: 0px auto; }
 #top { height: 19px; padding: 22px 100px 0px; text-align: right; color: #d3dfc6; margin: 0px 0px 1px; }
  #top span { padding: 0px 7px 5px; border-right: 1px solid #aac190; }
  #top span.last { border: none; }
  #top span.logos { border: none; position:absolute; top:0px;}
 #logo { height: 63px; padding: 12px 32px 0px; }
  #logo a { display: block; width: 185px; height: 55px; background: url(images/ns_logo.gif) 0px 0px no-repeat; }
  #logo a:hover { background: url(images/ns_logo.gif) 0px -55px no-repeat; }
 #photo { background: #fff url(images/ns_brd_01.gif) 0px 0px no-repeat; padding: 7px 7px 0px; }
  #photo div { height: 100px; padding: 133px 0px 0px 400px; background: #fff url(images/ns_main.jpg) 0px 0px no-repeat; color: #fff; }
 #menux { height: 50px; background: #fff url(images/ns_brd_02.gif) 0px 100% no-repeat; padding: 0px 23px; }
 #menuhotel { height: 50px; background: #fff 0px 100% no-repeat; padding: 0px 23px; }
 #content { background: #f6f9f0 url(images/ns_brd_03.gif) 0px 0px no-repeat; padding: 25px 35px 15px; }
 #sep4 { background: url(images/ns_brd_04.gif) 0px 0px no-repeat; height: 12px; font-size: 1px; line-height: 1px; }
 #subcontent { background: #fff url(images/ns_brd_05.gif) 0px 0px no-repeat; padding: 20px 35px 25px; }
 #subcontent2 { background-color: #fff; padding: 20px 35px 25px; }
 #bottom { background: #fff url(images/ns_brd_06.gif) 0px 100% no-repeat; padding: 0px 35px 0px; height: 25px; }
 #footer { padding: 5px 35px 0px; color: #f6f9f0; }

div.preload { display: none; visibility: hidden; }
 div.preload img { width: 1px; height: 1px; display: none; visibility: hidden;  }

/*/////// MENU /////////////////////////////////////////*/

#menux div { margin: 0px; padding: 0px; height: 50px; position: relative; }
 #menux div a { display: block; height: 50px; position: absolute; background: url(images/ns_menu.gif) no-repeat; }
 #menux div a:hover { z-index: 100 !important; }

 #menux div a.m1 { width: 50px; left: 0px; z-index: 700; background-position: 0px 0px; }
 #menux div a.m1:hover { background-position: 0px -50px; }
 #menux div a.m2 { width: 88px; left: 49px; z-index: 60; background-position: -50px 0px; }
 #menux div a.m2:hover { background-position: -49px -50px; }
 #menux div a.m3 { width: 79px; left: 135px; z-index: 50; background-position: -136px 0px; }
 #menux div a.m3:hover { background-position: -136px -50px; }
 #menux div a.m4 { width: 53px; left: 212px; z-index: 40; background-position: -214px 0px; }
 #menux div a.m4:hover { background-position: -214px -50px; }
 #menux div a.m5 { width: 78px; left: 263px; z-index: 30; background-position: -266px 0px; }
 #menux div a.m5:hover { background-position: -266px -50px; }
 #menux div a.m6 { width: 56px; left: 339px; z-index: 20; background-position: -343px 0px; }
 #menux div a.m6:hover { background-position: -343px -50px; }
 #menux div a.m7 { width: 60px; left: 393px; z-index: 10; background-position: -398px 0px; }
 #menux div a.m7:hover { background-position: -398px -50px; }

/*/////// MENU HOTEL/////////////////////////////////////////*/

#menuhotel div { margin: 0px; padding: 0px; height: 50px; position: relative; }
 #menuhotel div a { display: block; height: 50px; position: absolute; background: url(images/ns_menu.gif) no-repeat; }
#menuhotel div a:hover { z-index: 100 !important; }

#menuhotel div a.m1 { width: 50px; left: 0px; z-index: 70; background-position: 0px 0px; }
#menuhotel div a.m1:hover { background-position: 0px -50px; }
#menuhotel div a.m2 { width: 88px; left: 49px; z-index: 60; background-position: -50px 0px; }
#menuhotel div a.m2:hover { background-position: -49px -50px; }
#menuhotel div a.m3 { width: 79px; left: 135px; z-index: 50; background-position: -136px 0px; }
#menuhotel div a.m3:hover { background-position: -136px -50px; }
#menuhotel div a.m4 { width: 53px; left: 212px; z-index: 40; background-position: -214px 0px; }
#menuhotel div a.m4:hover { background-position: -214px -50px; }
#menuhotel div a.m5 { width: 78px; left: 263px; z-index: 30; background-position: -266px 0px; }
#menuhotel div a.m5:hover { background-position: -266px -50px; }
#menuhotel div a.m6 { width: 56px; left: 339px; z-index: 20; background-position: -343px 0px; }
#menuhotel div a.m6:hover { background-position: -343px -50px; }
#menuhotel div a.m7 { width: 60px; left: 393px; z-index: 10; background-position: -398px 0px; }
#menuhotel div a.m7:hover { background-position: -398px -50px; }

/*/////// SUBMENU //////////////////////////////////////*/

#divRoot { position: absolute; width: 100%; text-align: center; top:0px;}
 #divs { position: relative; width: 750px; margin: 0 auto; text-align: left; }
 #divs div div ul { margin: 0px; list-style: none; }
 #divs ul { margin: 0px; padding: 0px; list-style: none; background: #000; }
  #divs ul li { border: 1px solid #ccc; border-top: none; }
   #divs ul li a { line-height: 24px; display: block; background: url(images/li_rao.gif) 12px 10px no-repeat #fff; padding-left: 25px; color: #888; text-decoration: none; }
   #divs ul li a:hover { background: url(images/li_rao.gif) 12px 10px no-repeat #f3f3f3; color: #333; }

/*/////// SUBPAGES /////////////////////////////////////*/

ul.prices { margin: 10px 0px 0px; padding: 0px; list-style: none; }
 ul.prices li { line-height: 21px; border-top: 1px solid #eaeaea; clear: both; }
  ul.prices li div { float: left; width: 550px; }
  ul.prices li p { float: right; display: block; margin: 0px; padding: 0px; width: 100px; color: #fc8321; text-align: right; }
div.subprices { font-size: 1px; height: 30px; height: 10px; }
#content div.fl { width: 236px; }
#content div.fml { width: 326px; }
 ul.top { margin: 0px 0px 10px; padding: 8px 10px 15px 15px; list-style: none; background: #fff; border: 1px solid #ccc; border-width: 1px 2px 2px 1px; }
  ul.top li { line-height: 24px; padding: 0px 0px 0px 20px; border-bottom: 1px solid #eee; background: url(images/li_rao2.gif) 2px 50% no-repeat; }
  ul.top li.last { border-bottom: none; }
   ul.top li a { color: #888; display: block; }
   ul.top li a:hover { color: #fc8321; font-weight: bold; }
 ul.photos { margin: 10px 0px 0px; padding: 0px; list-style: none; }
  ul.photos li { display: block; margin: 5px 0px; padding: 8px 8px 5px; background: #fff url(images/ns_i_zoom.gif) 17px 91% no-repeat; border: 1px solid #ccc; border-width: 1px 2px 2px 1px; text-align: right; }
   ul.photos li img { margin: 0px 0px 0px 15px; }
   ul.photos li a { font-size: 9px; }
 div.subtext { font-size: 9px; margin: 15px 0px 0px; padding: 0px 0px 0px 20px; }
  div.subtext b { font-size: 11px; color: #97b378; }
#content div.fr { width: 416px; }
#content div.fmr { width: 326px; }

div.map { text-align: center; margin: 20px 0px 0px; }
 div.map img { border: 5px solid #eaeaea; }
div.subsep { background: url(images/s_e7e7e7.gif) 235px 0px repeat-y; width: 100%; }
div.subsepe { width: 100%; }
 div.subsep div.fl div.sep { text-align: center; }
  div.subsep div.fl div.sep b { color: #8dab6b; font-weight: normal; text-decoration: underline;  }
  
  /*///////////  infoframe*/
  a.info{
    position:relative;
    z-index:0;
    color:#000000;
    text-decoration:underline;
	color:#82a35c;}

a.info:hover{z-index:50; background-color:#ffffff}

a.info span{display: none}

a.info:hover span{
	display:block;
	position:absolute;
	top:2em;
	left:0em;
	width:40em;
	background-color:#ffffff;
	color:#000000;
	text-decoration:none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
/* Paul */

.style2 {font-weight: bold}
.style3 {color: #000000; font-weight: bold; }
.style6 {font-size: 18px}
.vol {background-color:#D62244; color:#FFFFFF}
.enkele {background-color:#FFBE35; color:#FFFFFF}
.beschikbaar {background-color:#82A35C; color:#FFFFFF }
.style7 {color: #D62244}
.style8 {color: #FFBE35}


/* Robert */
#trip_table
{
	color:#ffffff;	
}

#trip_table a
{
	color:#FFFFFF;	
}

#trip_table a:hover
{
	color:#FFFFFF;
	text-decoration:underline;	
}


#trip_table_clients
{
	background-color:#CCCCCC;
}

#trip_row0
{	
	color:#000000;
	background-color:#8DAB6B;
	cursor:pointer;	
}

#trip_row0 td
{ color:#000000; }

#trip_row1 	
{
	color:#000000;
	background-color:#FC8321;
	cursor:pointer;	
}
#trip_row1 td
{ color:#000000; }



#trip_row_select 
{
	color:#000000;
	background-color:#E9E9E9;
	cursor:pointer;	
}

#trip_row_select td
{	color:#000000; }

.tafLink{	
	cursor:pointer;
}

#tafExample{
	background-color:#FFFFFF;
	font-size:11px;
	
	border:1px solid black;
	padding:10px 10px 10px 10px;
}

#contentPU { 
	background:#f6f9f0;
	padding: 15px 25px 15px; 
	border:2px solid #8f816f;
}
 
#subcontentPU { 
	background:#fff; 
	padding:15px 25px 15px; 
	border:2px solid #8f816f;
}

.bookBtn{
	position:relative;
	float:right;
	cursor:pointer;
}

span.hoekje { position:absolute; top:0px; right:0px; z-index:10000;}