@charset "UTF-8";
/* CSS Document */
/*#############################################
#
#	PROJECT				: Heeft u al geboekt
#	DATUM				: 29 September 2009
#	DOOR				: E-Finity Internet
#	AUTEUR				: Raymond Veldhuizen
#
#	Kleurgebruik:
#	achtergrond			: #b3c4e5
#	bordercolor			: #687dba
#	tekst-navigatie		: #e4e9fa
#	submit				: #d75569
#
*############################################*/

@import url('prijzentabel.css');
@import url('kalender.css');
@import url('prijzen_left.css');
@import url('table.css');

/*#############################################
#	ALGEMEEN								  #
*############################################*/

body {
	background-color: #00b9f8;
	font-family: Tahoma;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 12px;
	color: #000;
	overflow:-moz-scrollbars-vertical;
}

#container {
	position: relative;
	margin: auto;
	width: 1000px;
}

#header {
	background: url('../images/header.gif') top left no-repeat;
	width: 1000px;
	height: 176px;
}

#site_title {
	position:absolute;
	top: 65px;
	width:525px;
	text-align:right;
	color:#fff;
	font-size:35px;
	font-weight:bold;
	padding-left:135px;
}

.title {
	font-weight:bold;
	width:150px;
}

.value {
	width:150px;
	padding-right:20px;
	text-align:right;
}

#menu {
	position: relative;
	top: 124px;
	left: 240px;
	width: 772px;
}

#wrapper {
	background: url('../images/background.png') top left repeat-y;
	width: 1000px;
}

.woning_overzicht p {
	margin:0px;
	padding:0px;
}

#left {
	position: relative;
	float: left;
	width: 164px;
	padding: 0px 30px;
	padding-left:15px;
}

.onlineboeken_regel, .offlineboeken_regel {
	background: #4f9e58; 
	padding: 5px; 
	color:#fff; 
	margin-left:10px; 
	margin-right:5px;
}

.offlineboeken_regel {
	background: #e94b42; 
}

.offlineboeken_overzicht {
	background: #e94b42; 
	border:solid 1px #fff;
	padding: 2px 3px; 
	color:#fff; 
	float:right;
	text-align:left;
	margin-top:-31px;
}

.offlineboeken_overzicht marquee {
	width:440px;
}

.side_nav_sub {
	background: #c2e9f8;
	border-bottom: solid 1px #eee;
	display:block;
	padding: 2px 5px;
	text-decoration:none;
	margin-left:-13px;
	width:186px;
}

.side_nav_sub:hover {
	background: #2d87be;
	text-decoration:none;
	color:#fff;
}

#right {
	position: relative;
	float: right;
	width: 726px;
	padding: 0px 35px 0px 15px;
}

#footer {
	background: url('../images/footer.png') top left no-repeat;
	width: 1000px;
	height: 50px;
}

.wis_gegevens {
	display:block;
	width: 150px;
	height:20px;
	background:#e0e5f2;
	border: solid 1px #7690c7;
	text-align:center;
	padding-top:1px;
	cursor:pointer;
}


/*#############################################
#	HOODFNAVIGATIE							  #
*############################################*/
#nav {
	padding: 0;
	margin: 0px;
	color: #e4e9fa;
	list-style: none;
	line-height: 1;
}

#nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}

#nav li {
	float: left;
	padding: 0px 12px;
}

#nav a {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

#nav a:hover {
	background-color: #f0dfa6;
}

/*#############################################
#	TOP-BANNERS								  #
*############################################*/
#top_banners {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}

#top_banners li {
	float: left;
	display: block;
	padding: 0px 0px;
	padding-bottom: 20px;
}


/*#############################################
#	HUIZEN_OVERVIEW	(homepage)				  #
*############################################*/
.huizen_overview {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
	margin-left: 4px;
}

.huizen_overview li {
	float: left;
	display: block;
	padding: 0px 3px;
	width: 225px;
	height: 185px;
	text-align: center;
}

.huizen_overview li img {
	border: 0px;
	height: 125px;
}

/*#############################################
#	TAAL SWITCH								  #
*############################################*/

#language_switch {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	margin-top: 2px;
	position: absolute;
	left: 30px;
	top:10px;
}

#language_switch span {
	color: #ffd000;
	font-weight:bold;
	text-decoration: none;
	padding: 10px;
}

#language_switch span:hover {
	margin-top: 10px;
	padding-top: 10px;
}

#language_switch li {
	float: left;
}

#language_switch li ul {
	position: absolute;
	background: none;
	list-style: none;
	background-color: #fbfbfb;
	border: solid 1px #60707f;
	margin: 0px;
	padding: 0px;
	width: 140px;
	left: -999em;
}

#language_switch li ul li a {
	display: block;
	padding: 8px 10px 6px 10px;
	width: 120px;
}

#language_switch li ul li a:hover {
	color: #ff0109;
}

#language_switch li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*#############################################
#	NAVIGATIE FOOTER						  #
*############################################*/
#nav_footer {
	position: relative;
	top: 32px;
	left: 270px;
	padding: 0px;
	margin: 0px;
	color: #e4e9fa;
	list-style: none;
	font-weight: normal;
	line-height: 1;
	width: 760px;
}

#nav_footer ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}

#nav_footer li {
	float: left;
}

#nav_footer a {
	display: block;
	color: #000;
	font-size: 12px;
	padding: 2px 16px;
	text-align: center;
	text-decoration: none;
	border-right: solid 1px #000;
}

#nav_footer a:hover {
	text-decoration: underline;
}

/*#############################################
#	NAVIGATIE WONINGDETAIL					  #
*############################################*/
#nav_wodetail {
	position: relative;
	background-color: #2f85bb;
	height: 26px;
	padding: 0px;
	margin-bottom: 3px;
	color: #000;
	list-style: none;
	line-height: 1;
	width: 714px;
}

#nav_wodetail ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}

#nav_wodetail li {
	float: left;
}

#nav_wodetail a {
	display: block;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	padding: 5px 0px;
	text-align: center;
	text-decoration: none;
	border: solid 1px #fff;
	margin: 1px;
}

#nav_wodetail a:hover {
	text-decoration: none;
	background-color: #d9b300;
	color: #000;
}

/*#############################################
#	FORMULIER OPMAAK     					  #
*############################################*/

.zoeken_huiscode {
	width: 130px;
	font-size: 10px;
}

.huiscode_submit {
	border: solid 1px #fff;
	background-color: #d75569;
	padding: 0px 0px;
	width: 60px;
	text-align: center;
	margin: 0px;
}

.zoeken {
	display: block;
	width: 160px;
}

.aanmelden label {
	width: 150px;
	height: 25px;
	padding: 2px;
	display: block;
}

input.aanmelden, textarea.aanmelden {
	position: absolute;
	left: 150px;
	margin-top: -30px;
	background-color: #fff;
	font-family: Tahoma;
	font-size: 12px;
	border: solid 1px #000;
	padding: 4px;
	display: inline;
}

input.aanmelden {
	width: 250px;
}

.error p, .form_error p {
	padding: 4px;
	margin: 0px;
	background-color: #ffcbcd;
}

.error, .form_error {
	width: 50%;
	display: block;
	border: solid 1px #ff3333;
	margin: auto;
	margin-top: 10px;
}

.error h4, .form_error h4 {
	background-color: #ffcbcd;
	margin: 0px;
	padding: 0px;
}

.form_error {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
/*#############################################
#	ALGEMENE OPMAAK     					  #
*############################################*/

h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

h2.link {
	background-color: #fefefe;
	border: solid 1px #000;
	padding: 3px;
}

.line {
	height: 1px;
	width: 175px;
	border-bottom: solid 1px #eee;
	margin: 5px 0px;
}

ul.links {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.links li {
	border: solid #000;
	border-width: 0px 1px 1px 1px;
	padding: 2px;
}

label {
	width: 120px;
	display: inline-block;

}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.button:hover {
	text-decoration: none;
}


/*#############################################
#	SORTABLE TABLE	     					  #
*############################################*/

.sortable a {
	border: none;
	margin: 0px;
}

.sortable span.lastminute {
	width: 75px;
	padding: 5px;
	float: right;
	text-align: right;
	display: block;
	color: #888;
	font-weight: bold;
	font-size: 18px;
	margin-right: 25px;
	margin-top: 25px;
	
}

.sortable span.omschrijving {
	width: 380px;
	height: 100px;
	margin-left: 150px;
	margin-top: 5px;
	text-align: left;
	display: block;
}

.sortable span.omschrijving_zonder {
	width: 480px;
	height: 100px;
	margin-left: 150px;
	margin-top: 5px;
	text-align: left;
	display: block;
}

.sortable span.icon {
	float: left;
	margin-left: 50px;
	margin-top: -50px;
}
.sortable {
	margin: 10px;
}

.sortable span.icon img {
	width: 18px;
	height: 18px;
}

.sortable h2 {
	background-color: #2f85bb;
	padding: 5px;
	margin: -15px -10px 0px -10px;
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
}

.sortable td img {
	border: 0px;
	width: 150px;
	margin-right: 10px;
	margin-top: 10px;
}

.sortable td .spacer {
	width: 0px;
}

.controls { 
	width:700px; 
	margin:0 auto; 
	height:20px;
}

#perpage {
	float:left; 
	width: 210px;
}

#perpage select {
	float: left; 
	font-size: 11px;
}

#perpage span {
	float: left; 
	margin: 2px 0 0 5px;
}

/*#############################################
#	BEKEKEN ACCOMMODATIES  					  #
*############################################*/

#reeds_bekeken {
	padding-top: 20px;
	line-height: 18px;
	background: none;
	font-weight: bold;
}

#reeds_bekeken ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
}

#reeds_bekeken ul li {
	width: 179px;
	padding: 7px 0px; 
	margin: 0px -9px;
}

#reeds_bekeken ul li div {
	padding: 5px;
}

#reeds_bekeken ul li:hover {
	background-color: #e4eaf7;
}
/*#############################################
#	DIVERSEN		     					  #
*############################################*/

.navigation {
	float: left; 
	width: 250px; 
	text-align: center;
}

.navigation img {
	cursor: pointer;
}

.text {
	float: left; 
	width: 225px; 
	text-align: right; 
	margin-top :2px;
}

#kenmerken {
	margin-top: 25px;
	display: block;
	border: none;
}

#kenmerken span {
	display: block;
	background-color: #fff;
	border: solid 1px #000;
	border-top: 0px;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: -1px;
}

#kenmerken h2 {
	display: block;
	background-color: #2f85bb;
	padding: 5px;
	border: solid #000;
	border-width: 1px 1px 0px 1px;
}

.tabset_content img {
	padding-right: 10px;
	padding-bottom: 5px;
}

.tabset_content ul {
	margin: 0px;
}

.online_boeken {
	padding: 2px 7px;
	border: solid 1px #fff;
	background-color: #fe3333;
	color:#fff;
	height: 21px;
	margin-left: 1px;
}

.online_reserveren {
	padding: 2px 7px;
	border: solid 1px #fff;
	background-color: #00a651;
	color:#fff;
	height: 21px;
	margin-left: 1px;
}

.infolijn {
	padding: 2px 7px;
	border: solid 1px #fff;
	background-color: #00abdf;
	color:#fff;
	height: 21px;
	margin-left: 1px;
}

.online_boeken:hover, .online_reserveren:hover {
	text-decoration: none;
	color: #fff;
}

.attention {
	padding: 10px 25px;
	background-color: #fefbb8;
	border: solid 1px #ffdf00;
}

.succes {
	padding: 10px 25px;
	background-color: #e1f4bd;
	border: solid 1px #bce075;
}

/*#############################################
#	BOEKINGSFORMULIER     					  #
*############################################*/
#boekingsformulier {
	margin-top: 15px;
	background-color: #fff;
	border: solid 1px #000;
}

#boekingsformulier h2 {
	display: block;
	background-color: #2f85bb;
	padding: 5px;
	border-bottom: solid 1px #000;
}
.boekingsformulier {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.boekingsformulier li {
	padding: 2px 5px;
}

.boekingsformulier label {
	width: 250px;
	vertical-align: top;
	margin-top: 4px;
}

.boekingsformulier input, .button {
	padding: 3px;
	border: solid 1px #000;
	width: 300px;
	margin-top: 2px;
}

.boekingsformulier textarea {
	width: 450px;
	height: 200px;
	border: solid 1px #000;
	font-family: Tahoma;
	padding: 3px;
	font-size: 11px;
}

.boekingsformulier .checkbox {
	margin-left: -5px;
	width: 15px;
	margin-top: 2px;
}

.boekingsformulier .odd {
	background-color: #e4eaf7;
}

.boekingsformulier #kosten input {
	width: 25px;
}

.kosten_overzicht label {
	width: 105px;
}

.kosten_overzicht span {
	float: right;
}

#stappen {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#stappen li {
	float: left;
	text-align: center;
	width: 155px;
	padding: 25px 40px;
}

#stappen .succes {
	background-color: #2f85bb;
}

#stappen .active {
	border-right: solid 1px #2f85bb;
}
/*#############################################
#	BOEKINGS OVERZICHT     					  #
*############################################*/

.boek_overzicht {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.boek_overzicht li, .boek_overzicht li.odd {
	padding: 3px;
}

.boek_overzicht label {
	width: 220px;
	padding-left: 5px;
}

.boek_overzicht li.odd {
	background-color: #e4eaf7;
}

.boek_overzicht li.head {
	padding-top: 10px;
	font-weight: bold;
	border-bottom: solid 1px #000;
}

/*#############################################
#	LISTED FORM		     					  #
*############################################*/
ul.listtable {
	margin-top: 5px;
	padding: 0px 0px 0px 10px;
	list-style: none;
}

ul.listtable li {
	height: 25px;
	display: block;
	width: 500px;
	clear: both;
}

ul.listtable label {
	font-weight: bold;
}

ul.listtable input {
	float: right;
	padding: 3px;
	width: 250px;
	background-color: #fefefe;
	border: solid 1px #2f85bb;
	margin-right: 50px;
}

ul.listtable .textarea {
	font-family: Tahoma;
	font-size: 12px;
	width: 300px;
	height: 120px;
	background-color: #fefefe;
	border: solid 1px #2f85bb;
	float: right;
	padding: 3px;
}

ul.listtable .button {
	margin: 0px;
	padding: 3px 10px;
	width: 100px;
}

ul.table {
	margin: 0px; 
	padding: 0px;
	list-style: none;
}

ul.table label {
	font-weight: bold;
	width: 150px;
}

ul.table li.left {
	float: left;
	width: 250px;
}

ul.table li.right {
	float: right;
	width: 250px;
}

#lastminute_tabel, .lastminute_tabel {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

h2.lastminute {
	margin-top: 10px;
	border-bottom: solid 1px #000;
}

#lastminute_tabel li, .lastminute_tabel li, .lastminute_tabel li.odd {
	clear: both;
	padding: 3px;
	height: 18px;
}

.lastminute_tabel li.odd {
	background-color: #b3c3e5;
}

#lastminute_tabel li.head {
	background-color: #2f85bb;
	padding: 5px;
	margin: -5px;
	height: 18px;
	border: solid 1px #000;
	font-weight: bold;
}

.oude_prijs {
	text-decoration: line-through;
	color: #ff0000;
	font-weight:normal;
}

.nieuwe_prijs {
	color: #00a400;
	font-weight:normal;
}

#lastminute_tabel li span.column_1 , .lastminute_tabel li span.column_1 {
	position: absolute;
}

#lastminute_tabel li span.column_2 , .lastminute_tabel li span.column_2 {
	position: absolute;
	left: 225px;
}

#lastminute_tabel li span.column_3 , .lastminute_tabel li span.column_3 {
	position: absolute;
	left: 400px;
}

#lastminute_tabel li span.column_4 , .lastminute_tabel li span.column_4 {
	position: absolute;
	left: 500px;
}

#lastminute_tabel li span.column_5 , .lastminute_tabel li span.column_5 {
	position: absolute;
	left: 620px;
}

#results {
	width: 152px;
	height: 27px;
	background: url('../../images/view_button.gif') no-repeat;
	border:none;
	color:#fff;
	font-weight:bold;
	margin-bottom: 5px;
	cursor:pointer;
}