@charset "utf-8";
/* CSS Document */

.packageBox img {
	margin: 0px 10px 10px 0px;
	border:1px solid #c20041;
	float: left;
	}
	
.packageBoxAlternate img{
	margin: 0px 0px 10px 10px;
	border:1px solid #c20041;
	float: right;
	}

h1, h2, h3 {
	font-family: Arial, Verdana, Sans-Serif; 
	color:#c20041;
	margin: 0px;
	padding: 0px;
	}
	
h1 { font-size: 18px; }
h2 { font-size: 14px; margin: 0px 0px 10px 0px; }
h3 { font-size: 22px; }

p, a, ul, li{
	font: 12px Arial, Verdana, Sans-Serif; 
	color:#808080;
	}

a, a:visited{ color: #c20041; text-decoration: none; }
a:hover{ text-decoration:underline;}

ul li{
	clear: left;
	list-style-image: url("http://images.valk.com/rtID/2/images/00/externalsites/vvv/bulletAanbiedingen.jpg");	
	line-height: 23px;
	}
	
ul.extraInfo li{
	list-style-image: url("http://images.valk.com/rtID/2/images/00/externalsites/vvv/bulletAanbiedingenInfo.jpg");
	line-height: 15px;
	font: 10px Verdana, Arial;
	}
	
.bookNow{
	margin: 10px 0px 20px 0px;
	}

a.bookNowButton, a.bookNowButton:visited{
	background: #c20041;
	border:1px solid #cc6666;
	padding: 6px 7px 6px 7px;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;  
	-khtml-border-radius: 7px;  
	border-radius: 7px;
 	}

a.bookNowButton:hover{
	background-color: #c9d7e1;
	}
	
a.bookNowButton:hover{
	background: #cc6666;
	border: 1px solid #c20041;
	}
	
.toTop{
	margin: 0px 25px;
	padding: 0px 10px;
	border-top: 1px solid #c20041;
	text-align: right;
	}























body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}

.wrapper
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	font-weight:bold;
}

.wrapper a
{
	color:#637eb1;
	text-decoration:underline;
}

.wrapper a:hover
{
	color:#FF9900;
}

.block
{
	clear:both;
}

.block:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.rowSteps
{
	padding-top:10px;
	padding-left:10px;
	color:#000;
}

.rowSteps .title
{
	margin-top:11px;
	float:left;
}

.rowSteps span
{
	margin-top:2px;
	line-height:7px;
	background-color:#ffffff;
	display:block;
}

.rowSteps .stepBoxSelected span
{
	background-color:#003366;
}

.rowSteps .stepBox, .rowSteps .stepBoxSelected
{
	float:left;
	text-align:center;
	margin-left:10px;
}

hr
{
	margin: 1px 10px 5px 10px;
	clear:both;
	background-color:#869eb6;
	border:1px solid #869eb6;
	height:2px;
}

.overview
{
	overflow: hidden;
	padding-left: 10px;

}

.overview .overviewrow
{
	width:450px;
	overflow: hidden;
	margin-bottom:3px;
}

.overview .title
{
	width: 111px;
	float:left;
}

.overview .info
{
	width: 327px;
	float: left;
	padding-left:12px;
	font-weight:bold;
}

.privacyBlock
{
	float:right;
	margin-right: 10px;

}

.wrapper h1
{
	color:#C20041;
	font-size:18px;
        font-family:Arial,Verdana,Sans-Serif;
	margin: 10px 0px 0px 10px;
	padding: 4px 0px 5px 10px;

}

.header2
{
	position:relative;
	color:#FFF;
	margin: -1px 0px 0px 10px;
	padding: 4px 0px 4px 10px;
}

.header2 h2
{
	position:relative;
	font-weight:bold;
	color:#C20041;
	font-size:14px;
	margin:0px;
	margin-right:10px;
}


.header2 div
{
	font-weight:normal;
	margin-left:10px;
}


/* New dynamic form row, that reserves space for validation messages on the right. Works with IE6, IE7, Firefox, Safari */
.rowDynamic, .rowDynamicLong, .rowDynamicLongButtons, .rowDynamicFull
{
	/*position:relative;*/
	position:inherit;
	width: 552px;
	overflow: hidden;
}

.rowDynamicLongButtons
{
	margin-top:-1px;
}

.rowDynamic .title, .rowDynamicLong .title
{
	float: left;
	width: 108px;
	text-align: left;
	margin-top:5px;
	padding-left:10px;
	padding-right:4px;
	font-weight:bold;
}

.rowDynamic .info, .rowDynamicLong .info
{
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left:12px;
	width: 251px;
	text-align: left;
	float: left;
}

.rowDynamicLong .info
{
	width: 402px;
}

.rowDynamicFull .info
{
	margin-left:10px;
}

.rowDynamic .extra, .rowDynamicLong .extra
{
	float: left;
	width: 167px;
	padding-top:6px;
}

.rowDynamicLong .extra
{
	overflow:hidden;
	width: 16px;
}

.rowDynamic input[type="text"], .rowDynamicLong input[type="text"], .rowDynamic input[type="password"], .rowDynamicLong input[type="password"]
{
	border:1px solid #808080;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-top:3px;
	width:245px;
}

input.highlight[type="text"], input.highlight[type="password"]  {
	border:1px solid #C20041 !important;
}

.highlight {
	color:#C20041;
}

select
{
	border:1px solid #808080;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	height: 20px;
        width:245px;
}

.overviewTable, .priceTable, .infoTable
{
	padding: 0;
	margin: 0;
	margin-right:12px;
	border-collapse: collapse;
	margin-left:0px;
	empty-cells: hide;
	background-color:#EFEFEF;
}

.overviewTable
{
	margin-left:10px;
}

.infoTable
{
	margin-top:15px;
}

.overviewTable th, .priceTable th, .infoTable th
{
	padding-right:4px;
}

.overviewTable td, .priceTable td, .priceTable thead th, .infoTable td
{
	padding-left:4px;
	padding-right:4px;
}

.priceTable thead th
{
	font-weight:bold;
	color: #000;
	height:25px;
	vertical-align:bottom;
}

.priceTable tfoot th, .overviewTable tfoot th
{
	font-weight:bold;
	padding-bottom:10px;
}

.overviewTable tbody th, .overviewTable tbody td, .priceTable tbody th, .priceTable tbody td, .infoTable tbody th
{
	text-align: right;
}

.overviewTable thead th, .overviewTable tbody th, .overviewTable tbody td, .priceTable thead th, .priceTable tbody th, .priceTable tbody td, .infoTable tbody th, .infoTable tbody td
{
	border-bottom: solid 1px #fefefe;
}

.infoTable tbody td, .infoTable tbody th
{
	border-top: solid 1px #fefefe;
}

.overviewTable tbody th, .priceTable tbody th, .infoTable tbody th
{
	padding-left:0px;
	font-weight: normal;
}

.priceTable tbody th, .infoTable tbody th
{
	width: 108px;
}

.overviewTable tbody th
{
	max-width:150px;
	text-align: left;
}

.overviewTable tbody td span, .priceTable tbody td span
{
	float: left;
}

.infoTable tbody td
{
	background-color: #d5dae0;
	padding-left:12px
}

.overviewTable tfoot tr, .priceTable tfoot tr
{
	text-align:right;
}

.overviewTable tfoot tr th.topLine, .priceTable tfoot tr th.topLine
{
	border-top: 2px solid #869eb6;
}

.overviewTable .alternate, .priceTable .alternate
{
	background-color: #d5dae0;
}

.overviewTable .center, .priceTable .center
{
	text-align: center;
}

.plus
{
	display: inline;
	position: absolute;
	color: #000;
	padding-left:6px;
	padding-bottom:2px;
	margin-top: -19px;
	margin-left:-3px;
}

.roomTypeBox
{
	border: 1px solid white;
	margin-top:10px;
	padding:0px 9px 5px 9px;
	float:left;
	-webkit-border-bottom-left-radius: 7px; 
	-webkit-border-bottom-right-radius: 7px; 
	-moz-border-radius-bottomleft: 7px; 
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px; 
	border-bottom-right-radius: 7px;  
}

.roomTypeBox label
{
	font-weight:bold;
	color:#000000;
}

.roomTypeBox .price
{
	margin-left:20px;
	float:right;
}
.roomTypeBox p
{
	width:100%;
	margin:0px;
}

.roomTypeBox img
{
	border: 0px;
	float: right;
	margin:0px 0px 4px 4px;
}

.shortDate
{
	width:80px !important;
}

.calendarButton
{
	position:absolute;
	margin-left:3px;
	margin-top:2px;
}

.buttons {
	margin-left:135px;
	overflow:hidden;
	text-align:left;
	margin-top:20px;
}

.buttons div
{
	display:inline;
}

.buttons .left, .buttons .left .btnButton
{
	margin-left:12px;
	float:left;
}

.right, .rowDynamic .btnButton, .rowDynamicLong .btnButton, .right .btnButton
{
	float:right;
}

.buttons a, a.button
{
	border: 2px solid #889eb4;
 	border-style: groove;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	background-color: #99cc00;
	color:#ffffff;
}

.buttons a:hover, a.button:hover, .btnButton:hover
{
	color:#efefef;
	text-decoration:underline;
}

.btnButton:hover
{
	cursor:pointer;
}

.btnButton
{
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;
	background-color:#C20041;
	color:#ffffff;
 	
}

.buttons .next a
{
	background-color:#99cc00;
}

.buttons .back a, .back
{
	background-color:#9bb8e3;
}

.buttons .	request a, a.	request, .	request
{
	background-color:#ff9900;
}

.required
{
	background: none;
}
