/* @override file:///Volumes/Projecten/OUR/OUR076097_Gites%20online/versie-website/style/css/stylesheet-gitesonline.css */

/* --------------------------------------------------------------------------------------*/
/* Stylesheet for website Gites-Online  */
/* Copyright 2008 APM Interactive  */
/* Author: Arnold Visser - av@apm.nl */
/* --------------------------------------------------------------------------------------*/

/* ======================================================================================*/
/* GLOBAL RESET */
/* this code resets "all" default element styling by "any" browser */
/* ======================================================================================*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.preloadimages {
    display: none !important;
    visibility: hidden !important;
}

html,
body,
form#aspnetForm,
.bodybackground,
.centercontainer,
.mainsitecontainer {
    height: 100%;
	min-height: 100% !important;
}

* {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	line-height: 1;
	background-color: #ffffff;
	font-size: 12px;
	color: #454545;
}

ol, ul {
	list-style: none;
}

ul.listblack {
	clear: left;
	line-height: 2em;
	float: left;
	width: 100%;
	
}

ul.listblack li {
	padding-left: 18px;
	background-image: url(../images/interface/icons/bullet_black.png);
	background-repeat: no-repeat;
	background-position: left;
}

ul.listwhite {
	clear: left;
	line-height: 2em;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

ul.listwhite li {
	padding-left: 18px;
	background-image: url(../images/interface/icons/bullet_blue-disabled.png);
	background-repeat: no-repeat;
	background-position: left;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	font-size: 1em;
	line-height: 1.8em;
	height: 20px;
	border: 0;
	padding-left: 4px;
	height: 22px;
	border: 1px solid;
	line-height: 1.3em;
	background-repeat: no-repeat;
}

input[type="radio"],
input[type="checkbox"] {
    border: none !important;
}

input[type="image"] {
	height: auto;
}

input.xsmall {
    width: 35px !important;
}

input.xsmallbox {
    width: 35px !important;
}

input.smallbox {
	width: 50px;
}

input.biggerbox {
	width: 65px;
}

input.mediumbox {
	width: 145px;	
}

input.widebox {
	width: 260px;
}

input.largebox {
	width: 200px;
	/*height: ;*/
}

input.small {
	width: 95px;
}

input.medium {
	width: 110px;
	font-variant: normal;
}

input.wide {
	width: 185px;
}

input.huge {
	width: 205px;
	height: 35px;	
}

input.xxl {
	width: 405px;
}

input.noborder {
	border: none;
}

input.textinput {
	height: 18px;
	border-color: #e1e1e1;
	background-color: #ffffff;
	/*width: 100%;*/
}

textarea.textinput {
	border-color: #e1e1e1;
	background-color: #ffffff;
	/*width: 100%;*/
}

.checkbox input {
	border: none;
	float: left;
	margin-top: -5px;
}

input.checkbox {
	border: none;
	margin-top: -5px;
}

input.button {
    z-index: 999;
	font-size: 0.9em;		
	font-weight: 700;
	padding-left: 18px;
	background-position: 2px 1px;
	cursor: pointer;
}

input.radio {
	border: none;
}

input.file {
	height: 18px;
	border-color: #e1e1e1;
	background-color: #ffffff;
}

input.blue {
	background-color: #3264e1;
	border-color: #ffffff;
	color: #ffffff;
}

input.turqoise {
	background-color: #009ee0;
	border-color: #ffffff;
	color: #ffffff;
}

input.yellow {
	background-color: #f1c518;
	border-color: #ffffff;
	color: #ffffff;
}

input.orange {
	background-color: #ff8400;
	border-color: #ffffff;
	color: #ffffff;
}

input.green {
	background-color: #b7c53e;
	border-color: #ffffff;
	color: #ffffff;
}

input.red {
	background-color: #e02727;
	border-color: #ffffff;
	color: #ffffff;
}

input.gray {
	background-color: #a3a6ae;
	border-color: #ffffff;
	color: #ffffff;
}

input.white {
	background-color: #e5e5e5;
	border-color: #b2b2b2;
	color: #656565;
}

input.white:focus {
	border-color: #7f7f7f;
}

.clear 
{
    clear: left;
}

textarea {
	border: 1px solid #e1e1e1;
}

textarea.wide {
	width: 550px;
}

/*textareawide: .net used input instead of textareas*/
.textareawide {
	border: 1px solid #e1e1e1;
	width: 550px;
}

.textareaheight100 
{
    clear: left;
    height: 100px;
}

.textareaheight150 
{
    clear: left;
    height: 150px;
}


select {
	background-color: #ffffff;
}

select.textinput {
	padding-right: 5px;
	height: 22px;
	border: 1px solid #e1e1e1;
	background-color: #ffffff;
}

select.xxl {
	width: 412px;
}


a:link,
a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

a:hover,
a:active {
	color: #000000;
	/*text-decoration: underline;*/
	border-bottom: 1px solid #000000;
}

.red {
	color: #FF0000;
}

.hidden {
	display: none;
	visibility: hidden;
}

/* ======================================================================================*/
/* GLOBAL FOR GITES */
/* ======================================================================================*/

.centercontainer {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.toplinespacer {
	font-size: 0;
	height: 10px;
}

.mainsitecontainer {
	float: left;
	position: relative;
	width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
}

.siteleft {
	float: left;
	width: 255px;
	height: 400px;
}

.toplogo {
	height: 110px;
	background-color: #ffffff;
}

.toplogo * 
{
	text-decoration: none !important;
	border: none !important;
}

.header {
	position: relative;
	float: left;
	width: 725px;
	height: 135px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* ======================================================================================*/
/* RIGHTALIGN LEFTALIGN */
/* ======================================================================================*/

.left {
	float: left;
}

.right {
	float: right;
}

.leftalign {
	text-align: left !important;
}

.leftalign tr th,
.leftalign tr td
{
	text-align: left !important;
}

.rightalign {
	text-align: right !important;
}

.rightalign tr th,
.rightalign tr td
{
	text-align: right !important;
}

.centeralign {
	text-align: center !important;
}

/* ======================================================================================*/
/* SITEMENU */
/* ======================================================================================*/

.sitemenu {
	float: right;
	line-height: 1.8em;
	font-size: 0.9em;
}

.sitemenu ul li {
	float: left;
	margin-left: 5px;
	padding-top: 3px;
}

.sitemenu a:link,
.sitemenu a:visited
{
	text-decoration: none;
	border: none;
}

.sitemenu a:hover,
.sitemenu a:active 
{
	text-decoration: none !important;
	border-bottom: 1px solid #000000 !important;
}

/* ======================================================================================*/
/* BREADCRUMBS */
/* ======================================================================================*/

.breadcrumbs {
	font-size: 0.9em;
	position: absolute;
	bottom: 4px;
	left: 5px;
	background-color: #ffffff;
	opacity: .8;
	line-height: 1.9em;
	filter: alpha(opacity=80);
}

.breadcrumbscontent {
	color: #000000;
	margin-left: 5px;
	margin-right: 5px;
}

.breadcrumbscontent ul li {
	float: left;
	margin-right: 5px;
}

.breadcrumbscontent ul li.selected {
	color: #00a6e5;
}

.breadcrumbs a:link,
.breadcrumbs a:visited
{
	text-decoration: none !important;
	border: none !important;
}

.breadcrumbs a:hover,
.breadcrumbs a:active
{
	border-bottom: 1px dotted #000000;
}

.breadcrumbscontent ul li.selected a:link,
.breadcrumbscontent ul li.selected a:visited
{
	text-decoration: none !important;
	border: none !important;
}

.breadcrumbscontent ul li.selected a:hover,
.breadcrumbscontent ul li.selected a:active
{
	border-bottom: 1px dotted #000000;
}


/* ======================================================================================*/
/* TOPLOGIN */
/* ======================================================================================*/

.login {
	width: 280px;
	float: right;
	clear: right;
	font-size: 0.9em;
	line-height: 2.2em;
	margin-top: 0;
}

.login .textinput {
	width: 150px;
}

.loginmid {
	float: left;
	margin: 10px 10px 0px 10px;
	padding-bottom: 10px;
	width: 440px;
}

.loginmid .textinput 
{
	width: 140px;
}

.loginmid p {
	float: left;
	width: 100%;
}

.login table.logintable {
	width: 100%;
	margin-top: 5px;
}

.loginmid table.logintable 
{
	width: 100%;
	margin-top: 10px;	
}

.loginmid .logintable {
	float: left;
}

.login table.logintable tr {
	width: 100%;
}

.loginmid input.textinput 
{
	width: 130px;
}

.login .logintable .checkbox {
	float: left;
	margin-top: 5px;
}

.login .logintable .checkbox input {
	float: left;
}

.login table.logintable td.loginlabel {
	text-align: right;
	padding-right: 5px;
	width: 120px;
}

.login table.logintable td {
	position: relative;
	padding: 2px;
	vertical-align: top;
}

.login table.logintable td input {
	line-height: 1.6em;
}

.login input.loginbutton {
	margin-top: 2px;
	float: right;
	position: absolute;
	right: 2px;
	font-size: 1em;
	border: 1px solid #9baa1f;
	background-image: url(../images/interface/icons/bullet_go.png);
}


.login .welcome {
    float: right;
    clear: right;
    font-size: 1.3em;
    line-height: 2em;     
}

.login .loginbuttons {
    float: right;
    clear: right;
}

.login .loginbuttons li 
{
    list-style: none;
}

.login .loginbuttons input {
    margin-bottom: 5px;
}

.login input.perspage {
    float: right;
    width: 130px !important;
    border: 1px solid #9baa1f;
    background-image: url(../images/interface/icons/user.png);
}

.login input.ownerpage {
    float: right;
    width: 130px !important;
    border: 1px solid #143b9d;
    background-image: url(../images/interface/icons/house.png);
}

.login input.adminpage {
    float: right;
    width: 130px !important;
    border: 1px solid #143b9d;
    background-image: url(../images/interface/icons/key.png);
}

.login input.editpage {
    float: right;
    width: 130px !important;
    border: 1px solid #143b9d;
    background-image: url(../images/interface/icons/application_edit.png);
}

input.logoutbutton 
{
    border: 1px solid #a41c1c;
	background-image: url(../images/interface/icons/cross.png);
}

input.width240 
{
    width: 240px;
}
    
.login input.logoutbutton {
	float: right;
	width: 130px !important;
	border: 1px solid #a41c1c;
	background-image: url(../images/interface/icons/cross.png);
}


.loginmid input.loginbutton {
	float: right;
	position: relative;
	right: 0px;
}

.login .loginlabelextraoptions 
{
	text-align: right;
	line-height: 1.3em;
	height: 12px;
}

.login a:link,
.login a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

.login a:hover,
.login a:active {
	text-decoration: none;
	border-bottom: 1px solid #000000;
}

input.searchbutton {
	border: 1px solid #a41c1c;
	background-image: url(../images/interface/icons/magnifier.png);
}

input.selectuserbutton {
	border: 1px solid #a41c1c;
    background-image: url(../images/interface/icons/user.png);
}

input.contract 
{
    background-image: url(../images/interface/icons/money_add.png);
}

/* ======================================================================================*/
/* LEFT COLUMN & RIGHT COLUMN*/
/* ======================================================================================*/

.leftcolumn {
	
}

.leftcolumn .title {
	float: left;
	width: 213px;
	padding: 0;
}

.leftcolumn .title img {
	float: left;
	margin-right: 5px;
}

.leftcolumn .title h3 {
	font-size: 1.2em;
	font-weight: 100;
	margin-left: 5px;
	margin-bottom: 0.5em;
}

.rightcolumnblock {
	padding-bottom: 15px;
}

.rightcolumnblock table 
{
    float: left;
    clear: left;
    width: 100%;
}

.rightcolumnblock .title {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.rightcolumnblock .title img{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

.rightcolumnblock .title h3 {
	font-size: 1.2em;
	font-weight: 100;
	margin-left: 5px;	
}

.rightcolumnblock .descriptionimage {
	float: left;
	width: 243px;
	height: 182px;
}

.rightcolumnblock p {
	float: left;
	margin-top: 7px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

.rightcolumnblock .footer {
	width: 100%;
	float: left;
}

.rightcolumnblock .footer a {
	float: right;
	right: 0;
}

.rightimageblock img 
{
    margin: 10px;
    margin-bottom: 0px;
}

/* ======================================================================================*/
/* ZOEK & BOEK */
/* ======================================================================================*/

.searchandbookform {
	float: left;
	width: 253px;
	border: 1px solid #9baa1f !important;
}

.searchandbookcontent {
	margin: 20px;
}

.searchandbookcontent h2 {
	font-size: 1.4em;
	color: #ffffff;
	font-weight: 100;
}

.searchandbooktable select {
	width: 210px;
	margin-top:10px;
	border: 2px solid #ffffff;
}

.searchandbooktable select.selectregion {
	float: left;
	width: 180px;
}

.searchandbooktable input.tbxHouseName
{
	color: #5d660b;
	border: 1px solid #e1e1e1;
	height: 18px;
	width: 180px;
}

.searchandbooktable input.tbxHouseNameWithValue
{
	color: #000000;
	border: 1px solid #e1e1e1;
	height: 18px;
	width: 180px;
}

.selectregionmap {
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

input.showresults {
	background-image: url(../images/interface/global/huge-green-button.png);
	background-repeat: no-repeat;
	background-position: 0;
	border: none;
	background-color: transparent;
	margin-top: 10px;
}

input.promoties {
	background-image: url(../images/interface/global/huge-yellow-button.png);
	background-repeat: no-repeat;
	background-position: 0;
	border: none;
	background-color: transparent;
	margin-top: 10px;
}

/* ======================================================================================*/
/* CALENDER */
/* ======================================================================================*/

/* Calendar legend */

.availabledaystyle.block
{
	background-color: #9baa1f;
	border: 1px solid #5d660b;
}

.unavailabledaystyle.block
{
	background-color: #e54444;
	border: 1px solid #a93232;
}

.nopricedaystyle.block
{
	background-color: #dddddd;
	border: 1px solid #a93232;
}

.selecteddaystyle {
	background-color: #f1c518;
	border: 1px solid #bc9600;
}

.expensivedaystyle {
	background-color: #78840e;
	border: 1px solid #5d660b;
}

.cheaperdaystyle {
	background-color: #b4c718;
	border: 1px solid #5d660b;
}

.specialperioddaystyle
{
	background-color: #864087 !important;
	color: #bf8fc0 !important;
	border: 1px solid #5d660b !important;
}

.lastminutedaystyle
{
	background-color: #FFAA2A !important;
	color: #000000 !important;
	border: 1px solid #5d660b !important;
}

/*====================*/


.apmcal {
	float: left;
	width: 210px;
	margin-top: 10px;
}

.apmcaltitle {
	width: 210px;
	background-color: #ffffff;
	height: 2em;
	line-height: 2em;
	background-image: url(../images/interface/icons/calendar.png);
	background-repeat: no-repeat;
	background-position: 190px 4px;
}

.apmcaltitle p {
	margin-left: 5px;
	color: #000000;
}

.apmcal table.apmcalendar {
	width: 210px;
	background-color: #ffffff;
	border: none !important;
}

.apmcal table.apmcalendar td {
	text-align: center;
	line-height: 1.5em;
	border: 1px solid #b4c718;
	border-bottom: none;
}

.apmcal table.apmcalendar td table.titlestyle {
	font-weight: 700;
	height: 2em;
	background-color: #b4c718;
	border: none;
	color: #000000 !important;
}

.apmcal table.apmcalendar td table.titlestyle td {
	padding-top: 3px;
	border: none;
}

.apmcal table.apmcalendar th {
	color: #ffffff;
	line-height: 1.8em;
	background-color: #9d6823;
	border: 1px solid #9d6823 !important;
}


td.daystyle, 
td.othermonthdaystyle,
td.selecteddaystyle,
td.todaydaystyle,
td.weekenddaystyle {
	border: 1px solid #5d660b !important;
	background-color: #9baa1f !important;
}

td.daystyle {
	color: #c1d51c !important;
}

td.weekenddaystyle {
	color: #c1d51c !important;
}

table.apmcalendar a:link,
table.apmcalendar a:visited
{
	color: #4c5404 !important;
	font-weight: 700;
	border: none !important;
}

table.apmcalendar a:hover,
table.apmcalendar a:active
{
	color: #4c5404 !important;
	font-weight: 700;
	text-decoration: underline !important;
}


td.previousmonthdaystyle {
	border: none;
	background-color: transparent;
}

td.previousmonthdaystyle a {
	display: none;
}

td.othermonthdaystyle {
	border: none;
	background-color: transparent;
}

td.othermonthdaystyle {
	color: #9baa1f !important;
}

td.othermonthdaystyle a, 
td.othermonthdaystyle a:link,
td.othermonthdaystyle a:visited,
td.othermonthdaystyle a:active,
td.othermonthdaystyle a:hover {
	/*display: none;*/
	color: #9baa1f !important;
}

td.todaydaystyle {
	border: 1px solid #5d660b !important;
	background-color: #009ee0 !important;
}

td.todaydaystyle a:link,
td.todaydaystyle a:visited,
td.todaydaystyle a:active,
td.todaydaystyle a:hover {
	color: #ffffff !important;
}

td.eventdaystyle {
	border: 1px solid #5d660b !important;
	background-color: #b4c718 !important;
}

td.eventdaystyle a {
	color: #000000 !important;
}

td.selecteddaystyle {
	border: 1px solid #5d660b !important;
	background-color: #f1c518 !important;
}

td.selecteddaystylestart {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/selecteddaystart.png);
	background-repeat: no-repeat;
}

td.selecteddaystyleend {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/selecteddayend.png);
	background-repeat: no-repeat;
}

td.selecteddaystyle a,
td.selecteddaystylestart a,
td.selecteddaystyleend a {
	font-weight: 700;
	color: #000000 !important;
	/*text-decoration: underline;*/
}

td.unavailabledaystyle {
	border: 1px solid #5d660b !important;
	background-color: #e54444 !important;
}

td.unavailabledaystylealt {
	border: 1px solid #5d660b !important;
	background-color: #c81414 !important;
}

td.nopricedaystyle {
	border: 1px solid #5d660b !important;
	background-color: #dddddd !important;
}

td.unavailabledaystylestart {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/unavailabledaystart.png);
	background-repeat: no-repeat;
}

td.unavailabledaystyleend {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/unavailabledayend.png);
	background-repeat: no-repeat;
}

td.unavailabledaystyle a,
td.unavailabledaystylestart a,
td.unavailabledaystyleend a {
	color: #ffffff !important;
}

td.optionaldaystyle {
	border: 1px solid #5d660b !important;
	background-color: #78840e !important;
}

td.optionaldaystyle a {
	color: #000000 !important;
}

td.ownerblockeddaystyle {
	border: 1px solid #5d660b !important;
	background-color: #ff8800 !important;
}

td.ownerblockeddaystylealt {
	border: 1px solid #5d660b !important;
	background-color: #ffa53e !important;
}

td.adminblockeddaystyle {
	border: 1px solid #5d660b !important;
	background-color: #bebebe !important;
}
td.adminblockeddaystylealt {
	border: 1px solid #5d660b !important;
	background-color: #696969 !important;
}

td.woinvoiceblockeddaystyle {
	border: 1px solid #5d660b !important;
	background-color: #6cc8e9 !important;
}
td.woinvoiceblockeddaystylealt {
	border: 1px solid #5d660b !important;
	background-color: #009ee0 !important;
}

td.reserveddaystyle {
	border: 1px solid #5d660b !important;
	background-color: #f1c518 !important;
}

td.reserveddaystylestart {
	border: 1px solid #5d660b !important;
    background-image: url(../images/interface/calender/selecteddaystart.png);
	background-repeat: no-repeat;
}

td.reserveddaystyleend {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/selecteddayend.png);
	background-repeat: no-repeat;
}

td.reserveddaystyle a,
td.reserveddaystylestart a,
td.reserveddaystyleend a {
	color: #4c5404 !important;
}

td.expensivedaystyle 
{
    color: #9baa1f !important;
	border: 1px solid #5d660b !important;
	background-color: #78840e !important;
}

td.expensivedaystylestart {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/expensivedaystart.png);
	background-repeat: no-repeat;
}

td.expensivedaystyleend {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/expensivedayend.png);
	background-repeat: no-repeat;
}


td.cheaperdaystyle {
	border: 1px solid #5d660b !important;
	background-color: #b4c718 !important;
}

td.cheaperdaystylestart {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/cheaperdaystart.png);
	background-repeat: no-repeat;
}

td.cheaperdaystyleend {
	border: 1px solid #5d660b !important;
	background-image: url(../images/interface/calender/cheaperdayend.png);
	background-repeat: no-repeat;
}

td.cheaperdaystyle a,
td.td.cheaperdaystylestart a,
td.cheaperdaystyleend a {
	color: #4c5404 !important;
}

td.selectableday a {
	text-decoration: underline !imporant;
	color: white !important;
}

td.hideday {
	border: 1px solid #5d660b !important;
	background-color: #9baa1f !important;
	color: #9baa1f !important;
}


.specialperioddaystyle a,
.specialperioddaystyle a *
{
	color: #bf8fc0 !important;
}

.lastminutedaystyle a,
.lastminutedaystyle a *
{
	color: #bf8fc0 !important;
}

.daystyle a 
{
    font-weight: 700;
}

td.expensivedaystyle a:link,
td.expensivedaystyle a:visited,
td.expensivedaystyle a:hover,
td.expensivedaystyle a:active 
{
	color: #2e3305 !important;
}

.daystyleselectable:hover 
{
    background-color: #f1c518 !important;
}

.housesavailable {
	margin-top: 10px;
	margin-left: 1px;
}

.housesavailable ul {
	float: left;
}

.housesavailable ul li {
	font-size: 0.9em;
	float: left;
	width: 15px;
	height: 15px;
	background-color: #f1c518;
	border: 1px solid #f1c518;
	text-align: center;
	line-height: 1.4em;
	color: #000000;
}

.housesavailabletext {
	float: left;
	font-size: 1em;
	line-height: 1.4em;
	color: #ffffff;
	margin-left: 3px;
}

.housesonmap {
    clear: left;
	float: left;
	font-size: 1em;
	color: #ffffff;
    	text-align: left;
    	margin-top: 5px;
	margin-left: 1px;
}

    .housesonmap img {
        margin: 0;
        padding: 0;
        float: left;
        margin-right: 3px;
    }
    
    .housesonmap .maptext {
        float: left;
        display: block;
        line-height: 1.4em;
	cursor: hand;
    }

	 .housesonmap a .maptext span {
		border-bottom: 1px dotted #fff;
	}

.housesonmap a .maptext span:hover {
		border-bottom: 1px solid #fff;
	}

	.housesonmap a:hover {
		text-decoration: none !important;
	}
		

/* ======================================================================================*/
/* LAATSTE NIEUWS */
/* ======================================================================================*/

input.subscribenewletter {
	background-image: url(../images/interface/global/huge-green-button-iconpaper.png);
	background-repeat: no-repeat;
	background-position: 0;
	border: none;
	background-color: transparent;
	margin-top: 10px;
}

/* ======================================================================================*/
/* KLANTENSERVICE */
/* ======================================================================================*/

.customerservice {
	float: left;
	width: 253px;
	color: #ffffff;
}

.customerservicecontent {
	margin: 20px;
}

.customerservice ul {
	line-height: 2em;
	float: left;
	margin-bottom: 10px;
}

.customerservice ul li {
	padding-left: 18px;
	background-image: url(../images/interface/icons/bullet_white.png);
	background-repeat: no-repeat;
	background-position: left; 
}

.customerservicetitle {
	float: left;
	width: 213px;
	margin-bottom: 5px;
}

.customerservicetitle img {
	float:left;
	margin-right: 5px;
}

.customerservicetitle h3 {
	font-size: 1.2em;
	font-weight: 100;
	margin-left: 5px;
}


/* ======================================================================================*/
/* ONZE PARTNERS */
/* ======================================================================================*/
.ourpartners {
	float: left;
	width: 253px;
	color: #ffffff;
}

.ourpartnerscontent {
	margin: 20px;
}

.ourpartnerstitle {
	float: left;
	width: 213px;
	margin-bottom: 5px;
}

.ourpartnerstitle img {
	float:left;
	margin-right: 5px;
}

.ourpartnerstitle h3 {
	font-size: 1.2em;
	font-weight: 100;
	margin-left: 5px;
}

.ourpartners p {
	line-height: 1.4em;
	float: left;
	margin-bottom: 10px;
}

/* ======================================================================================*/
/* MAINMENU */
/* ======================================================================================*/

.menuarea {
	float: left;
	width: 725px;
	height: 44px;
	background-color: #ffffff;
	background-image: url(../images/interface/backgrounds/mainmenu_background.png);
	background-repeat: repeat-x;
}

.mainmenuitemleft *,
.mainmenuitemright * {
	text-decoration: none;
	color: transparent;
	border: 0;
	visibility: hidden;
}

.menuarea ul {
	float: left;
	margin-left: 5px;
}

.menuarea ul li {
	float: left;
	line-height: 3em;
	margin-top: 4px;
	margin-right: 5px;
	padding-bottom: 4px;
}

.mainmenuitemleft,
.mainmenuitemright {
	float: left;
	width: 10px;
}

.mainmenuitemmid {
	float: left;
	padding-bottom: 4px;
}

.menuarea ul li h2 {
	color: #cbda52;
	font-weight: 100;
	font-size: 1.2em;
}

.menuarea ul li a:link,
.menuarea ul li a:visited,
.menuarea ul li a:hover, 
.menuarea ul li a:active {
	color: #cbda52;
	text-decoration: none;
	border: none;
}
.menuarea ul li.selected .mainmenuitemleft,
.menuarea ul li:hover .mainmenuitemleft {
	background-repeat: no-repeat;
	padding-bottom: 4px;
}

.menuarea ul li:hover a:link,
.menuarea ul li:hover a:visited,
.menuarea ul li:hover a:hover, 
.menuarea ul li:hover a:active {
	color: #ffffff;
	text-decoration: none !important;
	border: none !important;
}

.menuarea ul li.selected .mainmenuitemmid a{
	color: #ffffff;
}

.menuarea ul li.selected .mainmenuitemmid a:link,
.menuarea ul li.selected .mainmenuitemmid a:visited,
.menuarea ul li:hover .mainmenuitemmid a:link,
.menuarea ul li:hover .mainmenuitemmid a:visited {
	text-decoration: none !important;
	border: none !important;
}


.menuarea ul li.selected .mainmenuitemmid a:hover,
.menuarea ul li.selected .mainmenuitemmid a:active,
.menuarea ul li:hover .mainmenuitemmid a:hover,
.menuarea ul li:hover .mainmenuitemmid a:active {
	text-decoration: underline;
	border: none;
}

.menuarea ul li.selected .mainmenuitemright,
.menuarea ul li:hover .mainmenuitemright {
	background-repeat: no-repeat;
	padding-bottom: 4px;
}

.pageinfoarea {
	float: left;
	width: 725px;
	height: 181px;
}

.pageinfocontent {
	float: left;
	width: 715px;
	height: 160px;
	margin: 10px;
	overflow: hidden;
}

.pageinfocontent h2 {
	font-size: 1.25em;
	line-height: 2em;
	font-weight: 100;
}

.pageinfocontent p {
	float: left;
	clear: left;
	width: 430px;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1em;
}

.pageinfocontent img
{
	float:left;
	width: auto;
	clear: both;
	margin-top: 5px;
}

.pageinfoimage {
    float: right;
    width: 256px;
    clear: none;
	margin-top: 5px;
	margin-left: 20px;
}

/*.pageinfocontent p {
	
}*/

/*.pageinfoimage {
	height: 150px;
	width: 250px;
}*/

.maincontentspacer {
	float: left;
	width: 725px;
	height: 5px;
	background-color: #ffffff;
	font-size: 0;
}

.sitemid {
	float: left;
	width: 460px;
	margin: 5px;	
	margin-top: 0;
	padding-bottom: 50px;
}

.sitewide {
	float: left;
	width: 720px;
	margin-left: 5px;
	margin-top: 0;
	padding-bottom: 50px;
}

.siteright {
	float: left;
	width: 255px;
}

.siteright a:link,
.siteright a:visited {
	border-width: 0 !important;
	text-decoration: none !important;
}

/* ======================================================================================*/
/* SMALLBLOCK / MEDIUMBLOCK / BIGBLOCK */
/* ======================================================================================*/

.smallblock {
	width: 255px;
	float: left;
	clear: left;
	margin: 0 0 0 0;
}

.smallblockcontent,
.mediumblockcontent {
	line-height: 1.5em;
}

.mediumblockcontent {
    margin: 5px;
}

.rightcolumn .smallblockcontent {
	margin: 0px;
}

.rightcolumnblock .smallblockcontent {
	width: 245px;
	margin: 5px;
}

.leftcolumn .smallblockcontent 
{
	float:left;
	margin: 20px 20px 0 20px;
	padding-bottom: 20px;
	width: 206px;
}

.leftcolumn .smallblockcontent ul.form
{
	width: 206px;
	float: left;
}

.leftcolumn .smallblockcontent ul.form li
{
	width: 206px;
	float: left;
	margin-bottom: 3px;
}

.leftcolumn .smallblockcontent ul.form .button
{
	float: right;
	margin-top: 5px;
	margin-right: 0;
}

.leftcolumn .smallblockcontent ul.form label
{
	font-weight: 700;	
	width: 206px;
	clear: left;
	float: left;
	line-height: 1.8em;
}

.leftcolumn .smallblockcontent ul.form input.textinput
{
	width: 200px;
	clear: left;
	float: left;
}

.mediumblock {
	width: 460px;
	border: none;
	float: left;
}

.wideblock {
	width: 720px;
	border: none;
	float: left;
}

/* ======================================================================================*/
/* TITLEBAR */
/* ======================================================================================*/

.titlebar.small
{
	height: 5px;
}

.titlebar {
	float: left;
	position: relative;
	width: 100%;
	height: 25px;
	line-height: 2.5em;
	padding-bottom: 5px;
}

.titlebar h3 {
	font-size: 1.2em;
	/*color: #ffffff;*/
	font-weight: 700;
	margin-left: 5px;
	width: 455px;
}

.titlebar h3 span{
	font-size: 1em;
	color: #ffffff;
	font-weight: 700;
}


/* TITLEBAR SMALLBLOCK EXTRA */

.titlebar h5 {
	margin-left: 5px;
}

.titlebar .arrowupdown {
	position: absolute;
	right: 5px;
	top: 4px;
}


/* ======================================================================================*/
/* SPECIAL OFFER */
/* ======================================================================================*/

.specialoffer {
	float: left;
	width: 100%;
	position: relative;
}

.specialoffertitle {
	float: left;
	width: 450px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.specialoffertitle img{
	float: left;
}

.specialoffertitle h3{
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: 100;
	margin-left: 20px;
}

.specialoffer input.booknow {
	position: absolute;
	right: 5px;
	top: 35px;
}

.specialoffer .giteimage {
	float: left;
	width: 132px;
	height: 105px;
	margin-left: 5px;
}

.specialoffer .giteimage a 
{
	text-decoration: none !important;
	border: none !important;
}

.specialoffer .giteicons {
	position: absolute;
	top: 1.75em;
	right: 0;
	line-height: 2em;
}

.specialoffer .giteicons ul li {
	float: left;
	margin-right: 3px;
	font-weight: 700;
}

.specialoffer .overviewinfo {
	float: left;
	width: 310px;
	position: relative;
	margin-left: 5px;
}

.specialoffer .giteshortdetail {
	
	float: left;
}

.specialoffer .giteshortdetail ul li{
	float: left;
	clear: left;
}

.specialoffer .overviewfooter {
	padding-top: 1px;
}

.specialoffer .giteshortdescription {
	padding-top: 5px;
}


.overviewarea a:link,
.overviewarea a:visited 
{
	border-bottom: 1px dotted;
}
.overviewarea a:hover,
.overviewarea a:active {
	border-bottom: 1px solid;	
}

/*======================================================================================*/
/* OVERVIEWAREA */
/* ======================================================================================*/

.overviewarea {
	float: left;
	width: 100%;
	position: relative;
}

.overviewarea .even,
.overviewarea .odd {
	float: left;
	width: 100%;
	position: relative;
	padding-top: 5px;
}

.overviewarea input.booknow {
	position: absolute;
	z-index: 999;
	right: 5px;
	top: 5px;
}

.overviewarea input.pay {
	position: absolute;
	right: 5px;
	top: 5px;
}

.overviewarea input.confirm {
	position: absolute;
	right: 5px;
	top: 5px;
}

input.save {
	background-image: url(../images/interface/icons/disk.png);
}

input.gray {
	border-color: #999999;
}

input.accept {
	background-image: url(../images/interface/icons/house_go.png);
}

input.booknow {
	background-image: url(../images/interface/icons/date.png);
}

input.pay {
	background-image: url(../images/interface/icons/cart_go.png);
}

input.payment {
	background-image: url(../images/interface/icons/cart.png);
}

input.paymentnoemail
{
	background-image: url(../images/interface/icons/cart.png);
}

input.paymentwithemail
{
	background-image: url(../images/interface/icons/cart_email.png);
}

input.finishorder {
	background-image: url(../images/interface/icons/tick.png);
}

input.confirm {
	background-image: url(../images/interface/icons/tick.png);
}

input.csvexport {
	background-image: url(../images/interface/icons/page_excel.png);
}

.overviewarea .giteimage {
	float: left;
	width: 120px;
	height: 90px;
	margin-left: 5px;
	overflow: hidden;
}

.overviewarea .giteimage a 
{
	text-decoration: none !important;
	border: none !important;
}


.overviewarea .overviewinfo {
	float: left;
	width: 326px;
	position: relative;
	margin-left: 5px;
}

.blocknoimage .overviewarea .overviewinfo {
	width: 450px;
	position: relative;
}

.gitetitle {
	width: 240px;
	line-height: 1.2em;
}

.gitetitle h4 {
	font-size: 1.1em;
	text-decoration: underline;
}

.gitetitle h4 a:link,
.gitetitle h4 a:visited,
.gitetitle h4 a:hover,
.gitetitle h4 a:active {
	text-decoration: underline;
}

.giteshortdetails {
	float: left;
	margin-top: 7px;
	line-height: 2em;
	font-size: 0.9em;
	clear: left;
}

.giteshortdetails ul {
	float: left;
	clear: left;
}

.giteshortdetails ul li {
	float: left;
	margin-right: 3px;
	font-weight: 700;
}

.giteicons {
	position: absolute;
	top: 2em;
	right: 0;
	line-height: 2em;
}

.giteicons ul li {
	float: left;
	margin-right: 3px;
	font-weight: 700;
}

.giteshortdescription {
	clear: left;
	line-height: 1.3em;
}

.gitedocuments {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	text-align: left;
	clear: left;
	line-height: 1.3em;
	display: none;
}

.blocknoimage .giteshortdescription p {
	width: 350px;
}

.overviewmore 
{
	float: left;
	line-height: 1.8em;
	margin-top: 3px;
	padding-bottom: 9px;
}

.overviewmore img {
	float: left;
	margin-top: 3px;
	margin-right: 2px;
}

.overviewexpanded {
	display: none;
	float: left;
	clear: left;
	width: 90%;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	line-height: 1.3em;
}

.overviewexpanded p {
	margin-bottom: 1em;
}

.overviewfooter {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	height: 2.3em;
	font-weight: 700;
}

.blocknoimage .overviewfooter {
	margin-top: 5px;
}

.overviewmap {
	position: absolute;
	line-height: 1.8em;
	left: 5px;
}

.overviewdetails {
	position: absolute;
	left: 200px;
	line-height: 1.8em;
}

.overviewremovefavorite 
{
	float: right;
	line-height: 1.8em;
}

.overviewmoredetails
{
	float: left;
	line-height: 1.8em;
}

.overviewmap img,
.overviewdetails img,
.overviewremovefavorite img,
.overviewmoredetails img {
	float: left;
	margin-top: 3px;
	margin-right: 2px;
}

.overviewmorediscounts 
{
    float: left;
    line-height: 1.8em;
}

.overviewprice {
	text-align: right;
	position: absolute;
	right: 10px;
	/* top: -5px; */
}

.overviewprice li.from {
	font-size: 0.8em;
}

.overviewprice li.price {
	font-size: 1.2em;
	font-weight: 100;
}

/* ======================================================================================*/
/* SEARCH RESULTS */
/* ======================================================================================*/

.searchresults {
	float: left;
	margin: 10px 10px;
	width: 440px;
}

.searchresults p {
	float: left;
	line-height: 1.4em;
	text-align:center;
	width: 400px;
}

.searchresults .navigationbuttons {
	float: right;
	width: 60px;
}

.searchresults .navigationbuttons img {
	float: left;
}

.searchresults .navigationbuttons input {
	float: left;
}

/* ======================================================================================*/
/* REGISTRATION FORM */
/* ======================================================================================*/

.form {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 10px;
}

.description 
{
	line-height: 1.5em;
}

.form .description {
	float: left;
	margin: 5px 10px 10px;
	width: 440px;
}

.form .description p {
	float: left;
	padding-top: 5px;
	line-height: 1.5em;
}

.form .description img
{
	float: left;
	margin-right: 5px;
}
.mediumblock .formtable {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.mediumblock .formtable tr td.tddescription {
	width: 180px;
	margin: 0;
	padding: 0;
}

.mediumblock .formtable tr td.tdvalue {
	margin: 0;
	padding-bottom: 3px;
	text-align: left;
	width: 260px;
}

.mediumblock .formtable select {
	width: auto;
	float: left;
	margin-right: 5px;
}

.option {
	float: left;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.option img 
{
	float: left;
}

.option a 
{
	float: left;
}

.option.tab {
	margin-left: 25px;
	width: 420px;
}

.option .checkbox {
	float: left;
	margin-bottom: 3px;
}

.form .buttonarea {
	float: left;
	width: 450px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.form .buttonarea input {
	float: right;
	margin-right: 0;
}

.form .gitebooktable {
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

.gitebooktable.userdata 
{
	line-height: 1.5em;
}

.mediumblock .gitebooktable 
{
	margin-bottom: 20px;	
}

/* user registration */

input.register 
{
	background-image: url(../images/interface/icons/script_edit.png);
}

.mediumblock .formtable.register {
	float: left;
	width: 440px;
	margin: 10px 10px 15px 10px;
	line-height: 1.3em;
}

.mediumblock .formtable.register td {
	padding-top: 5px;
}

.mediumblock .register .field {
	float: left;
	margin-right: 10px;
}

.mediumblock .register div.field.validationerror input{
	background-color: #fccccc;
	color: #f00000;
	/*border-color: #ffa9a9;*/
}

.mediumblock .register div.field span.validationerror {
	display: none;
}

.mediumblock .register div.field.validationerror span.fieldinfo {
	color: #f00000;
}

.mediumblock .register div.field.validationerror span.validationerror {
	display: inline;
	color: #f00000;
	margin-left: 2px;
}

.mediumblock .register .field input.textinput,
.mediumblock .register .field select {
	float: left;
	margin-left: 0;
	padding: 0;
	width: 100%;
	margin-top: 1px;
}

.mediumblock .register .field textarea.textinput 
{
	float: left;
	margin-left: 0;
	padding: 0;
	width: 100%;
	margin-top: 1px;
}

.mediumblock .register .field input.textinput {
	clear: left;
	padding-left: 3px;
}

.mediumblock .register .field label {
	float: left;
	font-size: 0.9em;
	font-weight: 700;
}

.mediumblock .register .field span.fieldinfo {
	float: left;
	clear: left;
	font-size: 0.9em;
	opacity: 0.6;
	filter: alpha(opacity=60);
	width: 100%;
}

.mediumblock .register .radiolabel {
	float: left;
	line-height: 2em;
	margin-right: 10px;
	margin-top: 5px;
}

.mediumblock .register .radioarea {
	float: left;
	line-height: 2em;
	margin-right: 5px;
}

.mediumblock .register .radioarea label {
	float: left;
	margin-left: 5px;
	font-weight: 100;
}

.mediumblock .register .radioarea span {
	float: left;
	margin: 0 5px;
	font-weight: 100;
}

.mediumblock .register .radioarea input {
	float: left;
	border: none;
}

.mediumblock .register .radioarea img {
	float: left;
	margin: 6px 3px 0px 3px;
}

.mediumblock .register .small {
	width: 85px;
}

.mediumblock .register .full {
	width: 440px;
}

.mediumblock .register .lastname {
	width: 250px;
}

.mediumblock .register .address {
	width: 250px;
}

.mediumblock .register .zipcode {
	width: 100px;
}

.mediumblock .register .place {
	width: 330px;
}

.mediumblock .formtable.people {
	float: left;
	width: 440px;
	margin: 10px 10px 15px 10px;
	line-height: 1.3em;
}

.mediumblock .formtable.people .validationerror
{
	float: left;
	width: auto;
}

.mediumblock .formtable.people td {
	padding-top: 2px;
}

.mediumblock .people .field {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px
}

.mediumblock .people .field input.textinput,
.mediumblock .people .field select {
	float: left;
	margin-left: 0;
	padding: 0;
	width: 100%;
	margin-top: 1px;
}

.mediumblock .people .field input.textinput {
	clear: left;
	padding-left: 3px;
}

.mediumblock .people .field label {
	float: left;
	font-size: 0.9em;
	font-weight: 700;
}

.mediumblock .people .field span.fieldinfo {
	float: left;
	clear: left;
	font-size: 0.9em;
	opacity: 0.6;
	filter: alpha(opacity=60);
	width: 100%;
}

.mediumblock .people .small {
	width: 60px;
}

.mediumblock .people .medium {
	width: 80px;
}

.mediumblock .people .lastname {
	width: 200px;
}

input.send 
{
	background-image: url(../images/interface/icons/email_go.png);
}


/* ======================================================================================*/
/* INFORMATIONALBLOCK */
/* ======================================================================================*/

.mediumblock.informationalblock
{
	padding-top: 10px;	
}

.mediumblock.informationalblock p
{
	width: 450px;
	line-height: 1.3em;
	margin: 0 0 1em 5px;
}

.mediumblock.informationalblock h4
{
	width: 450px;
	font-size: 1.3em;
	margin: 0 0 0.1em 5px;
	line-height: 1.3em;
}

/* ======================================================================================*/
/* Confirm area */
/* ======================================================================================*/

.mediumblock .confirmarea
{
	float: left;
	width: 460px;
}

.mediumblock .confirmarea p
{
	margin: 5px 10px 5px 10px;
}

.mediumblock .confirmarea .ownersentryarea
{
	margin: 5px 10px 10px 10px;
	float: left;
	width: 440px;
}

/* ======================================================================================*/
/* People adding */
/* ======================================================================================*/

.peopleform {
	float: left;
	width: 410px;
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 0.9em;
}

.person div {
	float: left;
	width: 410px;
	margin-bottom: 15px;
	margin-right: 5px;
}

.person div img {
	float: left;
	width: auto;
	margin-top: 17px;
	margin-left: 5px;
}

.person div label{
	width: auto;
	float: left;
	margin-bottom: 3px;
}

.person input,
.person select {
	float: right;
}

.person .textinput {
	width: 50px;
}

.person input.firstname,
.person input.lastname {
	width: 50px;
}

input.age {
	width: 30px;
}

.select.gender {
	width: 60px;
}

input.prefix {
	width: 40px;
}

input.pets {
	width: 40px;
}

.person label {
	float: left;
	width: 240px;
}

.person .validationerror {
	float: left;
	color: #f00000;
	margin-left: 2px;
	width: 240px;
}

.person .field.small 
{
	width: 70px;
}

.person .field.lastname 
{
	width: 180px;
}

/* ======================================================================================*/
/* NAVIGATION BUTTONS */
/* ======================================================================================*/

.navigationarea {
	margin-top: 5px;
	float: left;
	width: 460px;
	border-top: 5px solid;
}

.navigationarea input {
	margin-top: 5px;
	margin-bottom: 10px;
}

.navigationarea input.bevestig 
{
	float: left;
	margin-left: 10px;
	background-image: url(../images/interface/icons/bullet_go.png);
}

.navigationarea input.nextbutton {
	float: right;
	margin-right: 10px;
	background-image: url(../images/interface/icons/house_go.png);
}

.navigationarea input.previousbutton {
	float: left;
	margin-left: 10px;
	background-image: url(../images/interface/icons/resultset_previous.png);
}



/* ======================================================================================*/
/* DETAILPAGE */
/* ======================================================================================*/

.gitedetailarea {
	float: left;
	position: relative;
	width: 100%;
}

.gitelargeimage {
	float: left;
	width: 450px;
	margin-left: 5px;
	margin-top: 5px;
}

.gitedetailarea .gitelongdescription {
	float: left;
	width: 96%;
	margin-left: 5px;
	margin-top: 5px;
	line-height: 1.3em;
}

.gitedetailarea .gitelongdescription p {
	margin-bottom: 1em;
}

.gitelongdescription ul 
{
    float: left;
    clear: left;
    padding-bottom: 10px;
}

.gitelongdescription ul,
.gitelongdescription ul li 
{
    list-style-type: disc;
}

.gitelongdescription ul li 
{
    margin-left: 20px;
}

.gitedetailarea .gitebuttonarea {
	float: left;
	position: relative;
	width: 100%;
	height: 30px;
}

input.profile {
	position: absolute;
	left: 5px;
	background-image: url(../images/interface/icons/star_add.png);
	background-repeat: no-repeat;
}

input.backtoresults {
	position: absolute;
	left: 5px;
	background-image: url(../images/interface/icons/text_list_bullets.png);
	background-repeat: no-repeat;
}

input.mailfriend {
	position: absolute;
	right: 5px;
	background-image: url(../images/interface/icons/email.png);
	background-repeat: no-repeat;
}

/* ======================================================================================*/
/* DETAIL GITEGALARYFOTOS */
/* ======================================================================================*/

.gitephotogalaryarea {
	float: left;
	width: 460px;
}

.gitephotogalarycontent 
{
	float: left;
}

.gitephotogalarycontent a,
.gitephotogalarycontent a:link,
.gitephotogalarycontent a:visited,
.gitephotogalarycontent a:hover,
.gitephotogalarycontent a:active {
	border: none !important;
	text-decoration: none !important;
}

.gitephotogalarycontent img
{
	max-width: 120px;
	height: 90px;
	margin: 10px 15px 5px 15px;
}

.gitedocumentsarea,
.giteskeyadress,
.gitesremarks
{
    float: left;
    clear: left;
    width: 100%;
}

.gitedocumentscontent,
.giteskeyadresscontent,
.gitesremarkscontent 
{
    float: left;
    clear: left;
    margin: 5px;
    font-size: 1.2em;
    line-height: 1.5em;
    padding-bottom: 10px;
}

.gitedocumentscontent 
{
    font-size: 1em;
}

.gitedocumentscontent table 
{
    width: 100%;
}

/* ======================================================================================*/
/* DETAILS RIGHT */
/* ======================================================================================*/

.spacer5px {
	float: left;
	width: 100%;
	font-size: 0.1em;
	height: 5px;
	background-color: #e1e1e1;	
}

.gitedetailtable {
	clear: left;
	width: 255px;
	font-size: 0.9em;
}

.gitedetailtable td {
	line-height: 2em;
}

.gitedetailtable td.collapsed 
{
    background-image: url(../images/interface/iconsgif/bullet_up-blue.gif);
    background-repeat: no-repeat;
    background-position: 235px 5px;
}

.gitedetailtable td.expanded 
{
    background-image: url(../images/interface/iconsgif/bullet_down-blue.gif);
    background-repeat: no-repeat;
    background-position: 235px 5px;
}

.gitedetailtable .tddescription {
	padding-left: 5px;
	width: 150px;
}

.gitedetailtable .tdvalue {
	width: 105px;
	text-align: right;
	padding-right: 5px;
}

.tdtitle {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
}

.tdtitle:hover 
{
	background-color: #c3c3c3;
}

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

tr.treven td {
	background-color: #e1e1e1;
}

tr.trodd td {
	background-color: #dadada;
}

/* ======================================================================================*/
/* SEARCH RIGHT*/
/* ======================================================================================*/

ul.gitesearchtable {
	clear: left;
	line-height: 2em;
	font-size: 0.9em;
}

ul.gitesearchtable li.lisubtitle {
	background-color: #dadada; 
	font-weight: 700;
	padding-left: 5px;
}

li.livalue {
	padding-left: 18px;
	background-image: url(../images/interface/icons/bullet_blue-disabled.png);
	background-repeat: no-repeat;
	background-position: left;
}

li span.count {
	color: red;
	margin-left: 5px;
}

li.livalue a:hover 
{
    border-bottom: 1px dotted #5a5a5a !important;
}

/* ======================================================================================*/
/* BOOKING CALENDAR */
/* ======================================================================================*/

input.availabilitycheck 
{
	float: left;
	margin-left: 10px;
	background-image: url(../images/interface/icons/date_magnify.png);
}

input.departurechoice {
	background-image: url(../images/interface/icons/date_go.png);
}

.bookingcalendarsarea {
	float: left;
	padding: 5px;
	line-height: 1.6em;
}

.bookingcalendars {
	float: left;
	width: 450px;
	margin-top: 10px;
}

.bookingcalendars .left {
	float: left;
}

.bookingcalendars .right {
	float: right;
}

.bookingcalendarsareaheader {
	float: left;	
	width: 450px;
	position: relative;
	line-height: 1.5em;
}

.bookingcalendarsareaheader div 
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.bookingcalendarsareaheader select {
	float: right;
}

.bookingcalendarsareaheader input 
{
	float: right;
	margin-bottom: 5px;
}

.bookingcalendarsareaheader input.button
{
	float: right;
	clear: right;
}

.bookingcalendarsareaheader span {
	float: left;
}

.bookingcalendarsareaheader span.white {
	color: #000000;
}

.bookingcalendarsarealegendarea {
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	width: 450px;
}

.bookingcalendarsarealegendarea span {
	float: left;
	line-height: 1.2em;
	margin-right: 5px;
}

.bookingcalendarsarealegendarea .block {
	float: left;
	width: 30px;
	height: 15px;
	margin-right: 5px;
}

.bookingcalendarsarealegendarea table
{
	float: left;
}

.bookingcalendarsarealegendarea td
{
	padding-right: 5px;
	padding-bottom: 5px;
}
.bookingcalendarsareafooter {
	float: left;
	width: 450px;
	margin-top: 5px;
}

.bookingcalendarsareafooter span {
	float: left;
	width: 100%;
}

.bookingcalendarsareafooter span.date {
	margin-left: 5px;
	margin-right: 5px;
	font-weight: 700;
	float: none;
}

.bookingcalendarsareafooter .priceblock {
}

.bookingcalendarsareafooter table {
	line-height: 2em;
	float: left;
}

.bookingcalendarsareafooter td {
	width: 80px;
	vertical-align: middle;
}

.bookingcalendarsareafooter .baseprice .price {
	font-size: 1.0em;
}

.bookingcalendarsareafooter .baseprice {
	text-align: left;
	float: left;
}

.bookingcalendarsareafooter .discountprice .price {
	font-weight: 700;
	font-size: 1.4em;
}

.bookingcalendarsareafooter .discountprice {
	text-align: right;
	float: right;
}

.bookingcalendarsareafooter input {
	float: right;
}

.bookingcalendarperiodpicker 
{
	float: left;
	width: 450px;
}

.bookingcalendarperiodpicker input 
{
	float: right;
}

.bookingcalendarperiodpicker .field 
{
	float:left;
	width: 200px;
	padding-bottom: 10px;
}

.bookingcalendarperiodpicker .field.left
{
	float: left;
}

.bookingcalendarperiodpicker .field.right
{
	float: right;
}

.bookingcalendarperiodpicker .field label
{
	clear: left;
	margin-left: 5px;
}

.bookingcalendarperiodpicker .field select
{
	float: left;
	margin-right: 3px;
	margin-left: 3px;
}

.bookingcalendarperiodpicker .field select.small
{
	width: 50px;
}

.bookingcalendarperiodpicker .field select.medium
{
	width: 80px;
}

.arrangementenlistpurple table 
{
	float: left;
	clear: left;
    width: 450px;
}

.arrangementenlistpurple table th 
{
    text-align: left;
    font-weight: 700;
    padding-left: 5px;
}

.arrangementenlistpurple table tr.arrangementeven td
{
    padding-left: 5px;
    background: #ffffff;
}

.arrangementenlistpurple table tr.arrangementodd td
{
    padding-left: 5px;
    background: #eeeeee;
}

.arrangementenlistpurple table tr.selected td 
{
    background: #f0c517;
    font-weight: 700;
}

.arrangementenlistpurple td.rightalign 
{
    padding-left: 0;
    padding-right: 5px;
}

.arrangementenlistpurple .titlebar
{
    width: 450px;
    margin-bottom: 10px;
}
    

/* ======================================================================================*/
/* BOOKING RIGHT */
/* ======================================================================================*/

.bookingdetails {
	float: left;
	width: 440px;
	margin: 10px;
}

.bookingdetails td {
	width: 440px;
	height: 20px;
	vertical-align: middle;
}

.bookingdetails td.title {
	height: 25px;
}

.bookingdetails td.title h5 {
	float: left;
	margin-left: 10px;
}

.bookingdetails td.total {
	height: 40px;
}

.bookingdetails div.label {
	float: left;
	margin-left: 10px;
}

.bookingdetails div.price {
	float: right;
	margin-right: 10px;
}

.bookingdetails div.price.discount {
	color: #9baa1f;
}

.bookingdetails td.total div.label,
.bookingdetails td.total div.price{
	font-weight: 700;
	font-size: 1.2em;
}

/* ======================================================================================*/
/* BOOKING RIGHT */
/* ======================================================================================*/

.gitebooktablearea {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	background-color: #e1e1e1;
}

.booksteps 
{
	float:left;
	width: 100%;
	height: 3em;
	padding-top: 0.5em;
	background-color: #e1e1e1;
}

.booksteps ul 
{
	width: 230px;
	margin: 0 auto;
}

.booksteps ul li {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background-color: #bababa;
	border: 1px solid #ffffff;
	text-align: center;
	line-height: 1.55em;
	color: #ffffff;
}

.booksteps ul li.active {
	background-color: #f1c518;
	color: #000000;
}

.booksteps ul li a {
	border: 0;
	text-decoration: none;
}

table.gitebooktable {
	float: left;
	width: 100%;
}

table.gitebooktable td {
	width: 100%;
}

table.gitebooktable td.tdtitle {
	font-weight: 700;
	color: #000000;
}

.gitebooktablearea table.gitebooktable td.tdvalue {
	text-align: left;
	padding-left: 5px;
	line-height: 1.5em;
}

.gitebooktable td.tdperson {
	width: 21px;
	line-height: 2em;
	padding-top: 4px;
}

.gitebooktable td.tdperson img {
	margin-left: 5px;
	float: left;
}

.gitebooktable td.tdpersonname {
	line-height: 2em;
	padding-left: 5px;
}

.gitebooktableprice {
	float: left;
	width: 100%;
	line-height: 2em;
}

table.gitebooktableprice td.tdvalue 
{
	text-align: left;
	padding-left: 5px;
}

table.gitebooktableprice td.tddescr {
	text-align: left;
	padding-left: 5px;
}

table.gitebooktableprice td.tdprice {
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
}

table.gitebooktableprice td.tdpricetitle {
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
	text-decoration: underline;
	font-weight: bold;
}

table.gitebooktableprice td.tdsubtotal {
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
	text-decoration: overline;
	font-weight: bold;
}

tr.pricetotal td {
	padding-top: 2px;
	font-weight: 700;
	color: #000000;
	border-top: 1px solid #bababa;
}

tr.pricetotal td.tdprice {
	color: #FF0000;
}

.gitebooktable td.tdnavigationicon {
	width: 21px;
	line-height: 2em;
	padding-top: 4px;
}

.gitebooktable td.tdnavigationicon img {
	margin-left: 5px;
}

.gitebooktable td.tdnavigationlocation {
	line-height: 2em;
	padding-left: 5px;
}

.gitebooktable a {
	font-weight: 700;
}

.gitebooktable .field {
	clear: left;
}

.gitebooktable .field label {
	float: left;
	font-weight: 700;
}

.gitebooktable .field span.value {
	float: left;
	clear: left;
	font-size: 1em;
}

.gitebooktable .field span.value img {
	margin-right: 3px;
}

.gitebooktable table.formtable.register {
	margin: 5px;
}

.gitebooktable table.formtable.register td {
	width: 300px;
	padding-bottom: 5px;
}

.gitebooktable table.formtable.register td input{
	margin-top: 1em;
}


input.edituser {
	background-image: url(../images/interface/icons/user_edit.png);
}


/* ======================================================================================*/
/* Users agreement */
/* ======================================================================================*/



div.usersagreementbox {
	position: fixed;
	_position: absolute;
	background-color: #ffffff;
	width: 800px;
	top: 10% !important;
	left: 50% !important;
	margin-left: -400px !important;
	z-index: 120;
}

div.usersagreementcontent {
	float: left;
	margin: 20px 20px 0px 20px;
}

div.usersagreement {
	float: left;
	overflow: auto;
	width: 770px;
	height: 450px;
}

.usersagreement p 
{
    line-height: 1.5em;
	margin-bottom: 1em;
	margin-right: 10px;
}

.usersagreement ol 
{
    list-style: decimal;
    margin-left: 30px;
    padding-right: 30px;
}

.usersagreement ul
{
    list-style: disc;
    margin-left: 30px;
}

.usersagreement dt 
{
	font-weight: 700;
}

.usersagreement dd 
{
	margin-left: 30px;
}

.usersagreement li
{
    line-height: 1.5em;
	margin-bottom: 1em;
}

.usersagreementfooter {
	float: left;
	width: 770px;
	margin-top: 10px;
}

div.usersagreementbuttons {
	float: right;
	margin-bottom: 10px;
}

div.usersagreementbuttons input.button {
	margin-left: 5px;
}

input.agree {
	background-image: url(../images/interface/icons/tick.png);
}

input.disagree {
	background-image: url(../images/interface/icons/cross.png);
}

/* ======================================================================================*/
/* GENERAL DARKBOX */
/* ======================================================================================*/

div.darkbox {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-image: url(../images/interface/backgrounds/opacity80background.png);
	background-repeat: repeat;
}

.floatbox 
{
	background-color: #ffffff;
	top: 10% !important;
	margin: 0 auto;
	z-index: 120;
	position: absolute;
	margin-bottom: 200px !important;
}

.floatbox .floatboxheader
{
	width: 100%;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}

.floatbox .floatboxheader h5
{
	line-height: 1.5em;
	font-size: 1.7em;
	color: #848484;
	float: left;
}

.floatbox .floatboxheader .closebox
{
	margin-top: 8px;
	float: right;
	text-align: right;
	line-height: 1.3em;
}

.floatbox .floatboxheader .closebox img,
.floatbox .floatboxheader .closebox a
{
	float:left;
	margin-left: 5px;
}

.floatbox .floatboxheader .closebox span
{
	
}

.floatbox .floatboxcontent
{
	width: 100%;
	padding: 0 10px;
	margin-bottom: 10px;
}

.floatbox .floatboxfooter
{
	width: 100%;
	padding: 0 10px 10px 10px;
	text-align: right;
}

/* ======================================================================================*/
/* Google maps box*/
/* ======================================================================================*/

.googlemap.floatbox
{
	left: 50% !important;
	margin-left: -450px;
	width: 870px;
}

.googlemap .floatboxheader,
.googlemap .floatboxcontent,
.googlemap .floatboxfooter
{
	width: 850px;
	float: left;
}


/* ======================================================================================*/
/* Google maps bubble*/
/* ======================================================================================*/

.bubble
{
	min-width: 395px;
}

.bubble img
{
	float: left;
	width: 120px;
	height: 90px;
	margin-right: 5px;
}

.bubble div
{
	float: left;
	width: 270px;
	line-height: 1.5em;
}

.bubble h3
{
	font-size: 1.2em;
	clear: both;
	margin-bottom: 3px;
}

.bubble p
{
	padding-bottom: 1em;
	height: -150px;
}

/* ======================================================================================*/
/* People adding */
/* ======================================================================================*/


.characteristicsarea {
	float: left;
	width: 460px;
	padding-bottom: 10px;
}

.characteristicsarea .description {
	float: left;
	width: 440px;
	margin: 10px;
}

.characteristicsarea .description p {
	float: left;
	margin-bottom: 10px;
}

.characteristicsgroup 
{
	float: left;
	width: 440px;
	margin: 0 10px 10px;
}

.characteristicsgroup span {
	float: left;
	line-height: 1.8em;
}

.characteristicsgroup input {
	float: right;
	margin-right: 5px;
	margin-bottom: 3px;
}

.agreementarea
{
	float: left;
	margin-left: 5px;
	line-height: 1.3em;
}

.agreementarea .agreementdecription 
{
	width: 400px;
	margin-left: 5px;
	margin: 0 0 10px 5px;
	float:left;
	line-height: 1.5em;
}

.agreementarea .agreementdecription span 
{
	
}

.agreementarea .agreementdecription a 
{
	float: left;
	width: auto;
}

.agreementarea .checkbox {
	float:left;
	margin: 10px 0 0 0;
}

table.characteristicstable {
	/* margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px; */
	margin-bottom: 10px;
	width: 440px;
}

table.characteristicstable td.title {
	height: 20px;
	vertical-align: middle;
	padding-left: 5px;
	border: 0;
}

table.characteristicstable td {
	padding-left: 5px;
	padding-top: 5px;
	line-height: 1.7em;
}

table.characteristicstable td label {
	float: left;
}

table.characteristicstable td span {
	float: left;
}


/* ======================================================================================*/
/* OWNERS PREREGISTER */
/* ======================================================================================*/

.preregistration {
	float: left;
	width: 460px;
	border-bottom: 4px solid #bababa;
}

.preregistrationcontent {
	float: left;
	margin: 10px;
	padding-bottom: 20px;
}

.preregistrationcontent p {
	float: left;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.ownersenterybuttonarea {
	float: left;
	margin: 5px 10px 0px 10px;
	width: 420px;
}

.ownersenterybuttonarea .left {
	float: left;
	text-align: center;
}

.ownersenterybuttonarea .right {
	float: right;
	text-align: center;
}

.ownersenterybuttonarea input {
	height: 40px;
	width: 190px;
	text-align: left;
	font-weight: 700;
	overflow: visible;
}


/* ======================================================================================*/
/* PERSONAL PAGE */
/* ======================================================================================*/


.personalblock {
	float: left;
}

/*.personalblock .titlebar h3 {
	float: left;
	font-size: 1.3em;
	font-weight: 700;
	width: 455px;
}*/

.personalblock .bookingintro {
	float: left;

	width: 460px;
	padding-bottom: 15px;
}

.personalblock .bookingintro p {
	float: left;
	margin-bottom: 1em;
	line-height: 1.4em;
	margin: 5px 5px 0px 5px;
}

.bookingintro .button
{
	float: right;
	margin: 5px;	
}

.personalblock.bookinghistory .overview {
	width: 460px;
}

.personalblock.bookinghistory .titlebar {
	height: 5px;
	width: 460px;
}

.personalblock.bookinghistory .giteshortdetails {
	margin-top: 5px;
}

.personalblock.bookinghistory .giteshortdetails ul li {
	font-weight: 700;
	margin-right: 10px;
}

.personalblock.bookinghistory .giteshortdescription {
	margin-top: 6px;
	line-height: 1.5em;
	width: 300px;
}

.personalblock.bookinghistory .overviewmore {
	line-height: 2em;
}

.personalblock.bookinghistory .red {
	color: #FF0000;
}

.personalblock.bookinghistory input.red {
	color: #ffffff;
}

.bookinghistoryinvoice {
	position: absolute;
	left: 180px;
	line-height: 1.8em;
}

.bookinghistoryinvoice img {
	float: left;
	margin-top: 3px;
	margin-right: 2px;
}

.personalblock .overviewfooter {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	height: 2.3em;
	font-weight: 700;
}


/* ======================================================================================*/
/* PERSONAL PAGE */
/* ======================================================================================*/

.invoiceblock .titlebar {
	height: 5px;
}

.overviewinvoice {
	float: left;
	width: 450px;
	line-height: 2em;
}

.overviewinvoice .invoicegroup {
	width: 450px;
	float: left;
	margin: 0px 5px 10px 5px;
	position: relative;
}

.overviewinvoice .invoicegroup label.title {
	float: left;
	font-weight: 700;
	padding-left: 5px;
	width: 445px;
}

.overviewinvoice .invoicegroup table {
	width: 450px;
	float: left;
}

.overviewinvoice .invoicegroup table tr.even,
.overviewinvoice .invoicegroup table tr.odd {
	width: 450px;
	float: none;
}

.overviewinvoice .invoicegroup table tr.even td {
}

.overviewinvoice .invoicegroup table tr.odd td {
}

.overviewinvoice .invoicegroup table tr.even td,
.overviewinvoice .invoicegroup table tr.odd td {
	width: 50%;
	padding-left: 5px;
}

.overviewinvoice .invoicegroup .bold {
	font-weight: 700;
}


/* ======================================================================================*/
/* Wide column */
/* ======================================================================================*/

.widecolumn {

}

.wideblockarea {
	float: left;
	width: 720px;	
}

.wideblockcontent {
	float: left;
	width: 700px;
	margin: 10px;
}

/* ======================================================================================*/
/* SMALLCONTENTLBLOCK */
/* ======================================================================================*/

.smallcontentblock,
.mediumcontentblock,
.widecontentblock {
	margin: 10px;
}

.smallblock h3,
.mediumcontentblock h3,
.widecontentblock h3 {
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom: 1em;
}

.smallcontentblock table td,
.mediumcontentblock table td,
.widecontentblock table td {
	padding: 2px;
	vertical-align: top !important;
}

.smallcontentblock p,
.mediumcontentblock p,
.widecontentblock p {
	line-height: 1.8em;
	margin-bottom: 1em;
}

.smallcontentblock img,
.mediumcontentblock img,
.widecontentblock img {
	margin: 2px;
}

.smallcontentblock ul li,
.mediumcontentblock ul li,
.widecontentblock ul li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 1em;
    line-height: 1.8em;
}   

.smallcontentblock ol li,
.mediumcontentblock ol li,
.widecontentblock ol li {
    list-style: decimal;
    margin-left: 25px;
    margin-bottom: 1em;
   	line-height: 1.8em;   
}

.smallblock .buttonarea
{
	width: 245px;
	padding: 0px 5px 3px;
}

.smallblock .buttonarea .buttonblock
{
	width: 245px;
	padding-top: 5px;
	line-height: 1.3em;
}

.smallblock .buttonarea img
{
	float: left;
	padding-right: 5px;
}

.smallblock .buttonarea a
{
	float:left;
}

/* ======================================================================================*/
/* ARDENNENMAP */
/* ======================================================================================*/

.ardennemaptitle
{
	float:left;
	clear: left;
	width: 255px;
	padding-top: 10px;
	padding-bottom: 3px;
	background-color: #d2d2d2 !important;
}

.ardennemaptitle img
{
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}

.ardennemaptitle h2
{
	float: left;
	color: #454545 !important;
	font-weight: normal !important;
	font-size: 1.2em;
	margin-left: 10px;
}

.ardennenmap 
{
    float:left;
    clear: left;
    margin-bottom: 1em;
    width: 255px !important;
    height: 245px;
}

.ardennenmap .mapbackground  {
	width: 256px;
	height: 245px;
	background-repeat: no-repeat;
}

.ardennenmap .hautesardennes {
	background-position: left -245px;
}

.ardennenmap .durbuy {
	background-position: left -490px;
}

.ardennenmap .laroche {
	background-position: left -735px;
}

.ardennenmap .dinantrochefort {
	background-position: left -980px;
}

.ardennenmap .semoisbouillon {
	background-position: left -1225px;
}

/* ======================================================================================*/
/* SITEMAP */
/* ======================================================================================*/

ul#sitemap {
    clear: left;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-left: 25px;
}

ul#sitemap li {
    list-style: disc;
}

ul#sitemap ul {
    font-size: 0.92em;
    margin-left: 25px;
}

ul#sitemap ul ul ul ul ul {
    font-size: 1em;
}

/* ======================================================================================*/
/* CRUMBLEPATH */
/* ======================================================================================*/

ul#crumblepath li 
{
    float: left;
    margin-right: 10px;
}

/* ======================================================================================*/
/* CONTENT FIXES */
/* ======================================================================================*/

h3 a 
{
    text-decoration: none !important;
    border-bottom: 1px dotted #000000;
}

h3 a:hover,
h3 a:active 
{
    text-decoration: none !important;
    border-bottom: 1px solid #000000;
}

.mediumcontentblock ul
{
    clear: left;
}

.mediumcontentblock a 
{
    text-decoration: none !important;
    border-bottom: 1px dotted #000000;
}

.mediumcontentblock a:hover,
.mediumcontentblock a:active
{
    text-decoration: none !important;
    border-bottom: 1px solid #000000;
}

/* ======================================================================================*/
/* payment */
/* ======================================================================================*/

.paymentarea
{
	
}

.paymentarea .description
{
	width: 460px;
	margin: 10px 0 0 0;
}

.paymentarea .description p
{
	float: left;
	margin: 0 5px 1em 5px;
	width: 450px;
}

.paymentarea .buttonarea
{
	float: left;
	clear: left;
	width: 440px;
}

.paymentarea .buttonarea input
{
	float: left !important;
}

.paymentarea .paymentoptions
{
	float: left;
	width: 450px;
	margin: 5px 10px 10px 10px;
}

.paymentarea .paymentoptions .incassopayment 
{
	margin: 5px 10px 10px 10px;
	line-height: 1.8em;
}

.paymentarea .paymentoptions input,
.paymentarea .paymentoptions input.button 
{
	float: left;
	clear: left;
}

.paymentarea .paymentoptions .paymenttypedropdown
{
	float: left;
	margin-bottom: 10px;	
}

.paymentarea .paymentoptions table
{
	float: left;
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.paymentarea .paymentoptions table td
{
	padding-bottom: 5px;
	vertical-align: middle;
}

.paymentarea .paymentoptions table td input
{
	float: left;
}

.paymentarea .paymentoptions table td label
{
	float: left;
	margin-left: 5px;
	line-height: 1.5em;
}

/* ======================================================================================*/
/* LIGHTBOX */
/* ======================================================================================*/

#lightbox a:link,
#lightbox a:visited,
#lightbox a:hover,
#lightbox a:active
{
	border: none !important;
	text-decoration: none !important;
}

/* ======================================================================================*/
/* VALIDATION */
/* ======================================================================================*/

.validationnotification
{
	clear: both;
	margin-left: 5px !important;
	line-height: 1.5em;
}

.validationnotification li
{
	color: red !important;
}

.validationerrorarea
{
	float: left;
	clear: left;
	width: 100%;
	margin: 10px 0;
	color: #ff0000;
}

.validationerrorarea li
{
	color: #ff0000;
}

.validationerrorarea *
{
	color: #ff0000;
}

.validationerror
{
	clear: left;
	float: left;
	width: 100%;
}

.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.clearfix 
{
    display: inline-block;
}

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

.mainerror 
{
    width: 580px;
    margin: 0 auto;
    line-height: 1.5em;
    margin-top: 2.5em;
    border: 1px solid #9baa1f;
    padding: 10px;
    background-color: #ffffff;
}

.mainerror input 
{
    float: left;
    clear: left;
    margin-top: 2em;
}

.orderconfirmation
{
		
}

.customerconfirmation 
{
    line-height: 1.5em;
}

.customerconfirmation p 
{
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 1.5em;
}

.customerconfirmation input 
{
    margin-left: 10px !important;
    margin-bottom: 10px !important;
}

/* ======================================================================================*/
/* SEND A FRIEND */
/* ======================================================================================*/

.sendafriend dl,
.sendafriend ul 
{
    margin-left: 25px;
}

.sendafriend li,
.sendafriend dd
{
	margin-bottom: 5px;
}


.sendafriend label 
{
    line-height: 1.5em;
    font-weight: 700;
}

.sendafriend textarea 
{
    clear: left;
    width: 410px;
    height: 100px;
}

.sendafriend input.button 
{
    margin-top: 10px;
    margin-left: 25px;
    padding: 0;
    text-align: center;
}

/* MANAGED TEXT AREA */

.managedtextarea 
{
    width: 550px;
    float: left;
    clear: left;
    margin-top: 10px;
}

.managedtextarea select 
{
    margin-top: 20px;
    width: 552px;
    overflow: auto;
    border: 1px solid #000000;
}

.managedtextarea .buttonmargintop 
{
    margin-top: 20px;
}

.managedtextsave 
{
    width: 550px;
    float: left;
    clear: left;
}

.managedtextsave input 
{
    float: right;
    margin-top: 10px;    
    padding: 0;
}

/* ======================================================================================*/
/* COMMISSION PAYMENT */
/* ======================================================================================*/

table.commissionpaymenttable {
	margin-bottom: 10px;
	width: 100%;
}

table.commissionpaymenttable td
{
    padding: 1px;
}

table.commissionpaymenttable td.export
{
    width: 20px;
}

/* ======================================================================================*/
/* NEWS LETTER */
/* ======================================================================================*/

.addmetonewsletter label
{
    font-size: 0.9em;
}

input.subscribetonewsletter {
	float: right;
	margin-right: 10px;
	background-image: url(../images/interface/icons/newspaper_go.png);
}

table.commissionpaymenttable.newslettersubscribers td
{
	text-align: left;
}

/* ======================================================================================*/
/* VARIOUS */
/* ======================================================================================*/


input.noimage 
{
    padding: 0 !important;
    background-image: none !important;
}

input.red.noimage 
{
    border: 1px solid #c31e1e;
}

input.button 
{
    cursor: pointer;
}

input.button[disabled] 
{
    cursor: default;
}

.backtoadminbutton 
{
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.btnGoToPaymentModule 
{
    float: left;
    clear: left;
    margin-left: 3px;
    padding-bottom: 10px;
}

/* ======================================================================================*/
/* DISPLAYCHILDREN */
/* ======================================================================================*/

ul#displaychildren 
{
    float: left;
    clear: left;
    line-height: 2.5em;    
    margin-left: 10px;
    width: 100%;
}

ul#displaychildren li 
{
    float: left;
    clear: left;
    padding-left: 25px;
    white-space: nowrap;
    background-image: url(../images/interface/icons/map.png);
    background-repeat: no-repeat;
    background-position: left 8px;
}

ul#displaychildren li ul li
{
    padding-left: 25px;
    background-image: url(../images/interface/icons/map_magnify.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    line-height: 2em;
}

ul#displaychildren a:link,
ul#displaychildren a:visited 
{
    text-decoration: none !important;
    border-bottom: 1px dotted #000000 !important;
}

ul#displaychildren a:hover,
ul#displaychildren a:active 
{
    text-decoration: none !important;
    border-bottom: 1px solid #000000 !important;
}

.notificatorbar 
{
    float: left;
    width: 100%;
    position: fixed;
    _postition: absolute;
    background-color: #ff8400;
    z-index: 99999999;
    color: #ffffff;
    line-height: 2.5em;
    background-image: url(../images/interface/icons/cross_white.png);
    background-repeat: no-repeat;
    background-position: 99% 5px;
    cursor: pointer;
}

.notificatorbar ul 
{
    float: left;
    clear: left;
    margin-left: 10px;
}

.notificatorbar ul li 
{
    float: left;
    clear: left;
    white-space: nowrap;
    line-height: 2.2em;
    padding-left: 22px;
}

.notificatorbar ul li.notewarning
{
    background-image: url(../images/interface/icons/error.png);
    background-repeat: no-repeat;
    background-position: left 5px;
}

.notificatorbar ul li.noteerror
{
    background-image: url(../images/interface/icons/exclamation.png);
    background-repeat: no-repeat;
    background-position: left 5px;
}

.notificatorbar ul li.noteinformation
{
    background-image: url(../images/interface/icons/information.png);
    background-repeat: no-repeat;
    background-position: left 5px;
}

.notificatonclose 
{
    float: right;
    padding-right: 4px;
    line-height: 2em;
}

.notificatonclose a 
{
    float: right;
    color: #ffffff !important;
    margin-right: 30px;
    border: none !important;
}

.notificatonclose a:hover,
.notificatonclose a:active 
{
    text-decoration: underline;
}

.notificatonclose img 
{
    padding: 0 !important;
}

.hide 
{
    display: none !important;
}

.updatepanelnotifier 
{
	position: fixed;
	_postion: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	clear: left;
	width: 100%;
	background: transparent;
}

.clickformoreresults {
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
    line-height: 2.5em;
    margin-top: 5px;
}

.clickformoreresults input {
    padding-left: 0;
}

input.pagerfirst {
    background-image: url(../images/interface/icons/resultset_first.png);
}

input.pagerprevious {
    background-image: url(../images/interface/icons/resultset_previous.png);
}

ul.adminpager li input.selected,
input.pagernumber {
    padding-left: 5px;
    padding-right: 5px;
}

input.pagernext {
    background-image: url(../images/interface/icons/resultset_next.png);
}

input.pagerlast {
    background-image: url(../images/interface/icons/resultset_last.png);
}

.textspacing {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
}

/* SPECIALOFFER BACKGROUND */
.specialofferbackground .blocknocolor
{
	background-color: #d5e26b;
}

/* dit is een comment */
.calandarlegend {
	height: 140px;
	clear: left;
	margin-bottom: 5px;
margin-top: 20px;
}

	.calandarlegend ul {
	margin-left: 10px;
}

	.calandarlegend li {
		float: left;
		clear: left;
		margin-bottom: 7px;
		list-style: none;
line-height: 1.5em;
	}

		.calandarlegend div {
			float: left;
			width: 20px;
			height: 20px;
		}
		
		.calandarlegend span {
			display: block;
			float: left;
			margin-left: 5px;
		}

td.benl,
.legendbenl {
	font-weight: 700;
	color: #fff !important;
	background: #7fd15a;
}

td.be,
.legendbe {
	font-weight: 700;
	color: #fff !important;
	background: #e62243;
}

td.nl,
.legendnl {
	font-weight: 700;
	color: #fff !important;
	background: #0090ff;
}

td.other,
.legendother {
	font-weight: 700;
	color: #fff !important;
	background: #ff9600;
}

.calendararea {
	float: left;
	clear: left;
	width: 400px;
	margin-left: 35px;
}

.calendararea .calendarmonth {
	float: left;
	height: 200px;
	width: 200px;
	text-align: center;
}

.calendararea table {
	border: 1px solid #4c5404;
	margin-right: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	background: #9baa1f;
}

.calendararea table caption {
	font-weight: 700;
	line-height: 2em;
	background: #b4c718;
}

.calendararea table thead {
	background: #9d6823;
}

.calendararea table thead th {
	color: #fff;
	padding: 5px;
	font-weight: 700;
	border-bottom: 1px solid #4c5404;
}

.calendararea table tbody {
	background: #9baa1f;
}

.calendararea table tbody td {
	padding: 5px;
	border-right: 1px solid #4c5404;
	border-bottom: 1px solid #4c5404;
	color: #4c5404;
}
	
.panelDiscounts
{
	background-color:#FFAA2A !important;
	float:left;
	clear:both; 
	width:100%;
}