@import url("reset.css");

html { 
	height: 100%; 
	margin-bottom: 1px; 
}

body {
	margin: 0;
	color: #000;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	line-height:200%;
	background: #A89793 url(../images/bgTopMenu.jpg) top repeat-x;
}

a {
	color:#000000;
}

a:hover {
	text-decoration:none;
}

.clear {
	clear: both;
}
	
strong {
	font-weight:bold; }
	
em {
	font-style:italic; }
	
.clearfix {
	clear:both; }

/* Basic structure ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#container {
	position: relative;
	margin: 0px auto;
	width: 982px;
	min-height: 600px; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 400px; /* For IE */
}

div.header {
	position: relative;
	margin: 0;
	height: 350px;
	background: no-repeat bottom;
}

div.wrap {
	clear: both;
	position: relative;
	background: url(../images/wrap.jpg) repeat-y top;
}

div.top {
	background: url(../images/top.jpg) no-repeat top;
}

div.bottom {
	background: url(../images/bottom.jpg) no-repeat bottom;
}

body#home div.bottom {
	background: url(../images/topHome.jpg) no-repeat top;
	height:520px;
}

div#content {
	margin:0px 50px 0px 240px;
	padding:50px 0px;
}

body#home div#content {
	margin:0px 360px 0px 240px;
}


/* Menu ---------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#logo {
	display:block;
	position:relative;
	width:183px;
	height:100px;
	float:left;
	background-image:url(../images/logo.png);
	background-position:top left;
	background-repeat: no-repeat;
	cursor: hand;}
	
#logo span {
	display:none;
	visibility:hidden; }


#menu {
	width:850px;
	float:left; }

#menu ul li {
	float: left;
	padding-top: 30px;
}

#menu li a span {
	display: none;
}

#menu li a {background-image:url(../images/nl/menuButtons.gif); display:block; background-repeat:no-repeat; height:33px;}

#menu_1 a {background-position: 0px 0px; width: 57px;}
#menu_2 a {background-position: -57px 0px; width: 69px;}
#menu_3 a {background-position: -126px 0px; width: 158px;}
#menu_4 a {background-position: -284px 0px; width: 127px;}
#menu_5 a {background-position: -411px 0px; width: 96px;}
#menu_6 a {background-position: -507px 0px; width: 77px;}

#menu_1 a:hover, #menu_1.active a {background-position: 0px -32px;}
#menu_2 a:hover, #menu_2.active a {background-position: -57px -32px;}
#menu_3 a:hover, #menu_3.active a {background-position: -126px -32px;}
#menu_4 a:hover, #menu_3.active a {background-position: -284px -32px;}
#menu_5 a:hover, #menu_4.active a {background-position: -411px -32px;}
#menu_6 a:hover, #menu_5.active a {background-position: -507px -32px;}

#nav li:hover ul {
	left: auto;
}

#nav li ul {
	font-size: 1.1em;
	position: absolute;
	width: 10em;
	left: -999em;
	margin-top:-4px;
	padding-top:10px;
}

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

#nav li ul li {
	padding-top:4px; }

#nav li ul li a {
	background: #000000;
	border:solid 3px #EBE3D6;
	color:#FFFFFF;
	height:18px;
	width: 13em;
	padding:6px;
	text-decoration:none; }
	
#nav li ul a:hover {
	color: #FFFFFF;
	background: #B6C302; }

#submenu li {list-style:none; margin:0px; }

#submenu li a.selected { color:#D2EF11}


/* Header -------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
#home div.header{
	background-image: url(../images/headerImages/home.jpg);
}

#apartments div.header{
	background-image: url(../images/headerImages/apartments.jpg);
}

#apartment_detail div.header{
	background-image: url(../images/headerImages/apartments.jpg);
}

#il_vecchio_frantoio div.header{
	background-image: url(../images/headerImages/il_vecchio_frantoio.jpg);
}

#news div.header{
	background-image: url(../images/headerImages/news.jpg);
}

#newsdetail div.header{
	background-image: url(../images/headerImages/news.jpg);
}


#products div.header{
	background-image: url(../images/headerImages/products.jpg);
}

#contact div.header{
	background-image: url(../images/headerImages/contact.jpg);
}

#language li {
	position:relative;
	float:right;
	padding:40px 8px 0px 0px; }	

#language li a span {
	display:none; }
	
#language li a {
	display:block;
	width:28px;
	height:14px; }
	
#language li.nl a{background:url(../images/icons/nl.jpg) no-repeat; }
#language li.en a{background:url(../images/icons/en.jpg) no-repeat; }
#language li.de a{background:url(../images/icons/de.jpg) no-repeat; }

#language li a {border: solid 1px #645552;}
#language li a:hover{border: solid 1px #D4C5A6;}

/* Footer -------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
#footer {margin:0 auto;width: 982px;height:40px; }
#footer a {text-decoration:none;color:#493E3A;padding-bottom:3px; }
#footer a:hover {color:#806D66;border-bottom:solid 1px #806D66; }
#footer ul li {display: inline;margin: 0;padding: 0 17px 0 11px;background: url(../images/footerBullet.gif) no-repeat right; }
#footer ul li.last {background: none; }

/* Styles -------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
#content h1 {color:#A6B302;font-family:"Times New Roman", Times, serif;font-weight:bold;font-size:26px;height:30px;letter-spacing:1px;text-transform:uppercase; }
#content h2 {font-family:Arial, Helvetica, sans-serif;font-size:11px;height:14px;line-height:normal;font-weight:bold;text-transform:uppercase; }
#content h3 {font-size:13px;height:20px;line-height:normal;font-weight:bold;text-transform:uppercase; }
#content h4 {font-size:13px;height:18px;line-height:normal;font-weight:bold;margin-top:20px; }
	
#content p {margin: 10px 0px;font-size:1.1em; }
	
#content ul {margin:3px 0px 0px 16px }
#content li {list-style-image:url(../images/icons/back.gif);padding:0px 0px 10px 10px; font-size:1.1em; }
	
#content a {text-decoration:none;color:#76800F; }
#content a:hover {text-decoration:underline; }
#content a.back {background:url(../images/icons/back.gif) left no-repeat;padding-left:19px; }
	
#content .hr {height:9px;background:url(../images/hr.gif) repeat-x;margin:10px 0px 16px 0px; }

a.visit_button {display:block; margin:20px 0 0 0;}
a.visit_button span {display:none;}

body#apartment_detail #content img {
	background:#E9E6D5;
	border:solid 1px #CCCCCC;
	padding:6px;
	margin:0px 10px 10px 0px; }

.productLinks {
	background:url(../images/polaroidBg.jpg) no-repeat;
	float:left;
	width:272px;
	height:221px; }

.productRechts {
	padding-left:300px; }
	
body#home .sfeerbeeld {
	position:absolute;
	top:160px;
	z-index:100;
	width:154px;
	height:361px;
	background-image:url(../images/elementen/olijfOlieFles.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#home .sfeerbeeld2 {
	position:absolute;
	top:640px;
	bottom:0px;
	left:480px;
	z-index:100;
	width:161px;
	height:162px;
	background-image:url(../images/elementen/sleutelBos.png);
	background-position:top left;
	background-repeat: no-repeat;}
	
body#home .buttonRTL4 a {
	text-indent:-999999px;
	position:absolute;
	top:102px;
	bottom:0px;
	right:7px;
	z-index:100;
	width:190px;
	height:190px;
	background-image:url(../images/elementen/button_RTL4.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#apartments .sfeerbeeld {
	position:absolute;
	top:160px;
	z-index:100;
	width:155px;
	height:374px;
	background-image:url(../images/elementen/wijnGlas.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#apartment_detail .sfeerbeeld {
	position:absolute;
	top:160px;
	z-index:100;
	width:155px;
	height:374px;
	background-image:url(../images/elementen/wijnGlas.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#il_vecchio_frantoio .sfeerbeeld {
	position:absolute;
	top:190px;
	z-index:11;
	width:213px;
	height:246px;
	background-image:url(../images/elementen/gastenBoek.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#news .sfeerbeeld {
	position:absolute;
	top:260px;
	z-index:11;
	width:284px;
	height:273px;
	background-image:url(../images/elementen/stapelKranten.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#newsdetail .sfeerbeeld {
	position:absolute;
	top:260px;
	z-index:11;
	width:284px;
	height:273px;
	background-image:url(../images/elementen/stapelKranten.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#products .sfeerbeeld {
	position:absolute;
	top:150px;
	z-index:11;
	width:175px;
	height:366px;
	background-image:url(../images/elementen/flesWijn.png);
	background-position:top left;
	background-repeat: no-repeat;}

body#contact .sfeerbeeld {
	position:absolute;
	top:200px;
	z-index:11;
	width:214px;
	height:254px;
	background-image:url(../images/elementen/stapelEnveloppen.png);
	background-position:top left;
	background-repeat: no-repeat;}


/* Appartementen-------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

div#qTip {
	 display: none;
	 background:#EBE5D6;
	 border:solid 1px #988B85;
	 padding:6px;
	 color: #000000;
	 text-align: left;
	 position: absolute;
	 z-index: 1000;
}

.plattegrond {
	background:url(../images/plattegrond/plattegrond.jpg) center no-repeat;
	display:block;
	width:672px;
	height:426px; }
	
.object1, .object2, .object3, .object4, .object5, .object6 {
	position: absolute; }

.object1 {
	top:300px;
	left:150px;
	margin:130px 0px 0px 150px; }
	
.object2 {
	top:335px;
	left:223px; }
	
table.prijzen {margin-top:12px; background:#C7D702;}
.prijzen th {padding:5px; border-bottom:solid 1px #000; }
.prijzen td {padding:5px; }

a.availability {display:block; height:70px; position:absolute; margin-left:490px; margin-top:-30px; text-indent: -9999px; outline: none;}

ul.calendar {clear:both; position:relative;}
ul.calendar li { float:left; display:block; width:280px; position:relative; margin:0px 10px 30px 15px; }

div#calendar_nav {font-size:1.1em; color:#FFFFFF; background:#7A6763 url(../images/bgCalendar.jpg); font-weight:bold; border: solid 5px #FFFFFF; padding:3px; margin:0px 0px 20px 0px; text-align:center;}
div#calendar_nav a { color: #FFFFFF; padding:2px 10px; font-size:1.2em;}
	
/* Nieuws--------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

/* subnavigatie onder overzichten */
#paginating_holder { height: 30px; display: block; margin-top: 20px; }
#page_active { border: 1px solid #DFEEFD; background-color : #F2F8FD; text-decoration : underline; }
#paginating_label { float: left; }
a.page_no { border: 1px solid #DFEEFD; padding: 2px 4px 2px 4px; margin: 0px 4px 0px 0px; color: black; font-weight: bold; display : block; float: left; text-decoration : none; }
a:hover.page_no  { text-decoration : underline; }

/* afbeeldingen */
ul#afbeeldingen { margin: 15px 0px 15px 0px; width:100%; display:block;}
ul#afbeeldingen li { float: left; display:block; margin:0px 10px 10px 0px; position:relative; background:#E9E6D5; border:solid 1px #CCCCCC; padding:6px; }
ul#afbeeldingen li a.afbeelding { height: 100px; width: 100px; display : block; text-decoration : none; }
ul#afbeeldingen li a:hover .afbeelding  { }
ul#afbeeldingen #afbeelding_large  {background:#E9E6D5; border:solid 1px #CCCCCC; padding:6px;}

/* documenten */
ul#documenten { margin: 15px 0px 15px 0px; padding: 5px 5px 5px 5px; list-style: square; clear: both; width: 540px; background-color : #BBC904;  }
ul#documenten li { list-style: none; margin: 10px; }
ul#documenten li a.document { color: #000000; }
ul#documenten li a:hover .document  { }
	
	
/* Contact ------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

div.form-container { overflow:auto }

div.errors { position: relative; width:467px; margin: 20px 0px; padding: 10px; border: #D1D43A 1px solid; background-color: #F7F8DC; display: none; }
div.errors p { margin: 0; }
div.errors p em { color: #001A5E; font-style: normal; font-weight: bold; }

div.message { position: relative; /* Needed to solve the Peekaboo bug in IE6 */ margin: 0 0 10px 0; padding: 0px 10px 17px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.message p { margin: 0; }
div.message p em { color: Green; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin:0px 0px 20px 0px; }
div.form-container form legend { font-weight:bold; color:#000048; }
div.form-container form fieldset div { }
div.form-container input { font-family: Verdana, Arial, Helvetica, sans-serif; width:300px; font-size: 100%; }
div.form-container textarea { font-family: Verdana, Arial, Helvetica, sans-serif; width:625px; font-size: 100%; overflow:auto; }
div.form-container div { float:left; margin:0px 20px 0px 0px; }
div.form-container input.button { width:auto; padding:0px 10px; }
div.form-container label, 
div.form-container span.label { display:block; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { 	position: relative; /* Needed to solve the Peekaboo bug in IE6 */ }
div.form-container div.real { display:none; }