/*The overall body's content. Contains all other index_... classes*/
.index_body {
	/*The number of pixels is the total page's size. We have to redefine the widh in index_header and index_content and index_footer!*/
	width: 1004px; 
	margin-left: auto; 
	margin-right: auto; 
	/*border: 1px solid #58647c*/
}

/*The header's content, containing the languageselect, logo and navigation*/
.index_header {
	/*The number of pixels is the total page's size. We have to redefine the widh in index_body and index_content and index_footer!*/
	width: 1004px; 
	/*Move the header to the top of the page*/
	position: absolute;
	top: 0px;
	/*Set the border arround the header, without thebottom's border*/
	border-top: 1px solid #58647c;
	border-left: 1px solid #58647c;
	border-right: 1px solid #58647c;
}

/*The content's class. Contains main content and the footer */
.index_content{
	/*The number of pixels is the total page's size. We have to redefine the widh in index_header and index_body and index_footer!*/
	width: 1004px; 
	/*Center the content within index_body*/
	margin: auto auto; 
	/*The number of pixels is the total header's size. Also defined in index_content_search*/
	padding: 156px 0 0 0;
	/*Set the border arround the main content, without the top's border*/
	border-bottom: 1px solid #58647c;
	border-left: 1px solid #58647c;
	border-right: 1px solid #58647c;
	/*Set the minimal height because the left-bar (in search_content) is defined absolute*/
	min-height: 850px
}

/*The header's content, containing the languageselect, logo and navigation*/
.index_footer {
	/*The number of pixels is the total page's size. We have to redefine the widh in index_body and index_content and index_header!*/
	width: 1004px; 
}

/*The indexcontent main div containing index_content_search and index_content_main*/
.index_content_body{
	width: 85%
}

/*The indexcontent main div containing the body of the hotel page*/
.index_content_body_hotel{
	width: 100%
}

/*Css used in search_content for the search's field*/
.index_content_search{
	/*Use absolute position of the search-bar on the left*/	
	position: absolute; 
	/*The number of pixels is the total header's size. Also defined in index_content*/
	top: 156px;
	/*Width and height of the search-bar on the left*/
	width: 192px; 
	height: 226px
}

/*Css used in search_content for the main content*/
.index_content_main{
	/*The number of pixels is the width of the left-bar which is defined in index_content_search, also used in index_content_main_home*/
	padding-left: 225px;
}

/*Special main_home class for the homepage*/
.index_content_main_home{
	/*The number of pixels is the width of the left-bar which is defined in index_content_search, also used in index_content_main*/
	padding-left: 225px;
	/*The homepage is taller*/
	min-height: 1600px
}

/*Some css used in searchForm. Remove the "_OLD" if needed*/
radio_OLD {
	font-size: 12px;
	color:#005951;
	font-weight: bold;
}


#footer {
	margin: 5px;
	padding: 5px;
	float: right;
}

div#footer_left {
	margin: 5px 0px;;
	float: left;
}


address{
	font-style: normal;
}

h1, h2, h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0px 5px;
	padding: 0px 0px 5px;
	color:#005951;
	/*border-bottom: 1px solid #CCCCCC;*/
}

h2 {
	font-size: 11px;
	color:#005951;
	font-weight: bold;
}

h3 {
	font-size: 11px;
	color:#005951;
	font-weight: bold;
}
img{
	border: none;
}

#hotelMainCol h1 {
	font-size: 12px;
	font-weight: bold;
}

span.citiesName{
	font-size: 11px;
	font-weight: bold;
	color:#58647c;
}
span.cName{
	font-size: 11px;
	font-weight: normal;
	color:#58647c;
}
span.RightTitle{
	font-size: 11px;
	font-weight: bold;
	color:#58647c;
}
span.MainTitle{
	font-size: 14px;
	font-weight: bold;
	color:#58647c;
}
span.TextBlock{
	font-size: 11px;
	font-weight:normal;
	color:#58647C;
	
}
#langBar {
	color: #FFFFFF;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	float: left;
	
}

#langBar ul, #langBar li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none inside;
}

#langBar a{
	padding: 3px 5px;
	margin-right: 5px;
	margin-left: 5px;
	text-decoration: none;
	color: #999999;
	display: block;
	float: left;
	width: 160px;
}

#langBar a.current{
	color: #8D0148;
}

#langBar a:hover{
	color: #464646;
	text-decoration: underline;
}

#logo img{
	margin-left: 0 px;	
}

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** 
Does not work since IE 7
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
/* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
/*

/* added by RoRoo 11-01-2007 ie 7 clearline fix*/

.clearboth {
	clear: both;
}

.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 


/* end add by roroo */

.spacer {
	clear: both;
	height: 0px; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .spacer{height: 1%;}
.spacer{display: block;}
/* End hide from IE-mac */ 

p.info {
	background: #FFFFCC url(skin1/icon_info.gif) no-repeat left top;
	border: 1px solid #CCCCCC;
	color: #58647C;
	padding: 5px 5px 5px 24px;
	font-style: italic;
}

/*
	form

form{

}fieldset {
	margin-top: 5px;
	margin-bottom: 5px;
	border-width: 0px;
}
legend {
	font-size: 160%;
	margin: 5px 0px 10px;
}
label {
	display: block;
	float: left;
	width: 160px;
	clear: left;
	text-align: right;
	padding-right: 5px;
}

#primaryAction {
	color: #CCCCCC;
	background: #993300;
}
*/

.required label {
	font-weight: bold;
}
/*
	Logos
*/

ul.logos{
	width: 230px;
	padding: 0px 0px;
	margin: 0;
	list-style: none;
	display: table;
}

ul.logos li img{
	border: none;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	width: 85px;
	_width:80px;
	position: relative;
	float: left;
}

ul.logoimages{
	width: 230px;
	padding: 0px 0px;
	float: left;
	margin: 0;
	list-style: none;
	display: table;
}
ul.logoimages li img{
	border: none;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	width: 230px;
	_width:230px;
	position: relative;
	float: left;
}
ul.logoimages li img.lileft{
	margin: 10px 10px 10px 0px;
	width: 195px;
	_width:195px;
}

/* 
	PROMO
*/
dl.promo{
	display: table;
	width: 496px;
	padding: 10px 0px;
	margin: 5px 0;
	/*border-top: 1px solid #CCCCCC;*/
}

dl.promo h1 {
	padding: 10px 0 5px 0;
	text-align: left;
	font-weight: bold;
	display: block;
	clear: both;
	font-size: 11px;
	color: #58647c;
}

dl.promo dt {
	padding: 0 0 5px 0;
	margin: 0;
	font-weight: bold;
	display: block;
	clear: both;
	font-size: 11px;
	color: #58647c;
}

dl.promo dt img{
	border: none;
	clear: left;
}

dl.promo dd{
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #58647c;
}

dl.promo dd.separator{
	text-align: right;
	/*padding: 0 0 3px 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #CCCCCC;*/
}

dl.promo dd img{
	border: none;
	display: block;
	clear: left;
	float: left;
	height: 80px;
	width: 114px;
	margin-right: 10px;
}

#mainCol{
	float: left;
	width: 502px;
	padding: 5px;
}

#mainCol h3 {
	font-size: 11px;
	color:#58647c;
	font-weight: bold;
}

#rightCol{
	float: left;
	width: 232px;
	padding: 5px;
}

#rightCol h3 {
	font-size: 12px;
	color:#58647c;
	font-weight: bold;
}

img.floatLeft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*
	HOTEL PAGE
*/
#hotelInfo{
	float: right;
	clear: right;
	width: 200px;
	position: relative;
	top: 0px;
}

#hotelMainCol{
	float: left;
	width: 520px;
	margin: 7px 0px 0px;
	padding: 0px;
}
#hotelMainCol h2.cityName{
	font-size: 11px;
	font-weight: bold;
	color:#58647C;
}
#hotelRightCol{
	float: right;
	width: 212px;
	margin: 7px 10px 0px 0px;
	_margin: 7px 5px 0px 0px;
	padding: 10px;
	border:1px solid #3A7204
}


#hotelRightCol h3{
	border-bottom: 1px solid #3A7204;
	/*border-top: 1px solid #CCCCCC;*/
	margin: 1em 0px;
	padding: 0.6em 0px;
	color: #58647c;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

div#hotelRightCol h3#first{
	border: none;
	border-bottom: 1px solid #3A7204;
	margin: 0em 0px 1em;
	padding: 0em 0px 0.6em;
}


#hotelRightCol dl{
	margin: 0px 0px 10px;
	padding: 0px;
}
#hotelRightCol dt, #hotelRightCol dd{
	margin: 0px;
	padding: 0px;
}

#hotelRightCol dt{
	font-weight: bold;
}

.hotelImg{
	float: right;
	width: 99px;
	clear: right;
}
.hotelImg img{
	width: 99px;
	height: 64px;
	border: none;
	padding: 0 0 5px 0;
	_padding: 0 0 2px 0; /* IE */
	clear: right;
}
/*
	ARRANGEMENTEN
*/

div.arrang{
	display: table;
	width: 750px;
	padding: 10px 0px;
	margin: 5px 0;
	border-top: 1px solid #3A7204;
	list-style: none;
}
div.arrItem{
	padding: 10px 0px;
	margin: 5px 0;
	list-style: none;
	border-bottom: 1px solid #3A7204;
}

div.arrItem img{
	border: none;
	display: block;
	clear: left;
	float: left;
	height: 80px;
	width: 114px;
	/*margin-right: 10px;*/
}
div.arrItem div.img{
	display: block;
	clear: left;
	float: left;
	height: 80px;
	width: 114px;
	margin-right: 10px;
}
div.arrangText{
	float: left;
	width: 380px;
	margin: 0px;
	padding: 0px;
}
div.arrItem h3{
	padding: 0px;
	margin: 0px 0 5px;
	color:#58647c;
}
div.arrItem h1{
	padding: 0px;
	margin: 0px 0 5px;
	color:#58647c;
}
address{
	float: right;
	width: 160px;
	margin: 0px;
	padding: 0px;
	display: block;
}

div.ressearch h1{
	border-bottom: 1px solid #3A7204;
	font-size: 16px;
	width: 750px;
}
div.pager{
	margin: 10px 10px 10px 0px;
	padding: 3px 3px 3px 5px;
	width: 730px;
	color: #58647c;
	font-weight: bold;
}
div.pager a{
	text-decoration: none;
	margin: 0px 2px;
	padding: 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	color: #58647c;
	font-weight: bold;
}
div.pager a.current{
	color: #58647c;
	border-bottom: 3px solid #3A7204;
}

div.pager a:hover{
	color: #86BB4F;	
}

#favoAcc {

}

#twitterFeed {
	margin-bottom: 10px;
}

/* 
	twitter integration
 */
div#twitterForm{
	margin: 5px 0px 3px 7px;
	text-align: center;
	width: 202px;
}

/*
	searchForm
*/
div#searchForm{
	margin: 0px 5px 0px 7px;
	padding: 5px;
	width: 198px;
	background: #def5c6;
	border: 1px solid #3A7204;
}

div#searchForm p{
	margin: 3px 0px;
	padding: 0px;
}

div#searchForm label{
	font-size: 11px;
	font-weight: bold;
	clear: both;
	margin-top: 5px;
	display: block;
	color:#005951;
}
div#searchForm h3#first{
	border: none;
	border-bottom: 1px solid #3A7204;
	margin: 0em 0px 1em;
	padding: 0em 0px 0.6em;
}
div#searchForm p label{
	font-size: 11px;
	font-weight: normal;
	clear: none;
	margin-top: 5px;
	display: inline;
}

div#searchForm h3{
	margin: 3px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #464646;
}
div#searchForm radio{
	font-size: 11px;
	font-weight: bold;
	color: #464646;
}
div#TextBlock{
	font-size: 11px;
	font-weight: normal;
	color: #58647c;
}
div#searchForm input#primaryAction{
	font-family:  Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	clear: both;
	color: #09402C;
	background: #95CD5F;
	width: 90px;
	border: 1px #9cf outset;
	text-align: center;
}
div#searchForm input#primaryAction:hover{
	background: #95CD5F;
}

div#searchForm input.searchTextBox {
	width: 180px;
}

div#searchForm select{
	width: 188px;
}

div#searchForm div#actions{
	margin: 5px 0px;
	padding: 0px;
	text-align:right;
	padding-right:11px;
}
/*
	Hoteliers Check
*/
/*div#hoteliersForm{
	margin: 7px 5px 0px 7px;
	padding: 5px;
	width: 198px;
	background: #def5c6;
	border: 1px solid #3A7204;
}

div#hoteliersForm select{
	width: 90px;
}

div#hoteliersForm input#primaryAction, .reg{
	width: 190px;
	background: #95CD5F;
	font-weight: bold;
	color: #09402C;
	height: 18px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: center;
	font-size: 12px;
}*/

/* * * * * * * * * * * *  
 *	SUBSCRIBERS
 * * * * * * * * * * * */
 
div#subsciberForm{
	margin: 7px 5px 0px 7px;
	padding: 5px;
	width: 198px;
	border:1px solid #3A7204;
}

input.input-text-left {
	width: 180px;
}

div#subsciberForm  div#hotInfo {
	width:160px;
}

div#subsciberForm select.hotDay,
div#subsciberForm select.hotMonth {
	width: 90px;
}

div#subsciberForm input#primaryAction, input.submit-button, input.submit-button-small{
	width: 160px;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	clear: both;
	color: #09402C;
	background: #95CD5F;
	border: 1px #9cf outset;
	text-align: center;
}
div#subsciberForm input#primaryAction:hover, input.submit-button:hover, input.submit-button-small:hover{
	background: #95CD5F;
}

div#subsciberForm h3{
	font-size: 13px;
	border-bottom: 1px solid #3A7204;
	margin: 0;
	padding: 0px;
	padding-bottom:3px;
	color: #58647c;
}

input.submit-button-small {
	width: 90px;
}


/* * * * * * * * * * * * * 
 * ENQUIRY RESULT
 * * * * * * * * * * * * */
div#enquiryResultMain {
	display: block;
	padding-top: 20px;
	padding-bottom: 65px;
}
div.enquiryResultBlock {
	display:block;
	float:left;
	text-align: center;
	width: 160px;
	
}
div.enquiryResultBlock .enquiryResultBlockTitle {
	color:#005951;
	font-size: 12px;
	font-weight: bold;
}
div.enquiryResultBlock .enquiryResultBlockScore {
	padding-top: 10px;
	color:#58647C;
	font-size: 12px;
}

/*img#enquiryResultImageLeft {
	padding-bottom: 5px;
	padding-right: 15px;
}
img#enquiryResultImageMiddle {
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
img#enquiryResultImageRight {
	padding-bottom: 5px;
	padding-left: 15px;
}*/


div#enquiryResultRemark dl{
	margin: 0px 0px 10px;
	padding: 0px;
}
div#enquiryResultRemark dt, div#enquiryResultRemark dd{
	margin: 0px;
	padding: 0px;
	overflow:hidden; /*No wordwrap*/
}
div#enquiryResultRemark dt{
	font-weight: bold;
	width: 150px;
	float:left;
	
}




/* * * * * * * * * * * * * * * * * * 
 * START: CALENDAR
 * * * * * * * * * * * * * * * * * */
	/*Calendar div*/
	div.divcalendar {
		padding-top: 10px;
		padding-left:20px;
		display:block;
	}


	table.calendar {    
		font-family:Verdana, Arial; 
		font-size:10px;  
		width:150px;     
		background-color:white;    
		border-spacing: 1px;
	}          
		  
	table.calendar a {
		text-decoration:none;
	}

	/*Header*/
	table.calendar caption.calendar-month {
		height:15px;
		padding-left:3px;	
		padding-right:3px;	
		padding-top:2px;	
		padding-bottom:2px;	
		
		color: white;
		font-weight:normal;
		background-color:#3C7105; /*597732;*/
		text-align:right;   
	}

	/*Week day-names*/
	table.calendar th
	{
		height:15px;
		padding-left:3px;	
		padding-right:3px;	
		padding-top:2px;	
		padding-bottom:2px;	
		
		width:20px;
		text-align:center;      
		background-color:#D6D6D6;  
		font-weight: normal;
	}      
		  
	/*Calendar days*/
	table.calendar td
	{
		height:15px;
		padding-left:3px;	
		padding-right:3px;	
		padding-top:2px;	
		padding-bottom:2px;	

		text-align:right;			
	}           
		
	/*Unavailable*/
	table.calendar td.calendar-day-una {
		
	}
	/*Not occupied*/
	table.calendar td.calendar-day-noc {
		background-color:#ebebeb; 
		/*background-color:#9DE562; /*ebebeb*/
	}

	/*Fully occupied: occupied-all*/
	table.calendar td.calendar-day-oca {
		background-color:#3C7105;
		/*background-color:#ebebeb;  */
		/*background-color:#ebebeb; /*8DD058; /*597732;*/
		/*color: #686868; /*686868;*/
		/*text-decoration:line-through;*/
	}
	
	/*Begin is occupied: occupied-at-begin-of-the-day*/
	table.calendar td.calendar-day-ocb {
		background-color:#3C7105;
		/*background-color:#ebebeb;*/
		/*background-color:#ebebeb; /*9DE562; /*7CA547;*/
		/*color: #686868; /*686868;*/
		/*text-decoration:line-through;*/
	}

	/*End is occupied: occupied-at-end-of-the-day*/
	table.calendar td.calendar-day-oce {
		background-color:#3C7105;
		/*background-color:#9DE562; /*9DE562; /*7CA547;*/
		/*color: #686868; /*686868;*/
	}
	
	div.divcalendar div.calLgIcon {
		margin-bottom: 10px;
		width:10px;
		height:10px;
		border: 1px solid gray;
		display: block;
		float:left;
	}
	
	/*Legend: booked*/	
	div.divcalendar div.calLgBooked {
		background-color:#3C7105;
	}
	
	/*Legend: free*/	
	div.divcalendar div.calLgFree {
		margin-left: 20px;
		background-color:#ebebeb; 
	}
	
	/*Calendar-legend div*/
	div.divcalendar div.calLegend {
		margin-left: 5px;
		margin-bottom: 10px;
		display:block;
		float:left;
		
	}

/* * * * * * * * * * * * * * * * * * 
 * END: CALENDAR
 * * * * * * * * * * * * * * * * * */
 
 /* * * * * * * * * * * * * * * * * * 
 * START: BANKGIRO/FULLCONTENTFORMS
 * * * * * * * * * * * * * * * * * */
 
 div.fullcontent {
	padding: 0px 10px 10px 10px;
}

h1.landing_header {
	font-size:3em;
	color: #CC9900;
	text-align: center;
}
h2.landing_subheader{	
	font-size:2em;
	color: #CC9900;
	text-align: center;
	vertical-align: middle;
	display: block;
	font-weight: normal;
}
h3.formSubHeader {
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

div.landing_textside {
	width: 600px;
	display: block;
	float: left;
}
div.landing_images {
	padding: 10px 5px 5px 10px;
	width: 350px;
	float: left;
}
img.landing_image {
	padding: 5px 5px 5px 10px;
	display: block:
}
img.discountpartyLogo {
	float:left;
}
div.bankgiroabonnementset {
	margin: 10px 0px 10px 0px;
	line-height: 2em;
}
div.friendOfabonnementset {
		margin: 10px 0px 10px 0px;
		line-height: 2em;
}
div.subform_textside {
	width: 480px;
	display: block;
	float: left;
}
div.subform_images {
	padding: 10px 5px 5px 10px;
	width: 250px;
	float: left;
}
img.subform_image {
	padding: 5px 5px 5px 10px;
	display: block:
}

input.buttonStyle {
	background-attachment: scroll;
	background-color: #95cd5f;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	border-bottom-color: #99ccff;
	border-bottom-style: outset;
	border-bottom-width: 1px;
	border-left-color: #99ccff;
	border-left-style: outset;
	border-left-width: 1px;
	border-right-color: #99ccff;
	border-right-style: outset;
	border-right-width: 1px;
	border-top-color: #99ccff;
	border-top-style: outset;
	border-top-width: 1px;
	clear: both;
	color: #09402c;
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	width: 90px;
}
/* * * * * * * * * * * * * * * * * * 
 * END: BANKGIRO/FULLCONTENTFORMS
 * * * * * * * * * * * * * * * * * */
 
 h2.address {
	display:inline;
	font-weight: normal;
	color:  #58647c;
}