#breadcrumb { float: left; position: relative; top: -6px; margin: 8px 0 0 0; color: #787775; font-family: tahoma; width: 100%;}
#breadcrumb a {color: #777;}
#breadcrumb a:hover {text-decoration: none;}
#left h3 {font-size: 11px; width: 100%; margin-bottom: 3px;}
#left h3.hp {font-size: 12px; width: 100%; margin-bottom: 3px;color:#2f259a;}

/* huurvoorwaarden */
#left h5 
{
	font-size: 1.083em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
	font-family: "verdana", tahoma, arial; 
	font-size: 11px;
}

/* Beige box*/
.left-beige { float: left; position: relative; left: -62px; margin-bottom: 15px; background: #e2dedd; width: 675px; padding-top: 8px; padding-bottom: 15px; font-family: tahoma; font-size: 11px; padding-left: 39px;} 
.left-beige h2 {color: #4A3FC2; font-family: verdana; font-size: 12px; padding-left: 23px; margin-bottom: 15px; }

/* 3 images */
.beige-img-box {/*float: right; width: 225px; text-align:right; margin-top: 15px;*/float: left; width: 225px; text-align: left; margin-top: 15px; }
.beige-img-box p {float: left; text-align: left; padding: 3px 0 0 /*22px*/0;	color: #807f7d; }
.beige-img-box p a:link, .beige-img-box p  a:active,.beige-img-box p a:visited
{
	text-decoration: underline;
	color: #807f7d;
}
.beige-img-box p a:hover
{
	text-decoration: none;
}
/* contact pagina */
.left-beige p.contact
{
	position:relative;
	float: left;
	margin-left: 25px;
	line-height: 28px;
	font-family: verdana; font-size: 11px;
}
/* 3 images small */
.alt-huizen
{
	margin-left: 22px;
	float: left;
}
.p215 {float: left; width: 215px; clear: none; position: relative;}
.p215 img{display: block; margin-bottom: 10px;}


/* 2 images */
.box-650 {position: relative; width: 650px; height: 212px;}
.b2-img-left {position: absolute; bottom: -15px; left: 0;}
.b2-img-right {position: absolute; bottom: -15px; right: 5px;}

/* Korte paragraaf zoals op index +++ NIET MEER IN GEBRUIK +++ */
.left-tekst { float: left; padding-left: 0; width: 652px; margin-top: 20px; line-height: 16px;}
.left-tekst h3 {color: #4A3FC2; font-size: 11px; width: 100%;}
.left-tekst p {float: left; width: 310px; }


/* Paragraaf over hele breedte */
#left h1 { color: #4A3FC2; font-size: 15px; text-align: left; width: 100%; clear: both;}
#left h1.home {position: relative; top: 0; font-size: 28px;}
#left h2 {color: #4A3FC2; font-size: 13px; width: 100%; margin-top: 15px;}
#left h2.size
{
	float: left; position: relative;
}
#left p.size
{
	float: left; position: relative;color: #4A3FC2; font-size: 14px; width: 100%; font-weight: bold;
}

#left p {line-height: 16px; margin-bottom: 10px;}

#left p.lp
{
	margin-bottom: 12px;
}
#left p.bold
{
	font-weight: bold;
}
#left p.center
{
	text-align: center;
}

/* a href tekst landingspagina's */
.lp a:link, .lp a:visited {
color: #000; 
}
.lp a:hover, .lp a:active {
color: #000; 
} 
/* lichte buttons left */ 
a.btl-197 {
float: left; display: block; width: 197px; background: url(../img/form-img/btl-197.png) no-repeat; font-size: 9px;  padding: 2px 0 5px 0;
font-weight: bold; text-align: center; text-transform: uppercase; color: #4A3FC2;  margin-right: 10px; letter-spacing: 1px; text-decoration: none; margin-bottom: 15px;
}

a.btl-225 {
float: left; display: block; width: 225px; background: url(../img/form-img/btl-225.png) no-repeat; font-size: 9px; padding: 2px 0 5px 0;
font-weight: bold; text-align: center; text-transform: uppercase; color: #4A3FC2; margin-right: 10px; letter-spacing: 1px; text-decoration: none; margin-bottom: 15px;
}

.btl-197:hover, .btl-225:hover  {text-decoration: none; background-position: 0 -23px; }
a:link.btl-225, a:link.btl-197,  a:visited.btl-225, a:visited.btl-197,  a:active.btl-225, a:active.btl-197{text-decoration: none; }

.input-text {font-size: 10px; background: #5563AC; border: #FCF8F7 1px solid; color: white; padding: 1px 0 1px 3px; display: block;}
.deel {padding-top: 2px;}
.deel a{position: relative; top: 10px; margin-left: 6px;}


/* Rechts */
a.btn-orange {
float: left; display: block; position: relative; top: -10px; width: 185px; background: url(../img/form-img/btd-185.png) no-repeat; font-size: 9px; text-transform: uppercase; color: #791C0A;
 padding: 4px 0 8px 0; text-decoration: none; letter-spacing: 1px; font-weight: bold; text-align: center;
}
a.btn-orange:link {text-decoration: none; }
a.btn-orange:link, a.btn-orange:visited , a.btn-orange:active {text-decoration: none; }
a.btn-orange:hover {text-decoration: none; background-position: 0 -23px;}

.ligging {position: relative; left: -12px; top: 0;}

/* Link met pictogrammen */
.link-mail { padding: 0 0 0 26px; background: url(../img/mail-orange.jpg) 0 3px no-repeat; display: block; text-decoration: underline;}
.link-twitter { padding: 1px 0 0 26px; background: url(../img/twitter.jpg) no-repeat; display: block;}
.link-lid { padding: 1px 0 0 26px; background: url(../img/facebook.jpg) 0 1px no-repeat; display: block;}

.p-margin {margin-bottom: 12px;}


/* tekst pagina vakantiehuis*/
#tekst h2
{
	font-size: 12px;
	font-weight: bold;
   margin-bottom: 0;
   margin-top: 1.2em;
	color: #2f259a;
}

/* Lambert */

/* 2 images lambert  13/03/2010 */
.box-650-fotos {position: relative; margin-top: 12px;}
#fotos td.text
{
	text-align: center;
	padding-top: 5px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}
#fotos  td.img
{
	text-align: left;	
}
.box-650-fotos  td.space
{
	width: 50px;
}

/* kop in tekst beschrijving huis lambert 20/04/2010 */
.kop-beschrijving
{
	color: #2f259a;
	font-weight: bold;
	font-size: 12px;
}
/* icoontje calender lambert 20/04/2010 */
.icon-cal
{
	cursor: pointer;
	position: relative; 
	top: 3px; 
	left: -3px
}
/* icoon kalender aanbiedingen */
.icon-cal2
{
	cursor: pointer;
	position: relative; 
	top: 3px; 
	left: 3px;
}

/* faciliteiten vakantuehuis pagina */
#faciliteit
{
	margin: 12px 0 0 0;
}
#faciliteit table tr td 
{
	padding: 2px;
	text-align: left;
	vertical-align: top;
	font-family: "verdana", tahoma, arial; font-size: 11px;
	width: 200px;
}
/**
*  info regio pagina's
* lambert
* 25/03/2010
*/

#inforegio p 
{
	font-size: 1em;
	line-height: 1.416em;
	margin-bottom: 1em;
}

#inforegio img
{
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}

/* kaart aanbiedingen */
.map_sp
{
	cursor: pointer;
}

/* vliegticktickets 01-04-2010 */
#vliegtickets td
{
	padding: 6px 4px 6px 0;
	vertical-align: top;
}
#vliegtickets th
{
	font-size: 12px;
	color: #4A3FC2;
	padding: 4px 4px 8px 0;
	text-align: left;
}

/* formulier nieuwsbrief*/
#mc_embed_signup fieldset
{
	border: 0;
	margin-top: 25px;
}
#mc_embed_signup legend
{
	 color: #4A3FC2;
	  font-size: 12px; 
	  margin-top: 0;
}
.mc-field-group
{
	margin: 5px 0 5px 0;
}
.input-group
{
	margin: 5px 0 5px 0;
}
.input-group-label
{
	font-weight: normal;
	margin:0;
	width: auto;
}
.input-group label
{
	font-weight: normal;
	margin: 0px;
	padding: 0 0 0 5px;
	width: auto;
	line-height: 17px;	
}
#mc_embed_signup ul
{
	list-style-type: none; 
	position: relative; 
	display: inline; 
	margin: 0 auto;
}
#mc_embed_signup  li
{
	list-style-type: none; 
}
.indicate-required
{
	margin: 12px 0 12px 0;
}
.required-email
{
	height: 13px;
	border: 1px solid #8a8a8a;
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding: 1px;
	width: 175px;
}
#mce-responses
{
	line-height: 17px;
	font-weight: bold;
	color: red;
}
.msg_subscribe
{
	color: red;
	font-weight: bold;
	margin: 8px 0 0 0;
}	
.btn-nieuwsbrief
{	
	width: 125px; 
	height: 23px; 
	padding: 4px 0 8px 0; 
	background: url(../img/form-img/btd-125.png) no-repeat; 
	font-weight: bold; 
	font-family: tahoma; 
	font-size: 9px; 
	color: #FCF8F7; 
	text-transform: uppercase;
	border: 0; 
	cursor: pointer; 
	margin: 12px 0 0 0; 
	letter-spacing: 1px;
}

/* boekingsformulier*/
hr
{
 	margin: 10px 0 2px 0;
}
.kopje
{
	color: #4A3FC2;
	font-weight: bold;
}
/*
#bkform table td
{
	padding: 2px;
}
#bkform select 
{
	padding: 1px 0; 
	border: #585752 1px solid; 
	background: #FFFFFF; 
	color: #000000; 
	font-size: 11px;
}
#bkform select  option 
{
	padding: 0 4px 0 4px;
}
#bkform select  option.enq
{
	padding: 2px 4px 2px 4px;
}
#bkform input
{
	padding: 1px 0 1px 2px; 
	border: #585752 1px solid; 
	background: #FFFFFF; 
	color: #000000; 
	font-size: 11px;	
}
#bkform input.radio
{
	border: #FFFFFF 1px solid; 
}
#bkform textarea
{
	padding: 2px; 
	border: #585752 1px solid; 
	background: #FFFFFF; 
	color: #000000; 
	font-size: 11px;	
	font-family: "verdana", tahoma, arial; 
	width: 200px;
	height: 60px;	
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}
#bkform input.btn-boeken
{
	display: block; 
	width: 145px; 
	height: 23px; 
	padding:4px 0 7px 0; 
	position: relative;  
	cursor: pointer; 
	background: url(../img/form-img/btl-150.png); 
	border: none;  
	color: #4A3FC2; 
	font: bold 9px verdana; 
	letter-spacing: 1px; 
	margin-bottom: 20px;
}
#bkform input.btn-boeken:hover 
{
	background-position: 0 -21px;
}

*/

/* bevestiing boeking */
.msg
{
	color: #fd5604;
	font-variant: small-caps;
}
#confirm a:visited , a:active
{
	color: #666666;
}
#confirm a:hover
{
	color: #fd5604;
	text-decoration: none;
}
#confirm h3
{
	font-size: 1.167em;
	line-height: 1.214em;
	margin-bottom: 0pt;
	font-family: arial,helvetica,sans-serif;	
	color: #4A3FC2; 
}

#confirm h4
{
	font-size: 1.083em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: arial,helvetica,sans-serif;	
	color: #4A3FC2; 
}

#confirm input.btn-boek
{
	width: 104px; 
	height: 23px; 
	padding:4px 0 7px 0; 
	position: relative;  
	cursor: pointer; 
	background: url(../img/form-img/btl-104.png); 
	border: none;  
	color: #4A3FC2; 
	font: bold 9px verdana; 
	letter-spacing: 1px; 
	margin-bottom: 20px;
}
#bkform input.btn-boek:hover 
{
	background-position: 0 -23px;
}

/* contact pagina */
/* uitlijnen tekst op contact.php */
.justify
{
	text-align: justify;
}

/* contact-pagina */
#contact ul li
{
	display: inline;
}

#contact #namen  li
{
	margin-left: 15px;
}

#contact #namen  li#eerste
{
	margin-left: 0px;
}
#contact #comm
{
	margin-top: 1em;
}
#contact #comm  li
{
	margin-left: 35px;
}

#contact #comm  li#eerste
{
	margin-left: 0px;
}
#contact p
{
	line-height: 1.416em;
	margin-bottom: 1em;
	margin-top: 1em;
}

/* tooltip pagina vakantiehuis voor weergave reguliere prijzen en niet reguliere seizoenen*/
/* smalle versie, zonder toelages */
a.info
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration: underline;
}

a.info:hover
{
	z-index:25; 
	text-decoration: underline;
}

a.info span
{
	display: none;
	text-decoration: none;
	padding: 2px;
}

a.info:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:17em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
}

/* brede versie zonder toelages */
a.info-xl
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration: underline;
}

a.info-xl:hover
{
	z-index:25; 
	text-decoration: underline;
}

a.info-xl span
{
	display: none;
	text-decoration: none;
	padding: 2px;
}

a.info-xl:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-7em; width:25em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
	z-index:25; 
}

/* brede versie met toelages */
a.info-xxl
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration: underline;
}

a.info-xxl:hover
{
	z-index:25; 
	text-decoration: underline;
}

a.info-xxl span
{
	display: none;
	text-decoration: none;
	padding: 2px;
}

a.info-xxl:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-11em; width:29em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
	z-index:25; 
}



/* tooltip prijzen VOLGEND JAAR */
/* smalle versie, zonder toelages  */
#prijzen-vj
{
	margin: 10px 0 0 0;
}
a.info-vj
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration: underline;
}

a.info-vj:hover
{
	z-index:25; 
	text-decoration: underline;
}

a.info-vj span
{
	display: none;
	text-decoration: none;
	padding: 2px;
}

a.info-vj:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:17em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
}

/* brede versie zonder toelages */
a.info-xl-vj
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration: underline;
}

a.info-xl-vj:hover
{
	z-index:25; 
	text-decoration: underline;
}

a.info-xl-vj span
{
	display: none;
	text-decoration: none;
	padding: 2px;
}

a.info-xl-vj:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-7em; width:25em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
	z-index:25; 
}


/* brede versie met toelages */
a.info-xxl-vj
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration: underline;
}

a.info-xxl-vj:hover
{
	z-index:25; 
	text-decoration: underline;
}

a.info-xxl-vj span
{
	display: none;
	text-decoration: none;
	padding: 2px;
}

a.info-xxl-vj:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-11em; width:29em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
	z-index:25; 
}


/*
* pagina vakantiehuis, tooltip prijzen volgend jaar onkend
*/
#prijzen-vj-onbekend
{
	margin: 10px 0 0 0;
}
a.info-prijzen-onbekend
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#FFFFFF;
    text-decoration: underline;
}

a.info-prijzen-onbekend:hover
{
	z-index:25; 
	text-decoration: underline;
}

a.info-prijzen-onbekend span
{
	display: none;
	text-decoration: none;
	padding: 2px;
}

a.info-prijzen-onbekend:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:17em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
}

/* smalle versie van tooltip voor seizoenen */
a.sz
{
	text-decoration: none;
}
a.sz:hover
{
	z-index:25; 
	text-decoration: none;
}

a.sz span
{
	display: none;
	text-decoration: none;
	padding: 1px;
}

a.sz:hover span
{ 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
	left:2em; 
	width:17em;
    border:2px solid #FFFFFF;
    background-color:#5563AC; 
	color:#FFFFFF;
    text-align: left;
	text-decoration: none;
}
/* html met data seizoenen en prijzen */
table.prijzen
{
	padding: 2px 0 0 4px;
}

table.seizoenen
{
	padding: 2px 0 0 4px;
}

table.seizoenen td
{
	padding: 0 2px 0 2px;
}

/* ligging */
.map-big
{
	width: 585px;
	height: 400px;
}