/* fixes horizontal scroll bar cause by IE in frameset */ 

html {
		overflow-y: scroll;
}


body{	
		font-size: 0.7em;
		color: #474747;
		font-family: tahoma, verdana, sans-serif;
		background-image: url(../images/background.gif);
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		text-align: center;
		position: relative;
		z-index: 0;		
}

td{		
		vertical-align: top;
}

iframe{		
		background-color: #FFFFFF;
		border: 0px;

}

#siteholder{ 
		margin-left: auto;
		margin-right: auto; 
		width:800px;
		height: auto;
		overflow: visible;
		text-align: left;
		
}

/*					### LOGO ###					*/		

#logo{
		height: auto;
		width:	auto;
		margin-bottom: 5px;
		font-size: 1.0em;
}

#logoroze{		
		color: #FF0099;
		font-size: 5em;
		font-weight: bold;
		font-family: "trebuchet ms", sans-serif;
		

}


#logogroen{	
		color: #0FA100; 
		font-size: 5em;
		font-weight: bold;
		font-family: "trebuchet ms", sans-serif;
		
}

#logo img{
		margin-bottom: -4px;
		margin-top: 	5px;


}

/*					### TOP NAVIGATIE ###					*/
#topbar{
		position: relative;
		z-index: 1;
		width:	800px;
		padding-left: -10px;
		padding-top: 3px;
		padding-bottom: 3px;
		height: 17px;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ccc;
		background: #FFFFFF;
		border-top:1px solid #eee;
		margin-bottom: 5px;
}

#topbar a{	margin-right: 10px;
		margin-left: 10px;	
}
/*					### CONTENT ###					*/

#content{
		
		width:	784px;
		padding-top: 8px;
		padding-bottom: 10px;
		padding-left: 8px;
		padding-right: 8px;
		height: 820px;
		overflow: hidden;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ccc;
		background-color: #FCFCFC;
		border-top:1px solid #eee;
}

#contentpagescontent{
		
		width:	784px;
		padding-top: 8px;
		padding-bottom: 10px;
		padding-left: 8px;
		padding-right: 8px;
		
		overflow: hidden;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ccc;
		background-color: #FCFCFC;
		border-top:1px solid #eee;
}

/*					### BOTTOM NAVIGATIE ###					*/

#bottombar{
		text-align: center;
		width:	800px;
		padding-top: 3px;
		padding-bottom: 3px;
		height: 17px;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ccc;
		background-color: #FFFFFF;
		border-top:1px solid #eee;
		margin-top: 5px;
}

#bottombar a{
		color: #FF0099; 
		text-decoration: none;
		clear: both;
}


/*					### TEXT LINKS LISTS  ###					*/

/*		#koppen voor pagina's			*/
h1{
		color: #0FA100;
		font-size: 25px;
		font-weight: bold;

}

/* 		#special plaatsnaam/hotelnaam#		*/	

h2{
		color: #0FA100;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 13px;
}

/* 		#kopjes boven cityguide onderwerpen#	*/

h3{
		color: #FF0099;
		margin-top: 0px;
		margin-top: 5px;
		margin-bottom: -10px;
		margin-top: 12px;
		font-size: 13px;
}

/* 		#kopjes binnen cityguide teksten#	*/
h4{
		color: #0FA100;
		margin-top: 0px;
		margin-bottom: -11px;
		font-size: 13px;
}

h5{
		color: #FF0099;
		margin-top: 0px;
		margin-top: 5px;
		margin-bottom: -10px;
		margin-top: 12px;
		font-size: 15px;
}

a{		color: #FF0099;
		text-decoration: none;
		clear: both;
}


.small{
		font-size: 11px;
		font-weight: normal;
		color: #FF0099;

}

.big{
		font-size: 28px;
		font-weight: normal;
		color: #FF0099;
}

.green{ 	color: #FF0099;
		font-weight: bold;
}

.pinkText{ 	color: #FF0099;
		font-weight: bold;
}
	
li {
		background-image: url(../images/bullit_shade.gif);
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding-left: 10px;
		background-position: center left;
}

.alert{
		color: #FF0000;
}


/*						### HOME  ###					*/

/* 		# SEARCH # 	*/

.suggest_link {
		
		background-color: #FFFFFF;
		padding: 2px 6px 2px 6px;
		width: 133px;
		color: #000000;
}

.suggest_link_over {
		background-color: #0FA100;
		padding: 2px 6px 2px 6px;
		width: 133px;
		color: #000000;
}

#search_suggest {
		position: relative;
		background-color: #FFFFFF;
		margin-left: 58px;
		margin-top: 66px; 
		position: absolute;
		border: 1px solid #999999;
		width: auto;
		z-index: 25;			
}	

#searchbar{
		width: 577px;
		height: 33px;
		float: left;
		position:relative;
		z-index: 15;
}

#search{
		width: 577px;
		height: auto;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		float: left;
		position:relative;
		top:-4px;
		z-index: 15;
		background: #FFFFFF;
		
}


#searchbox{
		
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		margin-left: 45px;
		margin-right: 10px;
		margin-top: 35px;
		margin-bottom: 20px;
		width: 230px;
		height: 125px;
		
}

#loadingHome	{
		width: 230px;
		height: auto;
		background-color: #F9F9F9;
		text-align: center;	
		margin-left: auto;
		margin-right: auto;		

}

#loadingImg	{
		width: 135px;
		height: 32px;
		color: #FFFFFF;
		background-color: #FFFFFF;
		text-align: center;	
		border: 1px solid #DDDDDD;
			

}


#persons{
		position: relative;
		z-index: 1;
}

#decoration{	
		width: 230px;
		height: 125px;
		margin-top: 35px;
		margin-bottom: 20px;
}

#decoration img{
		border: 1px solid #999;
}

#searchbox form{	
		margin-top: 15px;
		margin-left: 10px;
}


#searchbox input {
		font-size: 1.0em;
		
}

#searchCity	{
		width: 140px;	
}

#searchbox select{
		font-size: 0.9em;

}

#submitbutton{
		width: 96px;
		height: 20px;
		margin-left: 5px;
		padding-bottom: 4px;
		
}

/* 		# LOGOS # 	*/



#logobar{
		text-align: center;
		margin-bottom: 15px;
		height: 68px;
}

/* 		# WELKOM TEXT # 	*/

#text {
		
		width: 562px;
		height: auto;
		padding-left: 15px;
		border-top: 1px solid #ABABAB;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		float: left;
		background-color: #FFFFFF;
}

#text img{
		float: left;
		margin-right: 14px;
		margin-top: 8px;
		margin-bottom: 8px;

}

#textcontent{
		margin-top: 20px;
		margin-right: 20px;
		margin-bottom: 10px;
}


/* 		# GIDSEN # 	*/

#guides{
		width: 577px;
		height: auto;
		float: left;
		padding-top: 5px;
}

#locatiegidsbar{
		margin-right: 11px;
		margin-left: -3px;
		position: relative;
		margin-bottom: -6px;
		z-index: 2;
		
		
}

#locatiegids {
		padding: 15px;
		width: 145px;
		margin-right: 11px;
		margin-left: -2px;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		font-size: 11px;	
		height: auto;
		position: relative;
		z-index: 1;
		background-color: #FFFFFF;
}

#locatiegids ul {
		font-style: normal;
		font-weight: bold;
		color: #FF0099;
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		text-indent: 8px;
		list-style: none;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		padding: 15px;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		height: 340px;
		font-size: 11px;
		line-height: 1.7em;

}

#hotelgidsbar{
		margin-right: 12px;
		position: relative;
		margin-left: 3px;
		margin-bottom: -6px;
		z-index: 2;
}

#hotelgids {
		padding: 15px;
		width: 145px;
		margin-right: 12px;
		margin-left: 5px;
		height: 50px;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		font-size: 14px;
		height: auto;
		position: relative;
		z-index: 1;
		background-color: #FFFFFF;
		

}

#hotelgids ul {
		font-style: normal;
		font-weight: bold;
		color: #FF0099;
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		text-indent: 8px;
		list-style: none;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		padding: 15px;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		height: 340px;
		font-size: 11px;
		line-height: 1.5em;
		

}

#waarombar{
		position: relative;
		z-index: 2;
		margin-left: 2px;
		margin-bottom: -6px;
		
}

#waarom {
		padding: 15px;
		width: 145px;
		margin-left: 4px;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		font-size: 10px;
		height: auto;
		position: relative;
		z-index: 1;
		background-color: #FFFFFF;

}

#waarom ul {
		font-style: normal;
		font-weight: bold;
		color: #FF0099;
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		text-indent: 8px;
		list-style: none;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		padding: 15px;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		height: 340px;
		font-size: 12px;
		line-height: 2.2em;
		
}

/* 		# SPECIALS # 	*/

#specialsbar{
		width: 196px;
		height: auto;
		float: right;
		position:relative;
		z-index: 15;
		top:-35px;
		left: 1px;

}

#specials{
		width: 168px;
		height: auto;
		margin-right: 0px;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		float: right;
		position:relative;
		z-index: 10;
		top:-40px;
		padding-left: 12px;
		padding-bottom: 12px;
		padding-right: 12px;
		padding-top: 24px;
		background-color: #FFFFFF;
}

.stars{
		margin-top: 3px;
		
}

.hotel{
		margin-top: 2px;
		margin-bottom: 6px;
		margin-right: 5px;
		border: 1px solid #999;

}
.special table{
		border-collapse: collapse;
		
		
}

.special img{
		margin-top: 2px;
		
		
}

.special{
		margin-bottom: 21px;
		padding-top: 3px;
		padding-left: 6px;
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		font-size: 13px;
		font-weight: bold;
		color: #0FA100;
		height: 108px;

}

/* 						### CONTENTPAGES ### 				*/

#contenttext {
		
		width: 547px;
		height: auto;
		padding: 15px;
		border-top: 1px solid #ABABAB;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		float: left;
		background-color: #FFFFFF;
		
		
}

#cityguidecontent {
		
		font-size: 1.1em;
				
}




#contentspecialsbar{
		width: 196px;
		height: auto;
		float: right;
		position:relative;
		z-index: 15;
		top: -2px;
		left: 1px;
	
		

}

#contentspecials{
		width: 168px;
		height: auto;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		float: right;
		padding: 12px;
		position:relative;
		z-index: 10;
		top: -8px;
		padding: 12px;
		padding-top: 15px;
		background-color: #FFFFFF;
		
		
}



/* 						### CONTACT ### 				*/

#adress{
		margin-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		
		
		margin-left: 15px;
		margin-bottom: 15px;
		float: right;

}



/* 						### PROVINCEPAGES ### 				*/

#provincemenu{	
		
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		margin-top: 50px;
		margin-left: 15px;
		margin-bottom: 15px;
		font-weight: bold;
		font-size: 11px;
		width: auto;
		float: right;
		
}


/* 						### CITYPAGES ### 				*/


/* 						### ITEMPAGES ### 				*/

/* 						### RESULTPAGE ### 				*/


#resultpage{
		
		width:	784px;
		padding-top: 8px;
		padding-bottom: 10px;
		padding-left: 8px;
		padding-right: 8px;
		height: auto;
		overflow: hidden;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ccc;
		background-color: #FFFFFF;
		border-top:1px solid #eee;
		
}

#resultpagecontent {
		
		width: 750px;
		padding: 15px;
		border-top: 1px solid #ABABAB;
		border-right: 1px solid #ABABAB;
		border-left: 1px solid #ABABAB;
		border-bottom: 1px solid #ABABAB;
		
		
		
		
}

#loading	{
		width: 650px;
		height: auto;
		background-color: #FFFFFF;
		text-align: center;
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 10px;		
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 15px;
		margin-bottom: 10px;
		margin-top: 15px;
		

}

#subform	{
		width: 415px;
		height: auto;
		background-color: #F9F9F9;
		border: 1px solid #ddd;
		padding-top: 0px;
		padding-left: 15px;
		padding-right: 10px;		
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 15px;
		margin-bottom: 10px;
		margin-top: 15px;
		

}
/* 		### SHORT ### 		*/

#resultShortHotels	{
		margin-left: auto;
		margin-right: auto;
		font-size: 11px;
		width: 500px;
		margin-top: 15px;
		border-collapse: collapse;
		
}

.shorthotelname{
		
		font-size: 10px;
}

.rightAlignShort{
		text-align: right;
		padding-right: 40px;
				
}

/* 		### SHORT ### 		*/
.rightAlignLong{
		text-align: right;
		padding-right: 60px;
				
}


#subformtext{
		margin-bottom: 5px;
}

.city		{ 
		width: 140px;
}



#resultDates	{
		width: 500px;
		margin-left: auto;
		margin-right: auto;

}

#subform input {
		font-size: 1.0em;
}

#subform select{
		font-size: 0.9em;

}

#submitbutton{
		width: 96px;
		height: 20px;
		margin-left: 5px;
		padding-bottom: 4px;
		
}



#resultLong	{
		margin-top: 5px;
		font-size: 12px;
		background-color: #F9F9F9;
		border: 1px solid #ABABAB;
		width: 728px;
		color: #000000;
		padding: 10px;
}

#resultLong h2{
		margin-bottom: 10px;
	
}
#resultLongHotels	{
		border-collapse: collapse;
		word-spacing: 3px
	
		
}


.company{
		
		
		font-size: 10px;
		
}

.company a{
		font-weight: bold;
		font-size: 12px;
	
}
.company td {	
		padding: 10px;
}

.company input{
		margin-top: 5px;
}

.rooms2{	
		background-color: #FFFFFF;
			 		
		
}

.rooms td{
		padding-left: 10px;
		font-size: 12px;
}
.hotelstars{
		float: left;
		
}
.hotelimg {
		float: right;
		margin-left: 10px;
		margin-top: 15px;
		margin-bottom: 10px;
		border: 1px solid #000000;
		
	
}

.smallComment	{
		font-size: 9px;
}

.hotelName{
		color: #0FA100;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 14px;
}

.roomName{
		color: #FF0099;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 12px;
		font-weight: bold;
}

.iconInfo{
		border: 0px;
		margin-bottom: -4px;
		margin-left: 5px;
}

.roomInfo div{	background-color: #FFFFFF;
		border: 1px solid #ABABAB;
		padding: 10px;
		font-size: 11px;
		margin-top: 5px;
		margin-bottom: 5px;
		
}

.roomInfoLink{
		outline: none;

}